<!doctype html>
<html class="no-js" lang="fr" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0"><link rel="shortcut icon" href="//lartdelabiere.fr/cdn/shop/files/Favicon.png?crop=center&height=48&v=1739196939&width=48" type="image/png" /><title>L'Art de la Bière Française : des bières artisanales 100% françaises
</title><meta name="description" content="Découvrez une sélection unique de bières artisanales françaises. Vente en ligne de bières de qualité, livrées rapidement chez vous. Explorez les saveurs authentiques de nos bières, brassées avec passion par des artisans français.">
<meta property="og:site_name" content="L'Art de la Bière">
<meta property="og:url" content="https://lartdelabiere.fr/">
<meta property="og:title" content="L'Art de la Bière Française : des bières artisanales 100% françaises">
<meta property="og:type" content="website">
<meta property="og:description" content="Découvrez une sélection unique de bières artisanales françaises. Vente en ligne de bières de qualité, livrées rapidement chez vous. Explorez les saveurs authentiques de nos bières, brassées avec passion par des artisans français."><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="L'Art de la Bière Française : des bières artisanales 100% françaises">
<meta name="twitter:description" content="Découvrez une sélection unique de bières artisanales françaises. Vente en ligne de bières de qualité, livrées rapidement chez vous. Explorez les saveurs authentiques de nos bières, brassées avec passion par des artisans français."><script type="application/ld+json">
[
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "L\u0026#39;Art de la Bière",
"url": "https:\/\/lartdelabiere.fr"
},
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "L\u0026#39;Art de la Bière",
"url": "https:\/\/lartdelabiere.fr"
}
]
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Accueil",
"item": "https://lartdelabiere.fr"
}]
}
</script><link rel="canonical" href="https://lartdelabiere.fr/">
<link rel="preconnect" href="https://cdn.shopify.com"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><link href="//lartdelabiere.fr/cdn/shop/t/19/assets/theme.css?v=69646378577744532091761764489" as="style" rel="preload"><link href="//lartdelabiere.fr/cdn/shop/t/19/assets/section-header.css?v=51535540884003263151761764489" as="style" rel="preload">
<link rel="preload" href="//lartdelabiere.fr/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="//lartdelabiere.fr/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2" as="font" type="font/woff2" crossorigin>
<style type="text/css">
@font-face {
font-family: Inter;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//lartdelabiere.fr/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
url("//lartdelabiere.fr/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//lartdelabiere.fr/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
url("//lartdelabiere.fr/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 500;
font-style: normal;
font-display: swap;
src: url("//lartdelabiere.fr/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"),
url("//lartdelabiere.fr/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//lartdelabiere.fr/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"),
url("//lartdelabiere.fr/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff");
}
</style>
<style type="text/css">
:root {
/* Direction */
--direction:ltr;
/* Font variables */
--font-stack-headings: Inter, sans-serif;
--font-weight-headings: 700;
--font-style-headings: normal;
--font-stack-body: Inter, sans-serif;
--font-weight-body: 400;--font-weight-body-bold: 500;--font-style-body: normal;--font-weight-buttons: var(--font-weight-body-bold);--font-weight-menu: var(--font-weight-body-bold);--base-headings-size: 70;
--base-headings-line: 1.1;
--base-headings-spacing: -0.01em;
--base-body-size: 15;
--base-body-line: 1.4;
--base-body-spacing: 0.0em;
--base-menu-size: 17;
/* Color variables */
--color-background-header: #ffffff;
--color-secondary-background-header: rgba(29, 29, 29, 0.08);
--color-opacity-background-header: rgba(255, 255, 255, 0);
--color-text-header: #1d1d1d;
--color-foreground-header: #f9f9f9;
--color-accent-header: #cefe03;
--color-foreground-accent-header: #000000;
--color-borders-header: rgba(29, 29, 29, 0.1);
--color-background-main: #ffffff;
--color-secondary-background-main: rgba(29, 29, 29, 0.08);
--color-third-background-main: rgba(29, 29, 29, 0.04);
--color-fourth-background-main: rgba(29, 29, 29, 0.02);
--color-opacity-background-main: rgba(255, 255, 255, 0);
--color-text-main: #1d1d1d;
--color-foreground-main: #f9f9f9;
--color-secondary-text-main: rgba(29, 29, 29, 0.62);
--color-accent-main: #cefe03;
--color-foreground-accent-main: #000000;
--color-borders-main: rgba(29, 29, 29, 0.15);
--color-background-cards: #f9f9f9;
--color-gradient-cards: ;
--color-text-cards: #1d1d1d;
--color-foreground-cards: #f9f9f9;
--color-secondary-text-cards: rgba(29, 29, 29, 0.6);
--color-accent-cards: #cefe03;
--color-foreground-accent-cards: #000000;
--color-borders-cards: #dfdfdf;
--color-background-footer: #1d1d1d;
--color-text-footer: #f9f9f9;
--color-accent-footer: #cefe03;
--color-borders-footer: rgba(249, 249, 249, 0.15);
--color-borders-forms-primary: rgba(29, 29, 29, 0.3);
--color-borders-forms-secondary: rgba(29, 29, 29, 0.6);
/* Borders */
--border-width-cards: 1px;
--border-radius-cards: 16px;
--border-width-buttons: 1px;
--border-radius-buttons: 30px;
--border-width-forms: 1px;
--border-radius-forms: 5px;
/* Shadows */
--shadow-x-cards: 0px;
--shadow-y-cards: 0px;
--shadow-blur-cards: 0px;
--color-shadow-cards: rgba(0,0,0,0);
--shadow-x-buttons: 0px;
--shadow-y-buttons: 0px;
--shadow-blur-buttons: 0px;
--color-shadow-buttons: rgba(0,0,0,0);
/* Layout */
--grid-gap-original-base: 30px;
--theme-max-width: 1360px;
--container-vertical-space-base: 60px;
--image-fit-padding: 5%;
}
@media screen and (max-width: 767px) {
:root {
--border-radius-cards: clamp(8px, 8px, 16px);
}
}
.facets__summary, #main select, .sidebar select, .modal-content select {
background-image: url('data:image/svg+xml;utf8,<svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="%231d1d1d"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="%231d1d1d"/></svg>');
}
.card .star-rating__stars {
background-image: url('data:image/svg+xml;utf8,<svg width="20" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m7 0 1.572 4.837h5.085l-4.114 2.99 1.572 4.836L7 9.673l-4.114 2.99 1.571-4.837-4.114-2.99h5.085L7 0Z" stroke="%231d1d1d" stroke-width="1"/></svg>');
}
.card .star-rating__stars-active {
background-image: url('data:image/svg+xml;utf8,<svg width="20" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m7 0 1.572 4.837h5.085l-4.114 2.99 1.572 4.836L7 9.673l-4.114 2.99 1.571-4.837-4.114-2.99h5.085L7 0Z" fill="%231d1d1d" stroke-width="0"/></svg>');
}
.star-rating__stars {
background-image: url('data:image/svg+xml;utf8,<svg width="20" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m7 0 1.572 4.837h5.085l-4.114 2.99 1.572 4.836L7 9.673l-4.114 2.99 1.571-4.837-4.114-2.99h5.085L7 0Z" stroke="%231d1d1d" stroke-width="1"/></svg>');
}
.star-rating__stars-active {
background-image: url('data:image/svg+xml;utf8,<svg width="20" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m7 0 1.572 4.837h5.085l-4.114 2.99 1.572 4.836L7 9.673l-4.114 2.99 1.571-4.837-4.114-2.99h5.085L7 0Z" fill="%231d1d1d" stroke-width="0"/></svg>');
}
.product-item {--color-borders-cards: #ffffff;}</style>
<style id="root-height">
:root {
--window-height: 100vh;
}
</style>
<script type="text/javascript">
window.KrownAssetLoader = {
loadedScripts: new Set(),
loadScript: function(url) {
if (this.loadedScripts.has(url)) return;
this.loadedScripts.add(url);
const script = document.createElement('script');
script.src = url;
script.defer = true;
document.head.appendChild(script);
}
};
</script><link href="//lartdelabiere.fr/cdn/shop/t/19/assets/theme.css?v=69646378577744532091761764489" rel="stylesheet" type="text/css" media="all" />
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/92140011867/digital_wallets/dialog">
<meta name="shopify-requires-components" content="true" product-ids="10149473550683,10189099270491">
<meta name="shopify-checkout-api-token" content="7c5de9bab1c79702cd37f8f63676e061">
<meta id="in-context-paypal-metadata" data-shop-id="92140011867" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="EUR">
<script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":92140011867,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/92140011867","merchantName":"L'Art de la Bière","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"L'Art de la Bière","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"7c5de9bab1c79702cd37f8f63676e061","betas":["rich-media-storefront-analytics"],"domain":"lartdelabiere.fr","predictiveSearch":true,"shopId":92140011867,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "s4w10z-ni.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"Local 3.1.1","id":188981215579,"schema_name":"Local","schema_version":"3.1.1","theme_store_id":1651,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "lartdelabiere.fr/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//lartdelabiere.fr/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_BcDpqI9l.fr.esm.js"></script>
<script defer="defer" async type="module" src="//lartdelabiere.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.common_a1Rf5Dlz.esm.js"></script>
<script defer="defer" async type="module" src="//lartdelabiere.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_Djra7sW9.esm.js"></script>
<script type="module">
await import("//lartdelabiere.fr/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_BcDpqI9l.fr.esm.js");
await import("//lartdelabiere.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.common_a1Rf5Dlz.esm.js");
await import("//lartdelabiere.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_Djra7sW9.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>(function() {
var isLoaded = false;
function asyncLoad() {
if (isLoaded) return;
isLoaded = true;
var urls = ["https:\/\/tools.luckyorange.com\/core\/lo.js?site-id=1d6c16c2\u0026shop=s4w10z-ni.myshopify.com"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
<script id="__st">var __st={"a":92140011867,"offset":3600,"reqid":"d3cdfce4-1ad1-4324-8a47-f469f0488d6c-1769050187","pageurl":"lartdelabiere.fr\/","u":"08b6497ca07f","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-4kQ18oKyAcykRKYeNunJcIwy7WH5gtpwJnB7kiuLZ1E=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//lartdelabiere.fr/cdn/shopifycloud/storefront/assets/storefront/load_feature-a0a9edcb.js" crossorigin="anonymous"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://lartdelabiere.fr/cdn/shopifycloud/portable-wallets/latest/portable-wallets.fr.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script>
function portableWalletsCleanup(e){e&&e.src&&console.error("Failed to load portable wallets script "+e.src);var t=document.querySelectorAll("shopify-accelerated-checkout .shopify-payment-button__skeleton, shopify-accelerated-checkout-cart .wallet-cart-button__skeleton"),e=document.getElementById("shopify-buyer-consent");for(let e=0;e<t.length;e++)t[e].remove();e&&e.remove()}function portableWalletsNotLoadedAsModule(e){e instanceof ErrorEvent&&"string"==typeof e.message&&e.message.includes("import.meta")&&"string"==typeof e.filename&&e.filename.includes("portable-wallets")&&(window.removeEventListener("error",portableWalletsNotLoadedAsModule),window.Shopify.PaymentButton.failedToLoad=e,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",window.Shopify.PaymentButton.init):window.Shopify.PaymentButton.init())}window.addEventListener("error",portableWalletsNotLoadedAsModule);
</script>
<script type="module" src="https://lartdelabiere.fr/cdn/shopifycloud/portable-wallets/latest/portable-wallets.fr.js" onerror="portableWalletsCleanup(this)" crossorigin="anonymous"></script>
<script nomodule>
document.addEventListener("DOMContentLoaded", portableWalletsCleanup);
</script>
<script id='scb4127' type='text/javascript' async='' src='https://lartdelabiere.fr/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://lartdelabiere.fr/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
#shopify-buyer-consent {
margin-top: 1em;
display: inline-block;
width: 100%;
}
#shopify-buyer-consent.hidden {
display: none;
}
#shopify-subscription-policy-button {
background: none;
border: none;
padding: 0;
text-decoration: underline;
font-size: inherit;
cursor: pointer;
}
#shopify-subscription-policy-button::before {
box-shadow: none;
}
</style>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<script>
const rbi = [];
const ribSetSize = (img) => {
if ( img.offsetWidth / img.dataset.ratio < img.offsetHeight ) {
img.setAttribute('sizes', `${Math.ceil(img.offsetHeight * img.dataset.ratio)}px`);
} else {
img.setAttribute('sizes', `${Math.ceil(img.offsetWidth)}px`);
}
}
const debounce = (fn, wait) => {
let t;
return (...args) => {
clearTimeout(t);
t = setTimeout(() => fn.apply(this, args), wait);
};
}
window.KEYCODES = {
TAB: 9,
ESC: 27,
DOWN: 40,
RIGHT: 39,
UP: 38,
LEFT: 37,
RETURN: 13
};
window.addEventListener('resize', debounce(()=>{
for ( let img of rbi ) {
ribSetSize(img);
}
}, 250));
</script><noscript>
<link rel="stylesheet" href="//lartdelabiere.fr/cdn/shop/t/19/assets/theme-noscript.css?v=42099867224588620941761764489">
</noscript>
<!-- BEGIN app block: shopify://apps/seolab-seo-optimizer/blocks/app_embed/faf700f6-3b71-45c3-86d4-83ea9f7d9216 -->
<script type="text/javascript">
document.addEventListener("DOMContentLoaded",function(e){var n=window.location.href;if(n.indexOf("#seotid")>-1){var t=n.split("#seotid");let p=new Headers;p.append("Content-Type","application/json");let o=new FormData;o.append("shop","s4w10z-ni.myshopify.com"),o.append("tid",t[1]),o.append("type","add_traffic"),fetch("/apps/seo-lab",{method:"POST",headers:{Accept:"application/json"},body:o}).then(e=>e.json()).then(e=>{window.history.replaceState({}, '', t[0])})}else fetch(n,{method:"HEAD"}).then(e=>{if(404===e.status){var t=n.split(window.location.origin);let p=new FormData;p.append("shop","s4w10z-ni.myshopify.com"),p.append("url",t[1]),p.append("type","unresolve_url_recieve"),fetch("/apps/seo-lab",{method:"POST",headers:{Accept:"application/json"},body:p}).then(e=>e.json()).then(e=>{e.success&&console.log("Added")})}})});
</script>
<script type="text/javascript">
let St,Se,Sn,So,Si,Sa=null,Ss=65,Sc=new Set;const r=1111;function d(St){So=performance.now();const Se=St.target.closest("a");Fm(Se)&&p(Se.href,"high")}function u(St){if(performance.now()-So<r)return;if(!("closest"in St.target))return;const Se=St.target.closest("a");Fm(Se)&&(Se.addEventListener("mouseout",f,{passive:!0}),Si=setTimeout(()=>{p(Se.href,"high"),Si=void 0},Ss))}function l(St){const Se=St.target.closest("a");Fm(Se)&&p(Se.href,"high")}function f(St){St.relatedTarget&&St.target.closest("a")==St.relatedTarget.closest("a")||Si&&(clearTimeout(Si),Si=void 0)}function h(St){if(performance.now()-So<r)return;const Se=St.target.closest("a");if(St.which>1||St.metaKey||St.ctrlKey)return;if(!Se)return;Se.addEventListener("click",function(St){1337!=St.detail&&St.preventDefault()},{capture:!0,passive:!1,once:!0});const Sn=new MouseEvent("click",{view:window,bubbles:!0,cancelable:!1,detail:1337});Se.dispatchEvent(Sn)}function Fm(So){if(So&&So.href&&(!Sn||"instant"in So.dataset)){if(So.origin!=location.origin){if(!(Se||"instant"in So.dataset)||!Sa)return}if(["http:","https:"].includes(So.protocol)&&("http:"!=So.protocol||"https:"!=location.protocol)&&(St||!So.search||"instant"in So.dataset)&&!(So.hash&&So.pathname+So.search==location.pathname+location.search||"noInstant"in So.dataset))return!0}}function p(St,Se="auto"){if(Sc.has(St))return;const Sn=document.createElement("link");Sn.rel="prefetch",Sn.href=St,Sn.fetchPriority=Se,Sn.as="document",document.head.appendChild(Sn),Sc.add(St)}!function(){if(!document.createElement("link").relList.supports("prefetch"))return;const So="instantVaryAccept"in document.body.dataset||"Shopify"in window,Si=navigator.userAgent.indexOf("Chrome/");Si>-1&&(Sa=parseInt(navigator.userAgent.substring(Si+"Chrome/".length)));if(So&&Sa&&Sa<110)return;const Sc="instantMousedownShortcut"in document.body.dataset;St="instantAllowQueryString"in document.body.dataset,Se="instantAllowExternalLinks"in document.body.dataset,Sn="instantWhitelist"in document.body.dataset;const r={capture:!0,passive:!0};let f=!1,v=!1,g=!1;if("instantIntensity"in document.body.dataset){const St=document.body.dataset.instantIntensity;if(St.startsWith("mousedown"))f=!0,"mousedown-only"==St&&(v=!0);else if(St.startsWith("viewport")){const Se=navigator.connection&&navigator.connection.saveData,Sn=navigator.connection&&navigator.connection.effectiveType&&navigator.connection.effectiveType.includes("2g");Se||Sn||("viewport"==St?document.documentElement.clientWidth*document.documentElement.clientHeight<45e4&&(g=!0):"viewport-all"==St&&(g=!0))}else{const Se=parseInt(St);isNaN(Se)||(Ss=Se)}}v||document.addEventListener("touchstart",d,r);f?Sc||document.addEventListener("mousedown",l,r):document.addEventListener("mouseover",u,r);Sc&&document.addEventListener("mousedown",h,r);if(g){let St=window.requestIdleCallback;St||(St=(St=>{St()})),St(function(){const St=new IntersectionObserver(Se=>{Se.forEach(Se=>{if(Se.isIntersecting){const Sn=Se.target;St.unobserve(Sn),p(Sn.href)}})});document.querySelectorAll("a").forEach(Se=>{Fm(Se)&&St.observe(Se)})},{timeout:1500})}}();
</script>
<!-- END app block --><script src="https://cdn.shopify.com/extensions/e8878072-2f6b-4e89-8082-94b04320908d/inbox-1254/assets/inbox-chat-loader.js" type="text/javascript" defer="defer"></script>
<link href="https://cdn.shopify.com/extensions/019bb6a5-4a9f-7225-a75a-dc39472f86dc/madgic-checkout-validation-261/assets/orichi-limit-purchase.css" rel="stylesheet" type="text/css" media="all">
<script src="https://cdn.shopify.com/extensions/19689677-6488-4a31-adf3-fcf4359c5fd9/forms-2295/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 92140011867,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 92140011867,storefrontBaseUrl: "https://lartdelabiere.fr",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86"],webPixelsConfigList: [{"id":"3168534875","configuration":"{\"siteId\":\"1d6c16c2\",\"environment\":\"production\",\"isPlusUser\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d38a2000dcd0eb072d7eed6a88122b6b","type":"APP","apiClientId":187969,"privacyPurposes":["ANALYTICS","MARKETING"],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[]}},{"id":"2984706395","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-LF0TL78WTX\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-LF0TL78WTX\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-LF0TL78WTX\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-LF0TL78WTX\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-LF0TL78WTX\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-LF0TL78WTX\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-LF0TL78WTX\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-LF0TL78WTX\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"b2a88bafab3e21179ed38636efcd8a93","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"L'Art de la Bière","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"s4w10z-ni.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/lartdelabiere.fr"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://lartdelabiere.fr/cdn","fcfee988w5aeb613cpc8e4bc33m6693e112",{"modern":"","legacy":""},{"shopId":"92140011867","storefrontBaseUrl":"https:\/\/lartdelabiere.fr","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"fcfee988w5aeb613cpc8e4bc33m6693e112","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"home","requestId":"d3cdfce4-1ad1-4324-8a47-f469f0488d6c-1769050187"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 92140011867,
theme_id: 188981215579,
app_name: "storefront",
context_url: window.location.href,
source_url: "//lartdelabiere.fr/cdn/s/trekkie.storefront.cd680fe47e6c39ca5d5df5f0a32d569bc48c0f27.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//lartdelabiere.fr/cdn/s/trekkie.storefront.cd680fe47e6c39ca5d5df5f0a32d569bc48c0f27.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//lartdelabiere.fr/cdn/s/trekkie.storefront.cd680fe47e6c39ca5d5df5f0a32d569bc48c0f27.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":92140011867,"isMerchantRequest":null,"themeId":188981215579,"themeCityHash":"7146586720953510376","contentLanguage":"fr","currency":"EUR","eventMetadataId":"f61795a2-eb28-47c3-8af8-3bcc03721af7"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["65f19447"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"d3cdfce4-1ad1-4324-8a47-f469f0488d6c-1769050187","shopifyEmitted":true});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//lartdelabiere.fr/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://lartdelabiere.fr/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.0.4.min.js"
data-application="storefront-renderer"
data-shop-id="92140011867"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="188981215579"
data-theme-name="Local"
data-theme-version="3.1.1"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://lartdelabiere.fr/api/collect"
></script>
</head>
<body id="l-39-art-de-la-biere-francaise-des-bieres-artisanales-100-francaises" class="no-touchevents template-index template-index sidebars-has-scrollbars">
<script type="text/javascript">
if ( 'ontouchstart' in window || window.DocumentTouch && document instanceof DocumentTouch ) { document.querySelector('body').classList.remove('no-touchevents'); document.querySelector('body').classList.add('touchevents'); }
</script>
<a href="#main" class="visually-hidden skip-to-content" tabindex="0" data-js-inert>Passer au contenu</a>
<div id="screen-reader-info" aria-live="polite" class="visually-hidden"></div>
<link href="//lartdelabiere.fr/cdn/shop/t/19/assets/section-header.css?v=51535540884003263151761764489" rel="stylesheet" type="text/css" media="all" />
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--26905061851483__announcement" class="shopify-section shopify-section-group-header-group mount-announcement-bar"><announcement-bar id="announcement-sections--26905061851483__announcement" style="display:block" data-js-inert>
<div class="container--large">
<div class="announcement-bar">
<div class="announcement-bar__social-icons lap-hide"><div class="social-icons"><a href="https://www.facebook.com/lartdelabiere.fr" target="_blank">
<span class="visually-hidden">Facebook</span>
<span class="icon" aria-hidden="true"><svg fill="none" height="120" viewbox="0 0 120 120" width="120" xmlns="http://www.w3.org/2000/svg"><path d="m81.3942 66.8069 2.8527-18.2698h-17.8237v-11.8507c0-5.0051 2.4876-9.8755 10.4751-9.8755h8.1017v-15.5765s-7.3485-1.2344-14.4004-1.2344c-14.6743 0-24.2822 8.7533-24.2822 24.5991v13.938h-16.3174v18.2698h16.3174v44.1931h20.083v-44.1931z" fill="#000"/></svg></span>
</a><a href="https://www.instagram.com/lartdelabiere.fr/" target="_blank">
<span class="visually-hidden">Instagram</span>
<span class="icon" aria-hidden="true"><svg fill="none" height="120" viewbox="0 0 120 120" width="120" xmlns="http://www.w3.org/2000/svg"><path d="m60 10c-13.606 0-15.2957.0667-20.6092.289-5.3357.2668-8.9595 1.0894-12.1387 2.3344-3.2903 1.2895-6.0916 3.0013-8.8484 5.7803-2.779 2.7568-4.5131 5.5581-5.7803 8.8484-1.245 3.1792-2.0676 6.803-2.3344 12.1387-.2445 5.3357-.289 7.0254-.289 20.6092s.0667 15.2957.289 20.6092c.2668 5.3357 1.0894 8.9595 2.3344 12.1387 1.2895 3.2903 3.0013 6.0916 5.7803 8.8481 2.7568 2.779 5.5581 4.513 8.8484 5.781 3.1792 1.222 6.8253 2.067 12.1387 2.334 5.3357.245 7.0254.289 20.6092.289s15.2957-.067 20.6092-.289c5.3357-.267 8.9595-1.112 12.1387-2.334 3.2903-1.29 6.0916-3.002 8.8481-5.781 2.779-2.7565 4.513-5.5578 5.781-8.8481 1.222-3.1792 2.067-6.8253 2.334-12.1387.245-5.3357.289-7.0254.289-20.6092s-.067-15.2957-.289-20.6092c-.267-5.3357-1.112-8.9817-2.334-12.1387-1.29-3.2903-3.002-6.0916-5.781-8.8484-2.7565-2.779-5.5578-4.5131-8.8481-5.7803-3.1792-1.245-6.8253-2.0676-12.1387-2.3344-5.3135-.2445-7.0032-.289-20.6092-.289zm0 9.004c13.3615 0 14.94.0667 20.2312.289 4.8688.2223 7.5145 1.0449 9.2708 1.7341 2.3566.9115 3.9795 1.9787 5.7581 3.735 1.7341 1.7341 2.8235 3.4015 3.735 5.7581.6892 1.7564 1.5119 4.402 1.7339 9.2708.223 5.269.289 6.8697.289 20.2312s-.066 14.94-.311 20.2312c-.267 4.8689-1.0672 7.5145-1.7564 9.2708-.9559 2.3566-2.0008 3.9796-3.7572 5.7581-1.7563 1.7342-3.446 2.8235-5.7581 3.735-1.7341.6892-4.4242 1.5117-9.3152 1.7337-5.3135.223-6.8698.289-20.2535.289s-14.94-.066-20.2534-.311c-4.8689-.267-7.559-1.0669-9.3153-1.7561-2.3788-.956-4.0018-2.0009-5.7581-3.7573-1.7563-1.7563-2.8902-3.4459-3.735-5.7581-.7114-1.7341-1.5118-4.4242-1.7563-9.3152-.1779-5.2468-.2668-6.8697-.2668-20.1868 0-13.317.0889-14.9399.2668-20.2534.2668-4.8911 1.0671-7.5589 1.7563-9.3153.8671-2.3788 1.9787-4.0017 3.735-5.7581 1.7341-1.7341 3.3793-2.8679 5.7581-3.7572 1.7563-.6892 4.3797-1.4896 9.2708-1.7341 5.3135-.2001 6.8697-.2668 20.2312-.2668zm0 15.3402c-14.2063 0-25.6781 11.494-25.6781 25.678 0 14.2063 11.494 25.6781 25.6781 25.6781 14.2063 0 25.6781-11.494 25.6781-25.6781 0-14.184-11.494-25.678-25.6781-25.678zm0 42.3521c-9.2263 0-16.6741-7.4477-16.6741-16.6741 0-9.2263 7.4478-16.674 16.6741-16.674s16.6741 7.4477 16.6741 16.674c0 9.2264-7.4478 16.6741-16.6741 16.6741zm32.7257-43.3748c0 3.3348-2.7124 6.0026-6.0027 6.0026-3.3348 0-6.0027-2.69-6.0027-6.0026s2.7123-6.0027 6.0027-6.0027c3.2903 0 6.0027 2.6901 6.0027 6.0027z" fill="#000"/></svg></span>
</a><a href="https://www.linkedin.com/company/lartdelabiere/" target="_blank">
<span class="visually-hidden">LinkedIn</span>
<span class="icon" aria-hidden="true"><svg fill="none" height="120" viewbox="0 0 120 120" width="120" xmlns="http://www.w3.org/2000/svg"><path d="m32.154 110h-20.526v-66.7704h20.526zm-10.274-75.8835c-6.556 0-11.88-5.4901-11.88-12.1138s5.324-12.0027 11.88-12.0027 11.88 5.379 11.88 12.0027c.022 6.6237-5.302 12.1138-11.88 12.1138zm87.098 75.8835h-20.482v-32.5183c0-7.7573-.154-17.6929-10.67-17.6929-10.67 0-12.298 8.4241-12.298 17.115v33.0962h-20.504v-66.7704h19.69v9.1131h.286c2.75-5.2456 9.438-10.7801 19.426-10.7801 20.746-.0223 24.574 13.803 24.574 31.7626v36.6748z" fill="#000"/></svg></span>
</a><a href="https://wa.me/33768220602" target="_blank">
<span class="visually-hidden">WhatsApp</span>
<span class="icon" aria-hidden="true"><svg fill="none" height="120" viewbox="0 0 120 120" width="120" xmlns="http://www.w3.org/2000/svg"><path d="m60.9067 10c-27.1109 0-49.0911 21.8083-49.0911 48.7125 0 9.2031 2.5741 17.8103 7.0444 25.1533l-8.86 26.1342 27.1795-8.634c7.033 3.858 15.1216 6.059 23.7272 6.059 27.1145 0 49.0933-21.8114 49.0933-48.7125 0-26.9042-21.9788-48.7125-49.0933-48.7125zm24.4112 67.212c-1.155 2.8632-6.3782 5.4762-8.6829 5.5965-2.3022.1221-2.3678 1.7843-14.9196-3.6683-12.5502-5.454-20.1009-18.7152-20.6962-19.5692-.5958-.8509-4.8616-6.9302-4.6315-13.048.2317-6.119 3.5819-9.0058 4.7777-10.2065 1.1944-1.2024 2.5638-1.4178 3.4-1.4315.9884-.016 1.6286-.0294 2.36-.0024.7308.0277 1.8286-.1529 2.7791 2.3748.95 2.5274 3.2238 8.7395 3.5147 9.3725.2906.6337.4705 1.3674.0228 2.181-.4491.8154-.6791 1.3248-1.3306 2.0275-.6552.7027-1.3781 1.5719-1.9625 2.1091-.6518.5949-1.3326 1.2438-.6473 2.5154.6848 1.2708 3.0475 5.4367 6.6471 8.8697 4.6261 4.4132 8.6156 5.877 9.8433 6.544 1.231.6705 1.9656.5959 2.729-.2074.7598-.8034 3.2676-3.5147 4.1509-4.7252.8828-1.2139 1.71-.9762 2.8442-.5199 1.1334.458 7.1779 3.6955 8.4091 4.3641 1.2299.6672 2.052 1.0109 2.346 1.5401.294.5313.2011 3.0204-.9533 5.8837z" fill="#000"/></svg></span>
</a></div></div>
<div class="announcement-bar__content"><div class="announcement-bar__slider" data-js-slider><span class="announcement" ><a
href="/products/carte-cadeau-lart-de-la-biere"
>Cadeau de dernière minute : offrez une carte cadeau, reçue instantanément !
</a></span></div></div>
<div class="announcement-bar__localization-form lap-hide"></div>
</div>
</div>
</announcement-bar>
<style data-shopify>
#announcement-sections--26905061851483__announcement .announcement-bar, #announcement-sections--26905061851483__announcement .announcement-bar a, #announcement-sections--26905061851483__announcement .announcement-bar .localization-form__item-text {
color: #000000;
}
#announcement-sections--26905061851483__announcement .announcement-bar svg *, #announcement-sections--26905061851483__announcement .announcement-bar .localization-form__item-symbol * {
fill: #000000;
}#announcement-sections--26905061851483__announcement, #announcement-sections--26905061851483__announcement .announcement-bar__content-nav {
background: #cefe03;
}</style>
<style> #shopify-section-sections--26905061851483__announcement span.announcement {font-weight: 500;} </style></div><div id="shopify-section-sections--26905061851483__header" class="shopify-section shopify-section-group-header-group site-header-container mount-header"><style data-shopify>
.header__top {
--header-logo: 45px;
}
@media screen and (max-width: 767px) {
.header__top {
--header-logo: 40px;
}
#logo-sticky .logo-img {
--header-logo: 40px
}
}
@media screen and (min-width: 1361px) {
.site-nav.style--classic .submenu.mega-menu {
width: 100vw;
max-width: 100%;
margin-inline-start: 0;
}
}
</style>
<main-header
id="site-header"
class="site-header"
data-js-inert
data-sticky-header
>
<div class="header-container header-container--top hide-border-on-portable">
<div class="header__top container--large">
<!-- logo -->
<div id="logo" class="logo"><a class="logo-img logo-img--mobile" title="L'Art de la Bière" href="/"><img
src="//lartdelabiere.fr/cdn/shop/files/Logotype.svg?v=1738871845"
alt="L'Art de la Bière"
width="573"
height="173"
style="width: 149px; object-fit:contain"
>
</a><a
class="logo-img logo-img--desk-only"
title="L'Art de la Bière"
href="/"
style="height:var(--header-logo)"
><img
src="//lartdelabiere.fr/cdn/shop/files/Logotype.svg?v=1738871845"
alt="L'Art de la Bière"
width="573"
height="173"
style="width: 149px; object-fit:contain"
>
</a>
</div>
<!-- header blocks -->
<div class="header-actions header-actions--buttons header-actions--show-search portable-hide"><search-form style="position:relative">
<div class="button button--outline button--icon button--outline-hover button--no-padding button--no-hover site-search-handle">
<span class="button__icon" role="img" aria-hidden="true"><svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="10.5" cy="10.5" r="7.5" stroke="black" stroke-width="2" style="fill:none!important"/><path d="M17.1213 15.2929L16.4142 14.5858L15 16L15.7071 16.7071L17.1213 15.2929ZM19.2426 20.2426C19.6331 20.6332 20.2663 20.6332 20.6568 20.2426C21.0473 19.8521 21.0473 19.219 20.6568 18.8284L19.2426 20.2426ZM15.7071 16.7071L19.2426 20.2426L20.6568 18.8284L17.1213 15.2929L15.7071 16.7071Z" fill="black" style="stroke:none!important"/></svg></span>
<form action="/search" method="get" role="search" autocomplete="off">
<input
name="q"
type="search"
autocomplete="off"
placeholder="Rechercher..."
aria-label="Rechercher..."
data-js-search-input
data-js-focus-overlay="search-results-overlay-desktop"
>
<button type="submit" style="display:none">Envoyer</button>
</form>
</div>
<div
class="search-results-overlay"
id="search-results-overlay-desktop"
onclick="this.classList.remove('active')"
style="display:none"
></div>
<div class="search-results-container" data-js-search-results></div>
</search-form>
<a class="button button--outline button--icon" href="https://compte.lartdelabiere.fr?locale=fr®ion_country=FR"><span class="button__icon" role="img" aria-hidden="true"><svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3333 19.25V17.4167C18.3333 16.4442 17.947 15.5116 17.2593 14.8239C16.5717 14.1363 15.6391 13.75 14.6666 13.75H7.33329C6.36083 13.75 5.4282 14.1363 4.74057 14.8239C4.05293 15.5116 3.66663 16.4442 3.66663 17.4167V19.25" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="fill:none!important"/><path d="M11 10.0833C13.0251 10.0833 14.6667 8.44171 14.6667 6.41667C14.6667 4.39162 13.0251 2.75 11 2.75C8.975 2.75 7.33337 4.39162 7.33337 6.41667C7.33337 8.44171 8.975 10.0833 11 10.0833Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="fill:none!important"/></svg></span>
Mon compte
</a>
<a
class="button button--solid button--icon no-js-hidden button--cart-handle"
data-js-sidebar-handle aria-expanded="false" aria-controls="site-cart-sidebar" role="button"
title="Ouvrir le panier"
tabindex="0"
>
<span class="visually-hidden">Ouvrir le panier</span>
<span class="button__icon" role="img" aria-hidden="true"><svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-left:-2px"><path class="circle" d="M9.5 20C9.77614 20 10 19.7761 10 19.5C10 19.2239 9.77614 19 9.5 19C9.22386 19 9 19.2239 9 19.5C9 19.7761 9.22386 20 9.5 20Z" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path class="circle" d="M18.5 20C18.7761 20 19 19.7761 19 19.5C19 19.2239 18.7761 19 18.5 19C18.2239 19 18 19.2239 18 19.5C18 19.7761 18.2239 20 18.5 20Z" fill="white" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /><path d="M3 3H6.27273L8.46545 13.7117C8.54027 14.08 8.7452 14.4109 9.04436 14.6464C9.34351 14.8818 9.71784 15.0069 10.1018 14.9997H18.0545C18.4385 15.0069 18.8129 14.8818 19.112 14.6464C19.4112 14.4109 19.6161 14.08 19.6909 13.7117L21 6.9999H7.09091" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="fill:none !important"/></svg></span>
<span class="visually-hidden">Mon panier
Total:</span
>
<span data-header-cart-total>€0,00</span>
<span data-header-cart-count class="element--wrap-paranth" aria-hidden="true">0</span>
<span class="visually-hidden"> produit dans votre panier</span>
</a>
<noscript>
<a
class="button button--solid button--icon button--regular data-js-hidden"
href="/cart"
tabindex="0"
>
<span class="button__icon" role="img" aria-hidden="true"><svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-left:-2px"><path class="circle" d="M9.5 20C9.77614 20 10 19.7761 10 19.5C10 19.2239 9.77614 19 9.5 19C9.22386 19 9 19.2239 9 19.5C9 19.7761 9.22386 20 9.5 20Z" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path class="circle" d="M18.5 20C18.7761 20 19 19.7761 19 19.5C19 19.2239 18.7761 19 18.5 19C18.2239 19 18 19.2239 18 19.5C18 19.7761 18.2239 20 18.5 20Z" fill="white" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /><path d="M3 3H6.27273L8.46545 13.7117C8.54027 14.08 8.7452 14.4109 9.04436 14.6464C9.34351 14.8818 9.71784 15.0069 10.1018 14.9997H18.0545C18.4385 15.0069 18.8129 14.8818 19.112 14.6464C19.4112 14.4109 19.6161 14.08 19.6909 13.7117L21 6.9999H7.09091" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="fill:none !important"/></svg></span>
<span data-header-cart-total aria-hidden="true">€0,00</span
> (<span data-header-cart-count aria-hidden="true">0</span>)
</a>
</noscript>
</div>
<button
data-js-sidebar-handle
class="mobile-menu-button hide portable-show"
aria-expanded="false"
aria-controls="site-menu-sidebar"
>
<span class="visually-hidden">Ouvrir le menu</span><svg fill="none" height="16" viewbox="0 0 20 16" width="20" xmlns="http://www.w3.org/2000/svg"><g fill="#000"><path d="m0 0h20v2h-20z"/><path d="m0 7h20v2h-20z"/><path d="m0 14h20v2h-20z"/></g></svg></button>
<a
data-js-sidebar-handle aria-expanded="false" aria-controls="site-cart-sidebar" role="button"
class="mobile-cart-button hide portable-show"
title="Ouvrir le panier"
tabindex="0"
>
<span class="visually-hidden">Ouvrir le panier</span><svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-left:-2px"><path class="circle" d="M9.5 20C9.77614 20 10 19.7761 10 19.5C10 19.2239 9.77614 19 9.5 19C9.22386 19 9 19.2239 9 19.5C9 19.7761 9.22386 20 9.5 20Z" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path class="circle" d="M18.5 20C18.7761 20 19 19.7761 19 19.5C19 19.2239 18.7761 19 18.5 19C18.2239 19 18 19.2239 18 19.5C18 19.7761 18.2239 20 18.5 20Z" fill="white" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /><path d="M3 3H6.27273L8.46545 13.7117C8.54027 14.08 8.7452 14.4109 9.04436 14.6464C9.34351 14.8818 9.71784 15.0069 10.1018 14.9997H18.0545C18.4385 15.0069 18.8129 14.8818 19.112 14.6464C19.4112 14.4109 19.6161 14.08 19.6909 13.7117L21 6.9999H7.09091" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="fill:none !important"/></svg><span data-header-cart-count aria-hidden="true">0</span>
</a>
</div>
</div>
<!-- header menu --><div
class="header-container header-container--bottom show-header-actions-on-mobile"
>
<div class="header__bottom container--large">
<span class="scrollable-navigation-button scrollable-navigation-button--left" aria-hidden="true"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span>
<scrollable-navigation class="header-links"><div class="site-nav style--classic">
<div class="site-nav-container">
<nav><ul class="link-list"><li
id="menu-item-🎁-noel"
>
<a
class="menu-link no-focus-link"
href="/collections/cadeaux-de-noel"
>
<span><span class="text-animation--underline-in-header">🎁 Noël</span></span>
</a>
</li><li
class="has-submenu"
id="menu-item-bieres"
>
<a
class="menu-link"
href="/collections/bieres-artisanales"
aria-controls="SiteNavLabel-bieres-classic" aria-expanded="false" aria-haspopup="true"
>
<span><span class="text-animation--underline-in-header">Bières</span></span>
<span class="icon"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span>
</a>
<ul
class="submenu mega-menu"
id="SiteNavLabel-bieres-classic"
>
<div class="submenu-holder container--large gutter--regular"><div class="submenu-masonry without-promotion"><li
class="mega-link has-babymenu"
><a class="menu-link"
href="#"
aria-controls="SiteNavLabel-bieres-par-couleur-classic" aria-expanded="false" aria-haspopup="true"
>
<span><span class="text-animation--underline-in-header">Bières par couleur</span></span><span class="icon"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span></a><div class="babymenu">
<ul
id="SiteNavLabel-bieres-par-couleur-classic"
>
<li><a title="Blanches" class="menu-link no-focus-link" href="/collections/bieres-blanches"><span><span class="text-animation--underline-in-header">Blanches</span></span></a></li>
<li><a title="Blondes" class="menu-link no-focus-link" href="/collections/bieres-blondes"><span><span class="text-animation--underline-in-header">Blondes</span></span></a></li>
<li><a title="Rousses" class="menu-link no-focus-link" href="/collections/bieres-rousses"><span><span class="text-animation--underline-in-header">Rousses</span></span></a></li>
<li><a title="Ambrées" class="menu-link no-focus-link" href="/collections/bieres-ambrees"><span><span class="text-animation--underline-in-header">Ambrées</span></span></a></li>
<li><a title="Brunes" class="menu-link no-focus-link" href="/collections/bieres-brunes"><span><span class="text-animation--underline-in-header">Brunes</span></span></a></li>
<li><a title="Noires" class="menu-link no-focus-link" href="/collections/bieres-noires"><span><span class="text-animation--underline-in-header">Noires</span></span></a></li>
</ul></div></li><li
class="mega-link has-babymenu"
><a class="menu-link"
href="#"
aria-controls="SiteNavLabel-bieres-par-type-classic" aria-expanded="false" aria-haspopup="true"
>
<span><span class="text-animation--underline-in-header">Bières par type</span></span><span class="icon"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span></a><div class="babymenu">
<ul
id="SiteNavLabel-bieres-par-type-classic"
>
<li><a title="Ale" class="menu-link no-focus-link" href="/collections/ale"><span><span class="text-animation--underline-in-header">Ale</span></span></a></li>
<li><a title="Belgian Ale" class="menu-link no-focus-link" href="/collections/belgian-ale"><span><span class="text-animation--underline-in-header">Belgian Ale</span></span></a></li>
<li><a title="Bière de blé" class="menu-link no-focus-link" href="/collections/biere-de-ble"><span><span class="text-animation--underline-in-header">Bière de blé</span></span></a></li>
<li><a title="Bière de riz" class="menu-link no-focus-link" href="/collections/biere-de-riz"><span><span class="text-animation--underline-in-header">Bière de riz</span></span></a></li>
<li><a title="IPA" class="menu-link no-focus-link" href="/collections/ipa"><span><span class="text-animation--underline-in-header">IPA</span></span></a></li>
<li><a title="Lager" class="menu-link no-focus-link" href="/collections/lager"><span><span class="text-animation--underline-in-header">Lager</span></span></a></li>
<li><a title="Porter" class="menu-link no-focus-link" href="/collections/porter"><span><span class="text-animation--underline-in-header">Porter</span></span></a></li>
<li><a title="Saison" class="menu-link no-focus-link" href="/collections/saison"><span><span class="text-animation--underline-in-header">Saison</span></span></a></li>
<li><a title="Sour Ale" class="menu-link no-focus-link" href="/collections/sour-ale"><span><span class="text-animation--underline-in-header">Sour Ale</span></span></a></li>
<li><a title="Stout" class="menu-link no-focus-link" href="/collections/stout"><span><span class="text-animation--underline-in-header">Stout</span></span></a></li>
<li><a title="Triple" class="menu-link no-focus-link" href="/collections/triple"><span><span class="text-animation--underline-in-header">Triple</span></span></a></li>
<li><a title="Vieillies en fût" class="menu-link no-focus-link" href="/collections/vieillie-en-fut"><span><span class="text-animation--underline-in-header">Vieillies en fût</span></span></a></li>
</ul></div></li><li
class="mega-link has-babymenu"
><a class="menu-link"
href="#"
aria-controls="SiteNavLabel-bieres-par-saveur-classic" aria-expanded="false" aria-haspopup="true"
>
<span><span class="text-animation--underline-in-header">Bières par saveur</span></span><span class="icon"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span></a><div class="babymenu">
<ul
id="SiteNavLabel-bieres-par-saveur-classic"
>
<li><a title="Bières acidulées" class="menu-link no-focus-link" href="/collections/bieres-acidulees"><span><span class="text-animation--underline-in-header">Bières acidulées</span></span></a></li>
<li><a title="Bières amères" class="menu-link no-focus-link" href="/collections/bieres-ameres"><span><span class="text-animation--underline-in-header">Bières amères</span></span></a></li>
<li><a title="Bières épicées" class="menu-link no-focus-link" href="/collections/bieres-epicees"><span><span class="text-animation--underline-in-header">Bières épicées</span></span></a></li>
<li><a title="Bières florales" class="menu-link no-focus-link" href="/collections/bieres-florales"><span><span class="text-animation--underline-in-header">Bières florales</span></span></a></li>
<li><a title="Bières fumées" class="menu-link no-focus-link" href="/collections/bieres-fumees"><span><span class="text-animation--underline-in-header">Bières fumées</span></span></a></li>
<li><a title="Bières fruitées" class="menu-link no-focus-link" href="/collections/bieres-fruitees"><span><span class="text-animation--underline-in-header">Bières fruitées</span></span></a></li>
<li><a title="Bières houblonnées" class="menu-link no-focus-link" href="/collections/bieres-houblonnees"><span><span class="text-animation--underline-in-header">Bières houblonnées</span></span></a></li>
<li><a title="Bières torréfiées" class="menu-link no-focus-link" href="/collections/bieres-torrefiees"><span><span class="text-animation--underline-in-header">Bières torréfiées</span></span></a></li>
</ul></div></li><li
class="mega-link has-babymenu"
><a class="menu-link"
href="#"
aria-controls="SiteNavLabel-bieres-par-region-classic" aria-expanded="false" aria-haspopup="true"
>
<span><span class="text-animation--underline-in-header">Bières par région</span></span><span class="icon"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span></a><div class="babymenu">
<ul
id="SiteNavLabel-bieres-par-region-classic"
>
<li><a title="Auvergne-Rhône-Alpes" class="menu-link no-focus-link" href="/collections/bieres-dauvergne-rhone-alpes"><span><span class="text-animation--underline-in-header">Auvergne-Rhône-Alpes</span></span></a></li>
<li><a title="Bourgogne-Franche-Comté" class="menu-link no-focus-link" href="/collections/bieres-de-bourgogne-franche-comte"><span><span class="text-animation--underline-in-header">Bourgogne-Franche-Comté</span></span></a></li>
<li><a title="Bretagne" class="menu-link no-focus-link" href="/collections/bieres-de-bretagne"><span><span class="text-animation--underline-in-header">Bretagne</span></span></a></li>
<li><a title="Corse" class="menu-link no-focus-link" href="/collections/bieres-de-corse"><span><span class="text-animation--underline-in-header">Corse</span></span></a></li>
<li><a title="Grand-Est" class="menu-link no-focus-link" href="/collections/bieres-du-grand-est"><span><span class="text-animation--underline-in-header">Grand-Est</span></span></a></li>
<li><a title="Hauts-de-France" class="menu-link no-focus-link" href="/collections/bieres-des-hauts-de-france"><span><span class="text-animation--underline-in-header">Hauts-de-France</span></span></a></li>
<li><a title="Nouvelle-Aquitaine" class="menu-link no-focus-link" href="/collections/bieres-de-nouvelle-aquitaine"><span><span class="text-animation--underline-in-header">Nouvelle-Aquitaine</span></span></a></li>
<li><a title="Occitanie" class="menu-link no-focus-link" href="/collections/bieres-doccitanie"><span><span class="text-animation--underline-in-header">Occitanie</span></span></a></li>
<li><a title="Pays de la Loire" class="menu-link no-focus-link" href="/collections/bieres-des-pays-de-la-loire"><span><span class="text-animation--underline-in-header">Pays de la Loire</span></span></a></li>
<li><a title="Provence-Alpes-Côte-d'Azur" class="menu-link no-focus-link" href="/collections/bieres-de-provence-alpes-cote-dazur"><span><span class="text-animation--underline-in-header">Provence-Alpes-Côte-d'Azur</span></span></a></li>
</ul></div></li><li
class="mega-link has-babymenu"
><a class="menu-link"
href="#"
aria-controls="SiteNavLabel-bieres-par-teneur-en-alcool-classic" aria-expanded="false" aria-haspopup="true"
>
<span><span class="text-animation--underline-in-header">Bières par teneur en alcool</span></span><span class="icon"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span></a><div class="babymenu">
<ul
id="SiteNavLabel-bieres-par-teneur-en-alcool-classic"
>
<li><a title="Bières sans alcool" class="menu-link no-focus-link" href="/collections/bieres-sans-alcool"><span><span class="text-animation--underline-in-header">Bières sans alcool</span></span></a></li>
<li><a title="Bières légères (<5%)" class="menu-link no-focus-link" href="/collections/bieres-legeres"><span><span class="text-animation--underline-in-header">Bières légères (<5%)</span></span></a></li>
<li><a title="Bières moyennes (5 à 7%)" class="menu-link no-focus-link" href="/collections/bieres-moyennes"><span><span class="text-animation--underline-in-header">Bières moyennes (5 à 7%)</span></span></a></li>
<li><a title="Bières fortes (>7%)" class="menu-link no-focus-link" href="/collections/bieres-fortes"><span><span class="text-animation--underline-in-header">Bières fortes (>7%)</span></span></a></li>
</ul></div></li><li
class="mega-link"
><a class="menu-link no-focus-link"
href="/collections/bieres-bio"
aria-controls="SiteNavLabel-bieres-bio-classic" aria-expanded="false" aria-haspopup="true"
>
<span><span class="text-animation--underline-in-header">Bières Bio</span></span></a></li><li
class="mega-link"
><a class="menu-link no-focus-link"
href="/collections/biere-sans-gluten"
aria-controls="SiteNavLabel-bieres-sans-gluten-classic" aria-expanded="false" aria-haspopup="true"
>
<span><span class="text-animation--underline-in-header">Bières sans gluten</span></span></a></li><li
class="mega-link"
><a class="menu-link no-focus-link"
href="/collections/bieres-en-canette"
aria-controls="SiteNavLabel-bieres-en-canette-classic" aria-expanded="false" aria-haspopup="true"
>
<span><span class="text-animation--underline-in-header">Bières en canette</span></span></a></li><li
class="mega-link"
><a class="menu-link no-focus-link"
href="/collections/bieres-artisanales"
aria-controls="SiteNavLabel-🍺-toutes-nos-bieres-classic" aria-expanded="false" aria-haspopup="true"
>
<span><span class="text-animation--underline-in-header">🍺 Toutes nos bières</span></span></a></li></div></div>
</ul>
</li><li
class="has-submenu"
id="menu-item-coffrets"
>
<a
class="menu-link"
href="/collections/coffrets-bieres-artisanales"
aria-controls="SiteNavLabel-coffrets-classic" aria-expanded="false" aria-haspopup="true"
>
<span><span class="text-animation--underline-in-header">Coffrets</span></span>
<span class="icon"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span>
</a>
<ul
class="submenu normal-menu"
id="SiteNavLabel-coffrets-classic"
>
<div class="submenu-holder"><li
><a class="menu-link no-focus-link"
href="/collections/coffrets-par-couleur-de-biere"
>
<span><span class="text-animation--underline-in-header">Coffrets par couleur de bière</span></span></a></li><li
><a class="menu-link no-focus-link"
href="/collections/coffrets-par-type-de-biere"
>
<span><span class="text-animation--underline-in-header">Coffrets par type de bière</span></span></a></li><li
><a class="menu-link no-focus-link"
href="/collections/coffrets-bieres-avec-verre"
>
<span><span class="text-animation--underline-in-header">Coffrets bières avec verre</span></span></a></li><li
><a class="menu-link no-focus-link"
href="/collections/coffrets-par-brasserie"
>
<span><span class="text-animation--underline-in-header">Coffrets par brasserie</span></span></a></li><li
><a class="menu-link no-focus-link"
href="/collections/coffrets-par-region"
>
<span><span class="text-animation--underline-in-header">Coffrets par région</span></span></a></li><li
><a class="menu-link no-focus-link"
href="/collections/coffrets-bieres-artisanales"
>
<span><span class="text-animation--underline-in-header">📦 Tous nos coffrets</span></span></a></li></div>
</ul>
</li><li
id="menu-item-calendriers"
>
<a
class="menu-link no-focus-link"
href="/collections/calendriers-de-lavent-bieres"
>
<span><span class="text-animation--underline-in-header">Calendriers</span></span>
</a>
</li><li
id="menu-item-abonnement-box"
>
<a
class="menu-link no-focus-link"
href="/products/abonnement-box-6-bieres-mensuel"
>
<span><span class="text-animation--underline-in-header">Abonnement box</span></span>
</a>
</li><li
id="menu-item-carte-cadeau"
>
<a
class="menu-link no-focus-link"
href="/products/carte-cadeau-lart-de-la-biere"
>
<span><span class="text-animation--underline-in-header">Carte cadeau</span></span>
</a>
</li><li
id="menu-item-verres"
>
<a
class="menu-link no-focus-link"
href="/collections/verres-biere"
>
<span><span class="text-animation--underline-in-header">Verres</span></span>
</a>
</li><li
id="menu-item-anti-gaspi"
>
<a
class="menu-link no-focus-link"
href="/collections/anti-gaspi"
>
<span><span class="text-animation--underline-in-header">Anti-Gaspi</span></span>
</a>
</li></ul><script src="//lartdelabiere.fr/cdn/shop/t/19/assets/vendor-macy.js?v=6843837194850696251761764489" defer onload="runMacy()"></script>
<script>
function runMacy(){
document.querySelectorAll('.site-nav.style--classic .submenu-masonry').forEach(elm=>{
const submenuMacy = new Macy({
container: elm,
columns: elm.classList.contains('with-promotion') ? 3 : 4
});
setTimeout(()=>{
submenuMacy.reInit();
}, 100);
})
}
</script></nav>
</div>
</div></scrollable-navigation>
<span class="scrollable-navigation-button scrollable-navigation-button--right" aria-hidden="true"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span>
<div class="header-actions header-actions--blocks" data-js-header-actions>
<a href="#quiz" target="_self" id="site-header-block-2" class="header-info-block"
data-type="info"><div class="header-info-block__image"><svg height="64" viewbox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g style="fill:none;stroke:#202020;stroke-miterlimit:10;stroke-width:2;stroke-linejoin:round;stroke-linecap:round"><path d="m56 34v28h-48v-28m-4-12h56v12h-56z"/><path d="m24 22v40m16-40v40m-13.8-57a7.4 7.4 0 0 0 -6.2-3 8 8 0 0 0 -5.3 14c4.2 3.7 17.3 6 17.3 6 0-6-3.4-14.3-5.8-17zm11.6 0a7.4 7.4 0 0 1 6.2-3 8 8 0 0 1 5.3 14c-4.2 3.7-17.3 6-17.3 6 0-6 3.4-14.3 5.8-17z"/></g></svg></div><div class="header-info-block__text"><span class="header-info-block__caption text-size--xsmall">Quel cadeau bière choisir ?</span><span class="header-info-block__title">
<span class="text-animation--underline-in-header" >Le Quiz</span>
</span></div></a>
</div>
</div>
</div>
<!-- header mobile search --><div class="header-container header--container--bottom container--large mobile-search hide portable-show">
<search-form style="position:relative">
<div class="button button--outline button--icon button--outline-hover button--no-padding button--no-hover site-search-handle">
<span class="button__icon" role="img" aria-hidden="true"><svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="10.5" cy="10.5" r="7.5" stroke="black" stroke-width="2" style="fill:none!important"/><path d="M17.1213 15.2929L16.4142 14.5858L15 16L15.7071 16.7071L17.1213 15.2929ZM19.2426 20.2426C19.6331 20.6332 20.2663 20.6332 20.6568 20.2426C21.0473 19.8521 21.0473 19.219 20.6568 18.8284L19.2426 20.2426ZM15.7071 16.7071L19.2426 20.2426L20.6568 18.8284L17.1213 15.2929L15.7071 16.7071Z" fill="black" style="stroke:none!important"/></svg></span>
<form action="/search" method="get" role="search" autocomplete="off">
<input
name="q"
type="search"
autocomplete="off"
placeholder="Rechercher..."
aria-label="Rechercher..."
data-js-search-input
data-js-focus-overlay="search-results-overlay-mobile"
>
<button type="submit" style="display:none">Envoyer</button>
</form>
</div>
<div
id="search-results-overlay-mobile"
class="search-results-overlay"
onclick="this.classList.remove('active')"
style="display:none"
></div>
<div class="search-results-container" data-js-search-results></div>
</search-form>
</div></main-header>
<sidebar-drawer
id="site-menu-sidebar"
class="sidebar sidebar--left"
tabindex="-1"
role="dialog"
aria-modal="true"
aria-hidden="true"
style="display:none"
>
<div class="sidebar__header">
<span class="sidebar__title h5">
Menu
</span>
<button class="sidebar__close" data-js-close>
<span class="visually-hidden">Fermer la barre latérale</span>
<span aria-hidden="true" aria-role="img"><svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 1L1 17" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 1L17 17" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</button>
</div>
<div class="sidebar__body">
<mobile-navigation data-show-header-actions="false"><div class="site-nav style--sidebar">
<div class="site-nav-container">
<nav><ul class="link-list"><li
id="menu-item-🎁-noel"
>
<a
class="menu-link no-focus-link"
href="/collections/cadeaux-de-noel"
>
<span><span class="">🎁 Noël</span></span>
</a>
</li><li
class="has-submenu"
id="menu-item-bieres"
>
<a
class="menu-link"
href="/collections/bieres-artisanales"
aria-controls="SiteNavLabel-bieres-sidebar" aria-expanded="false" aria-haspopup="true"
>
<span><span class="">Bières</span></span>
<span class="icon"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span>
</a>
<ul
class="submenu mega-menu"
id="SiteNavLabel-bieres-sidebar"
>
<div class="submenu-holder"><div class="submenu-masonry without-promotion"><li class="submenu-back">
<a><span class="icon"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span>Retour</a>
</li><li
class="mega-link has-babymenu"
><a class="menu-link"
href="#"
aria-controls="SiteNavLabel-bieres-par-couleur-sidebar" aria-expanded="false" aria-haspopup="true"
>
<span><span class="">Bières par couleur</span></span><span class="icon"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span></a><div class="babymenu">
<ul
id="SiteNavLabel-bieres-par-couleur-sidebar"
><li class="submenu-back">
<a><span class="icon"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span>Retour</a>
</li>
<li><a title="Blanches" class="menu-link no-focus-link" href="/collections/bieres-blanches"><span><span class="">Blanches</span></span></a></li>
<li><a title="Blondes" class="menu-link no-focus-link" href="/collections/bieres-blondes"><span><span class="">Blondes</span></span></a></li>
<li><a title="Rousses" class="menu-link no-focus-link" href="/collections/bieres-rousses"><span><span class="">Rousses</span></span></a></li>
<li><a title="Ambrées" class="menu-link no-focus-link" href="/collections/bieres-ambrees"><span><span class="">Ambrées</span></span></a></li>
<li><a title="Brunes" class="menu-link no-focus-link" href="/collections/bieres-brunes"><span><span class="">Brunes</span></span></a></li>
<li><a title="Noires" class="menu-link no-focus-link" href="/collections/bieres-noires"><span><span class="">Noires</span></span></a></li>
</ul></div></li><li
class="mega-link has-babymenu"
><a class="menu-link"
href="#"
aria-controls="SiteNavLabel-bieres-par-type-sidebar" aria-expanded="false" aria-haspopup="true"
>
<span><span class="">Bières par type</span></span><span class="icon"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span></a><div class="babymenu">
<ul
id="SiteNavLabel-bieres-par-type-sidebar"
><li class="submenu-back">
<a><span class="icon"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span>Retour</a>
</li>
<li><a title="Ale" class="menu-link no-focus-link" href="/collections/ale"><span><span class="">Ale</span></span></a></li>
<li><a title="Belgian Ale" class="menu-link no-focus-link" href="/collections/belgian-ale"><span><span class="">Belgian Ale</span></span></a></li>
<li><a title="Bière de blé" class="menu-link no-focus-link" href="/collections/biere-de-ble"><span><span class="">Bière de blé</span></span></a></li>
<li><a title="Bière de riz" class="menu-link no-focus-link" href="/collections/biere-de-riz"><span><span class="">Bière de riz</span></span></a></li>
<li><a title="IPA" class="menu-link no-focus-link" href="/collections/ipa"><span><span class="">IPA</span></span></a></li>
<li><a title="Lager" class="menu-link no-focus-link" href="/collections/lager"><span><span class="">Lager</span></span></a></li>
<li><a title="Porter" class="menu-link no-focus-link" href="/collections/porter"><span><span class="">Porter</span></span></a></li>
<li><a title="Saison" class="menu-link no-focus-link" href="/collections/saison"><span><span class="">Saison</span></span></a></li>
<li><a title="Sour Ale" class="menu-link no-focus-link" href="/collections/sour-ale"><span><span class="">Sour Ale</span></span></a></li>
<li><a title="Stout" class="menu-link no-focus-link" href="/collections/stout"><span><span class="">Stout</span></span></a></li>
<li><a title="Triple" class="menu-link no-focus-link" href="/collections/triple"><span><span class="">Triple</span></span></a></li>
<li><a title="Vieillies en fût" class="menu-link no-focus-link" href="/collections/vieillie-en-fut"><span><span class="">Vieillies en fût</span></span></a></li>
</ul></div></li><li
class="mega-link has-babymenu"
><a class="menu-link"
href="#"
aria-controls="SiteNavLabel-bieres-par-saveur-sidebar" aria-expanded="false" aria-haspopup="true"
>
<span><span class="">Bières par saveur</span></span><span class="icon"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span></a><div class="babymenu">
<ul
id="SiteNavLabel-bieres-par-saveur-sidebar"
><li class="submenu-back">
<a><span class="icon"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span>Retour</a>
</li>
<li><a title="Bières acidulées" class="menu-link no-focus-link" href="/collections/bieres-acidulees"><span><span class="">Bières acidulées</span></span></a></li>
<li><a title="Bières amères" class="menu-link no-focus-link" href="/collections/bieres-ameres"><span><span class="">Bières amères</span></span></a></li>
<li><a title="Bières épicées" class="menu-link no-focus-link" href="/collections/bieres-epicees"><span><span class="">Bières épicées</span></span></a></li>
<li><a title="Bières florales" class="menu-link no-focus-link" href="/collections/bieres-florales"><span><span class="">Bières florales</span></span></a></li>
<li><a title="Bières fumées" class="menu-link no-focus-link" href="/collections/bieres-fumees"><span><span class="">Bières fumées</span></span></a></li>
<li><a title="Bières fruitées" class="menu-link no-focus-link" href="/collections/bieres-fruitees"><span><span class="">Bières fruitées</span></span></a></li>
<li><a title="Bières houblonnées" class="menu-link no-focus-link" href="/collections/bieres-houblonnees"><span><span class="">Bières houblonnées</span></span></a></li>
<li><a title="Bières torréfiées" class="menu-link no-focus-link" href="/collections/bieres-torrefiees"><span><span class="">Bières torréfiées</span></span></a></li>
</ul></div></li><li
class="mega-link has-babymenu"
><a class="menu-link"
href="#"
aria-controls="SiteNavLabel-bieres-par-region-sidebar" aria-expanded="false" aria-haspopup="true"
>
<span><span class="">Bières par région</span></span><span class="icon"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span></a><div class="babymenu">
<ul
id="SiteNavLabel-bieres-par-region-sidebar"
><li class="submenu-back">
<a><span class="icon"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span>Retour</a>
</li>
<li><a title="Auvergne-Rhône-Alpes" class="menu-link no-focus-link" href="/collections/bieres-dauvergne-rhone-alpes"><span><span class="">Auvergne-Rhône-Alpes</span></span></a></li>
<li><a title="Bourgogne-Franche-Comté" class="menu-link no-focus-link" href="/collections/bieres-de-bourgogne-franche-comte"><span><span class="">Bourgogne-Franche-Comté</span></span></a></li>
<li><a title="Bretagne" class="menu-link no-focus-link" href="/collections/bieres-de-bretagne"><span><span class="">Bretagne</span></span></a></li>
<li><a title="Corse" class="menu-link no-focus-link" href="/collections/bieres-de-corse"><span><span class="">Corse</span></span></a></li>
<li><a title="Grand-Est" class="menu-link no-focus-link" href="/collections/bieres-du-grand-est"><span><span class="">Grand-Est</span></span></a></li>
<li><a title="Hauts-de-France" class="menu-link no-focus-link" href="/collections/bieres-des-hauts-de-france"><span><span class="">Hauts-de-France</span></span></a></li>
<li><a title="Nouvelle-Aquitaine" class="menu-link no-focus-link" href="/collections/bieres-de-nouvelle-aquitaine"><span><span class="">Nouvelle-Aquitaine</span></span></a></li>
<li><a title="Occitanie" class="menu-link no-focus-link" href="/collections/bieres-doccitanie"><span><span class="">Occitanie</span></span></a></li>
<li><a title="Pays de la Loire" class="menu-link no-focus-link" href="/collections/bieres-des-pays-de-la-loire"><span><span class="">Pays de la Loire</span></span></a></li>
<li><a title="Provence-Alpes-Côte-d'Azur" class="menu-link no-focus-link" href="/collections/bieres-de-provence-alpes-cote-dazur"><span><span class="">Provence-Alpes-Côte-d'Azur</span></span></a></li>
</ul></div></li><li
class="mega-link has-babymenu"
><a class="menu-link"
href="#"
aria-controls="SiteNavLabel-bieres-par-teneur-en-alcool-sidebar" aria-expanded="false" aria-haspopup="true"
>
<span><span class="">Bières par teneur en alcool</span></span><span class="icon"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span></a><div class="babymenu">
<ul
id="SiteNavLabel-bieres-par-teneur-en-alcool-sidebar"
><li class="submenu-back">
<a><span class="icon"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span>Retour</a>
</li>
<li><a title="Bières sans alcool" class="menu-link no-focus-link" href="/collections/bieres-sans-alcool"><span><span class="">Bières sans alcool</span></span></a></li>
<li><a title="Bières légères (<5%)" class="menu-link no-focus-link" href="/collections/bieres-legeres"><span><span class="">Bières légères (<5%)</span></span></a></li>
<li><a title="Bières moyennes (5 à 7%)" class="menu-link no-focus-link" href="/collections/bieres-moyennes"><span><span class="">Bières moyennes (5 à 7%)</span></span></a></li>
<li><a title="Bières fortes (>7%)" class="menu-link no-focus-link" href="/collections/bieres-fortes"><span><span class="">Bières fortes (>7%)</span></span></a></li>
</ul></div></li><li
class="mega-link"
><a class="menu-link no-focus-link"
href="/collections/bieres-bio"
aria-controls="SiteNavLabel-bieres-bio-sidebar" aria-expanded="false" aria-haspopup="true"
>
<span><span class="">Bières Bio</span></span></a></li><li
class="mega-link"
><a class="menu-link no-focus-link"
href="/collections/biere-sans-gluten"
aria-controls="SiteNavLabel-bieres-sans-gluten-sidebar" aria-expanded="false" aria-haspopup="true"
>
<span><span class="">Bières sans gluten</span></span></a></li><li
class="mega-link"
><a class="menu-link no-focus-link"
href="/collections/bieres-en-canette"
aria-controls="SiteNavLabel-bieres-en-canette-sidebar" aria-expanded="false" aria-haspopup="true"
>
<span><span class="">Bières en canette</span></span></a></li><li
class="mega-link"
><a class="menu-link no-focus-link"
href="/collections/bieres-artisanales"
aria-controls="SiteNavLabel-🍺-toutes-nos-bieres-sidebar" aria-expanded="false" aria-haspopup="true"
>
<span><span class="">🍺 Toutes nos bières</span></span></a></li></div></div>
</ul>
</li><li
class="has-submenu"
id="menu-item-coffrets"
>
<a
class="menu-link"
href="/collections/coffrets-bieres-artisanales"
aria-controls="SiteNavLabel-coffrets-sidebar" aria-expanded="false" aria-haspopup="true"
>
<span><span class="">Coffrets</span></span>
<span class="icon"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span>
</a>
<ul
class="submenu normal-menu"
id="SiteNavLabel-coffrets-sidebar"
>
<div class="submenu-holder"><li class="submenu-back">
<a><span class="icon"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span>Retour</a>
</li><li
><a class="menu-link no-focus-link"
href="/collections/coffrets-par-couleur-de-biere"
>
<span><span class="">Coffrets par couleur de bière</span></span></a></li><li
><a class="menu-link no-focus-link"
href="/collections/coffrets-par-type-de-biere"
>
<span><span class="">Coffrets par type de bière</span></span></a></li><li
><a class="menu-link no-focus-link"
href="/collections/coffrets-bieres-avec-verre"
>
<span><span class="">Coffrets bières avec verre</span></span></a></li><li
><a class="menu-link no-focus-link"
href="/collections/coffrets-par-brasserie"
>
<span><span class="">Coffrets par brasserie</span></span></a></li><li
><a class="menu-link no-focus-link"
href="/collections/coffrets-par-region"
>
<span><span class="">Coffrets par région</span></span></a></li><li
><a class="menu-link no-focus-link"
href="/collections/coffrets-bieres-artisanales"
>
<span><span class="">📦 Tous nos coffrets</span></span></a></li></div>
</ul>
</li><li
id="menu-item-calendriers"
>
<a
class="menu-link no-focus-link"
href="/collections/calendriers-de-lavent-bieres"
>
<span><span class="">Calendriers</span></span>
</a>
</li><li
id="menu-item-abonnement-box"
>
<a
class="menu-link no-focus-link"
href="/products/abonnement-box-6-bieres-mensuel"
>
<span><span class="">Abonnement box</span></span>
</a>
</li><li
id="menu-item-carte-cadeau"
>
<a
class="menu-link no-focus-link"
href="/products/carte-cadeau-lart-de-la-biere"
>
<span><span class="">Carte cadeau</span></span>
</a>
</li><li
id="menu-item-verres"
>
<a
class="menu-link no-focus-link"
href="/collections/verres-biere"
>
<span><span class="">Verres</span></span>
</a>
</li><li
id="menu-item-anti-gaspi"
>
<a
class="menu-link no-focus-link"
href="/collections/anti-gaspi"
>
<span><span class="">Anti-Gaspi</span></span>
</a>
</li><li id="menu-item-account">
<a class="menu-link" href="https://compte.lartdelabiere.fr?locale=fr®ion_country=FR" title="Mon compte">
<span style="display: inline-flex; align-items: center;">
<span aria-hidden="true" style="display:flex; margin-inline-end:6px;"><svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3333 19.25V17.4167C18.3333 16.4442 17.947 15.5116 17.2593 14.8239C16.5717 14.1363 15.6391 13.75 14.6666 13.75H7.33329C6.36083 13.75 5.4282 14.1363 4.74057 14.8239C4.05293 15.5116 3.66663 16.4442 3.66663 17.4167V19.25" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="fill:none!important"/><path d="M11 10.0833C13.0251 10.0833 14.6667 8.44171 14.6667 6.41667C14.6667 4.39162 13.0251 2.75 11 2.75C8.975 2.75 7.33337 4.39162 7.33337 6.41667C7.33337 8.44171 8.975 10.0833 11 10.0833Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="fill:none!important"/></svg></span>
Mon compte
</span>
</a>
</li></ul></nav>
</div>
</div></mobile-navigation>
</div>
<div class="sidebar__footer site-menu-sidebar-footer"><div class="social-icons"><a href="https://www.facebook.com/lartdelabiere.fr" target="_blank">
<span class="visually-hidden">Facebook</span>
<span class="icon" aria-hidden="true"><svg fill="none" height="120" viewbox="0 0 120 120" width="120" xmlns="http://www.w3.org/2000/svg"><path d="m81.3942 66.8069 2.8527-18.2698h-17.8237v-11.8507c0-5.0051 2.4876-9.8755 10.4751-9.8755h8.1017v-15.5765s-7.3485-1.2344-14.4004-1.2344c-14.6743 0-24.2822 8.7533-24.2822 24.5991v13.938h-16.3174v18.2698h16.3174v44.1931h20.083v-44.1931z" fill="#000"/></svg></span>
</a><a href="https://www.instagram.com/lartdelabiere.fr/" target="_blank">
<span class="visually-hidden">Instagram</span>
<span class="icon" aria-hidden="true"><svg fill="none" height="120" viewbox="0 0 120 120" width="120" xmlns="http://www.w3.org/2000/svg"><path d="m60 10c-13.606 0-15.2957.0667-20.6092.289-5.3357.2668-8.9595 1.0894-12.1387 2.3344-3.2903 1.2895-6.0916 3.0013-8.8484 5.7803-2.779 2.7568-4.5131 5.5581-5.7803 8.8484-1.245 3.1792-2.0676 6.803-2.3344 12.1387-.2445 5.3357-.289 7.0254-.289 20.6092s.0667 15.2957.289 20.6092c.2668 5.3357 1.0894 8.9595 2.3344 12.1387 1.2895 3.2903 3.0013 6.0916 5.7803 8.8481 2.7568 2.779 5.5581 4.513 8.8484 5.781 3.1792 1.222 6.8253 2.067 12.1387 2.334 5.3357.245 7.0254.289 20.6092.289s15.2957-.067 20.6092-.289c5.3357-.267 8.9595-1.112 12.1387-2.334 3.2903-1.29 6.0916-3.002 8.8481-5.781 2.779-2.7565 4.513-5.5578 5.781-8.8481 1.222-3.1792 2.067-6.8253 2.334-12.1387.245-5.3357.289-7.0254.289-20.6092s-.067-15.2957-.289-20.6092c-.267-5.3357-1.112-8.9817-2.334-12.1387-1.29-3.2903-3.002-6.0916-5.781-8.8484-2.7565-2.779-5.5578-4.5131-8.8481-5.7803-3.1792-1.245-6.8253-2.0676-12.1387-2.3344-5.3135-.2445-7.0032-.289-20.6092-.289zm0 9.004c13.3615 0 14.94.0667 20.2312.289 4.8688.2223 7.5145 1.0449 9.2708 1.7341 2.3566.9115 3.9795 1.9787 5.7581 3.735 1.7341 1.7341 2.8235 3.4015 3.735 5.7581.6892 1.7564 1.5119 4.402 1.7339 9.2708.223 5.269.289 6.8697.289 20.2312s-.066 14.94-.311 20.2312c-.267 4.8689-1.0672 7.5145-1.7564 9.2708-.9559 2.3566-2.0008 3.9796-3.7572 5.7581-1.7563 1.7342-3.446 2.8235-5.7581 3.735-1.7341.6892-4.4242 1.5117-9.3152 1.7337-5.3135.223-6.8698.289-20.2535.289s-14.94-.066-20.2534-.311c-4.8689-.267-7.559-1.0669-9.3153-1.7561-2.3788-.956-4.0018-2.0009-5.7581-3.7573-1.7563-1.7563-2.8902-3.4459-3.735-5.7581-.7114-1.7341-1.5118-4.4242-1.7563-9.3152-.1779-5.2468-.2668-6.8697-.2668-20.1868 0-13.317.0889-14.9399.2668-20.2534.2668-4.8911 1.0671-7.5589 1.7563-9.3153.8671-2.3788 1.9787-4.0017 3.735-5.7581 1.7341-1.7341 3.3793-2.8679 5.7581-3.7572 1.7563-.6892 4.3797-1.4896 9.2708-1.7341 5.3135-.2001 6.8697-.2668 20.2312-.2668zm0 15.3402c-14.2063 0-25.6781 11.494-25.6781 25.678 0 14.2063 11.494 25.6781 25.6781 25.6781 14.2063 0 25.6781-11.494 25.6781-25.6781 0-14.184-11.494-25.678-25.6781-25.678zm0 42.3521c-9.2263 0-16.6741-7.4477-16.6741-16.6741 0-9.2263 7.4478-16.674 16.6741-16.674s16.6741 7.4477 16.6741 16.674c0 9.2264-7.4478 16.6741-16.6741 16.6741zm32.7257-43.3748c0 3.3348-2.7124 6.0026-6.0027 6.0026-3.3348 0-6.0027-2.69-6.0027-6.0026s2.7123-6.0027 6.0027-6.0027c3.2903 0 6.0027 2.6901 6.0027 6.0027z" fill="#000"/></svg></span>
</a><a href="https://www.linkedin.com/company/lartdelabiere/" target="_blank">
<span class="visually-hidden">LinkedIn</span>
<span class="icon" aria-hidden="true"><svg fill="none" height="120" viewbox="0 0 120 120" width="120" xmlns="http://www.w3.org/2000/svg"><path d="m32.154 110h-20.526v-66.7704h20.526zm-10.274-75.8835c-6.556 0-11.88-5.4901-11.88-12.1138s5.324-12.0027 11.88-12.0027 11.88 5.379 11.88 12.0027c.022 6.6237-5.302 12.1138-11.88 12.1138zm87.098 75.8835h-20.482v-32.5183c0-7.7573-.154-17.6929-10.67-17.6929-10.67 0-12.298 8.4241-12.298 17.115v33.0962h-20.504v-66.7704h19.69v9.1131h.286c2.75-5.2456 9.438-10.7801 19.426-10.7801 20.746-.0223 24.574 13.803 24.574 31.7626v36.6748z" fill="#000"/></svg></span>
</a><a href="https://wa.me/33768220602" target="_blank">
<span class="visually-hidden">WhatsApp</span>
<span class="icon" aria-hidden="true"><svg fill="none" height="120" viewbox="0 0 120 120" width="120" xmlns="http://www.w3.org/2000/svg"><path d="m60.9067 10c-27.1109 0-49.0911 21.8083-49.0911 48.7125 0 9.2031 2.5741 17.8103 7.0444 25.1533l-8.86 26.1342 27.1795-8.634c7.033 3.858 15.1216 6.059 23.7272 6.059 27.1145 0 49.0933-21.8114 49.0933-48.7125 0-26.9042-21.9788-48.7125-49.0933-48.7125zm24.4112 67.212c-1.155 2.8632-6.3782 5.4762-8.6829 5.5965-2.3022.1221-2.3678 1.7843-14.9196-3.6683-12.5502-5.454-20.1009-18.7152-20.6962-19.5692-.5958-.8509-4.8616-6.9302-4.6315-13.048.2317-6.119 3.5819-9.0058 4.7777-10.2065 1.1944-1.2024 2.5638-1.4178 3.4-1.4315.9884-.016 1.6286-.0294 2.36-.0024.7308.0277 1.8286-.1529 2.7791 2.3748.95 2.5274 3.2238 8.7395 3.5147 9.3725.2906.6337.4705 1.3674.0228 2.181-.4491.8154-.6791 1.3248-1.3306 2.0275-.6552.7027-1.3781 1.5719-1.9625 2.1091-.6518.5949-1.3326 1.2438-.6473 2.5154.6848 1.2708 3.0475 5.4367 6.6471 8.8697 4.6261 4.4132 8.6156 5.877 9.8433 6.544 1.231.6705 1.9656.5959 2.729-.2074.7598-.8034 3.2676-3.5147 4.1509-4.7252.8828-1.2139 1.71-.9762 2.8442-.5199 1.1334.458 7.1779 3.6955 8.4091 4.3641 1.2299.6672 2.052 1.0109 2.346 1.5401.294.5313.2011 3.0204-.9533 5.8837z" fill="#000"/></svg></span>
</a></div></div>
<link
rel="stylesheet"
href="//lartdelabiere.fr/cdn/shop/t/19/assets/component-mobile-navigation.css?v=169538161225599310961761764488"
media="print"
onload="this.media='all'"
>
</sidebar-drawer>
</div>
<!-- END sections: header-group --><link href="//lartdelabiere.fr/cdn/shop/t/19/assets/component-slider.css?v=59963729904232729191761764489" rel="stylesheet" type="text/css" media="all" />
<link href="//lartdelabiere.fr/cdn/shop/t/19/assets/component-video.css?v=50604735103150109971761764489" rel="stylesheet" type="text/css" media="all" />
<script src="//lartdelabiere.fr/cdn/shop/t/19/assets/component-product-form.js?v=182241378095473525321761764488" defer></script>
<main id="main" class="main-content"><div id="shopify-section-template--26905061491035__rich_text_GgNkkT" class="shopify-section can-be-fullwidth no-fullwidth-padding"><link href="//lartdelabiere.fr/cdn/shop/t/19/assets/section-rich-text.css?v=168122351984916537801761764489" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>
@media screen and (max-width: 1360px) {
#shopify-section-template--26905061491035__rich_text_GgNkkT .rich-text__container--image-right .rich-text__text {
padding-inline-start: var(--gutter-container) !important;
}
#shopify-section-template--26905061491035__rich_text_GgNkkT .rich-text__container--image-left .rich-text__text {
padding-inline-end: var(--gutter-container) !important;
}
}
</style>
<div class="container--fullwidth">
<div id="element-template--26905061491035__rich_text_GgNkkT" class="card card--no-radius card--no-sideborders card--no-shadow rich-text--image-on-top rich-text">
<div class="rich-text__container rich-text__container--image-top no-image rich-text__container--fullwidth container--large"><div class="rich-text__text align-content align-content--horizontal-center align-content--vertical-middle"
>
<div class="card__text element--width-100 spacing--small gutter-top--xlarge gutter-bottom--xlarge remove-empty-space"><h1
class="h1 rte rich-text__title"
>
👌 Les meilleures bières artisanales françaises
</h1>
<div
class="rte text-size--large"
>
<p>Plus de 400 références en stock qui vont vous en mettre plein la vue !</p>
</div>
</div>
</div><style data-shopify>
#element-template--26905061491035__rich_text_GgNkkT {
--color-background-cards: #ffffff;
}
</style>
<style data-shopify>
#element-template--26905061491035__rich_text_GgNkkT {
--color-borders-cards: none;
}
</style>
<style data-shopify>
#element-template--26905061491035__rich_text_GgNkkT {
--shadow-x-cards: 0;
--shadow-y-cards: 0;
--shadow-blur-cards: 0;
--color-shadow-cards: transparent;
}
</style>
</div>
</div>
</div>
<style> #shopify-section-template--26905061491035__rich_text_GgNkkT .card__text.element--width-100.spacing--small.gutter-top--xlarge.gutter-bottom--xlarge.remove-empty-space {padding-bottom: 0px;} </style></div><div id="shopify-section-template--26905061491035__promotion_cards_TXDEha" class="shopify-section"><div id="section-template--26905061491035__promotion_cards_TXDEha" class="container--large remove-empty-space container--has-background"><div class="grid grid--layout grid-3 grid-lap-1"><div id="element-card_qjkdJq" class="card" ><div><div
class="card__image border-radius-top"
style="padding-top:100%"
><figure
class="lazy-image lazy-image--background"
data-ratio="1" style="padding-top: 100%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/encart-coffret-sans-alcool-3.png?v=1766836033&width=480" alt="Dry January : coffret bières sans alcool"
srcset="//lartdelabiere.fr/cdn/shop/files/encart-coffret-sans-alcool-3.png?crop=center&height=240&v=1766836033&width=240 240w,//lartdelabiere.fr/cdn/shop/files/encart-coffret-sans-alcool-3.png?crop=center&height=360&v=1766836033&width=360 360w,//lartdelabiere.fr/cdn/shop/files/encart-coffret-sans-alcool-3.png?crop=center&height=420&v=1766836033&width=420 420w,//lartdelabiere.fr/cdn/shop/files/encart-coffret-sans-alcool-3.png?crop=center&height=480&v=1766836033&width=480 480w,//lartdelabiere.fr/cdn/shop/files/encart-coffret-sans-alcool-3.png?crop=center&height=640&v=1766836033&width=640 640w,//lartdelabiere.fr/cdn/shop/files/encart-coffret-sans-alcool-3.png?crop=center&height=840&v=1766836033&width=840 840w,//lartdelabiere.fr/cdn/shop/files/encart-coffret-sans-alcool-3.png?crop=center&height=1080&v=1766836033&width=1080 1080w"
class="img"
width="1600"
height="1200"
data-ratio="1"
sizes="(max-width: 767px) calc(100vw - 20px), (max-width: 1360px) 33vw, 453px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></div>
<div class="card__text gutter--large spacing--large text-align--center remove-empty-space"
><h3 class="h3" style="display:block">Dry January : coffret bières sans alcool</h3><span class="text-size--regular">6 bières sans alcool délicieuses pour toujours autant de plaisir</span><div class="increased-spacing">
<a href="/products/coffret-crazy-boros" class="button button--fit button--large button--solid">Je choisi le 0%</a>
</div></div></div><style data-shopify>
#element-card_qjkdJq {
--color-background-cards: #eafbff;
}
</style>
<style data-shopify>
#element-card_qjkdJq {
--color-borders-cards: none;
}
</style>
</div><div id="element-card_r8NEjQ" class="card" ><div><div
class="card__image border-radius-top"
style="padding-top:100%"
><figure
class="lazy-image lazy-image--background"
data-ratio="1" style="padding-top: 100%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/carte-cadeau-lartdelabiere.png?v=1766835504&width=480" alt="Cadeau en retard ? Offrez une carte !"
srcset="//lartdelabiere.fr/cdn/shop/files/carte-cadeau-lartdelabiere.png?crop=center&height=240&v=1766835504&width=240 240w,//lartdelabiere.fr/cdn/shop/files/carte-cadeau-lartdelabiere.png?crop=center&height=360&v=1766835504&width=360 360w,//lartdelabiere.fr/cdn/shop/files/carte-cadeau-lartdelabiere.png?crop=center&height=420&v=1766835504&width=420 420w,//lartdelabiere.fr/cdn/shop/files/carte-cadeau-lartdelabiere.png?crop=center&height=480&v=1766835504&width=480 480w,//lartdelabiere.fr/cdn/shop/files/carte-cadeau-lartdelabiere.png?crop=center&height=640&v=1766835504&width=640 640w,//lartdelabiere.fr/cdn/shop/files/carte-cadeau-lartdelabiere.png?crop=center&height=840&v=1766835504&width=840 840w,//lartdelabiere.fr/cdn/shop/files/carte-cadeau-lartdelabiere.png?crop=center&height=1080&v=1766835504&width=1080 1080w"
class="img"
width="1600"
height="1200"
data-ratio="1"
sizes="(max-width: 767px) calc(100vw - 20px), (max-width: 1360px) 33vw, 453px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></div>
<div class="card__text gutter--large spacing--large text-align--center remove-empty-space"
><h3 class="h3" style="display:block">Cadeau en retard ? Offrez une carte !</h3><span class="text-size--regular">Choisissez le montant, indiquez l'email du bénéficiaire, il la reçoit en un instant</span><div class="increased-spacing">
<a href="/products/carte-cadeau-lart-de-la-biere" class="button button--fit button--large button--solid">J'offre une carte</a>
</div></div></div><style data-shopify>
#element-card_r8NEjQ {
--color-background-cards: #edffec;
}
</style>
<style data-shopify>
#element-card_r8NEjQ {
--color-borders-cards: none;
}
</style>
</div><div id="element-card_GRKKBX" class="card" ><div><div
class="card__image border-radius-top"
style="padding-top:100%"
><figure
class="lazy-image lazy-image--background"
data-ratio="1" style="padding-top: 100%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/ADLB_-_Shopify_-_Featured_product_6.png?v=1757841038&width=480" alt="Abonnement : recevez une box"
srcset="//lartdelabiere.fr/cdn/shop/files/ADLB_-_Shopify_-_Featured_product_6.png?crop=center&height=240&v=1757841038&width=240 240w,//lartdelabiere.fr/cdn/shop/files/ADLB_-_Shopify_-_Featured_product_6.png?crop=center&height=360&v=1757841038&width=360 360w,//lartdelabiere.fr/cdn/shop/files/ADLB_-_Shopify_-_Featured_product_6.png?crop=center&height=420&v=1757841038&width=420 420w,//lartdelabiere.fr/cdn/shop/files/ADLB_-_Shopify_-_Featured_product_6.png?crop=center&height=480&v=1757841038&width=480 480w,//lartdelabiere.fr/cdn/shop/files/ADLB_-_Shopify_-_Featured_product_6.png?crop=center&height=640&v=1757841038&width=640 640w,//lartdelabiere.fr/cdn/shop/files/ADLB_-_Shopify_-_Featured_product_6.png?crop=center&height=840&v=1757841038&width=840 840w,//lartdelabiere.fr/cdn/shop/files/ADLB_-_Shopify_-_Featured_product_6.png?crop=center&height=1080&v=1757841038&width=1080 1080w"
class="img"
width="1600"
height="1200"
data-ratio="1"
sizes="(max-width: 767px) calc(100vw - 20px), (max-width: 1360px) 33vw, 453px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></div>
<div class="card__text gutter--large spacing--large text-align--center remove-empty-space"
><h3 class="h3" style="display:block">Abonnement : recevez une box</h3><span class="text-size--regular">Chaque mois, une sélection de 6 bières parmi les meilleures du moment</span><div class="increased-spacing">
<a href="/products/abonnement-box-6-bieres-mensuel" class="button button--fit button--large button--solid">J'abonne quelqu'un</a>
</div></div></div><style data-shopify>
#element-card_GRKKBX {
--color-background-cards: #ffefe2;
}
</style>
<style data-shopify>
#element-card_GRKKBX {
--color-borders-cards: none;
}
</style>
</div>
</div></div><style data-shopify>
#shopify-section-template--26905061491035__promotion_cards_TXDEha {
background-color: #ffffff;
}
</style>
<style> #shopify-section-template--26905061491035__promotion_cards_TXDEha .card__image:hover img {transform: scale(1.05); transition: transform 0.3s ease;} #shopify-section-template--26905061491035__promotion_cards_TXDEha .card__image img {transition: transform 0.3s ease;} #shopify-section-template--26905061491035__promotion_cards_TXDEha .grid.grid--layout.grid-3.grid-lap-1 {margin-top: 40px;} #shopify-section-template--26905061491035__promotion_cards_TXDEha .container--large.container--has-background {padding-top: 0px;} </style></div><div id="shopify-section-template--26905061491035__1654161920efe5f084" class="shopify-section mount-css-slider"><div id="section-template--26905061491035__1654161920efe5f084" class="container--large remove-empty-space container--vertical-space-grid"><div class="section-heading section-heading--center gutter-bottom--page"><div class="section-heading__text remove-empty-space"><h2 class="section-heading__title h4">Pourquoi choisir L'Art de la Bière ?</h2><span class="section-heading__subheading text-size--large">Parce que nous sommes...</span></div></div><style>
#shopify-section-template--26905061491035__1654161920efe5f084 .card__icon {
border-radius: 200px;
}
</style><css-slider data-options='{ "selector": ".js-slider-item", "groupCells": true, "indexNav": true, "navigationDOM": "<span class=\"css-slider-button css-slider-prev\" style=\"display:none\"><svg fill=\"none\" height=\"13\" viewBox=\"0 0 8 13\" width=\"8\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"#000\" ><path d=\"m7.91419 1.41431-6.48529 6.48528-1.4142102-1.41422 6.4852802-6.48527702z\"/><path d=\"m6.48528 12.9849-6.48528027-6.48532 1.41421027-1.41421 6.48528 6.48523z\"/></g></svg></span><span class=\"css-slider-button css-slider-next\" style=\"display:none\"><svg width=\"9\" height=\"13\" viewBox=\"0 0 9 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0.914169 11.5857L7.39945 5.10041L8.81367 6.51463L2.32838 12.9999L0.914169 11.5857Z\" fill=\"black\"/><path d=\"M2.34307 0.0151367L8.82835 6.50042L7.41414 7.91463L0.928857 1.42935L2.34307 0.0151367Z\" fill=\"black\"/></svg></span>" }'
class="css-slider css-slider--bottom-navigation"
><div class="grid grid--slider grid-4 grid-portable-3 grid-lap-2"><div class="element--no-border text-align--center element--no-radius js-slider-item" >
<div class="card__icon card__icon--is-img card__icon-size--regular" id="element-1654161920f21316cf-2"><img
src="//lartdelabiere.fr/cdn/shop/files/6.svg?crop=center&height=64&v=1750236714&width=64" alt=""
srcset=" //lartdelabiere.fr/cdn/shop/files/6.svg?crop=center&height=64&v=1750236714&width=64 64w "
loading="lazy"
sizes="(max-width: 474px) 60px, 80px"
width="64" height="64"
onload="this.parentNode.classList.add('lazyloaded')"
/></div><div class="gutter--regular spacing--small remove-empty-space"
style="padding-top:0"
><div style="color:var(--color-text-main)">
<h4 class="h5" style="margin-bottom:0;display:block"><span class="text-animation--underline">Passionnés</span></h4>
</div><div class="text-size--small text-color--opacity" style="color:var(--color-text-main)">On goûte, on compare, on savoure, pour ne garder que le meilleur des microbrasseries françaises.</div></div></div><div class="element--no-border text-align--center element--no-radius js-slider-item" >
<div class="card__icon card__icon--is-img card__icon-size--regular" id="element-1654161920f21316cf-1"><img
src="//lartdelabiere.fr/cdn/shop/files/8.svg?crop=center&height=64&v=1750236714&width=64" alt=""
srcset=" //lartdelabiere.fr/cdn/shop/files/8.svg?crop=center&height=64&v=1750236714&width=64 64w "
loading="lazy"
sizes="(max-width: 474px) 60px, 80px"
width="64" height="64"
onload="this.parentNode.classList.add('lazyloaded')"
/></div><div class="gutter--regular spacing--small remove-empty-space"
style="padding-top:0"
><div style="color:var(--color-text-main)">
<h4 class="h5" style="margin-bottom:0;display:block"><span class="text-animation--underline">Réactifs</span></h4>
</div><div class="text-size--small text-color--opacity" style="color:var(--color-text-main)">Commandes préparées en 24h chrono. On n'est pas Amazon non plus hein. Et c'est tant mieux !</div></div></div><div class="element--no-border text-align--center element--no-radius js-slider-item" >
<div class="card__icon card__icon--is-img card__icon-size--regular" id="element-1654161920f21316cf-0"><img
src="//lartdelabiere.fr/cdn/shop/files/5.svg?crop=center&height=64&v=1750236715&width=64" alt=""
srcset=" //lartdelabiere.fr/cdn/shop/files/5.svg?crop=center&height=64&v=1750236715&width=64 64w "
loading="lazy"
sizes="(max-width: 474px) 60px, 80px"
width="64" height="64"
onload="this.parentNode.classList.add('lazyloaded')"
/></div><div class="gutter--regular spacing--small remove-empty-space"
style="padding-top:0"
><div style="color:var(--color-text-main)">
<h4 class="h5" style="margin-bottom:0;display:block"><span class="text-animation--underline">Attentionnés</span></h4>
</div><div class="text-size--small text-color--opacity" style="color:var(--color-text-main)">Parce que le breuvage est sacré, nous emballons nos bières avec amour... et beaucoup de protections.</div></div></div><div class="element--no-border text-align--center element--no-radius js-slider-item" >
<div class="card__icon card__icon--is-img card__icon-size--regular" id="element-1654161920f21316cf-3"><img
src="//lartdelabiere.fr/cdn/shop/files/7.svg?crop=center&height=64&v=1750236714&width=64" alt=""
srcset=" //lartdelabiere.fr/cdn/shop/files/7.svg?crop=center&height=64&v=1750236714&width=64 64w "
loading="lazy"
sizes="(max-width: 474px) 60px, 80px"
width="64" height="64"
onload="this.parentNode.classList.add('lazyloaded')"
/></div><div class="gutter--regular spacing--small remove-empty-space"
style="padding-top:0"
><div style="color:var(--color-text-main)">
<h4 class="h5" style="margin-bottom:0;display:block"><span class="text-animation--underline">Disponibles</span></h4>
</div><div class="text-size--small text-color--opacity" style="color:var(--color-text-main)">Toujours à votre écoute si vous avez la moindre remarque ou suggestion, que ce soit par email ou WhatsApp.</div></div></div>
</div></css-slider></div><style> #shopify-section-template--26905061491035__1654161920efe5f084 .section-heading.section-heading--center {margin-bottom: 0px;} </style></div><div id="shopify-section-template--26905061491035__featured-collection" class="shopify-section mount-css-slider mount-collection-tabs"><link href="//lartdelabiere.fr/cdn/shop/t/19/assets/component-product-item.css?v=126600967654690319611761764488" rel="stylesheet" type="text/css" media="all" />
<div
id="section-template--26905061491035__featured-collection"
class="container--large remove-empty-space container--vertical-space-grid container--has-background"
>
<collection-tabs><div class="section-heading section-heading--left gutter-bottom--page"><div class="section-heading__text remove-empty-space"><h2 class="section-heading__title h4">Découvrez nos coffrets bières</h2><span class="section-heading__subheading text-size--large">Choisissez votre coffret, on s'occupe de sélectionner pour vous les meilleures bières !</span></div></div><ul class="collection-tabs gutter-bottom--large"><li class="collection-tabs_tab">
<button
role="tab"
aria-controls="collection-template--26905061491035__featured-collection-0"
data-collection-url="/collections/coffrets-par-couleur-de-biere"
class="button button--small"
>
Coffrets par couleur de bière
</button>
</li><li class="collection-tabs_tab">
<button
role="tab"
aria-controls="collection-template--26905061491035__featured-collection-1"
data-collection-url="/collections/coffrets-par-type-de-biere"
class="button button--small"
>
Coffrets par type de bière
</button>
</li><li class="collection-tabs_tab">
<button
role="tab"
aria-controls="collection-template--26905061491035__featured-collection-2"
data-collection-url="/collections/coffrets-par-region"
class="button button--small"
>
Coffrets par région
</button>
</li><li class="collection-tabs_tab">
<button
role="tab"
aria-controls="collection-template--26905061491035__featured-collection-3"
data-collection-url="/collections/coffrets-par-brasserie"
class="button button--small"
>
Coffrets par brasserie
</button>
</li></ul><div id="product-grid-template--26905061491035__featured-collection"><div
class="collection-tabs_panel active"
id="collection-template--26905061491035__featured-collection-0"
role="tabpanel" aria-labelledby="collection-template--26905061491035__featured-collection-0"
><css-slider data-options='{ "selector": ".product-item", "indexNav": true, "groupCells": true, "navigationDOM": "<span class=\"css-slider-button css-slider-prev\" style=\"display:none\"><svg fill=\"none\" height=\"13\" viewBox=\"0 0 8 13\" width=\"8\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"#000\" ><path d=\"m7.91419 1.41431-6.48529 6.48528-1.4142102-1.41422 6.4852802-6.48527702z\"/><path d=\"m6.48528 12.9849-6.48528027-6.48532 1.41421027-1.41421 6.48528 6.48523z\"/></g></svg></span><span class=\"css-slider-button css-slider-next\" style=\"display:none\"><svg width=\"9\" height=\"13\" viewBox=\"0 0 9 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0.914169 11.5857L7.39945 5.10041L8.81367 6.51463L2.32838 12.9999L0.914169 11.5857Z\" fill=\"black\"/><path d=\"M2.34307 0.0151367L8.82835 6.50042L7.41414 7.91463L0.928857 1.42935L2.34307 0.0151367Z\" fill=\"black\"/></svg></span>" }'
class="css-slider css-slider--bottom-navigation"
id="css-slider-template--26905061491035__featured-collection-0"
>
<div class="grid grid--slider grid-4 grid-portable-3 grid-lap-2 grid-tiny-1 grid-palm-2"><div id="product-item-10061399097691" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-couleur-de-biere/products/coffret-bieres-blondes-artisanales"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-blondes-lartdelabiere.png?v=1758098474&width=480" alt="Coffret Bières Blondes Artisanales - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-blondes-lartdelabiere.png?crop=center&height=288&v=1758098474&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-blondes-lartdelabiere.png?crop=center&height=432&v=1758098474&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-blondes-lartdelabiere.png?crop=center&height=504&v=1758098474&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-blondes-lartdelabiere.png?crop=center&height=576&v=1758098474&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-blondes-lartdelabiere.png?crop=center&height=768&v=1758098474&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-blondes-lartdelabiere.png?crop=center&height=1008&v=1758098474&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-blondes-lartdelabiere.png?v=1758098460&width=480" alt="Coffret Bières Blondes Artisanales - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-blondes-lartdelabiere.png?crop=center&height=288&v=1758098460&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-blondes-lartdelabiere.png?crop=center&height=432&v=1758098460&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-blondes-lartdelabiere.png?crop=center&height=504&v=1758098460&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-blondes-lartdelabiere.png?crop=center&height=576&v=1758098460&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-blondes-lartdelabiere.png?crop=center&height=768&v=1758098460&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-blondes-lartdelabiere.png?crop=center&height=1008&v=1758098460&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>À partir de €22,95</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-couleur-de-biere/products/coffret-bieres-blondes-artisanales" title="Coffret Bières Blondes Artisanales"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret Bières Blondes Artisanales</span>
</div>
</a>
<div
class="product-item__quick-buy"
><quick-view-product class="quick-add-to-cart">
<a href="/products/coffret-bieres-blondes-artisanales" class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart data-id="10061399097691">
<span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</a>
</quick-view-product></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-10061467582811" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-couleur-de-biere/products/coffret-bieres-blanches-artisanales"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-blanches-lartdelabiere.png?v=1758098491&width=480" alt="Coffret Bières Blanches Artisanales - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-blanches-lartdelabiere.png?crop=center&height=288&v=1758098491&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-blanches-lartdelabiere.png?crop=center&height=432&v=1758098491&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-blanches-lartdelabiere.png?crop=center&height=504&v=1758098491&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-blanches-lartdelabiere.png?crop=center&height=576&v=1758098491&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-blanches-lartdelabiere.png?crop=center&height=768&v=1758098491&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-blanches-lartdelabiere.png?crop=center&height=1008&v=1758098491&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-blanches-lartdelabiere.png?v=1758098442&width=480" alt="Coffret Bières Blanches Artisanales - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-blanches-lartdelabiere.png?crop=center&height=288&v=1758098442&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-blanches-lartdelabiere.png?crop=center&height=432&v=1758098442&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-blanches-lartdelabiere.png?crop=center&height=504&v=1758098442&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-blanches-lartdelabiere.png?crop=center&height=576&v=1758098442&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-blanches-lartdelabiere.png?crop=center&height=768&v=1758098442&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-blanches-lartdelabiere.png?crop=center&height=1008&v=1758098442&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>À partir de €20,90</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-couleur-de-biere/products/coffret-bieres-blanches-artisanales" title="Coffret Bières Blanches Artisanales"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret Bières Blanches Artisanales</span>
</div>
</a>
<div
class="product-item__quick-buy"
><quick-view-product class="quick-add-to-cart">
<a href="/products/coffret-bieres-blanches-artisanales" class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart data-id="10061467582811">
<span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</a>
</quick-view-product></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-10061382484315" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-couleur-de-biere/products/coffret-bieres-ambrees-artisanales"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-ambrees-lartdelabiere.png?v=1758098477&width=480" alt="Coffret Bières Ambrées Artisanales - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-ambrees-lartdelabiere.png?crop=center&height=288&v=1758098477&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-ambrees-lartdelabiere.png?crop=center&height=432&v=1758098477&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-ambrees-lartdelabiere.png?crop=center&height=504&v=1758098477&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-ambrees-lartdelabiere.png?crop=center&height=576&v=1758098477&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-ambrees-lartdelabiere.png?crop=center&height=768&v=1758098477&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-ambrees-lartdelabiere.png?crop=center&height=1008&v=1758098477&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-ambrees-lartdelabiere.png?v=1758098452&width=480" alt="Coffret Bières Ambrées Artisanales - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-ambrees-lartdelabiere.png?crop=center&height=288&v=1758098452&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-ambrees-lartdelabiere.png?crop=center&height=432&v=1758098452&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-ambrees-lartdelabiere.png?crop=center&height=504&v=1758098452&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-ambrees-lartdelabiere.png?crop=center&height=576&v=1758098452&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-ambrees-lartdelabiere.png?crop=center&height=768&v=1758098452&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-ambrees-lartdelabiere.png?crop=center&height=1008&v=1758098452&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>À partir de €23,90</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-couleur-de-biere/products/coffret-bieres-ambrees-artisanales" title="Coffret Bières Ambrées Artisanales"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret Bières Ambrées Artisanales</span>
</div>
</a>
<div
class="product-item__quick-buy"
><quick-view-product class="quick-add-to-cart">
<a href="/products/coffret-bieres-ambrees-artisanales" class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart data-id="10061382484315">
<span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</a>
</quick-view-product></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-10062928281947" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-couleur-de-biere/products/coffret-bieres-noires-artisanales"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-noires-lartdelabiere.png?v=1758098496&width=480" alt="Coffret Bières Noires Artisanales - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-noires-lartdelabiere.png?crop=center&height=288&v=1758098496&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-noires-lartdelabiere.png?crop=center&height=432&v=1758098496&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-noires-lartdelabiere.png?crop=center&height=504&v=1758098496&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-noires-lartdelabiere.png?crop=center&height=576&v=1758098496&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-noires-lartdelabiere.png?crop=center&height=768&v=1758098496&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-noires-lartdelabiere.png?crop=center&height=1008&v=1758098496&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-noires-lartdelabiere.png?v=1758098446&width=480" alt="Coffret Bières Noires Artisanales - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-noires-lartdelabiere.png?crop=center&height=288&v=1758098446&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-noires-lartdelabiere.png?crop=center&height=432&v=1758098446&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-noires-lartdelabiere.png?crop=center&height=504&v=1758098446&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-noires-lartdelabiere.png?crop=center&height=576&v=1758098446&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-noires-lartdelabiere.png?crop=center&height=768&v=1758098446&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-noires-lartdelabiere.png?crop=center&height=1008&v=1758098446&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>À partir de €27,90</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-couleur-de-biere/products/coffret-bieres-noires-artisanales" title="Coffret Bières Noires Artisanales"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret Bières Noires Artisanales</span>
</div>
</a>
<div
class="product-item__quick-buy"
><quick-view-product class="quick-add-to-cart">
<a href="/products/coffret-bieres-noires-artisanales" class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart data-id="10062928281947">
<span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</a>
</quick-view-product></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-10062921204059" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-couleur-de-biere/products/coffret-bieres-rousses-artisanales"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-rousses-lartdelabiere.png?v=1758098488&width=480" alt="Coffret Bières Rousses Artisanales - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-rousses-lartdelabiere.png?crop=center&height=288&v=1758098488&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-rousses-lartdelabiere.png?crop=center&height=432&v=1758098488&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-rousses-lartdelabiere.png?crop=center&height=504&v=1758098488&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-rousses-lartdelabiere.png?crop=center&height=576&v=1758098488&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-rousses-lartdelabiere.png?crop=center&height=768&v=1758098488&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-rousses-lartdelabiere.png?crop=center&height=1008&v=1758098488&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-rousses-lartdelabiere.png?v=1758098464&width=480" alt="Coffret Bières Rousses Artisanales - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-rousses-lartdelabiere.png?crop=center&height=288&v=1758098464&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-rousses-lartdelabiere.png?crop=center&height=432&v=1758098464&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-rousses-lartdelabiere.png?crop=center&height=504&v=1758098464&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-rousses-lartdelabiere.png?crop=center&height=576&v=1758098464&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-rousses-lartdelabiere.png?crop=center&height=768&v=1758098464&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-rousses-lartdelabiere.png?crop=center&height=1008&v=1758098464&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>À partir de €23,60</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-couleur-de-biere/products/coffret-bieres-rousses-artisanales" title="Coffret Bières Rousses Artisanales"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret Bières Rousses Artisanales</span>
</div>
</a>
<div
class="product-item__quick-buy"
><quick-view-product class="quick-add-to-cart">
<a href="/products/coffret-bieres-rousses-artisanales" class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart data-id="10062921204059">
<span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</a>
</quick-view-product></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-10063167291739" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-couleur-de-biere/products/coffret-bieres-brunes-artisanales"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-brunes-lartdelabiere.png?v=1758098500&width=480" alt="Coffret Bières Brunes Artisanales - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-brunes-lartdelabiere.png?crop=center&height=288&v=1758098500&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-brunes-lartdelabiere.png?crop=center&height=432&v=1758098500&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-brunes-lartdelabiere.png?crop=center&height=504&v=1758098500&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-brunes-lartdelabiere.png?crop=center&height=576&v=1758098500&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-brunes-lartdelabiere.png?crop=center&height=768&v=1758098500&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-brunes-lartdelabiere.png?crop=center&height=1008&v=1758098500&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€21,50
</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-couleur-de-biere/products/coffret-bieres-brunes-artisanales" title="Coffret Bières Brunes Artisanales"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret Bières Brunes Artisanales</span>
</div>
</a>
<div
class="product-item__quick-buy"
><quick-view-product class="quick-add-to-cart">
<a href="/products/coffret-bieres-brunes-artisanales" class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart data-id="10063167291739">
<span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</a>
</quick-view-product></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div></div></css-slider></div><div
class="collection-tabs_panel"
id="collection-template--26905061491035__featured-collection-1"
role="tabpanel" aria-labelledby="collection-template--26905061491035__featured-collection-1"
aria-hidden="true"
><css-slider data-options='{ "selector": ".product-item", "indexNav": true, "groupCells": true, "navigationDOM": "<span class=\"css-slider-button css-slider-prev\" style=\"display:none\"><svg fill=\"none\" height=\"13\" viewBox=\"0 0 8 13\" width=\"8\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"#000\" ><path d=\"m7.91419 1.41431-6.48529 6.48528-1.4142102-1.41422 6.4852802-6.48527702z\"/><path d=\"m6.48528 12.9849-6.48528027-6.48532 1.41421027-1.41421 6.48528 6.48523z\"/></g></svg></span><span class=\"css-slider-button css-slider-next\" style=\"display:none\"><svg width=\"9\" height=\"13\" viewBox=\"0 0 9 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0.914169 11.5857L7.39945 5.10041L8.81367 6.51463L2.32838 12.9999L0.914169 11.5857Z\" fill=\"black\"/><path d=\"M2.34307 0.0151367L8.82835 6.50042L7.41414 7.91463L0.928857 1.42935L2.34307 0.0151367Z\" fill=\"black\"/></svg></span>" }'
class="css-slider css-slider--bottom-navigation"
id="css-slider-template--26905061491035__featured-collection-1"
>
<div class="grid grid--slider grid-4 grid-portable-3 grid-lap-2 grid-tiny-1 grid-palm-2"><div id="product-item-10061470892379" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-type-de-biere/products/coffret-bieres-ipa-artisanales"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-ipa-lartdelabiere.png?v=1758098482&width=480" alt="Coffret Bières IPA Artisanales - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-ipa-lartdelabiere.png?crop=center&height=288&v=1758098482&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-ipa-lartdelabiere.png?crop=center&height=432&v=1758098482&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-ipa-lartdelabiere.png?crop=center&height=504&v=1758098482&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-ipa-lartdelabiere.png?crop=center&height=576&v=1758098482&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-ipa-lartdelabiere.png?crop=center&height=768&v=1758098482&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-ipa-lartdelabiere.png?crop=center&height=1008&v=1758098482&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-ipa-lartdelabiere.png?v=1758098457&width=480" alt="Coffret Bières IPA Artisanales - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-ipa-lartdelabiere.png?crop=center&height=288&v=1758098457&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-ipa-lartdelabiere.png?crop=center&height=432&v=1758098457&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-ipa-lartdelabiere.png?crop=center&height=504&v=1758098457&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-ipa-lartdelabiere.png?crop=center&height=576&v=1758098457&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-ipa-lartdelabiere.png?crop=center&height=768&v=1758098457&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-ipa-lartdelabiere.png?crop=center&height=1008&v=1758098457&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>À partir de €24,90</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-type-de-biere/products/coffret-bieres-ipa-artisanales" title="Coffret Bières IPA Artisanales"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret Bières IPA Artisanales</span>
</div>
</a>
<div
class="product-item__quick-buy"
><quick-view-product class="quick-add-to-cart">
<a href="/products/coffret-bieres-ipa-artisanales" class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart data-id="10061470892379">
<span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</a>
</quick-view-product></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-10062933983579" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-type-de-biere/products/coffret-bieres-triples-artisanales"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-triples-lartdelabiere.png?v=1758098404&width=480" alt="Coffret Bières Triples Artisanales - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-triples-lartdelabiere.png?crop=center&height=288&v=1758098404&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-triples-lartdelabiere.png?crop=center&height=432&v=1758098404&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-triples-lartdelabiere.png?crop=center&height=504&v=1758098404&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-triples-lartdelabiere.png?crop=center&height=576&v=1758098404&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-triples-lartdelabiere.png?crop=center&height=768&v=1758098404&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-triples-lartdelabiere.png?crop=center&height=1008&v=1758098404&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-triples-lartdelabiere.png?v=1758098406&width=480" alt="Coffret Bières Triples Artisanales - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-triples-lartdelabiere.png?crop=center&height=288&v=1758098406&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-triples-lartdelabiere.png?crop=center&height=432&v=1758098406&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-triples-lartdelabiere.png?crop=center&height=504&v=1758098406&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-triples-lartdelabiere.png?crop=center&height=576&v=1758098406&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-triples-lartdelabiere.png?crop=center&height=768&v=1758098406&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-triples-lartdelabiere.png?crop=center&height=1008&v=1758098406&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>À partir de €24,90</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-type-de-biere/products/coffret-bieres-triples-artisanales" title="Coffret Bières Triples Artisanales"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret Bières Triples Artisanales</span>
</div>
</a>
<div
class="product-item__quick-buy"
><quick-view-product class="quick-add-to-cart">
<a href="/products/coffret-bieres-triples-artisanales" class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart data-id="10062933983579">
<span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</a>
</quick-view-product></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-10063084388699" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-type-de-biere/products/coffret-bieres-sans-alcool-artisanales"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-bio-lartdelabiere.png?v=1758098381&width=480" alt="Coffret Bières Bio Artisanales - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-bio-lartdelabiere.png?crop=center&height=288&v=1758098381&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-bio-lartdelabiere.png?crop=center&height=432&v=1758098381&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-bio-lartdelabiere.png?crop=center&height=504&v=1758098381&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-bio-lartdelabiere.png?crop=center&height=576&v=1758098381&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-bio-lartdelabiere.png?crop=center&height=768&v=1758098381&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-bio-lartdelabiere.png?crop=center&height=1008&v=1758098381&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-bio-lartdelabiere.png?v=1758098386&width=480" alt="Coffret Bières Bio Artisanales - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-bio-lartdelabiere.png?crop=center&height=288&v=1758098386&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-bio-lartdelabiere.png?crop=center&height=432&v=1758098386&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-bio-lartdelabiere.png?crop=center&height=504&v=1758098386&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-bio-lartdelabiere.png?crop=center&height=576&v=1758098386&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-bio-lartdelabiere.png?crop=center&height=768&v=1758098386&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-bio-lartdelabiere.png?crop=center&height=1008&v=1758098386&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>À partir de €22,90</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-type-de-biere/products/coffret-bieres-sans-alcool-artisanales" title="Coffret Bières Bio Artisanales"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret Bières Bio Artisanales</span>
</div>
</a>
<div
class="product-item__quick-buy"
><quick-view-product class="quick-add-to-cart">
<a href="/products/coffret-bieres-sans-alcool-artisanales" class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart data-id="10063084388699">
<span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</a>
</quick-view-product></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-10148559847771" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-type-de-biere/products/coffret-bieres-stout-artisanales"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-stout-lartdelabiere.png?v=1760970263&width=480" alt="Coffret Bières Stout Artisanales"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-stout-lartdelabiere.png?crop=center&height=288&v=1760970263&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-stout-lartdelabiere.png?crop=center&height=432&v=1760970263&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-stout-lartdelabiere.png?crop=center&height=504&v=1760970263&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-stout-lartdelabiere.png?crop=center&height=576&v=1760970263&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-stout-lartdelabiere.png?crop=center&height=768&v=1760970263&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-stout-lartdelabiere.png?crop=center&height=1008&v=1760970263&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€27,90
</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-type-de-biere/products/coffret-bieres-stout-artisanales" title="Coffret Bières Stout Artisanales"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret Bières Stout Artisanales</span>
</div>
</a>
<div
class="product-item__quick-buy"
><quick-view-product class="quick-add-to-cart">
<a href="/products/coffret-bieres-stout-artisanales" class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart data-id="10148559847771">
<span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</a>
</quick-view-product></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-10062992343387" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-type-de-biere/products/coffret-bieres-sour-artisanales"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-sour-lartdelabiere.png?v=1758098391&width=480" alt="Coffret Bières Sour Artisanales - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-sour-lartdelabiere.png?crop=center&height=288&v=1758098391&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-sour-lartdelabiere.png?crop=center&height=432&v=1758098391&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-sour-lartdelabiere.png?crop=center&height=504&v=1758098391&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-sour-lartdelabiere.png?crop=center&height=576&v=1758098391&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-sour-lartdelabiere.png?crop=center&height=768&v=1758098391&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-sour-lartdelabiere.png?crop=center&height=1008&v=1758098391&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-sour-lartdelabiere.png?v=1758098398&width=480" alt="Coffret Bières Sour Artisanales - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-sour-lartdelabiere.png?crop=center&height=288&v=1758098398&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-sour-lartdelabiere.png?crop=center&height=432&v=1758098398&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-sour-lartdelabiere.png?crop=center&height=504&v=1758098398&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-sour-lartdelabiere.png?crop=center&height=576&v=1758098398&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-sour-lartdelabiere.png?crop=center&height=768&v=1758098398&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-sour-lartdelabiere.png?crop=center&height=1008&v=1758098398&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>À partir de €28,20</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-type-de-biere/products/coffret-bieres-sour-artisanales" title="Coffret Bières Sour Artisanales"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret Bières Sour Artisanales</span>
</div>
</a>
<div
class="product-item__quick-buy"
><quick-view-product class="quick-add-to-cart">
<a href="/products/coffret-bieres-sour-artisanales" class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart data-id="10062992343387">
<span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</a>
</quick-view-product></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-9917780066651" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-type-de-biere/products/coffret-crazy-boros"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-biere-sans-alcool-lartdelabiere_07025eac-a9ca-4a25-9527-b24f46cd20f4.png?v=1755877395&width=480" alt="Coffret Bières Sans Alcool Artisanales - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-biere-sans-alcool-lartdelabiere_07025eac-a9ca-4a25-9527-b24f46cd20f4.png?crop=center&height=288&v=1755877395&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-biere-sans-alcool-lartdelabiere_07025eac-a9ca-4a25-9527-b24f46cd20f4.png?crop=center&height=432&v=1755877395&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-biere-sans-alcool-lartdelabiere_07025eac-a9ca-4a25-9527-b24f46cd20f4.png?crop=center&height=504&v=1755877395&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-biere-sans-alcool-lartdelabiere_07025eac-a9ca-4a25-9527-b24f46cd20f4.png?crop=center&height=576&v=1755877395&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-biere-sans-alcool-lartdelabiere_07025eac-a9ca-4a25-9527-b24f46cd20f4.png?crop=center&height=768&v=1755877395&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-biere-sans-alcool-lartdelabiere_07025eac-a9ca-4a25-9527-b24f46cd20f4.png?crop=center&height=1008&v=1755877395&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€24,90
</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-type-de-biere/products/coffret-crazy-boros" title="Coffret Bières Sans Alcool Artisanales"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret Bières Sans Alcool Artisanales</span>
</div>
</a>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/coffret-crazy-boros">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917780066651" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632466170203">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917780066651" /><input type="hidden" name="section-id" value="template--26905061491035__featured-collection" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-10063134458203" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-type-de-biere/products/coffret-bieres-crazy-boros"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-crazy-boros-ouroboros-lartdelabiere.png?v=1762287911&width=480" alt="Coffret Bières Imperial Stout Crazy Boros"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-crazy-boros-ouroboros-lartdelabiere.png?crop=center&height=288&v=1762287911&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-crazy-boros-ouroboros-lartdelabiere.png?crop=center&height=432&v=1762287911&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-crazy-boros-ouroboros-lartdelabiere.png?crop=center&height=504&v=1762287911&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-crazy-boros-ouroboros-lartdelabiere.png?crop=center&height=576&v=1762287911&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-crazy-boros-ouroboros-lartdelabiere.png?crop=center&height=768&v=1762287911&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-crazy-boros-ouroboros-lartdelabiere.png?crop=center&height=1008&v=1762287911&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€20,90
</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-type-de-biere/products/coffret-bieres-crazy-boros" title="Coffret Bières Imperial Stout Crazy Boros"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret Bières Imperial Stout Crazy Boros</span>
</div>
</a>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--sold"
style="background-color: #757575; color: #ffffff"
>
Épuisé
</span></div></div><div id="product-item-10063039037787" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-type-de-biere/products/coffret-bieres-imperial-stout-artisanales"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-imperial-stout-lartdelabiere.png?v=1758098424&width=480" alt="Coffret Bières Imperial Stout Artisanales - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-imperial-stout-lartdelabiere.png?crop=center&height=288&v=1758098424&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-imperial-stout-lartdelabiere.png?crop=center&height=432&v=1758098424&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-imperial-stout-lartdelabiere.png?crop=center&height=504&v=1758098424&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-imperial-stout-lartdelabiere.png?crop=center&height=576&v=1758098424&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-imperial-stout-lartdelabiere.png?crop=center&height=768&v=1758098424&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-imperial-stout-lartdelabiere.png?crop=center&height=1008&v=1758098424&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€31,90
</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-type-de-biere/products/coffret-bieres-imperial-stout-artisanales" title="Coffret Bières Imperial Stout Artisanales"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret Bières Imperial Stout Artisanales</span>
</div>
</a>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--sold"
style="background-color: #757575; color: #ffffff"
>
Épuisé
</span></div></div></div></css-slider></div><div
class="collection-tabs_panel"
id="collection-template--26905061491035__featured-collection-2"
role="tabpanel" aria-labelledby="collection-template--26905061491035__featured-collection-2"
aria-hidden="true"
><css-slider data-options='{ "selector": ".product-item", "indexNav": true, "groupCells": true, "navigationDOM": "<span class=\"css-slider-button css-slider-prev\" style=\"display:none\"><svg fill=\"none\" height=\"13\" viewBox=\"0 0 8 13\" width=\"8\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"#000\" ><path d=\"m7.91419 1.41431-6.48529 6.48528-1.4142102-1.41422 6.4852802-6.48527702z\"/><path d=\"m6.48528 12.9849-6.48528027-6.48532 1.41421027-1.41421 6.48528 6.48523z\"/></g></svg></span><span class=\"css-slider-button css-slider-next\" style=\"display:none\"><svg width=\"9\" height=\"13\" viewBox=\"0 0 9 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0.914169 11.5857L7.39945 5.10041L8.81367 6.51463L2.32838 12.9999L0.914169 11.5857Z\" fill=\"black\"/><path d=\"M2.34307 0.0151367L8.82835 6.50042L7.41414 7.91463L0.928857 1.42935L2.34307 0.0151367Z\" fill=\"black\"/></svg></span>" }'
class="css-slider css-slider--bottom-navigation"
id="css-slider-template--26905061491035__featured-collection-2"
>
<div class="grid grid--slider grid-4 grid-portable-3 grid-lap-2 grid-tiny-1 grid-palm-2"><div id="product-item-10063071609179" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-region/products/coffret-bieres-artisanales-de-provence"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-provence-lartdelabiere.png?v=1758101101&width=480" alt="Coffret Bières Artisanales de Provence - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-provence-lartdelabiere.png?crop=center&height=288&v=1758101101&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-provence-lartdelabiere.png?crop=center&height=432&v=1758101101&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-provence-lartdelabiere.png?crop=center&height=504&v=1758101101&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-provence-lartdelabiere.png?crop=center&height=576&v=1758101101&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-provence-lartdelabiere.png?crop=center&height=768&v=1758101101&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-provence-lartdelabiere.png?crop=center&height=1008&v=1758101101&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>À partir de €24,90</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-region/products/coffret-bieres-artisanales-de-provence" title="Coffret Bières Artisanales de Provence"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret Bières Artisanales de Provence</span>
</div>
</a>
<div
class="product-item__quick-buy"
><quick-view-product class="quick-add-to-cart">
<a href="/products/coffret-bieres-artisanales-de-provence" class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart data-id="10063071609179">
<span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</a>
</quick-view-product></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-10119720927579" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-region/products/coffret-bieres-artisanales-de-savoie"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-savoie-lartdelabiere.png?v=1759405148&width=480" alt="Coffret Bières Artisanales de Savoie - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-savoie-lartdelabiere.png?crop=center&height=288&v=1759405148&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-savoie-lartdelabiere.png?crop=center&height=432&v=1759405148&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-savoie-lartdelabiere.png?crop=center&height=504&v=1759405148&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-savoie-lartdelabiere.png?crop=center&height=576&v=1759405148&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-savoie-lartdelabiere.png?crop=center&height=768&v=1759405148&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-savoie-lartdelabiere.png?crop=center&height=1008&v=1759405148&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-savoie-lartdelabiere.png?v=1759405148&width=480" alt="Coffret Bières Artisanales de Savoie - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-savoie-lartdelabiere.png?crop=center&height=288&v=1759405148&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-savoie-lartdelabiere.png?crop=center&height=432&v=1759405148&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-savoie-lartdelabiere.png?crop=center&height=504&v=1759405148&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-savoie-lartdelabiere.png?crop=center&height=576&v=1759405148&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-savoie-lartdelabiere.png?crop=center&height=768&v=1759405148&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-savoie-lartdelabiere.png?crop=center&height=1008&v=1759405148&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>À partir de €24,90</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-region/products/coffret-bieres-artisanales-de-savoie" title="Coffret Bières Artisanales de Savoie"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret Bières Artisanales de Savoie</span>
</div>
</a>
<div
class="product-item__quick-buy"
><quick-view-product class="quick-add-to-cart">
<a href="/products/coffret-bieres-artisanales-de-savoie" class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart data-id="10119720927579">
<span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</a>
</quick-view-product></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div></div></css-slider></div><div
class="collection-tabs_panel"
id="collection-template--26905061491035__featured-collection-3"
role="tabpanel" aria-labelledby="collection-template--26905061491035__featured-collection-3"
aria-hidden="true"
><css-slider data-options='{ "selector": ".product-item", "indexNav": true, "groupCells": true, "navigationDOM": "<span class=\"css-slider-button css-slider-prev\" style=\"display:none\"><svg fill=\"none\" height=\"13\" viewBox=\"0 0 8 13\" width=\"8\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"#000\" ><path d=\"m7.91419 1.41431-6.48529 6.48528-1.4142102-1.41422 6.4852802-6.48527702z\"/><path d=\"m6.48528 12.9849-6.48528027-6.48532 1.41421027-1.41421 6.48528 6.48523z\"/></g></svg></span><span class=\"css-slider-button css-slider-next\" style=\"display:none\"><svg width=\"9\" height=\"13\" viewBox=\"0 0 9 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0.914169 11.5857L7.39945 5.10041L8.81367 6.51463L2.32838 12.9999L0.914169 11.5857Z\" fill=\"black\"/><path d=\"M2.34307 0.0151367L8.82835 6.50042L7.41414 7.91463L0.928857 1.42935L2.34307 0.0151367Z\" fill=\"black\"/></svg></span>" }'
class="css-slider css-slider--bottom-navigation"
id="css-slider-template--26905061491035__featured-collection-3"
>
<div class="grid grid--slider grid-4 grid-portable-3 grid-lap-2 grid-tiny-1 grid-palm-2"><div id="product-item-10212499325275" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-brasserie/products/coffret-decouverte-melusine-3-bieres-33cl"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-decouvert-melusine-3-bieres-lartdelabiere.png?v=1763412169&width=480" alt="Coffret découverte Mélusine 3 bières 33cl"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-decouvert-melusine-3-bieres-lartdelabiere.png?crop=center&height=288&v=1763412169&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-decouvert-melusine-3-bieres-lartdelabiere.png?crop=center&height=432&v=1763412169&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-decouvert-melusine-3-bieres-lartdelabiere.png?crop=center&height=504&v=1763412169&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-decouvert-melusine-3-bieres-lartdelabiere.png?crop=center&height=576&v=1763412169&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-decouvert-melusine-3-bieres-lartdelabiere.png?crop=center&height=768&v=1763412169&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-decouvert-melusine-3-bieres-lartdelabiere.png?crop=center&height=1008&v=1763412169&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€8,90
</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-brasserie/products/coffret-decouverte-melusine-3-bieres-33cl" title="Coffret découverte Mélusine 3 bières 33cl"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret découverte Mélusine 3 bières 33cl</span>
</div>
</a>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/coffret-decouverte-melusine-3-bieres-33cl">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_10212499325275" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51755713626459">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="10212499325275" /><input type="hidden" name="section-id" value="template--26905061491035__featured-collection" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-10061136593243" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-brasserie/products/coffret-brasserie-melusine"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-melusine-lartdelabiere.png?v=1758098371&width=480" alt="Coffret Brasserie Mélusine - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-melusine-lartdelabiere.png?crop=center&height=288&v=1758098371&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-melusine-lartdelabiere.png?crop=center&height=432&v=1758098371&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-melusine-lartdelabiere.png?crop=center&height=504&v=1758098371&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-melusine-lartdelabiere.png?crop=center&height=576&v=1758098371&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-melusine-lartdelabiere.png?crop=center&height=768&v=1758098371&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-melusine-lartdelabiere.png?crop=center&height=1008&v=1758098371&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-melusine-lartdelabiere.png?v=1758098365&width=480" alt="Coffret Brasserie Mélusine - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-melusine-lartdelabiere.png?crop=center&height=288&v=1758098365&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-melusine-lartdelabiere.png?crop=center&height=432&v=1758098365&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-melusine-lartdelabiere.png?crop=center&height=504&v=1758098365&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-melusine-lartdelabiere.png?crop=center&height=576&v=1758098365&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-melusine-lartdelabiere.png?crop=center&height=768&v=1758098365&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-melusine-lartdelabiere.png?crop=center&height=1008&v=1758098365&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>À partir de €17,90</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-brasserie/products/coffret-brasserie-melusine" title="Coffret Brasserie Mélusine"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret Brasserie Mélusine</span>
</div>
</a>
<div
class="product-item__quick-buy"
><quick-view-product class="quick-add-to-cart">
<a href="/products/coffret-brasserie-melusine" class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart data-id="10061136593243">
<span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</a>
</quick-view-product></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-10063185903963" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-brasserie/products/coffret-brasserie-des-gardians"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-generique-lartdelabiere.png?v=1759440553&width=480" alt="Coffret Brasserie des Gardians - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-generique-lartdelabiere.png?crop=center&height=288&v=1759440553&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-generique-lartdelabiere.png?crop=center&height=432&v=1759440553&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-generique-lartdelabiere.png?crop=center&height=504&v=1759440553&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-generique-lartdelabiere.png?crop=center&height=576&v=1759440553&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-generique-lartdelabiere.png?crop=center&height=768&v=1759440553&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-generique-lartdelabiere.png?crop=center&height=1008&v=1759440553&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>À partir de €21,90</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-brasserie/products/coffret-brasserie-des-gardians" title="Coffret Brasserie des Gardians"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret Brasserie des Gardians</span>
</div>
</a>
<div
class="product-item__quick-buy"
><quick-view-product class="quick-add-to-cart">
<a href="/products/coffret-brasserie-des-gardians" class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart data-id="10063185903963">
<span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</a>
</quick-view-product></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-10062909800795" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-brasserie/products/coffret-brasserie-kiara"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-kiara-lartdelabiere.png?v=1758098879&width=480" alt="Coffret Brasserie Kiara - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-kiara-lartdelabiere.png?crop=center&height=288&v=1758098879&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-kiara-lartdelabiere.png?crop=center&height=432&v=1758098879&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-kiara-lartdelabiere.png?crop=center&height=504&v=1758098879&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-kiara-lartdelabiere.png?crop=center&height=576&v=1758098879&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-kiara-lartdelabiere.png?crop=center&height=768&v=1758098879&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-6-bieres-kiara-lartdelabiere.png?crop=center&height=1008&v=1758098879&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-kiara-lartdelabiere.png?v=1758100683&width=480" alt="Coffret Brasserie Kiara - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-kiara-lartdelabiere.png?crop=center&height=288&v=1758100683&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-kiara-lartdelabiere.png?crop=center&height=432&v=1758100683&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-kiara-lartdelabiere.png?crop=center&height=504&v=1758100683&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-kiara-lartdelabiere.png?crop=center&height=576&v=1758100683&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-kiara-lartdelabiere.png?crop=center&height=768&v=1758100683&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-kiara-lartdelabiere.png?crop=center&height=1008&v=1758100683&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>À partir de €15,50</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-brasserie/products/coffret-brasserie-kiara" title="Coffret Brasserie Kiara"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret Brasserie Kiara</span>
</div>
</a>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--sold"
style="background-color: #757575; color: #ffffff"
>
Épuisé
</span></div></div><div id="product-item-10063014003035" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-brasserie/products/coffret-brasserie-du-causse"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-generique-lartdelabiere.png?v=1759440553&width=480" alt="Coffret Brasserie des Gardians - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-generique-lartdelabiere.png?crop=center&height=288&v=1759440553&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-generique-lartdelabiere.png?crop=center&height=432&v=1759440553&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-generique-lartdelabiere.png?crop=center&height=504&v=1759440553&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-generique-lartdelabiere.png?crop=center&height=576&v=1759440553&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-generique-lartdelabiere.png?crop=center&height=768&v=1759440553&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-generique-lartdelabiere.png?crop=center&height=1008&v=1759440553&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€1,00
</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-brasserie/products/coffret-brasserie-du-causse" title="Coffret Brasserie du Causse - 24 bières"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret Brasserie du Causse - 24 bières</span>
</div>
</a>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--sold"
style="background-color: #757575; color: #ffffff"
>
Épuisé
</span></div></div><div id="product-item-10212495196507" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-brasserie/products/coffret-degustation-melusine-75cl-2-verres"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-degustation-melusine-75vl-2-verres-lartdelabiere.png?v=1763412106&width=480" alt="Coffret dégustation Mélusine 75cl + 2 verres"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-degustation-melusine-75vl-2-verres-lartdelabiere.png?crop=center&height=288&v=1763412106&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-degustation-melusine-75vl-2-verres-lartdelabiere.png?crop=center&height=432&v=1763412106&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-degustation-melusine-75vl-2-verres-lartdelabiere.png?crop=center&height=504&v=1763412106&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-degustation-melusine-75vl-2-verres-lartdelabiere.png?crop=center&height=576&v=1763412106&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-degustation-melusine-75vl-2-verres-lartdelabiere.png?crop=center&height=768&v=1763412106&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-degustation-melusine-75vl-2-verres-lartdelabiere.png?crop=center&height=1008&v=1763412106&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-degustation-melusine-75vl-2-verres-lartdelabiere-2.png?v=1763413422&width=480" alt="Coffret dégustation Mélusine 75cl + 2 verres"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-degustation-melusine-75vl-2-verres-lartdelabiere-2.png?crop=center&height=288&v=1763413422&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-degustation-melusine-75vl-2-verres-lartdelabiere-2.png?crop=center&height=432&v=1763413422&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-degustation-melusine-75vl-2-verres-lartdelabiere-2.png?crop=center&height=504&v=1763413422&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-degustation-melusine-75vl-2-verres-lartdelabiere-2.png?crop=center&height=576&v=1763413422&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-degustation-melusine-75vl-2-verres-lartdelabiere-2.png?crop=center&height=768&v=1763413422&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-degustation-melusine-75vl-2-verres-lartdelabiere-2.png?crop=center&height=1008&v=1763413422&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€18,90
</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-brasserie/products/coffret-degustation-melusine-75cl-2-verres" title="Coffret dégustation Mélusine 75cl + 2 verres"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret dégustation Mélusine 75cl + 2 verres</span>
</div>
</a>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--sold"
style="background-color: #757575; color: #ffffff"
>
Épuisé
</span><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-10149473550683" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-brasserie/products/coffret-decouverte-thetys-4-bieres-1-verre"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-4-bieres-1-verre-thetys-lartdelabiere.png?v=1761031850&width=480" alt="Coffret découverte Thétys 4 bières + 1 verre"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-4-bieres-1-verre-thetys-lartdelabiere.png?crop=center&height=288&v=1761031850&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-4-bieres-1-verre-thetys-lartdelabiere.png?crop=center&height=432&v=1761031850&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-4-bieres-1-verre-thetys-lartdelabiere.png?crop=center&height=504&v=1761031850&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-4-bieres-1-verre-thetys-lartdelabiere.png?crop=center&height=576&v=1761031850&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-4-bieres-1-verre-thetys-lartdelabiere.png?crop=center&height=768&v=1761031850&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-4-bieres-1-verre-thetys-lartdelabiere.png?crop=center&height=1008&v=1761031850&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€15,90
</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-brasserie/products/coffret-decouverte-thetys-4-bieres-1-verre" title="Coffret découverte Thétys 4 bières + 1 verre"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret découverte Thétys 4 bières + 1 verre</span>
</div>
</a>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--sold"
style="background-color: #757575; color: #ffffff"
>
Épuisé
</span><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-10189099270491" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-brasserie/products/coffret-brasserie-nomade"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-nomade-lartdelabiere.png?v=1763323817&width=480" alt="Coffret Brasserie Nomade 12 bières"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-nomade-lartdelabiere.png?crop=center&height=288&v=1763323817&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-nomade-lartdelabiere.png?crop=center&height=432&v=1763323817&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-nomade-lartdelabiere.png?crop=center&height=504&v=1763323817&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-nomade-lartdelabiere.png?crop=center&height=576&v=1763323817&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-nomade-lartdelabiere.png?crop=center&height=768&v=1763323817&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-12-bieres-nomade-lartdelabiere.png?crop=center&height=1008&v=1763323817&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€40,90
</span><del class="product-price--compare">
<span class="visually-hidden">Prix de solde</span><span style="text-decoration: line-through;">€42,95</span></del></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-brasserie/products/coffret-brasserie-nomade" title="Coffret Brasserie Nomade 12 bières"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret Brasserie Nomade 12 bières</span>
</div>
</a>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--sold"
style="background-color: #757575; color: #ffffff"
>
Épuisé
</span><span class="product-item__badge product-item__badge--sale"
style="background-color: #D14545; color: #ffffff"
>-5%</span><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-10062998372699" class="product-item card" data-js-product-item><a href="/collections/coffrets-par-brasserie/products/coffret-brasserie-dracenoise"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-biere-dracenoise-lartdelabiere.png?v=1755868309&width=480" alt="Coffret découverte Brasserie Dracénoise - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-biere-dracenoise-lartdelabiere.png?crop=center&height=288&v=1755868309&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-biere-dracenoise-lartdelabiere.png?crop=center&height=432&v=1755868309&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-biere-dracenoise-lartdelabiere.png?crop=center&height=504&v=1755868309&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-biere-dracenoise-lartdelabiere.png?crop=center&height=576&v=1755868309&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-biere-dracenoise-lartdelabiere.png?crop=center&height=768&v=1755868309&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-biere-dracenoise-lartdelabiere.png?crop=center&height=1008&v=1755868309&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€25,40
</span></div></div>
</div>
<a class="product-item__title"
href="/collections/coffrets-par-brasserie/products/coffret-brasserie-dracenoise" title="Coffret découverte Brasserie Dracénoise"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Coffret découverte Brasserie Dracénoise</span>
</div>
</a>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--sold"
style="background-color: #757575; color: #ffffff"
>
Épuisé
</span></div></div></div></css-slider></div></div></collection-tabs>
</div>
<style>
#product-grid-template--26905061491035__featured-collection .product-item {--color-background-cards: #ffffff;--color-borders-cards: #dfdfdf;}</style><script src="//lartdelabiere.fr/cdn/shop/t/19/assets/component-collection-tabs.js?v=117489634049932661521761764488" defer></script><style data-shopify>
#shopify-section-template--26905061491035__featured-collection {
background-color: #ffffff;
}
</style>
</div><div id="shopify-section-template--26905061491035__products_list_HNjrR3" class="shopify-section mount-css-slider mount-collection-tabs"><link href="//lartdelabiere.fr/cdn/shop/t/19/assets/component-product-item.css?v=126600967654690319611761764488" rel="stylesheet" type="text/css" media="all" />
<div id="section-template--26905061491035__products_list_HNjrR3" class="container--large remove-empty-space container--has-background"><div class="section-heading section-heading--left gutter-bottom--page"><div class="section-heading__text remove-empty-space"><h2 class="section-heading__title h4">Notre sélection du moment</h2><span class="section-heading__subheading text-size--large">Une petite sélection au top, concoctée pour vous — vous en voulez encore ? Cliquez et craquez !</span></div></div><div id="product-grid-template--26905061491035__products_list_HNjrR3"><div class="grid grid--layout grid-4 grid-portable-3 grid-lap-2 grid-tiny-1 grid-palm-2"><div id="product-item-10170725302619" class="product-item card" data-js-product-item><a href="/products/go-your-own-way"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-go-your-own-way-nomade-lartdelabiere.png?v=1761763663&width=480" alt="Go Your Own Way"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-go-your-own-way-nomade-lartdelabiere.png?crop=center&height=288&v=1761763663&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-go-your-own-way-nomade-lartdelabiere.png?crop=center&height=432&v=1761763663&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-go-your-own-way-nomade-lartdelabiere.png?crop=center&height=504&v=1761763663&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-go-your-own-way-nomade-lartdelabiere.png?crop=center&height=576&v=1761763663&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-go-your-own-way-nomade-lartdelabiere.png?crop=center&height=768&v=1761763663&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-go-your-own-way-nomade-lartdelabiere.png?crop=center&height=1008&v=1761763663&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,50
</span></div></div>
</div>
<a class="product-item__title"
href="/products/go-your-own-way" title="Go Your Own Way"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Go Your Own Way</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Nomade</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/go-your-own-way">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_10170725302619" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51639288332635">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="10170725302619" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_HNjrR3" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-9917793501531" class="product-item card" data-js-product-item><a href="/products/lager-des-etoiles"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-lager-des-etoiles-pleine-lune-lartdelabiere.png?v=1750880907&width=480" alt="Lager des Etoiles - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-lager-des-etoiles-pleine-lune-lartdelabiere.png?crop=center&height=288&v=1750880907&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-lager-des-etoiles-pleine-lune-lartdelabiere.png?crop=center&height=432&v=1750880907&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-lager-des-etoiles-pleine-lune-lartdelabiere.png?crop=center&height=504&v=1750880907&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-lager-des-etoiles-pleine-lune-lartdelabiere.png?crop=center&height=576&v=1750880907&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-lager-des-etoiles-pleine-lune-lartdelabiere.png?crop=center&height=768&v=1750880907&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-lager-des-etoiles-pleine-lune-lartdelabiere.png?crop=center&height=1008&v=1750880907&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€4,20
</span></div></div>
</div>
<a class="product-item__title"
href="/products/lager-des-etoiles" title="Lager des Etoiles"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Lager des Etoiles</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie de la Pleine Lune</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/lager-des-etoiles">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917793501531" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632486650203">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917793501531" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_HNjrR3" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-9917788750171" class="product-item card" data-js-product-item><a href="/products/sarah-zinzin"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-sarah-la-zinzin-funambules-lartdelabiere.png?v=1751902411&width=480" alt="Ambrée Sarah la Zinzin - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-sarah-la-zinzin-funambules-lartdelabiere.png?crop=center&height=288&v=1751902411&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-sarah-la-zinzin-funambules-lartdelabiere.png?crop=center&height=432&v=1751902411&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-sarah-la-zinzin-funambules-lartdelabiere.png?crop=center&height=504&v=1751902411&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-sarah-la-zinzin-funambules-lartdelabiere.png?crop=center&height=576&v=1751902411&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-sarah-la-zinzin-funambules-lartdelabiere.png?crop=center&height=768&v=1751902411&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-sarah-la-zinzin-funambules-lartdelabiere.png?crop=center&height=1008&v=1751902411&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,80
</span></div></div>
</div>
<a class="product-item__title"
href="/products/sarah-zinzin" title="Ambrée Sarah la Zinzin"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Ambrée Sarah la Zinzin</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Les Funambules</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/sarah-zinzin">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917788750171" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632480031067">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917788750171" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_HNjrR3" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-10165917712731" class="product-item card" data-js-product-item><a href="/products/anagramme"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-anagramme-faux-semblables-lartdelabiere.png?v=1761632551&width=480" alt="Anagramme"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-anagramme-faux-semblables-lartdelabiere.png?crop=center&height=288&v=1761632551&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-anagramme-faux-semblables-lartdelabiere.png?crop=center&height=432&v=1761632551&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-anagramme-faux-semblables-lartdelabiere.png?crop=center&height=504&v=1761632551&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-anagramme-faux-semblables-lartdelabiere.png?crop=center&height=576&v=1761632551&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-anagramme-faux-semblables-lartdelabiere.png?crop=center&height=768&v=1761632551&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-anagramme-faux-semblables-lartdelabiere.png?crop=center&height=1008&v=1761632551&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€4,15
</span></div></div>
</div>
<a class="product-item__title"
href="/products/anagramme" title="Anagramme"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Anagramme</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Les Faux Semblables</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/anagramme">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_10165917712731" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51625251864923">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="10165917712731" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_HNjrR3" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-9917779968347" class="product-item card" data-js-product-item><a href="/products/pogo"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-pogo-kisswing-lartdelabiere.png?v=1750825681&width=480" alt="Pogo - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-pogo-kisswing-lartdelabiere.png?crop=center&height=288&v=1750825681&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-pogo-kisswing-lartdelabiere.png?crop=center&height=432&v=1750825681&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-pogo-kisswing-lartdelabiere.png?crop=center&height=504&v=1750825681&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-pogo-kisswing-lartdelabiere.png?crop=center&height=576&v=1750825681&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-pogo-kisswing-lartdelabiere.png?crop=center&height=768&v=1750825681&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-pogo-kisswing-lartdelabiere.png?crop=center&height=1008&v=1750825681&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€4,00
</span></div></div>
</div>
<a class="product-item__title"
href="/products/pogo" title="Pogo"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Pogo</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Kisswing</div>
</div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--sold"
style="background-color: #757575; color: #ffffff"
>
Épuisé
</span></div></div><div id="product-item-10142470504795" class="product-item card" data-js-product-item><a href="/products/lindigene"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-indigene-la-montagnarde.png?v=1760541965&width=480" alt="L'Indigène"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-indigene-la-montagnarde.png?crop=center&height=288&v=1760541965&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-indigene-la-montagnarde.png?crop=center&height=432&v=1760541965&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-indigene-la-montagnarde.png?crop=center&height=504&v=1760541965&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-indigene-la-montagnarde.png?crop=center&height=576&v=1760541965&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-indigene-la-montagnarde.png?crop=center&height=768&v=1760541965&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-indigene-la-montagnarde.png?crop=center&height=1008&v=1760541965&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,45
</span></div></div>
</div>
<a class="product-item__title"
href="/products/lindigene" title="L'Indigène"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">L'Indigène</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie La Montagnarde</div>
</div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--sold"
style="background-color: #757575; color: #ffffff"
>
Épuisé
</span><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-9917794255195" class="product-item card" data-js-product-item><a href="/products/conteuse-lune"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-conteuse-de-lune-pleine-lune-lartdelabiere.png?v=1750880906&width=480" alt="Conteuse de Lune - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-conteuse-de-lune-pleine-lune-lartdelabiere.png?crop=center&height=288&v=1750880906&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-conteuse-de-lune-pleine-lune-lartdelabiere.png?crop=center&height=432&v=1750880906&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-conteuse-de-lune-pleine-lune-lartdelabiere.png?crop=center&height=504&v=1750880906&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-conteuse-de-lune-pleine-lune-lartdelabiere.png?crop=center&height=576&v=1750880906&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-conteuse-de-lune-pleine-lune-lartdelabiere.png?crop=center&height=768&v=1750880906&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-conteuse-de-lune-pleine-lune-lartdelabiere.png?crop=center&height=1008&v=1750880906&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,70
</span></div></div>
</div>
<a class="product-item__title"
href="/products/conteuse-lune" title="Conteuse de Lune"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Conteuse de Lune</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie de la Pleine Lune</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/conteuse-lune">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917794255195" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632487764315">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917794255195" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_HNjrR3" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-9917789929819" class="product-item card" data-js-product-item><a href="/products/blonde-ours-bio"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-blonde-ours-caquot-lartdelabiere.png?v=1760631142&width=480" alt="Blonde de l’Ours bio"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-blonde-ours-caquot-lartdelabiere.png?crop=center&height=288&v=1760631142&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-blonde-ours-caquot-lartdelabiere.png?crop=center&height=432&v=1760631142&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-blonde-ours-caquot-lartdelabiere.png?crop=center&height=504&v=1760631142&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-blonde-ours-caquot-lartdelabiere.png?crop=center&height=576&v=1760631142&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-blonde-ours-caquot-lartdelabiere.png?crop=center&height=768&v=1760631142&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-blonde-ours-caquot-lartdelabiere.png?crop=center&height=1008&v=1760631142&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-ours-blonde-brasserie-caquot-lartdelabiere.jpg?v=1760631142&width=480" alt="Blonde de l’Ours bio"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-ours-blonde-brasserie-caquot-lartdelabiere.jpg?crop=center&height=288&v=1760631142&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-ours-blonde-brasserie-caquot-lartdelabiere.jpg?crop=center&height=432&v=1760631142&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-ours-blonde-brasserie-caquot-lartdelabiere.jpg?crop=center&height=504&v=1760631142&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-ours-blonde-brasserie-caquot-lartdelabiere.jpg?crop=center&height=576&v=1760631142&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-ours-blonde-brasserie-caquot-lartdelabiere.jpg?crop=center&height=768&v=1760631142&width=640 640w"
class="img"
width="800"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€4,30
</span></div></div>
</div>
<a class="product-item__title"
href="/products/blonde-ours-bio" title="Blonde de l’Ours bio"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Blonde de l’Ours bio</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Caquot</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/blonde-ours-bio">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917789929819" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632481177947">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917789929819" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_HNjrR3" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-9917796548955" class="product-item card" data-js-product-item><a href="/products/puy-d-enfer"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-puy-enfer-melusine-lartdelabiere.png?v=1750785640&width=480" alt="Puy D'Enfer - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-puy-enfer-melusine-lartdelabiere.png?crop=center&height=288&v=1750785640&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-puy-enfer-melusine-lartdelabiere.png?crop=center&height=432&v=1750785640&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-puy-enfer-melusine-lartdelabiere.png?crop=center&height=504&v=1750785640&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-puy-enfer-melusine-lartdelabiere.png?crop=center&height=576&v=1750785640&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-puy-enfer-melusine-lartdelabiere.png?crop=center&height=768&v=1750785640&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-puy-enfer-melusine-lartdelabiere.png?crop=center&height=1008&v=1750785640&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,00
</span></div></div>
</div>
<a class="product-item__title"
href="/products/puy-d-enfer" title="Puy D'Enfer"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Puy D'Enfer</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Mélusine</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/puy-d-enfer">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917796548955" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632491532635">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917796548955" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_HNjrR3" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-9917788914011" class="product-item card" data-js-product-item><a href="/products/blonde-miel"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-blonde-miel-biez-chanaz-lartdelabiere.png?v=1752399306&width=480" alt="Blonde au miel - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-blonde-miel-biez-chanaz-lartdelabiere.png?crop=center&height=288&v=1752399306&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-blonde-miel-biez-chanaz-lartdelabiere.png?crop=center&height=432&v=1752399306&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-blonde-miel-biez-chanaz-lartdelabiere.png?crop=center&height=504&v=1752399306&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-blonde-miel-biez-chanaz-lartdelabiere.png?crop=center&height=576&v=1752399306&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-blonde-miel-biez-chanaz-lartdelabiere.png?crop=center&height=768&v=1752399306&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-blonde-miel-biez-chanaz-lartdelabiere.png?crop=center&height=1008&v=1752399306&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-blonde-miel-biez-chanaz-lartdelabiere-3.png?v=1752399322&width=480" alt="Blonde au miel - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-blonde-miel-biez-chanaz-lartdelabiere-3.png?crop=center&height=288&v=1752399322&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-blonde-miel-biez-chanaz-lartdelabiere-3.png?crop=center&height=432&v=1752399322&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-blonde-miel-biez-chanaz-lartdelabiere-3.png?crop=center&height=504&v=1752399322&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-blonde-miel-biez-chanaz-lartdelabiere-3.png?crop=center&height=576&v=1752399322&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-blonde-miel-biez-chanaz-lartdelabiere-3.png?crop=center&height=768&v=1752399322&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-blonde-miel-biez-chanaz-lartdelabiere-3.png?crop=center&height=1008&v=1752399322&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,80
</span></div></div>
</div>
<a class="product-item__title"
href="/products/blonde-miel" title="Blonde au miel"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Blonde au miel</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Chanaz</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/blonde-miel">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917788914011" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632480391515">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917788914011" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_HNjrR3" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-9917789274459" class="product-item card" data-js-product-item><a href="/products/sol-invictus-3-loups"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-sol-invictus-3-loups-lartdelabiere.png?v=1751219677&width=480" alt="Sol Invictus Les 3 Loups - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-sol-invictus-3-loups-lartdelabiere.png?crop=center&height=288&v=1751219677&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-sol-invictus-3-loups-lartdelabiere.png?crop=center&height=432&v=1751219677&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-sol-invictus-3-loups-lartdelabiere.png?crop=center&height=504&v=1751219677&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-sol-invictus-3-loups-lartdelabiere.png?crop=center&height=576&v=1751219677&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-sol-invictus-3-loups-lartdelabiere.png?crop=center&height=768&v=1751219677&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-sol-invictus-3-loups-lartdelabiere.png?crop=center&height=1008&v=1751219677&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-sol-invictus-3-loups-lartdelabiere-2.png?v=1751219678&width=480" alt="Sol Invictus Les 3 Loups - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-sol-invictus-3-loups-lartdelabiere-2.png?crop=center&height=288&v=1751219678&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-sol-invictus-3-loups-lartdelabiere-2.png?crop=center&height=432&v=1751219678&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-sol-invictus-3-loups-lartdelabiere-2.png?crop=center&height=504&v=1751219678&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-sol-invictus-3-loups-lartdelabiere-2.png?crop=center&height=576&v=1751219678&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-sol-invictus-3-loups-lartdelabiere-2.png?crop=center&height=768&v=1751219678&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-sol-invictus-3-loups-lartdelabiere-2.png?crop=center&height=1008&v=1751219678&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,75
</span></div></div>
</div>
<a class="product-item__title"
href="/products/sol-invictus-3-loups" title="Sol Invictus Les 3 Loups"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Sol Invictus Les 3 Loups</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Les 3 loups</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/sol-invictus-3-loups">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917789274459" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632480620891">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917789274459" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_HNjrR3" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-9955440329051" class="product-item card" data-js-product-item><a href="/products/hellfest"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-hellfest-melusine-lartdelabiere.png?v=1750784709&width=480" alt="Hellfest - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-hellfest-melusine-lartdelabiere.png?crop=center&height=288&v=1750784709&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-hellfest-melusine-lartdelabiere.png?crop=center&height=432&v=1750784709&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-hellfest-melusine-lartdelabiere.png?crop=center&height=504&v=1750784709&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-hellfest-melusine-lartdelabiere.png?crop=center&height=576&v=1750784709&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-hellfest-melusine-lartdelabiere.png?crop=center&height=768&v=1750784709&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-hellfest-melusine-lartdelabiere.png?crop=center&height=1008&v=1750784709&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,35
</span></div></div>
</div>
<a class="product-item__title"
href="/products/hellfest" title="Hellfest"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Hellfest</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Mélusine</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/hellfest">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9955440329051" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50799607382363">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9955440329051" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_HNjrR3" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div></div></div>
</div>
<style>
#product-grid-template--26905061491035__products_list_HNjrR3 .product-item {--color-background-cards: #ffffff;--color-borders-cards: #dfdfdf;}</style><style data-shopify>
#shopify-section-template--26905061491035__products_list_HNjrR3 {
background-color: #ffffff;
}
</style>
</div><div id="shopify-section-template--26905061491035__featured_product_ekDeLK" class="shopify-section mount-css-slider mount-toggles mount-product-page"><link href="//lartdelabiere.fr/cdn/shop/t/19/assets/section-main-product.css?v=49840437609464465631761764489" rel="stylesheet" type="text/css" media="all" />
<product-page
id="product-template--26905061491035__featured_product_ekDeLK"
class="container container--large container--vertical-space-small grid grid--layout grid--gap-xlarge grid-2 grid-lap-1 grid--no-stretch product product-component--default-to-first-variant-true"
data-collection="" data-id="9736582037851"
data-availability="true"
data-js-product-component
>
<div class="product-gallery product-gallery--slider element--is-sticky" data-js-product-gallery data-js-disable-parallax =false>
<style data-shopify>
#product-template--26905061491035__featured_product_ekDeLK .product-gallery-item .lazy-image img {
padding: 0% !important;
}
#product-template--26905061491035__featured_product_ekDeLK video {
object-fit: cover;
}
</style>
<div class="grid grid--slider grid-1 grid--gap-small"><div
id="FeaturedMedia-template--26905061491035__featured_product_ekDeLK-51273851306331"
class="product-gallery-item element--border-radius element--border-radius"
data-product-media-type="image"
data-product-single-media-wrapper
data-media-id="51273851306331"
data-video
tabindex="0"
data-index="0"><figure
class="lazy-image apply-gallery-animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/coffret-mystere-6.jpg?v=1759925621&width=480" alt="Coffret de bières mystère"
srcset="//lartdelabiere.fr/cdn/shop/files/coffret-mystere-6.jpg?crop=center&height=288&v=1759925621&width=240 240w,//lartdelabiere.fr/cdn/shop/files/coffret-mystere-6.jpg?crop=center&height=432&v=1759925621&width=360 360w,//lartdelabiere.fr/cdn/shop/files/coffret-mystere-6.jpg?crop=center&height=504&v=1759925621&width=420 420w,//lartdelabiere.fr/cdn/shop/files/coffret-mystere-6.jpg?crop=center&height=576&v=1759925621&width=480 480w,//lartdelabiere.fr/cdn/shop/files/coffret-mystere-6.jpg?crop=center&height=768&v=1759925621&width=640 640w,//lartdelabiere.fr/cdn/shop/files/coffret-mystere-6.jpg?crop=center&height=1008&v=1759925621&width=840 840w"
class="img"
width="1000"
height="1500"
data-ratio="0.83333"
sizes="(max-width: 767px) calc(100vw - 20px), (max-width: 1023px) 50vw,(max-width: 1360px) 50vw, calc(1360px / 2)"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure>
</div></div></div>
<link href="//lartdelabiere.fr/cdn/shop/t/19/assets/component-toggle.css?v=128670013491071898081761764489" rel="stylesheet" type="text/css" media="all" />
<div class="product-text remove-empty-space"><h2 class="product__title h2" >Coffret de bières mystère</h2><span
class="product__subtitle rte text-size--large"
style=" color: #1d1d1d; "
>
<p><strong>Une sélection parmi tous nos styles de bières</strong></p>
</span><div class="card-widget card-widget--layout-compact element--overflow-hidden product__description"
style="--widget-borders-color: rgba(29, 29, 29, 0.15); --color-borders-main: rgba(29, 29, 29, 0.15);--color-background-widget-header: #ffffff;"
><div class="card-widget__content rte remove-empty-space">
<p>Le coffret de bières mystère, c'est pour ceux et celles qui aiment la surprise ! Commandez le coffret de bières mystère et laissez-nous vous surprendre, avec notre sélection de bières, aussi surprenantes qu'originales.</p>
</div></div><product-variants
data-main-product-variants
data-variants="1"
data-type="radio"
data-hide-variants="true"
data-unavailable-variants="show"
data-url="/products/coffret-bieres-artisanales" data-id="template--26905061491035__featured_product_ekDeLK" data-helper-id="template--26905061491035__featured_product_ekDeLK"
data-style="radio"
data-no-history data-has-variants>
<script type="application/json" data-js-variant-data data-update-block="variant-data">
{"id":50306919661915,"title":"6 bières","option1":"6 bières","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Coffret de bières mystère - 6 bières","public_title":"6 bières","options":["6 bières"],"price":2290,"weight":4000,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":2153}],"price":2153,"compare_at_price":2290,"per_delivery_price":2153,"selling_plan_id":693939044699,"selling_plan_group_id":"7d177bb2a36a550daefe0b8363c5907813602e0f"},{"price_adjustments":[{"position":1,"price":2221}],"price":2221,"compare_at_price":2290,"per_delivery_price":2221,"selling_plan_id":693939208539,"selling_plan_group_id":"27c4578f9e9d79475e9fa5bf68aaf55ab07a4683"}]}
</script><div class="product-variants product-variants--radio no-js-hidden"
><div class="product-variant" data-name="product-nombre-de-bieres-template--26905061491035__featured_product_ekDeLK" data-js-product-variant>
<span class="product-variant__name text-size--large">Nombre de bières</span>
<div class="product-variant__container" data-js-product-variant-container="radio"><div class="product-variant__item">
<input type="radio" name="product-nombre-de-bieres-template--26905061491035__featured_product_ekDeLK" id="coffret-bieres-artisanales-option-nombre-de-bieres-1-template--26905061491035__featured_product_ekDeLK" value="6 bières"
checked class="product-variant__input product-variant-value"
data-available="true"
data-option-value-id="6174549442907"
data-variant-id="50306919661915"
data-selected>
<label for="coffret-bieres-artisanales-option-nombre-de-bieres-1-template--26905061491035__featured_product_ekDeLK" class="product-variant__label">6 bières
</label>
</div><div class="product-variant__item">
<input type="radio" name="product-nombre-de-bieres-template--26905061491035__featured_product_ekDeLK" id="coffret-bieres-artisanales-option-nombre-de-bieres-2-template--26905061491035__featured_product_ekDeLK" value="12 bières"
class="product-variant__input product-variant-value"
data-available="true"
data-option-value-id="6174549475675"
data-variant-id="50306919694683"
>
<label for="coffret-bieres-artisanales-option-nombre-de-bieres-2-template--26905061491035__featured_product_ekDeLK" class="product-variant__label">12 bières
</label>
</div><div class="product-variant__item">
<input type="radio" name="product-nombre-de-bieres-template--26905061491035__featured_product_ekDeLK" id="coffret-bieres-artisanales-option-nombre-de-bieres-3-template--26905061491035__featured_product_ekDeLK" value="24 bières"
class="product-variant__input product-variant-value"
data-available="true"
data-option-value-id="6174549508443"
data-variant-id="50306919727451"
>
<label for="coffret-bieres-artisanales-option-nombre-de-bieres-3-template--26905061491035__featured_product_ekDeLK" class="product-variant__label">24 bières
</label>
</div></div>
</div></div></product-variants><div class="empty-space" > </div><div class="product-actions" ><div data-update-block="price-extended" class="product-actions__price show-block-if-variant-selected"><div class="product-price"><span class="product-price--original text-size--heading">
<span class="visually-hidden">Prix régulier</span>
€22,90
</span></div></div><product-form
id="add-to-cart-template--26905061491035__featured_product_ekDeLK" class="product-form"
data-ajax-cart data-js-product-form data-product-url="/products/coffret-bieres-artisanales"
><form method="post" action="/cart/add" id="product-form-template--26905061491035__featured_product_ekDeLK" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50306919661915"><div class="product__cart-functions">
<div class="flex-buttons shopify-buttons--not-solid">
<style>
#add-to-cart-template--26905061491035__featured_product_ekDeLK .flex-buttons {}
</style><product-quantity class="product-quantity"
data-js-product-quantity>
<button class="product-quantity__minus qty-minus no-js-hidden" aria-label="Diminuer la quantité" role="button" controls="qty-template--26905061491035__featured_product_ekDeLK"><svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 5V7H0L1.19209e-07 5L12 5Z" fill="black" style="stroke:none"/></svg></button>
<label for="qty-template--26905061491035__featured_product_ekDeLK" class="visually-hidden">Quantité</label>
<input type="number" name="quantity" value="1" min="1" class="product-quantity__selector qty-selector text-size--xlarge" id="qty-template--26905061491035__featured_product_ekDeLK">
<button class="product-quantity__plus qty-plus no-js-hidden" aria-label="Augmenter la quantité" role="button" controls="qty-template--26905061491035__featured_product_ekDeLK"><svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 0H7V12H5V0Z" fill="black" style="stroke:none"/><path d="M12 5V7H0L1.19209e-07 5L12 5Z" fill="black" style="stroke:none"/></svg></button>
</product-quantity><button type="submit" name="add" class="add-to-cart button button--solid button--product button--loader"
data-js-product-add-to-cart>
<span class="button__text" data-js-product-add-to-cart-text>Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><div data-shopify="payment-button" class="shopify-payment-button"> <shopify-accelerated-checkout recommended="{"supports_subs":true,"supports_def_opts":false,"name":"paypal","wallet_params":{"shopId":92140011867,"countryCode":"FR","merchantName":"L'Art de la Bière","phoneRequired":true,"companyRequired":false,"shippingType":"shipping","shopifyPaymentsEnabled":true,"hasManagedSellingPlanState":false,"requiresBillingAgreement":false,"merchantId":"FJRQ5XLQLY29Q","sdkUrl":"https://www.paypal.com/sdk/js?components=buttons\u0026commit=false\u0026currency=EUR\u0026locale=fr_FR\u0026client-id=AbasDhzlU0HbpiStJiN1KRJ_cNJJ7xYBip7JJoMO0GQpLi8ePNgdbLXkC7_KMeyTg8tnAKW4WKrh9qmf\u0026merchant-id=FJRQ5XLQLY29Q\u0026intent=authorize"}}" fallback="{"supports_subs":true,"supports_def_opts":true,"name":"buy_it_now","wallet_params":{}}" access-token="7c5de9bab1c79702cd37f8f63676e061" buyer-country="FR" buyer-locale="fr" buyer-currency="EUR" variant-params="[{"id":50306919661915,"requiresShipping":true},{"id":50306919694683,"requiresShipping":true},{"id":50306919727451,"requiresShipping":true}]" shop-id="92140011867" enabled-flags="["d6d12da0","ae0f5bf6"]" > <div class="shopify-payment-button__button" role="button" disabled aria-hidden="true" style="background-color: transparent; border: none"> <div class="shopify-payment-button__skeleton"> </div> </div> <div class="shopify-payment-button__more-options shopify-payment-button__skeleton" role="button" disabled aria-hidden="true"> </div> </shopify-accelerated-checkout> <small id="shopify-buyer-consent" class="hidden" aria-hidden="true" data-consent-type="subscription"> Cet article constitue un achat récurrent ou différé. En continuant, j’accepte la <span id="shopify-subscription-policy-button">politique de résiliation</span> et vous autorise à facturer mon moyen de paiement aux prix, fréquences et dates listées sur cette page jusqu’à ce que ma commande soit traitée ou que je l’annule, si autorisé. </small> </div></div>
</div><input type="hidden" name="product-id" value="9736582037851" /><input type="hidden" name="section-id" value="template--26905061491035__featured_product_ekDeLK" /></form></product-form><form method="post" action="/cart/add" id="product-form-installment" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50306919661915">
<input type="hidden" name="product-id" value="9736582037851" /><input type="hidden" name="section-id" value="template--26905061491035__featured_product_ekDeLK" /></form></div><div class="empty-space" > </div></div></product-page>
<script src="//lartdelabiere.fr/cdn/shop/t/19/assets/component-toggle.js?v=56068292206579506591761764489" defer></script><script src="//lartdelabiere.fr/cdn/shop/t/19/assets/section-main-product.js?v=120293782998875346061761764489" defer></script>
</div><div id="shopify-section-template--26905061491035__16541619272fee0e4e" class="shopify-section mount-css-slider"><div id="section-template--26905061491035__16541619272fee0e4e" class="container--large remove-empty-space container--vertical-space container--has-background"><div class="section-heading section-heading--left gutter-bottom--page"><div class="section-heading__text remove-empty-space"><h2 class="section-heading__title h4">Bières par style</h2><span class="section-heading__subheading text-size--large">Rien de tel qu’un repère clair pour trouver la bière idéale : Ale, IPA, stout… chaque style mérite d'être découvert.</span></div></div><div><div class="grid grid--layout grid-6 grid-portable-4 grid-lap-3 grid-palm-2"
id="element-template--26905061491035__16541619272fee0e4e"
><div class="card js-collection-item text-align--center" ><a class="card__whole-link collection-item--card" style="position:relative !important;" href="/collections/ale"><div
class="card__image border-radius-top"
style="padding-top:100%;--aspect-ratio:1"
>
<figure
class="lazy-image lazy-image--animation element--border-radius-top lazy-image--background"
data-ratio="1" style="padding-top: 100%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/collections/ale.png?v=1759651707&width=480" alt="Ale - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/collections/ale.png?crop=center&height=240&v=1759651707&width=240 240w,//lartdelabiere.fr/cdn/shop/collections/ale.png?crop=center&height=360&v=1759651707&width=360 360w,//lartdelabiere.fr/cdn/shop/collections/ale.png?crop=center&height=420&v=1759651707&width=420 420w,//lartdelabiere.fr/cdn/shop/collections/ale.png?crop=center&height=480&v=1759651707&width=480 480w,//lartdelabiere.fr/cdn/shop/collections/ale.png?crop=center&height=640&v=1759651707&width=640 640w"
class="img"
width="800"
height="800"
data-ratio="1"
sizes="(max-width: 467px) calc((100vw - 40px) / 2), (max-width: 767px) calc((100vw - 60px) / 3), (max-width: 1023px) calc((100vw - 80px) / 3), (max-width: 1360px) calc((100vw - 160px) / 6), 226px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></div>
<div class="card__text gutter--small spacing--xsmall remove-empty-space">
<span class="text-line-height--small">
<span class="text-size--regular text-animation--underline-thin">Ale</span></span>
</div></a></div><div class="card js-collection-item text-align--center" ><a class="card__whole-link collection-item--card" style="position:relative !important;" href="/collections/belgian-ale"><div
class="card__image border-radius-top"
style="padding-top:100%;--aspect-ratio:1"
>
<figure
class="lazy-image lazy-image--animation element--border-radius-top lazy-image--background"
data-ratio="1" style="padding-top: 100%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/collections/belgian.png?v=1759651708&width=480" alt="Belgian Ale - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/collections/belgian.png?crop=center&height=240&v=1759651708&width=240 240w,//lartdelabiere.fr/cdn/shop/collections/belgian.png?crop=center&height=360&v=1759651708&width=360 360w,//lartdelabiere.fr/cdn/shop/collections/belgian.png?crop=center&height=420&v=1759651708&width=420 420w,//lartdelabiere.fr/cdn/shop/collections/belgian.png?crop=center&height=480&v=1759651708&width=480 480w,//lartdelabiere.fr/cdn/shop/collections/belgian.png?crop=center&height=640&v=1759651708&width=640 640w"
class="img"
width="800"
height="800"
data-ratio="1"
sizes="(max-width: 467px) calc((100vw - 40px) / 2), (max-width: 767px) calc((100vw - 60px) / 3), (max-width: 1023px) calc((100vw - 80px) / 3), (max-width: 1360px) calc((100vw - 160px) / 6), 226px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></div>
<div class="card__text gutter--small spacing--xsmall remove-empty-space">
<span class="text-line-height--small">
<span class="text-size--regular text-animation--underline-thin">Belgian Ale</span></span>
</div></a></div><div class="card js-collection-item text-align--center" ><a class="card__whole-link collection-item--card" style="position:relative !important;" href="/collections/biere-de-ble"><div
class="card__image border-radius-top"
style="padding-top:100%;--aspect-ratio:1"
>
<figure
class="lazy-image lazy-image--animation element--border-radius-top lazy-image--background"
data-ratio="1" style="padding-top: 100%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/collections/biere-de-ble.png?v=1759651708&width=480" alt="Bière de blé - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/collections/biere-de-ble.png?crop=center&height=240&v=1759651708&width=240 240w,//lartdelabiere.fr/cdn/shop/collections/biere-de-ble.png?crop=center&height=360&v=1759651708&width=360 360w,//lartdelabiere.fr/cdn/shop/collections/biere-de-ble.png?crop=center&height=420&v=1759651708&width=420 420w,//lartdelabiere.fr/cdn/shop/collections/biere-de-ble.png?crop=center&height=480&v=1759651708&width=480 480w,//lartdelabiere.fr/cdn/shop/collections/biere-de-ble.png?crop=center&height=640&v=1759651708&width=640 640w"
class="img"
width="800"
height="800"
data-ratio="1"
sizes="(max-width: 467px) calc((100vw - 40px) / 2), (max-width: 767px) calc((100vw - 60px) / 3), (max-width: 1023px) calc((100vw - 80px) / 3), (max-width: 1360px) calc((100vw - 160px) / 6), 226px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></div>
<div class="card__text gutter--small spacing--xsmall remove-empty-space">
<span class="text-line-height--small">
<span class="text-size--regular text-animation--underline-thin">Bières de blé</span></span>
</div></a></div><div class="card js-collection-item text-align--center" ><a class="card__whole-link collection-item--card" style="position:relative !important;" href="/collections/biere-de-riz"><div
class="card__image border-radius-top"
style="padding-top:100%;--aspect-ratio:1"
>
<figure
class="lazy-image lazy-image--animation element--border-radius-top lazy-image--background"
data-ratio="1" style="padding-top: 100%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/collections/biere-de-riz.png?v=1759651708&width=480" alt="Bière de riz - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/collections/biere-de-riz.png?crop=center&height=240&v=1759651708&width=240 240w,//lartdelabiere.fr/cdn/shop/collections/biere-de-riz.png?crop=center&height=360&v=1759651708&width=360 360w,//lartdelabiere.fr/cdn/shop/collections/biere-de-riz.png?crop=center&height=420&v=1759651708&width=420 420w,//lartdelabiere.fr/cdn/shop/collections/biere-de-riz.png?crop=center&height=480&v=1759651708&width=480 480w,//lartdelabiere.fr/cdn/shop/collections/biere-de-riz.png?crop=center&height=640&v=1759651708&width=640 640w"
class="img"
width="800"
height="800"
data-ratio="1"
sizes="(max-width: 467px) calc((100vw - 40px) / 2), (max-width: 767px) calc((100vw - 60px) / 3), (max-width: 1023px) calc((100vw - 80px) / 3), (max-width: 1360px) calc((100vw - 160px) / 6), 226px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></div>
<div class="card__text gutter--small spacing--xsmall remove-empty-space">
<span class="text-line-height--small">
<span class="text-size--regular text-animation--underline-thin">Bières de riz</span></span>
</div></a></div><div class="card js-collection-item text-align--center" ><a class="card__whole-link collection-item--card" style="position:relative !important;" href="/collections/ipa"><div
class="card__image border-radius-top"
style="padding-top:100%;--aspect-ratio:1"
>
<figure
class="lazy-image lazy-image--animation element--border-radius-top lazy-image--background"
data-ratio="1" style="padding-top: 100%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/collections/ipa.png?v=1759651705&width=480" alt="IPA - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/collections/ipa.png?crop=center&height=240&v=1759651705&width=240 240w,//lartdelabiere.fr/cdn/shop/collections/ipa.png?crop=center&height=360&v=1759651705&width=360 360w,//lartdelabiere.fr/cdn/shop/collections/ipa.png?crop=center&height=420&v=1759651705&width=420 420w,//lartdelabiere.fr/cdn/shop/collections/ipa.png?crop=center&height=480&v=1759651705&width=480 480w,//lartdelabiere.fr/cdn/shop/collections/ipa.png?crop=center&height=640&v=1759651705&width=640 640w"
class="img"
width="800"
height="800"
data-ratio="1"
sizes="(max-width: 467px) calc((100vw - 40px) / 2), (max-width: 767px) calc((100vw - 60px) / 3), (max-width: 1023px) calc((100vw - 80px) / 3), (max-width: 1360px) calc((100vw - 160px) / 6), 226px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></div>
<div class="card__text gutter--small spacing--xsmall remove-empty-space">
<span class="text-line-height--small">
<span class="text-size--regular text-animation--underline-thin">IPA</span></span>
</div></a></div><div class="card js-collection-item text-align--center" ><a class="card__whole-link collection-item--card" style="position:relative !important;" href="/collections/lager"><div
class="card__image border-radius-top"
style="padding-top:100%;--aspect-ratio:1"
>
<figure
class="lazy-image lazy-image--animation element--border-radius-top lazy-image--background"
data-ratio="1" style="padding-top: 100%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/collections/lager.png?v=1759651709&width=480" alt="Lager - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/collections/lager.png?crop=center&height=240&v=1759651709&width=240 240w,//lartdelabiere.fr/cdn/shop/collections/lager.png?crop=center&height=360&v=1759651709&width=360 360w,//lartdelabiere.fr/cdn/shop/collections/lager.png?crop=center&height=420&v=1759651709&width=420 420w,//lartdelabiere.fr/cdn/shop/collections/lager.png?crop=center&height=480&v=1759651709&width=480 480w,//lartdelabiere.fr/cdn/shop/collections/lager.png?crop=center&height=640&v=1759651709&width=640 640w"
class="img"
width="800"
height="800"
data-ratio="1"
sizes="(max-width: 467px) calc((100vw - 40px) / 2), (max-width: 767px) calc((100vw - 60px) / 3), (max-width: 1023px) calc((100vw - 80px) / 3), (max-width: 1360px) calc((100vw - 160px) / 6), 226px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></div>
<div class="card__text gutter--small spacing--xsmall remove-empty-space">
<span class="text-line-height--small">
<span class="text-size--regular text-animation--underline-thin">Lager</span></span>
</div></a></div><div class="card js-collection-item text-align--center" ><a class="card__whole-link collection-item--card" style="position:relative !important;" href="/collections/porter"><div
class="card__image border-radius-top"
style="padding-top:100%;--aspect-ratio:1"
>
<figure
class="lazy-image lazy-image--animation element--border-radius-top lazy-image--background"
data-ratio="1" style="padding-top: 100%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/collections/porter.png?v=1759651709&width=480" alt="Porter - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/collections/porter.png?crop=center&height=240&v=1759651709&width=240 240w,//lartdelabiere.fr/cdn/shop/collections/porter.png?crop=center&height=360&v=1759651709&width=360 360w,//lartdelabiere.fr/cdn/shop/collections/porter.png?crop=center&height=420&v=1759651709&width=420 420w,//lartdelabiere.fr/cdn/shop/collections/porter.png?crop=center&height=480&v=1759651709&width=480 480w,//lartdelabiere.fr/cdn/shop/collections/porter.png?crop=center&height=640&v=1759651709&width=640 640w"
class="img"
width="800"
height="800"
data-ratio="1"
sizes="(max-width: 467px) calc((100vw - 40px) / 2), (max-width: 767px) calc((100vw - 60px) / 3), (max-width: 1023px) calc((100vw - 80px) / 3), (max-width: 1360px) calc((100vw - 160px) / 6), 226px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></div>
<div class="card__text gutter--small spacing--xsmall remove-empty-space">
<span class="text-line-height--small">
<span class="text-size--regular text-animation--underline-thin">Porter</span></span>
</div></a></div><div class="card js-collection-item text-align--center" ><a class="card__whole-link collection-item--card" style="position:relative !important;" href="/collections/saison"><div
class="card__image border-radius-top"
style="padding-top:100%;--aspect-ratio:1"
>
<figure
class="lazy-image lazy-image--animation element--border-radius-top lazy-image--background"
data-ratio="1" style="padding-top: 100%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/collections/saison.png?v=1759651709&width=480" alt="Saison - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/collections/saison.png?crop=center&height=240&v=1759651709&width=240 240w,//lartdelabiere.fr/cdn/shop/collections/saison.png?crop=center&height=360&v=1759651709&width=360 360w,//lartdelabiere.fr/cdn/shop/collections/saison.png?crop=center&height=420&v=1759651709&width=420 420w,//lartdelabiere.fr/cdn/shop/collections/saison.png?crop=center&height=480&v=1759651709&width=480 480w,//lartdelabiere.fr/cdn/shop/collections/saison.png?crop=center&height=640&v=1759651709&width=640 640w"
class="img"
width="800"
height="800"
data-ratio="1"
sizes="(max-width: 467px) calc((100vw - 40px) / 2), (max-width: 767px) calc((100vw - 60px) / 3), (max-width: 1023px) calc((100vw - 80px) / 3), (max-width: 1360px) calc((100vw - 160px) / 6), 226px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></div>
<div class="card__text gutter--small spacing--xsmall remove-empty-space">
<span class="text-line-height--small">
<span class="text-size--regular text-animation--underline-thin">Saison</span></span>
</div></a></div><div class="card js-collection-item text-align--center" ><a class="card__whole-link collection-item--card" style="position:relative !important;" href="/collections/sour-ale"><div
class="card__image border-radius-top"
style="padding-top:100%;--aspect-ratio:1"
>
<figure
class="lazy-image lazy-image--animation element--border-radius-top lazy-image--background"
data-ratio="1" style="padding-top: 100%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/collections/sour.png?v=1759651709&width=480" alt="Sour Ale - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/collections/sour.png?crop=center&height=240&v=1759651709&width=240 240w,//lartdelabiere.fr/cdn/shop/collections/sour.png?crop=center&height=360&v=1759651709&width=360 360w,//lartdelabiere.fr/cdn/shop/collections/sour.png?crop=center&height=420&v=1759651709&width=420 420w,//lartdelabiere.fr/cdn/shop/collections/sour.png?crop=center&height=480&v=1759651709&width=480 480w,//lartdelabiere.fr/cdn/shop/collections/sour.png?crop=center&height=640&v=1759651709&width=640 640w"
class="img"
width="800"
height="800"
data-ratio="1"
sizes="(max-width: 467px) calc((100vw - 40px) / 2), (max-width: 767px) calc((100vw - 60px) / 3), (max-width: 1023px) calc((100vw - 80px) / 3), (max-width: 1360px) calc((100vw - 160px) / 6), 226px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></div>
<div class="card__text gutter--small spacing--xsmall remove-empty-space">
<span class="text-line-height--small">
<span class="text-size--regular text-animation--underline-thin">Sour Ale</span></span>
</div></a></div><div class="card js-collection-item text-align--center" ><a class="card__whole-link collection-item--card" style="position:relative !important;" href="/collections/stout"><div
class="card__image border-radius-top"
style="padding-top:100%;--aspect-ratio:1"
>
<figure
class="lazy-image lazy-image--animation element--border-radius-top lazy-image--background"
data-ratio="1" style="padding-top: 100%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/collections/stout.png?v=1759651710&width=480" alt="Stout - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/collections/stout.png?crop=center&height=240&v=1759651710&width=240 240w,//lartdelabiere.fr/cdn/shop/collections/stout.png?crop=center&height=360&v=1759651710&width=360 360w,//lartdelabiere.fr/cdn/shop/collections/stout.png?crop=center&height=420&v=1759651710&width=420 420w,//lartdelabiere.fr/cdn/shop/collections/stout.png?crop=center&height=480&v=1759651710&width=480 480w,//lartdelabiere.fr/cdn/shop/collections/stout.png?crop=center&height=640&v=1759651710&width=640 640w"
class="img"
width="800"
height="800"
data-ratio="1"
sizes="(max-width: 467px) calc((100vw - 40px) / 2), (max-width: 767px) calc((100vw - 60px) / 3), (max-width: 1023px) calc((100vw - 80px) / 3), (max-width: 1360px) calc((100vw - 160px) / 6), 226px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></div>
<div class="card__text gutter--small spacing--xsmall remove-empty-space">
<span class="text-line-height--small">
<span class="text-size--regular text-animation--underline-thin">Stout</span></span>
</div></a></div><div class="card js-collection-item text-align--center" ><a class="card__whole-link collection-item--card" style="position:relative !important;" href="/collections/vieillie-en-fut"><div
class="card__image border-radius-top"
style="padding-top:100%;--aspect-ratio:1"
>
<figure
class="lazy-image lazy-image--animation element--border-radius-top lazy-image--background"
data-ratio="1" style="padding-top: 100%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/collections/barley-wine.png?v=1759651710&width=480" alt="Vieillies - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/collections/barley-wine.png?crop=center&height=240&v=1759651710&width=240 240w,//lartdelabiere.fr/cdn/shop/collections/barley-wine.png?crop=center&height=360&v=1759651710&width=360 360w,//lartdelabiere.fr/cdn/shop/collections/barley-wine.png?crop=center&height=420&v=1759651710&width=420 420w,//lartdelabiere.fr/cdn/shop/collections/barley-wine.png?crop=center&height=480&v=1759651710&width=480 480w,//lartdelabiere.fr/cdn/shop/collections/barley-wine.png?crop=center&height=640&v=1759651710&width=640 640w"
class="img"
width="800"
height="800"
data-ratio="1"
sizes="(max-width: 467px) calc((100vw - 40px) / 2), (max-width: 767px) calc((100vw - 60px) / 3), (max-width: 1023px) calc((100vw - 80px) / 3), (max-width: 1360px) calc((100vw - 160px) / 6), 226px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></div>
<div class="card__text gutter--small spacing--xsmall remove-empty-space">
<span class="text-line-height--small">
<span class="text-size--regular text-animation--underline-thin">Bières vieillies</span></span>
</div></a></div></div></div><style data-shopify>
#element-template--26905061491035__16541619272fee0e4e {
--color-background-cards: #ffffff;
}
</style>
<style data-shopify>
#element-template--26905061491035__16541619272fee0e4e {
--color-borders-cards: none;
}
</style>
<style data-shopify>
#element-template--26905061491035__16541619272fee0e4e .card__text {
--color-text-main: #1d1d1d;}
</style>
</div><style data-shopify>
#shopify-section-template--26905061491035__16541619272fee0e4e {
background-color: #ffffff;
}
</style>
</div><div id="shopify-section-template--26905061491035__collection_list_PAq6yt" class="shopify-section mount-css-slider"><div id="section-template--26905061491035__collection_list_PAq6yt" class="container--large remove-empty-space container--has-background"><div class="section-heading section-heading--left gutter-bottom--page"><div class="section-heading__text remove-empty-space"><h2 class="section-heading__title h4">Bières par couleur</h2><span class="section-heading__subheading text-size--large">Blonde pétillante, rousse chaleureuse, brune gourmande… laissez-vous guider par la robe pour faire votre choix.</span></div></div><div><div class="grid grid--layout grid-6 grid-portable-4 grid-lap-3 grid-palm-2"
id="element-template--26905061491035__collection_list_PAq6yt"
><div class="card js-collection-item text-align--center" ><a class="card__whole-link collection-item--card" style="position:relative !important;" href="/collections/bieres-blanches"><div
class="card__image border-radius-top"
style="padding-top:100%;--aspect-ratio:1"
>
<figure
class="lazy-image lazy-image--animation element--border-radius-top lazy-image--background"
data-ratio="1" style="padding-top: 100%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/collections/1.png?v=1759651706&width=480" alt="Bières Blanches - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/collections/1.png?crop=center&height=240&v=1759651706&width=240 240w,//lartdelabiere.fr/cdn/shop/collections/1.png?crop=center&height=360&v=1759651706&width=360 360w,//lartdelabiere.fr/cdn/shop/collections/1.png?crop=center&height=420&v=1759651706&width=420 420w,//lartdelabiere.fr/cdn/shop/collections/1.png?crop=center&height=480&v=1759651706&width=480 480w,//lartdelabiere.fr/cdn/shop/collections/1.png?crop=center&height=640&v=1759651706&width=640 640w"
class="img"
width="800"
height="800"
data-ratio="1"
sizes="(max-width: 467px) calc((100vw - 40px) / 2), (max-width: 767px) calc((100vw - 60px) / 3), (max-width: 1023px) calc((100vw - 80px) / 3), (max-width: 1360px) calc((100vw - 160px) / 6), 226px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></div>
<div class="card__text gutter--small spacing--xsmall remove-empty-space">
<span class="text-line-height--small">
<span class="text-size--regular text-animation--underline-thin">Bières Blanches</span></span>
</div></a></div><div class="card js-collection-item text-align--center" ><a class="card__whole-link collection-item--card" style="position:relative !important;" href="/collections/bieres-blondes"><div
class="card__image border-radius-top"
style="padding-top:100%;--aspect-ratio:1"
>
<figure
class="lazy-image lazy-image--animation element--border-radius-top lazy-image--background"
data-ratio="1" style="padding-top: 100%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/collections/2.png?v=1759651706&width=480" alt="Bières Blondes - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/collections/2.png?crop=center&height=240&v=1759651706&width=240 240w,//lartdelabiere.fr/cdn/shop/collections/2.png?crop=center&height=360&v=1759651706&width=360 360w,//lartdelabiere.fr/cdn/shop/collections/2.png?crop=center&height=420&v=1759651706&width=420 420w,//lartdelabiere.fr/cdn/shop/collections/2.png?crop=center&height=480&v=1759651706&width=480 480w,//lartdelabiere.fr/cdn/shop/collections/2.png?crop=center&height=640&v=1759651706&width=640 640w"
class="img"
width="800"
height="800"
data-ratio="1"
sizes="(max-width: 467px) calc((100vw - 40px) / 2), (max-width: 767px) calc((100vw - 60px) / 3), (max-width: 1023px) calc((100vw - 80px) / 3), (max-width: 1360px) calc((100vw - 160px) / 6), 226px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></div>
<div class="card__text gutter--small spacing--xsmall remove-empty-space">
<span class="text-line-height--small">
<span class="text-size--regular text-animation--underline-thin">Bières Blondes</span></span>
</div></a></div><div class="card js-collection-item text-align--center" ><a class="card__whole-link collection-item--card" style="position:relative !important;" href="/collections/bieres-rousses"><div
class="card__image border-radius-top"
style="padding-top:100%;--aspect-ratio:1"
>
<figure
class="lazy-image lazy-image--animation element--border-radius-top lazy-image--background"
data-ratio="1" style="padding-top: 100%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/collections/3.png?v=1759651707&width=480" alt="Bières Rousses - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/collections/3.png?crop=center&height=240&v=1759651707&width=240 240w,//lartdelabiere.fr/cdn/shop/collections/3.png?crop=center&height=360&v=1759651707&width=360 360w,//lartdelabiere.fr/cdn/shop/collections/3.png?crop=center&height=420&v=1759651707&width=420 420w,//lartdelabiere.fr/cdn/shop/collections/3.png?crop=center&height=480&v=1759651707&width=480 480w,//lartdelabiere.fr/cdn/shop/collections/3.png?crop=center&height=640&v=1759651707&width=640 640w"
class="img"
width="800"
height="800"
data-ratio="1"
sizes="(max-width: 467px) calc((100vw - 40px) / 2), (max-width: 767px) calc((100vw - 60px) / 3), (max-width: 1023px) calc((100vw - 80px) / 3), (max-width: 1360px) calc((100vw - 160px) / 6), 226px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></div>
<div class="card__text gutter--small spacing--xsmall remove-empty-space">
<span class="text-line-height--small">
<span class="text-size--regular text-animation--underline-thin">Bières Rousses</span></span>
</div></a></div><div class="card js-collection-item text-align--center" ><a class="card__whole-link collection-item--card" style="position:relative !important;" href="/collections/bieres-ambrees"><div
class="card__image border-radius-top"
style="padding-top:100%;--aspect-ratio:1"
>
<figure
class="lazy-image lazy-image--animation element--border-radius-top lazy-image--background"
data-ratio="1" style="padding-top: 100%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/collections/4.png?v=1759651705&width=480" alt="Bières Ambrées - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/collections/4.png?crop=center&height=240&v=1759651705&width=240 240w,//lartdelabiere.fr/cdn/shop/collections/4.png?crop=center&height=360&v=1759651705&width=360 360w,//lartdelabiere.fr/cdn/shop/collections/4.png?crop=center&height=420&v=1759651705&width=420 420w,//lartdelabiere.fr/cdn/shop/collections/4.png?crop=center&height=480&v=1759651705&width=480 480w,//lartdelabiere.fr/cdn/shop/collections/4.png?crop=center&height=640&v=1759651705&width=640 640w"
class="img"
width="800"
height="800"
data-ratio="1"
sizes="(max-width: 467px) calc((100vw - 40px) / 2), (max-width: 767px) calc((100vw - 60px) / 3), (max-width: 1023px) calc((100vw - 80px) / 3), (max-width: 1360px) calc((100vw - 160px) / 6), 226px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></div>
<div class="card__text gutter--small spacing--xsmall remove-empty-space">
<span class="text-line-height--small">
<span class="text-size--regular text-animation--underline-thin">Bières Ambrées</span></span>
</div></a></div><div class="card js-collection-item text-align--center" ><a class="card__whole-link collection-item--card" style="position:relative !important;" href="/collections/bieres-brunes"><div
class="card__image border-radius-top"
style="padding-top:100%;--aspect-ratio:1"
>
<figure
class="lazy-image lazy-image--animation element--border-radius-top lazy-image--background"
data-ratio="1" style="padding-top: 100%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/collections/5.png?v=1759651706&width=480" alt="Bières Brunes - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/collections/5.png?crop=center&height=240&v=1759651706&width=240 240w,//lartdelabiere.fr/cdn/shop/collections/5.png?crop=center&height=360&v=1759651706&width=360 360w,//lartdelabiere.fr/cdn/shop/collections/5.png?crop=center&height=420&v=1759651706&width=420 420w,//lartdelabiere.fr/cdn/shop/collections/5.png?crop=center&height=480&v=1759651706&width=480 480w,//lartdelabiere.fr/cdn/shop/collections/5.png?crop=center&height=640&v=1759651706&width=640 640w"
class="img"
width="800"
height="800"
data-ratio="1"
sizes="(max-width: 467px) calc((100vw - 40px) / 2), (max-width: 767px) calc((100vw - 60px) / 3), (max-width: 1023px) calc((100vw - 80px) / 3), (max-width: 1360px) calc((100vw - 160px) / 6), 226px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></div>
<div class="card__text gutter--small spacing--xsmall remove-empty-space">
<span class="text-line-height--small">
<span class="text-size--regular text-animation--underline-thin">Bières Brunes</span></span>
</div></a></div><div class="card js-collection-item text-align--center" ><a class="card__whole-link collection-item--card" style="position:relative !important;" href="/collections/bieres-noires"><div
class="card__image border-radius-top"
style="padding-top:100%;--aspect-ratio:1"
>
<figure
class="lazy-image lazy-image--animation element--border-radius-top lazy-image--background"
data-ratio="1" style="padding-top: 100%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/collections/6.png?v=1759651706&width=480" alt="Bières Noires - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/collections/6.png?crop=center&height=240&v=1759651706&width=240 240w,//lartdelabiere.fr/cdn/shop/collections/6.png?crop=center&height=360&v=1759651706&width=360 360w,//lartdelabiere.fr/cdn/shop/collections/6.png?crop=center&height=420&v=1759651706&width=420 420w,//lartdelabiere.fr/cdn/shop/collections/6.png?crop=center&height=480&v=1759651706&width=480 480w,//lartdelabiere.fr/cdn/shop/collections/6.png?crop=center&height=640&v=1759651706&width=640 640w"
class="img"
width="800"
height="800"
data-ratio="1"
sizes="(max-width: 467px) calc((100vw - 40px) / 2), (max-width: 767px) calc((100vw - 60px) / 3), (max-width: 1023px) calc((100vw - 80px) / 3), (max-width: 1360px) calc((100vw - 160px) / 6), 226px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></div>
<div class="card__text gutter--small spacing--xsmall remove-empty-space">
<span class="text-line-height--small">
<span class="text-size--regular text-animation--underline-thin">Bières Noires</span></span>
</div></a></div></div></div><style data-shopify>
#element-template--26905061491035__collection_list_PAq6yt {
--color-background-cards: #ffffff;
}
</style>
<style data-shopify>
#element-template--26905061491035__collection_list_PAq6yt {
--color-borders-cards: none;
}
</style>
<style data-shopify>
#element-template--26905061491035__collection_list_PAq6yt .card__text {
--color-text-main: #1d1d1d;}
</style>
</div><style data-shopify>
#shopify-section-template--26905061491035__collection_list_PAq6yt {
background-color: #ffffff;
}
</style>
</div><div id="shopify-section-template--26905061491035__marquee_wHtiGB" class="shopify-section mount-scrolling-text"><div class="">
<style type="text/css">
#element-template--26905061491035__marquee_wHtiGB {
background: #ffffff;
}
#element-template--26905061491035__marquee_wHtiGB, #element-template--26905061491035__marquee_wHtiGB a {
color: #cefe03;
}
#element-template--26905061491035__marquee_wHtiGB {
--scrolling-text-space: 0.7;
--scrolling-text-size: 200px;
--scrolling-text-font-size:400%;
}@media screen and (max-width: 767px) {
#element-template--26905061491035__marquee_wHtiGB {
--scrolling-text-font-size: 250.0%;
}
}</style>
<link href="//lartdelabiere.fr/cdn/shop/t/19/assets/section-marquee.css?v=99439349172360599571761764489" rel="stylesheet" type="text/css" media="all" />
<scrolling-text id="element-template--26905061491035__marquee_wHtiGB" class="scrolling-text text-size--xlarge" data-scrolling-speed="90" data-scrolling-direction="ltr" data-pause-on-hover="false" dir="ltr">
<div class="scrolling-text__container"><span class="scrolling-text__text" id="block-text_FG3Gyw" ><strong>Bières artisanales 100% françaises !</strong></span></div>
</scrolling-text>
<script src="//lartdelabiere.fr/cdn/shop/t/19/assets/component-scrolling-text.js?v=85046110130182916011761764488" defer></script>
</div></div><div id="shopify-section-template--26905061491035__products_list_eXTck6" class="shopify-section mount-css-slider mount-collection-tabs"><link href="//lartdelabiere.fr/cdn/shop/t/19/assets/component-product-item.css?v=126600967654690319611761764488" rel="stylesheet" type="text/css" media="all" />
<div id="section-template--26905061491035__products_list_eXTck6" class="container--large remove-empty-space container--has-background"><div class="section-heading section-heading--left gutter-bottom--page"><div class="section-heading__text remove-empty-space"><h2 class="section-heading__title h4">Vos bières préférées</h2><span class="section-heading__subheading text-size--large">Vous hésitez dans votre choix ? Voici les bières les plus plébiscitées par notre communauté de beerlovers !</span></div></div><div id="product-grid-template--26905061491035__products_list_eXTck6"><div class="grid grid--layout grid-4 grid-portable-3 grid-lap-2 grid-tiny-1 grid-palm-2"><div id="product-item-10154648928603" class="product-item card" data-js-product-item><a href="/products/crime-in-hell"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-crime-in-hell-faux-semblables-lartdelabiere.png?v=1761243744&width=480" alt="Crime in Hell"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-crime-in-hell-faux-semblables-lartdelabiere.png?crop=center&height=288&v=1761243744&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-crime-in-hell-faux-semblables-lartdelabiere.png?crop=center&height=432&v=1761243744&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-crime-in-hell-faux-semblables-lartdelabiere.png?crop=center&height=504&v=1761243744&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-crime-in-hell-faux-semblables-lartdelabiere.png?crop=center&height=576&v=1761243744&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-crime-in-hell-faux-semblables-lartdelabiere.png?crop=center&height=768&v=1761243744&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-crime-in-hell-faux-semblables-lartdelabiere.png?crop=center&height=1008&v=1761243744&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€5,25
</span></div></div>
</div>
<a class="product-item__title"
href="/products/crime-in-hell" title="Crime in Hell"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Crime in Hell</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Les Faux Semblables</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/crime-in-hell">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_10154648928603" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51599005188443">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="10154648928603" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_eXTck6" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-9917783277915" class="product-item card" data-js-product-item><a href="/products/hardy"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-hardy-pleine-lune-lartdelabiere.png?v=1750880906&width=480" alt="Hardy - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-hardy-pleine-lune-lartdelabiere.png?crop=center&height=288&v=1750880906&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-hardy-pleine-lune-lartdelabiere.png?crop=center&height=432&v=1750880906&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-hardy-pleine-lune-lartdelabiere.png?crop=center&height=504&v=1750880906&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-hardy-pleine-lune-lartdelabiere.png?crop=center&height=576&v=1750880906&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-hardy-pleine-lune-lartdelabiere.png?crop=center&height=768&v=1750880906&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-hardy-pleine-lune-lartdelabiere.png?crop=center&height=1008&v=1750880906&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€4,85
</span></div></div>
</div>
<a class="product-item__title"
href="/products/hardy" title="Hardy"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Hardy</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie de la Pleine Lune</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/hardy">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917783277915" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632471314779">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917783277915" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_eXTck6" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-9955440329051" class="product-item card" data-js-product-item><a href="/products/hellfest"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-hellfest-melusine-lartdelabiere.png?v=1750784709&width=480" alt="Hellfest - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-hellfest-melusine-lartdelabiere.png?crop=center&height=288&v=1750784709&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-hellfest-melusine-lartdelabiere.png?crop=center&height=432&v=1750784709&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-hellfest-melusine-lartdelabiere.png?crop=center&height=504&v=1750784709&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-hellfest-melusine-lartdelabiere.png?crop=center&height=576&v=1750784709&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-hellfest-melusine-lartdelabiere.png?crop=center&height=768&v=1750784709&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-hellfest-melusine-lartdelabiere.png?crop=center&height=1008&v=1750784709&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,35
</span></div></div>
</div>
<a class="product-item__title"
href="/products/hellfest" title="Hellfest"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Hellfest</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Mélusine</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/hellfest">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9955440329051" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50799607382363">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9955440329051" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_eXTck6" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-9917785801051" class="product-item card" data-js-product-item><a href="/products/lami-rode"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-ami-rode-funambules-lartdelabiere.png?v=1751902411&width=480" alt="L'Ami Rôde - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-ami-rode-funambules-lartdelabiere.png?crop=center&height=288&v=1751902411&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-ami-rode-funambules-lartdelabiere.png?crop=center&height=432&v=1751902411&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-ami-rode-funambules-lartdelabiere.png?crop=center&height=504&v=1751902411&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-ami-rode-funambules-lartdelabiere.png?crop=center&height=576&v=1751902411&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-ami-rode-funambules-lartdelabiere.png?crop=center&height=768&v=1751902411&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-ami-rode-funambules-lartdelabiere.png?crop=center&height=1008&v=1751902411&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,40
</span></div></div>
</div>
<a class="product-item__title"
href="/products/lami-rode" title="L'Ami Rôde"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">L'Ami Rôde</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Les Funambules</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/lami-rode">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917785801051" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632475181403">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917785801051" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_eXTck6" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-9917784621403" class="product-item card" data-js-product-item><a href="/products/favorite"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-la-favorite-la-montagnarde-lartdelabiere.png?v=1751082388&width=480" alt="La Favorite - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-la-favorite-la-montagnarde-lartdelabiere.png?crop=center&height=288&v=1751082388&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-la-favorite-la-montagnarde-lartdelabiere.png?crop=center&height=432&v=1751082388&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-la-favorite-la-montagnarde-lartdelabiere.png?crop=center&height=504&v=1751082388&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-la-favorite-la-montagnarde-lartdelabiere.png?crop=center&height=576&v=1751082388&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-la-favorite-la-montagnarde-lartdelabiere.png?crop=center&height=768&v=1751082388&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-la-favorite-la-montagnarde-lartdelabiere.png?crop=center&height=1008&v=1751082388&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,80
</span></div></div>
</div>
<a class="product-item__title"
href="/products/favorite" title="La Favorite"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">La Favorite</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie La Montagnarde</div>
</div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--sold"
style="background-color: #757575; color: #ffffff"
>
Épuisé
</span></div></div><div id="product-item-9917795500379" class="product-item card" data-js-product-item><a href="/products/grain-noir-riz-camargue"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-gardians-grain-noir-lartdelabiere.png?v=1752298250&width=480" alt="Grain Noir Au Riz De Camargue - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-gardians-grain-noir-lartdelabiere.png?crop=center&height=288&v=1752298250&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-gardians-grain-noir-lartdelabiere.png?crop=center&height=432&v=1752298250&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-gardians-grain-noir-lartdelabiere.png?crop=center&height=504&v=1752298250&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-gardians-grain-noir-lartdelabiere.png?crop=center&height=576&v=1752298250&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-gardians-grain-noir-lartdelabiere.png?crop=center&height=768&v=1752298250&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-gardians-grain-noir-lartdelabiere.png?crop=center&height=1008&v=1752298250&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,90
</span></div></div>
</div>
<a class="product-item__title"
href="/products/grain-noir-riz-camargue" title="Grain Noir Au Riz De Camargue"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Grain Noir Au Riz De Camargue</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie des Gardians</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/grain-noir-riz-camargue">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917795500379" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632489959771">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917795500379" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_eXTck6" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-9917796155739" class="product-item card" data-js-product-item><a href="/products/aubeloun"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-aubeloun-pleine-lune-lartdelabiere.png?v=1750880907&width=480" alt="Aubeloun - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-aubeloun-pleine-lune-lartdelabiere.png?crop=center&height=288&v=1750880907&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-aubeloun-pleine-lune-lartdelabiere.png?crop=center&height=432&v=1750880907&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-aubeloun-pleine-lune-lartdelabiere.png?crop=center&height=504&v=1750880907&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-aubeloun-pleine-lune-lartdelabiere.png?crop=center&height=576&v=1750880907&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-aubeloun-pleine-lune-lartdelabiere.png?crop=center&height=768&v=1750880907&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-aubeloun-pleine-lune-lartdelabiere.png?crop=center&height=1008&v=1750880907&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,70
</span></div></div>
</div>
<a class="product-item__title"
href="/products/aubeloun" title="Aubeloun"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Aubeloun</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie de la Pleine Lune</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/aubeloun">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917796155739" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632491106651">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917796155739" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_eXTck6" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-9917793075547" class="product-item card" data-js-product-item><a href="/products/loch-dukoss"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-loch-dukoss-causse-lartdelabiere.png?v=1752177165&width=480" alt="Loch Dukoss - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-loch-dukoss-causse-lartdelabiere.png?crop=center&height=288&v=1752177165&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-loch-dukoss-causse-lartdelabiere.png?crop=center&height=432&v=1752177165&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-loch-dukoss-causse-lartdelabiere.png?crop=center&height=504&v=1752177165&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-loch-dukoss-causse-lartdelabiere.png?crop=center&height=576&v=1752177165&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-loch-dukoss-causse-lartdelabiere.png?crop=center&height=768&v=1752177165&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-loch-dukoss-causse-lartdelabiere.png?crop=center&height=1008&v=1752177165&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€4,00
</span></div></div>
</div>
<a class="product-item__title"
href="/products/loch-dukoss" title="Loch Dukoss"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Loch Dukoss</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie du Causse</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/loch-dukoss">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917793075547" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632485962075">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917793075547" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_eXTck6" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-9917796548955" class="product-item card" data-js-product-item><a href="/products/puy-d-enfer"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-puy-enfer-melusine-lartdelabiere.png?v=1750785640&width=480" alt="Puy D'Enfer - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-puy-enfer-melusine-lartdelabiere.png?crop=center&height=288&v=1750785640&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-puy-enfer-melusine-lartdelabiere.png?crop=center&height=432&v=1750785640&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-puy-enfer-melusine-lartdelabiere.png?crop=center&height=504&v=1750785640&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-puy-enfer-melusine-lartdelabiere.png?crop=center&height=576&v=1750785640&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-puy-enfer-melusine-lartdelabiere.png?crop=center&height=768&v=1750785640&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-puy-enfer-melusine-lartdelabiere.png?crop=center&height=1008&v=1750785640&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,00
</span></div></div>
</div>
<a class="product-item__title"
href="/products/puy-d-enfer" title="Puy D'Enfer"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Puy D'Enfer</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Mélusine</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/puy-d-enfer">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917796548955" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632491532635">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917796548955" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_eXTck6" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-9917781639515" class="product-item card" data-js-product-item><a href="/products/belle-des-fruits-bleue"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-belle-des-fruits-bleu-olt-lartdelabiere.png?v=1752296762&width=480" alt="Belle des Fruits Bleue - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-belle-des-fruits-bleu-olt-lartdelabiere.png?crop=center&height=288&v=1752296762&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-belle-des-fruits-bleu-olt-lartdelabiere.png?crop=center&height=432&v=1752296762&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-belle-des-fruits-bleu-olt-lartdelabiere.png?crop=center&height=504&v=1752296762&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-belle-des-fruits-bleu-olt-lartdelabiere.png?crop=center&height=576&v=1752296762&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-belle-des-fruits-bleu-olt-lartdelabiere.png?crop=center&height=768&v=1752296762&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-belle-des-fruits-bleu-olt-lartdelabiere.png?crop=center&height=1008&v=1752296762&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€4,45
</span></div></div>
</div>
<a class="product-item__title"
href="/products/belle-des-fruits-bleue" title="Belle des Fruits Bleue"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Belle des Fruits Bleue</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie d'Olt</div>
</div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--sold"
style="background-color: #757575; color: #ffffff"
>
Épuisé
</span></div></div><div id="product-item-9917789143387" class="product-item card" data-js-product-item><a href="/products/made-aisne-3-loups"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-made-aisne-3-loups-lartdelabiere.png?v=1751219666&width=480" alt="Made Aisne Les 3 Loups - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-made-aisne-3-loups-lartdelabiere.png?crop=center&height=288&v=1751219666&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-made-aisne-3-loups-lartdelabiere.png?crop=center&height=432&v=1751219666&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-made-aisne-3-loups-lartdelabiere.png?crop=center&height=504&v=1751219666&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-made-aisne-3-loups-lartdelabiere.png?crop=center&height=576&v=1751219666&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-made-aisne-3-loups-lartdelabiere.png?crop=center&height=768&v=1751219666&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-made-aisne-3-loups-lartdelabiere.png?crop=center&height=1008&v=1751219666&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-made-aisne-brasserie-les-3-loups-lartdelabiere.jpg?v=1759926686&width=480" alt="Made Aisne Les 3 Loups"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-made-aisne-brasserie-les-3-loups-lartdelabiere.jpg?crop=center&height=288&v=1759926686&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-made-aisne-brasserie-les-3-loups-lartdelabiere.jpg?crop=center&height=432&v=1759926686&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-made-aisne-brasserie-les-3-loups-lartdelabiere.jpg?crop=center&height=504&v=1759926686&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-made-aisne-brasserie-les-3-loups-lartdelabiere.jpg?crop=center&height=576&v=1759926686&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-made-aisne-brasserie-les-3-loups-lartdelabiere.jpg?crop=center&height=768&v=1759926686&width=640 640w"
class="img"
width="800"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,70
</span></div></div>
</div>
<a class="product-item__title"
href="/products/made-aisne-3-loups" title="Made Aisne Les 3 Loups"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Made Aisne Les 3 Loups</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Les 3 loups</div>
</div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--sold"
style="background-color: #757575; color: #ffffff"
>
Épuisé
</span></div></div><div id="product-item-9917785506139" class="product-item card" data-js-product-item><a href="/products/jojo-lalpin"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-jojo-alpin-funambules-lartdelabiere.png?v=1751902411&width=480" alt="Jojo l'Alpin - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-jojo-alpin-funambules-lartdelabiere.png?crop=center&height=288&v=1751902411&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-jojo-alpin-funambules-lartdelabiere.png?crop=center&height=432&v=1751902411&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-jojo-alpin-funambules-lartdelabiere.png?crop=center&height=504&v=1751902411&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-jojo-alpin-funambules-lartdelabiere.png?crop=center&height=576&v=1751902411&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-jojo-alpin-funambules-lartdelabiere.png?crop=center&height=768&v=1751902411&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-jojo-alpin-funambules-lartdelabiere.png?crop=center&height=1008&v=1751902411&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€4,00
</span></div></div>
</div>
<a class="product-item__title"
href="/products/jojo-lalpin" title="Jojo l'Alpin"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Jojo l'Alpin</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Les Funambules</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/jojo-lalpin">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917785506139" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632474689883">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917785506139" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_eXTck6" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div></div></div>
</div>
<style>
#product-grid-template--26905061491035__products_list_eXTck6 .product-item {--color-background-cards: #ffffff;--color-borders-cards: #dfdfdf;}</style><style data-shopify>
#shopify-section-template--26905061491035__products_list_eXTck6 {
background-color: #ffffff;
}
</style>
</div><div id="shopify-section-template--26905061491035__rich_text_8Y8EfG" class="shopify-section can-be-fullwidth no-fullwidth-padding"><link href="//lartdelabiere.fr/cdn/shop/t/19/assets/section-rich-text.css?v=168122351984916537801761764489" rel="stylesheet" type="text/css" media="all" />
<div class="container--large container--has-background">
<div id="element-template--26905061491035__rich_text_8Y8EfG" class="card element--height-regular rich-text">
<div class="rich-text__container rich-text__container--image-right"><div class="rich-text__image"
><figure
class="lazy-image"
data-ratio="1.0" style="padding-top: 100.0%"
data-crop="true"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/encart-biere-francaise.jpg?v=1745051066&width=480" alt=""
srcset="//lartdelabiere.fr/cdn/shop/files/encart-biere-francaise.jpg?v=1745051066&width=240 240w,//lartdelabiere.fr/cdn/shop/files/encart-biere-francaise.jpg?v=1745051066&width=360 360w,//lartdelabiere.fr/cdn/shop/files/encart-biere-francaise.jpg?v=1745051066&width=420 420w,//lartdelabiere.fr/cdn/shop/files/encart-biere-francaise.jpg?v=1745051066&width=480 480w,//lartdelabiere.fr/cdn/shop/files/encart-biere-francaise.jpg?v=1745051066&width=640 640w"
class="img"
width="839"
height="839"
data-ratio="1.0"
loading="lazy"
style="object-position: 50.0% 50.0%"
id="responsive-background-template--26905061491035__rich_text_8Y8EfG"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><script>
rbi.push(document.getElementById('responsive-background-template--26905061491035__rich_text_8Y8EfG'));
ribSetSize(document.getElementById('responsive-background-template--26905061491035__rich_text_8Y8EfG'));
</script></div><div class="rich-text__text align-content align-content--horizontal-center align-content--vertical-middle"
>
<div class="card__text element--width-100 spacing--large gutter--xlarge remove-empty-space"><h2
class="h3 rte rich-text__title"
>
Plus craft, tu meurs !
</h2>
<div
class="rte text-size--regular"
>
<p>Chez L'Art de la Bière, nous vous proposons une sélection fine de délicieuses bières artisanales françaises.<br/><br/>Chaque bière que nous sélectionnons reflète le savoir-faire unique des brasseurs français. Nous travaillons avec des brasseries et microbrasseries françaises passionnées pour vous proposer les meilleures bières, en sortant des sentiers battus pour vous dénicher de véritables pépites !<br/><br/>Achetez vos bières artisanales en ligne et recevez-les directement chez vous, prêtes à être dégustées.</p>
</div>
<div
class="increased-spacing"
>
<a href="/pages/brasseries" class="button button--large button--solid">
Je découvre les brasseries
</a>
</div>
</div>
</div><style data-shopify>
#element-template--26905061491035__rich_text_8Y8EfG {
--color-background-cards: #ffffff;
}
</style>
<style data-shopify>
#element-template--26905061491035__rich_text_8Y8EfG {
--color-borders-cards: none;
}
</style>
</div>
</div>
</div><style data-shopify>
#shopify-section-template--26905061491035__rich_text_8Y8EfG {
background-color: #ffffff;
}
</style>
<style> #shopify-section-template--26905061491035__rich_text_8Y8EfG .rich-text__image img {border-radius: 16px; overflow: hidden;} </style></div><div id="shopify-section-template--26905061491035__products_list_tDCDKG" class="shopify-section mount-css-slider mount-collection-tabs"><link href="//lartdelabiere.fr/cdn/shop/t/19/assets/component-product-item.css?v=126600967654690319611761764488" rel="stylesheet" type="text/css" media="all" />
<div id="section-template--26905061491035__products_list_tDCDKG" class="container--large remove-empty-space container--has-background"><div class="section-heading section-heading--left gutter-bottom--page"><div class="section-heading__text remove-empty-space"><h2 class="section-heading__title h4">Nos dernières pépites</h2><span class="section-heading__subheading text-size--large">Voici les nouvelles bières sélectionnez spécialement pour vous (et pour nous aussi).</span></div></div><div id="product-grid-template--26905061491035__products_list_tDCDKG"><css-slider data-options='{ "selector": ".product-item", "indexNav": true, "groupCells": true, "navigationDOM": "<span class=\"css-slider-button css-slider-prev\" style=\"display:none\"><svg fill=\"none\" height=\"13\" viewBox=\"0 0 8 13\" width=\"8\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"#000\" ><path d=\"m7.91419 1.41431-6.48529 6.48528-1.4142102-1.41422 6.4852802-6.48527702z\"/><path d=\"m6.48528 12.9849-6.48528027-6.48532 1.41421027-1.41421 6.48528 6.48523z\"/></g></svg></span><span class=\"css-slider-button css-slider-next\" style=\"display:none\"><svg width=\"9\" height=\"13\" viewBox=\"0 0 9 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0.914169 11.5857L7.39945 5.10041L8.81367 6.51463L2.32838 12.9999L0.914169 11.5857Z\" fill=\"black\"/><path d=\"M2.34307 0.0151367L8.82835 6.50042L7.41414 7.91463L0.928857 1.42935L2.34307 0.0151367Z\" fill=\"black\"/></svg></span>" }'
class="css-slider css-slider--bottom-navigation"
id="css-slider-template--26905061491035__products_list_tDCDKG"
>
<div class="grid grid--slider grid-4 grid-portable-3 grid-lap-2 grid-tiny-1 grid-palm-2"><div id="product-item-10170725302619" class="product-item card" data-js-product-item><a href="/products/go-your-own-way"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-go-your-own-way-nomade-lartdelabiere.png?v=1761763663&width=480" alt="Go Your Own Way"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-go-your-own-way-nomade-lartdelabiere.png?crop=center&height=288&v=1761763663&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-go-your-own-way-nomade-lartdelabiere.png?crop=center&height=432&v=1761763663&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-go-your-own-way-nomade-lartdelabiere.png?crop=center&height=504&v=1761763663&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-go-your-own-way-nomade-lartdelabiere.png?crop=center&height=576&v=1761763663&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-go-your-own-way-nomade-lartdelabiere.png?crop=center&height=768&v=1761763663&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-go-your-own-way-nomade-lartdelabiere.png?crop=center&height=1008&v=1761763663&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,50
</span></div></div>
</div>
<a class="product-item__title"
href="/products/go-your-own-way" title="Go Your Own Way"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Go Your Own Way</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Nomade</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/go-your-own-way">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_10170725302619" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51639288332635">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="10170725302619" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_tDCDKG" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-10170725368155" class="product-item card" data-js-product-item><a href="/products/nuit-blanche"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-nuit-blanche-nomade-lartdelabiere.png?v=1761842627&width=480" alt="Nuit Blanche"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-nuit-blanche-nomade-lartdelabiere.png?crop=center&height=288&v=1761842627&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-nuit-blanche-nomade-lartdelabiere.png?crop=center&height=432&v=1761842627&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-nuit-blanche-nomade-lartdelabiere.png?crop=center&height=504&v=1761842627&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-nuit-blanche-nomade-lartdelabiere.png?crop=center&height=576&v=1761842627&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-nuit-blanche-nomade-lartdelabiere.png?crop=center&height=768&v=1761842627&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-nuit-blanche-nomade-lartdelabiere.png?crop=center&height=1008&v=1761842627&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,70
</span></div></div>
</div>
<a class="product-item__title"
href="/products/nuit-blanche" title="Nuit Blanche"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Nuit Blanche</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Nomade</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/nuit-blanche">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_10170725368155" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51639288398171">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="10170725368155" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_tDCDKG" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-10170725335387" class="product-item card" data-js-product-item><a href="/products/saudade-saison"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-saudade-saison-nomade-lartdelabiere.png?v=1761829309&width=480" alt="Saudade Saison"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-saudade-saison-nomade-lartdelabiere.png?crop=center&height=288&v=1761829309&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-saudade-saison-nomade-lartdelabiere.png?crop=center&height=432&v=1761829309&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-saudade-saison-nomade-lartdelabiere.png?crop=center&height=504&v=1761829309&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-saudade-saison-nomade-lartdelabiere.png?crop=center&height=576&v=1761829309&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-saudade-saison-nomade-lartdelabiere.png?crop=center&height=768&v=1761829309&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-saudade-saison-nomade-lartdelabiere.png?crop=center&height=1008&v=1761829309&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,60
</span></div></div>
</div>
<a class="product-item__title"
href="/products/saudade-saison" title="Saudade Saison"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Saudade Saison</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Nomade</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/saudade-saison">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_10170725335387" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51639288365403">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="10170725335387" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_tDCDKG" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span><span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Sans-gluten.png?crop=center&height=32&v=1745376639&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Sans-gluten.png?crop=center&height=32&v=1745376639&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Sans-gluten.png?crop=center&height=64&v=1745376639&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Sans-gluten.png?crop=center&height=96&v=1745376639&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Sans-gluten.png?crop=center&height=144&v=1745376639&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Sans gluten</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-10165917712731" class="product-item card" data-js-product-item><a href="/products/anagramme"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-anagramme-faux-semblables-lartdelabiere.png?v=1761632551&width=480" alt="Anagramme"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-anagramme-faux-semblables-lartdelabiere.png?crop=center&height=288&v=1761632551&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-anagramme-faux-semblables-lartdelabiere.png?crop=center&height=432&v=1761632551&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-anagramme-faux-semblables-lartdelabiere.png?crop=center&height=504&v=1761632551&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-anagramme-faux-semblables-lartdelabiere.png?crop=center&height=576&v=1761632551&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-anagramme-faux-semblables-lartdelabiere.png?crop=center&height=768&v=1761632551&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-anagramme-faux-semblables-lartdelabiere.png?crop=center&height=1008&v=1761632551&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€4,15
</span></div></div>
</div>
<a class="product-item__title"
href="/products/anagramme" title="Anagramme"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Anagramme</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Les Faux Semblables</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/anagramme">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_10165917712731" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51625251864923">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="10165917712731" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_tDCDKG" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-10154648928603" class="product-item card" data-js-product-item><a href="/products/crime-in-hell"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-crime-in-hell-faux-semblables-lartdelabiere.png?v=1761243744&width=480" alt="Crime in Hell"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-crime-in-hell-faux-semblables-lartdelabiere.png?crop=center&height=288&v=1761243744&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-crime-in-hell-faux-semblables-lartdelabiere.png?crop=center&height=432&v=1761243744&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-crime-in-hell-faux-semblables-lartdelabiere.png?crop=center&height=504&v=1761243744&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-crime-in-hell-faux-semblables-lartdelabiere.png?crop=center&height=576&v=1761243744&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-crime-in-hell-faux-semblables-lartdelabiere.png?crop=center&height=768&v=1761243744&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-crime-in-hell-faux-semblables-lartdelabiere.png?crop=center&height=1008&v=1761243744&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€5,25
</span></div></div>
</div>
<a class="product-item__title"
href="/products/crime-in-hell" title="Crime in Hell"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Crime in Hell</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Les Faux Semblables</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/crime-in-hell">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_10154648928603" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51599005188443">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="10154648928603" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_tDCDKG" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-10165901328731" class="product-item card" data-js-product-item><a href="/products/la-raide"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-la-raide-faux-semblables-lartdelabiere.png?v=1761631152&width=480" alt="La Raide"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-la-raide-faux-semblables-lartdelabiere.png?crop=center&height=288&v=1761631152&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-la-raide-faux-semblables-lartdelabiere.png?crop=center&height=432&v=1761631152&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-la-raide-faux-semblables-lartdelabiere.png?crop=center&height=504&v=1761631152&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-la-raide-faux-semblables-lartdelabiere.png?crop=center&height=576&v=1761631152&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-la-raide-faux-semblables-lartdelabiere.png?crop=center&height=768&v=1761631152&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-la-raide-faux-semblables-lartdelabiere.png?crop=center&height=1008&v=1761631152&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€4,15
</span></div></div>
</div>
<a class="product-item__title"
href="/products/la-raide" title="La Raide"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">La Raide</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Les Faux Semblables</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/la-raide">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_10165901328731" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51625232499035">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="10165901328731" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_tDCDKG" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-10145563935067" class="product-item card" data-js-product-item><a href="/products/american-ipa-thetys"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-american-ipa-thetys-lartdelabiere.png?v=1760735045&width=480" alt="American IPA"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-american-ipa-thetys-lartdelabiere.png?crop=center&height=288&v=1760735045&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-american-ipa-thetys-lartdelabiere.png?crop=center&height=432&v=1760735045&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-american-ipa-thetys-lartdelabiere.png?crop=center&height=504&v=1760735045&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-american-ipa-thetys-lartdelabiere.png?crop=center&height=576&v=1760735045&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-american-ipa-thetys-lartdelabiere.png?crop=center&height=768&v=1760735045&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-american-ipa-thetys-lartdelabiere.png?crop=center&height=1008&v=1760735045&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-verre-american-ipa-thetys-lartdelabiere.png?v=1761030396&width=480" alt="American IPA"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-verre-american-ipa-thetys-lartdelabiere.png?crop=center&height=288&v=1761030396&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-verre-american-ipa-thetys-lartdelabiere.png?crop=center&height=432&v=1761030396&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-verre-american-ipa-thetys-lartdelabiere.png?crop=center&height=504&v=1761030396&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-verre-american-ipa-thetys-lartdelabiere.png?crop=center&height=576&v=1761030396&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-verre-american-ipa-thetys-lartdelabiere.png?crop=center&height=768&v=1761030396&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-verre-american-ipa-thetys-lartdelabiere.png?crop=center&height=1008&v=1761030396&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,60
</span></div></div>
</div>
<a class="product-item__title"
href="/products/american-ipa-thetys" title="American IPA"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">American IPA</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Thétys</div>
</div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--sold"
style="background-color: #757575; color: #ffffff"
>
Épuisé
</span><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-10145563050331" class="product-item card" data-js-product-item><a href="/products/apa-blonde-tropicale"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-apa-blonde-tropicale-thetys-lartdelabiere.png?v=1761046760&width=480" alt="APA Blonde Tropicale"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-apa-blonde-tropicale-thetys-lartdelabiere.png?crop=center&height=288&v=1761046760&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-apa-blonde-tropicale-thetys-lartdelabiere.png?crop=center&height=432&v=1761046760&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-apa-blonde-tropicale-thetys-lartdelabiere.png?crop=center&height=504&v=1761046760&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-apa-blonde-tropicale-thetys-lartdelabiere.png?crop=center&height=576&v=1761046760&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-apa-blonde-tropicale-thetys-lartdelabiere.png?crop=center&height=768&v=1761046760&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-apa-blonde-tropicale-thetys-lartdelabiere.png?crop=center&height=1008&v=1761046760&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-apa-blonde-tropicale-2-thetys-lartdelabiere.png?v=1761046760&width=480" alt="APA Blonde Tropicale"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-apa-blonde-tropicale-2-thetys-lartdelabiere.png?crop=center&height=288&v=1761046760&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-apa-blonde-tropicale-2-thetys-lartdelabiere.png?crop=center&height=432&v=1761046760&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-apa-blonde-tropicale-2-thetys-lartdelabiere.png?crop=center&height=504&v=1761046760&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-apa-blonde-tropicale-2-thetys-lartdelabiere.png?crop=center&height=576&v=1761046760&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-apa-blonde-tropicale-2-thetys-lartdelabiere.png?crop=center&height=768&v=1761046760&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-apa-blonde-tropicale-2-thetys-lartdelabiere.png?crop=center&height=1008&v=1761046760&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,60
</span></div></div>
</div>
<a class="product-item__title"
href="/products/apa-blonde-tropicale" title="APA Blonde Tropicale"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">APA Blonde Tropicale</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Thétys</div>
</div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--sold"
style="background-color: #757575; color: #ffffff"
>
Épuisé
</span><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-10145563541851" class="product-item card" data-js-product-item><a href="/products/british-brown-ale"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-british-brown-ale-thetys-lartdelabiere.png?v=1760735044&width=480" alt="British Brown Ale"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-british-brown-ale-thetys-lartdelabiere.png?crop=center&height=288&v=1760735044&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-british-brown-ale-thetys-lartdelabiere.png?crop=center&height=432&v=1760735044&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-british-brown-ale-thetys-lartdelabiere.png?crop=center&height=504&v=1760735044&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-british-brown-ale-thetys-lartdelabiere.png?crop=center&height=576&v=1760735044&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-british-brown-ale-thetys-lartdelabiere.png?crop=center&height=768&v=1760735044&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-british-brown-ale-thetys-lartdelabiere.png?crop=center&height=1008&v=1760735044&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-verre-british-brown-ale-thetys-lartdelabiere.png?v=1761030396&width=480" alt="British Brown Ale"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-verre-british-brown-ale-thetys-lartdelabiere.png?crop=center&height=288&v=1761030396&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-verre-british-brown-ale-thetys-lartdelabiere.png?crop=center&height=432&v=1761030396&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-verre-british-brown-ale-thetys-lartdelabiere.png?crop=center&height=504&v=1761030396&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-verre-british-brown-ale-thetys-lartdelabiere.png?crop=center&height=576&v=1761030396&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-verre-british-brown-ale-thetys-lartdelabiere.png?crop=center&height=768&v=1761030396&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-verre-british-brown-ale-thetys-lartdelabiere.png?crop=center&height=1008&v=1761030396&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,60
</span></div></div>
</div>
<a class="product-item__title"
href="/products/british-brown-ale" title="British Brown Ale"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">British Brown Ale</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Thétys</div>
</div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--sold"
style="background-color: #757575; color: #ffffff"
>
Épuisé
</span><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-10144929087835" class="product-item card" data-js-product-item><a href="/products/thetys-blonde"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-french-pale-ale-thetys-lartdelabiere.png?v=1760735044&width=480" alt="French Pale Ale"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-french-pale-ale-thetys-lartdelabiere.png?crop=center&height=288&v=1760735044&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-french-pale-ale-thetys-lartdelabiere.png?crop=center&height=432&v=1760735044&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-french-pale-ale-thetys-lartdelabiere.png?crop=center&height=504&v=1760735044&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-french-pale-ale-thetys-lartdelabiere.png?crop=center&height=576&v=1760735044&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-french-pale-ale-thetys-lartdelabiere.png?crop=center&height=768&v=1760735044&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-french-pale-ale-thetys-lartdelabiere.png?crop=center&height=1008&v=1760735044&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-verre-french-pale-ale-thetys-lartdelabiere.png?v=1761030397&width=480" alt="French Pale Ale"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-verre-french-pale-ale-thetys-lartdelabiere.png?crop=center&height=288&v=1761030397&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-verre-french-pale-ale-thetys-lartdelabiere.png?crop=center&height=432&v=1761030397&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-verre-french-pale-ale-thetys-lartdelabiere.png?crop=center&height=504&v=1761030397&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-verre-french-pale-ale-thetys-lartdelabiere.png?crop=center&height=576&v=1761030397&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-verre-french-pale-ale-thetys-lartdelabiere.png?crop=center&height=768&v=1761030397&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-verre-french-pale-ale-thetys-lartdelabiere.png?crop=center&height=1008&v=1761030397&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,60
</span></div></div>
</div>
<a class="product-item__title"
href="/products/thetys-blonde" title="French Pale Ale"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">French Pale Ale</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Thétys</div>
</div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--sold"
style="background-color: #757575; color: #ffffff"
>
Épuisé
</span><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-10145560691035" class="product-item card" data-js-product-item><a href="/products/grisette"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-grisette-thetys-lartdelabiere.png?v=1760735044&width=480" alt="Grisette"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-grisette-thetys-lartdelabiere.png?crop=center&height=288&v=1760735044&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-grisette-thetys-lartdelabiere.png?crop=center&height=432&v=1760735044&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-grisette-thetys-lartdelabiere.png?crop=center&height=504&v=1760735044&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-grisette-thetys-lartdelabiere.png?crop=center&height=576&v=1760735044&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-grisette-thetys-lartdelabiere.png?crop=center&height=768&v=1760735044&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-grisette-thetys-lartdelabiere.png?crop=center&height=1008&v=1760735044&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-verre-grisette-thetys-lartdelabiere.png?v=1761030396&width=480" alt="Grisette"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-verre-grisette-thetys-lartdelabiere.png?crop=center&height=288&v=1761030396&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-verre-grisette-thetys-lartdelabiere.png?crop=center&height=432&v=1761030396&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-verre-grisette-thetys-lartdelabiere.png?crop=center&height=504&v=1761030396&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-verre-grisette-thetys-lartdelabiere.png?crop=center&height=576&v=1761030396&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-verre-grisette-thetys-lartdelabiere.png?crop=center&height=768&v=1761030396&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-verre-grisette-thetys-lartdelabiere.png?crop=center&height=1008&v=1761030396&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,60
</span></div></div>
</div>
<a class="product-item__title"
href="/products/grisette" title="Grisette"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Grisette</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Thétys</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/grisette">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_10145560691035" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51558891258203">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="10145560691035" /><input type="hidden" name="section-id" value="template--26905061491035__products_list_tDCDKG" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-10144938492251" class="product-item card" data-js-product-item><a href="/products/thetys-irish-stout"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-irish-stout-thetys-lartdelabiere.png?v=1760735044&width=480" alt="Irish Stout"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-irish-stout-thetys-lartdelabiere.png?crop=center&height=288&v=1760735044&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-irish-stout-thetys-lartdelabiere.png?crop=center&height=432&v=1760735044&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-irish-stout-thetys-lartdelabiere.png?crop=center&height=504&v=1760735044&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-irish-stout-thetys-lartdelabiere.png?crop=center&height=576&v=1760735044&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-irish-stout-thetys-lartdelabiere.png?crop=center&height=768&v=1760735044&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-irish-stout-thetys-lartdelabiere.png?crop=center&height=1008&v=1760735044&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-verre-irish-stout-thetys-lartdelabiere.png?v=1761030396&width=480" alt="Irish Stout"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-verre-irish-stout-thetys-lartdelabiere.png?crop=center&height=288&v=1761030396&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-verre-irish-stout-thetys-lartdelabiere.png?crop=center&height=432&v=1761030396&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-verre-irish-stout-thetys-lartdelabiere.png?crop=center&height=504&v=1761030396&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-verre-irish-stout-thetys-lartdelabiere.png?crop=center&height=576&v=1761030396&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-verre-irish-stout-thetys-lartdelabiere.png?crop=center&height=768&v=1761030396&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-verre-irish-stout-thetys-lartdelabiere.png?crop=center&height=1008&v=1761030396&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,60
</span></div></div>
</div>
<a class="product-item__title"
href="/products/thetys-irish-stout" title="Irish Stout"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Irish Stout</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Thétys</div>
</div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--sold"
style="background-color: #757575; color: #ffffff"
>
Épuisé
</span><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div></div></css-slider></div>
</div>
<style>
#product-grid-template--26905061491035__products_list_tDCDKG .product-item {--color-background-cards: #ffffff;--color-borders-cards: #dfdfdf;}</style><style data-shopify>
#shopify-section-template--26905061491035__products_list_tDCDKG {
background-color: #ffffff;
}
</style>
</div><div id="shopify-section-template--26905061491035__featured_collection_C6rVya" class="shopify-section mount-css-slider mount-collection-tabs"><link href="//lartdelabiere.fr/cdn/shop/t/19/assets/component-product-item.css?v=126600967654690319611761764488" rel="stylesheet" type="text/css" media="all" />
<div
id="section-template--26905061491035__featured_collection_C6rVya"
class="container--large remove-empty-space container--has-background"
>
<collection-tabs><div class="section-heading section-heading--left gutter-bottom--page"><div class="section-heading__text remove-empty-space"><h2 class="section-heading__title h4">Jetez un oeil à nos IPA</h2><span class="section-heading__subheading text-size--large">Fans d'amertume, nos India Pale Ale sont pour vous !</span></div><div class="section-heading__actions"><a class="text-size--large text-link" href="/collections/ipa">Voir tous les produits</a></div></div><div id="product-grid-template--26905061491035__featured_collection_C6rVya"><div
class="collection-tabs_panel active active"
id="collection-template--26905061491035__featured_collection_C6rVya-0"
><css-slider data-options='{ "selector": ".product-item", "indexNav": true, "groupCells": true, "navigationDOM": "<span class=\"css-slider-button css-slider-prev\" style=\"display:none\"><svg fill=\"none\" height=\"13\" viewBox=\"0 0 8 13\" width=\"8\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"#000\" ><path d=\"m7.91419 1.41431-6.48529 6.48528-1.4142102-1.41422 6.4852802-6.48527702z\"/><path d=\"m6.48528 12.9849-6.48528027-6.48532 1.41421027-1.41421 6.48528 6.48523z\"/></g></svg></span><span class=\"css-slider-button css-slider-next\" style=\"display:none\"><svg width=\"9\" height=\"13\" viewBox=\"0 0 9 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0.914169 11.5857L7.39945 5.10041L8.81367 6.51463L2.32838 12.9999L0.914169 11.5857Z\" fill=\"black\"/><path d=\"M2.34307 0.0151367L8.82835 6.50042L7.41414 7.91463L0.928857 1.42935L2.34307 0.0151367Z\" fill=\"black\"/></svg></span>" }'
class="css-slider css-slider--bottom-navigation"
id="css-slider-template--26905061491035__featured_collection_C6rVya-0"
>
<div class="grid grid--slider grid-4 grid-portable-3 grid-lap-2 grid-tiny-1 grid-palm-2"><div id="product-item-9917797106011" class="product-item card" data-js-product-item><a href="/collections/ipa/products/vue-sur-l-amer"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-vue-sur-lamer-agrivoise-lartdelabiere.png?v=1752641106&width=480" alt="Vue Sur L'Amer - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-vue-sur-lamer-agrivoise-lartdelabiere.png?crop=center&height=288&v=1752641106&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-vue-sur-lamer-agrivoise-lartdelabiere.png?crop=center&height=432&v=1752641106&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-vue-sur-lamer-agrivoise-lartdelabiere.png?crop=center&height=504&v=1752641106&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-vue-sur-lamer-agrivoise-lartdelabiere.png?crop=center&height=576&v=1752641106&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-vue-sur-lamer-agrivoise-lartdelabiere.png?crop=center&height=768&v=1752641106&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-vue-sur-lamer-agrivoise-lartdelabiere.png?crop=center&height=1008&v=1752641106&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€4,00
</span></div></div>
</div>
<a class="product-item__title"
href="/collections/ipa/products/vue-sur-l-amer" title="Vue Sur L'Amer"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Vue Sur L'Amer</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie L'Agrivoise</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/vue-sur-l-amer">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917797106011" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632492319067">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917797106011" /><input type="hidden" name="section-id" value="template--26905061491035__featured_collection_C6rVya" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-10170725859675" class="product-item card" data-js-product-item><a href="/collections/ipa/products/sun-eater-hazy-ipa"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-sun-eater-nomade-lartdelabiere.png?v=1762400866&width=480" alt="Sun Eater - Hazy IPA"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-sun-eater-nomade-lartdelabiere.png?crop=center&height=288&v=1762400866&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-sun-eater-nomade-lartdelabiere.png?crop=center&height=432&v=1762400866&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-sun-eater-nomade-lartdelabiere.png?crop=center&height=504&v=1762400866&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-sun-eater-nomade-lartdelabiere.png?crop=center&height=576&v=1762400866&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-sun-eater-nomade-lartdelabiere.png?crop=center&height=768&v=1762400866&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-sun-eater-nomade-lartdelabiere.png?crop=center&height=1008&v=1762400866&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€4,05
</span></div></div>
</div>
<a class="product-item__title"
href="/collections/ipa/products/sun-eater-hazy-ipa" title="Sun Eater - Hazy IPA"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Sun Eater - Hazy IPA</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Nomade</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/sun-eater-hazy-ipa">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_10170725859675" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51639289053531">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="10170725859675" /><input type="hidden" name="section-id" value="template--26905061491035__featured_collection_C6rVya" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-10145557447003" class="product-item card" data-js-product-item><a href="/collections/ipa/products/superfresh"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-superfresh-funambules-lartdelabiere.png?v=1761244715&width=480" alt="Super Fresh"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-superfresh-funambules-lartdelabiere.png?crop=center&height=288&v=1761244715&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-superfresh-funambules-lartdelabiere.png?crop=center&height=432&v=1761244715&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-superfresh-funambules-lartdelabiere.png?crop=center&height=504&v=1761244715&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-superfresh-funambules-lartdelabiere.png?crop=center&height=576&v=1761244715&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-superfresh-funambules-lartdelabiere.png?crop=center&height=768&v=1761244715&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-superfresh-funambules-lartdelabiere.png?crop=center&height=1008&v=1761244715&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€4,20
</span></div></div>
</div>
<a class="product-item__title"
href="/collections/ipa/products/superfresh" title="Super Fresh"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Super Fresh</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Les Funambules</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/superfresh">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_10145557447003" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51558886703451">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="10145557447003" /><input type="hidden" name="section-id" value="template--26905061491035__featured_collection_C6rVya" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-9955440329051" class="product-item card" data-js-product-item><a href="/collections/ipa/products/hellfest"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-hellfest-melusine-lartdelabiere.png?v=1750784709&width=480" alt="Hellfest - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-hellfest-melusine-lartdelabiere.png?crop=center&height=288&v=1750784709&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-hellfest-melusine-lartdelabiere.png?crop=center&height=432&v=1750784709&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-hellfest-melusine-lartdelabiere.png?crop=center&height=504&v=1750784709&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-hellfest-melusine-lartdelabiere.png?crop=center&height=576&v=1750784709&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-hellfest-melusine-lartdelabiere.png?crop=center&height=768&v=1750784709&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-hellfest-melusine-lartdelabiere.png?crop=center&height=1008&v=1750784709&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,35
</span></div></div>
</div>
<a class="product-item__title"
href="/collections/ipa/products/hellfest" title="Hellfest"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Hellfest</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Mélusine</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/hellfest">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9955440329051" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50799607382363">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9955440329051" /><input type="hidden" name="section-id" value="template--26905061491035__featured_collection_C6rVya" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-9917785506139" class="product-item card" data-js-product-item><a href="/collections/ipa/products/jojo-lalpin"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-jojo-alpin-funambules-lartdelabiere.png?v=1751902411&width=480" alt="Jojo l'Alpin - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-jojo-alpin-funambules-lartdelabiere.png?crop=center&height=288&v=1751902411&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-jojo-alpin-funambules-lartdelabiere.png?crop=center&height=432&v=1751902411&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-jojo-alpin-funambules-lartdelabiere.png?crop=center&height=504&v=1751902411&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-jojo-alpin-funambules-lartdelabiere.png?crop=center&height=576&v=1751902411&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-jojo-alpin-funambules-lartdelabiere.png?crop=center&height=768&v=1751902411&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-jojo-alpin-funambules-lartdelabiere.png?crop=center&height=1008&v=1751902411&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€4,00
</span></div></div>
</div>
<a class="product-item__title"
href="/collections/ipa/products/jojo-lalpin" title="Jojo l'Alpin"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Jojo l'Alpin</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Les Funambules</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/jojo-lalpin">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917785506139" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632474689883">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917785506139" /><input type="hidden" name="section-id" value="template--26905061491035__featured_collection_C6rVya" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-9917788881243" class="product-item card" data-js-product-item><a href="/collections/ipa/products/ipa-chanaz"
class="card__image product-item__image product-item__image--has-secondary"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-ipa-biez-chanaz-lartdelabiere.png?v=1752399306&width=480" alt="IPA de Chanaz - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-ipa-biez-chanaz-lartdelabiere.png?crop=center&height=288&v=1752399306&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-ipa-biez-chanaz-lartdelabiere.png?crop=center&height=432&v=1752399306&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-ipa-biez-chanaz-lartdelabiere.png?crop=center&height=504&v=1752399306&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-ipa-biez-chanaz-lartdelabiere.png?crop=center&height=576&v=1752399306&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-ipa-biez-chanaz-lartdelabiere.png?crop=center&height=768&v=1752399306&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-ipa-biez-chanaz-lartdelabiere.png?crop=center&height=1008&v=1752399306&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><figure
class="lazy-image product-item__image-figure product-item__image-figure--secondary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-ipa-biez-chanaz-lartdelabiere-3.png?v=1752399322&width=480" alt="IPA de Chanaz - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-ipa-biez-chanaz-lartdelabiere-3.png?crop=center&height=288&v=1752399322&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-ipa-biez-chanaz-lartdelabiere-3.png?crop=center&height=432&v=1752399322&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-ipa-biez-chanaz-lartdelabiere-3.png?crop=center&height=504&v=1752399322&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-ipa-biez-chanaz-lartdelabiere-3.png?crop=center&height=576&v=1752399322&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-ipa-biez-chanaz-lartdelabiere-3.png?crop=center&height=768&v=1752399322&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-ipa-biez-chanaz-lartdelabiere-3.png?crop=center&height=1008&v=1752399322&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,90
</span></div></div>
</div>
<a class="product-item__title"
href="/collections/ipa/products/ipa-chanaz" title="IPA de Chanaz"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">IPA de Chanaz</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Chanaz</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/ipa-chanaz">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917788881243" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632480358747">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917788881243" /><input type="hidden" name="section-id" value="template--26905061491035__featured_collection_C6rVya" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-9917783179611" class="product-item card" data-js-product-item><a href="/collections/ipa/products/haze-aka-mosaic"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-haze-aka-mosaic-pleine-lune-lartdelabiere.png?v=1750880908&width=480" alt="Haze Aka Mosaic - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-haze-aka-mosaic-pleine-lune-lartdelabiere.png?crop=center&height=288&v=1750880908&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-haze-aka-mosaic-pleine-lune-lartdelabiere.png?crop=center&height=432&v=1750880908&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-haze-aka-mosaic-pleine-lune-lartdelabiere.png?crop=center&height=504&v=1750880908&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-haze-aka-mosaic-pleine-lune-lartdelabiere.png?crop=center&height=576&v=1750880908&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-haze-aka-mosaic-pleine-lune-lartdelabiere.png?crop=center&height=768&v=1750880908&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-haze-aka-mosaic-pleine-lune-lartdelabiere.png?crop=center&height=1008&v=1750880908&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€4,65
</span></div></div>
</div>
<a class="product-item__title"
href="/collections/ipa/products/haze-aka-mosaic" title="Haze Aka Mosaic"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Haze Aka Mosaic</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie de la Pleine Lune</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/haze-aka-mosaic">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917783179611" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632471216475">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917783179611" /><input type="hidden" name="section-id" value="template--26905061491035__featured_collection_C6rVya" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-10191138062683" class="product-item card" data-js-product-item><a href="/collections/ipa/products/mustela"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-mustela-merle-lartdelabiere.png?v=1763064576&width=480" alt="Mustela"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-mustela-merle-lartdelabiere.png?crop=center&height=288&v=1763064576&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-mustela-merle-lartdelabiere.png?crop=center&height=432&v=1763064576&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-mustela-merle-lartdelabiere.png?crop=center&height=504&v=1763064576&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-mustela-merle-lartdelabiere.png?crop=center&height=576&v=1763064576&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-mustela-merle-lartdelabiere.png?crop=center&height=768&v=1763064576&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-mustela-merle-lartdelabiere.png?crop=center&height=1008&v=1763064576&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€4,80
</span></div></div>
</div>
<a class="product-item__title"
href="/collections/ipa/products/mustela" title="Mustela"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Mustela</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie du Merle</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/mustela">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_10191138062683" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51695851176283">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="10191138062683" /><input type="hidden" name="section-id" value="template--26905061491035__featured_collection_C6rVya" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"><span class="product-item__badge product-item__badge--nouveau"
style="background-color: #eefbc6; color: #1d1d1d"
>
Nouveau
</span></div></div><div id="product-item-9917783408987" class="product-item card" data-js-product-item><a href="/collections/ipa/products/columbine"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-columbine-pleine-lune-lartdelabiere.png?v=1750880907&width=480" alt="Columbine - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-columbine-pleine-lune-lartdelabiere.png?crop=center&height=288&v=1750880907&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-columbine-pleine-lune-lartdelabiere.png?crop=center&height=432&v=1750880907&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-columbine-pleine-lune-lartdelabiere.png?crop=center&height=504&v=1750880907&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-columbine-pleine-lune-lartdelabiere.png?crop=center&height=576&v=1750880907&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-columbine-pleine-lune-lartdelabiere.png?crop=center&height=768&v=1750880907&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-columbine-pleine-lune-lartdelabiere.png?crop=center&height=1008&v=1750880907&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€4,30
</span></div></div>
</div>
<a class="product-item__title"
href="/collections/ipa/products/columbine" title="Columbine"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Columbine</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie de la Pleine Lune</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/columbine">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917783408987" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632471445851">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917783408987" /><input type="hidden" name="section-id" value="template--26905061491035__featured_collection_C6rVya" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-9917786358107" class="product-item card" data-js-product-item><a href="/collections/ipa/products/kiara-ipa"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-lartdelabiere-generique.png?v=1757842096&width=480" alt="Grafion du Biez - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-lartdelabiere-generique.png?crop=center&height=288&v=1757842096&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-lartdelabiere-generique.png?crop=center&height=432&v=1757842096&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-lartdelabiere-generique.png?crop=center&height=504&v=1757842096&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-lartdelabiere-generique.png?crop=center&height=576&v=1757842096&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-lartdelabiere-generique.png?crop=center&height=768&v=1757842096&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-lartdelabiere-generique.png?crop=center&height=1008&v=1757842096&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€2,75
</span></div></div>
</div>
<a class="product-item__title"
href="/collections/ipa/products/kiara-ipa" title="Kiara IPA"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Kiara IPA</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie Kiara</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/kiara-ipa">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917786358107" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632476623195">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917786358107" /><input type="hidden" name="section-id" value="template--26905061491035__featured_collection_C6rVya" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-9917784588635" class="product-item card" data-js-product-item><a href="/collections/ipa/products/azalee"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-l-azalee-la-montagnarde-lartdelabiere.png?v=1751082388&width=480" alt="L'Azalée - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-l-azalee-la-montagnarde-lartdelabiere.png?crop=center&height=288&v=1751082388&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-l-azalee-la-montagnarde-lartdelabiere.png?crop=center&height=432&v=1751082388&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-l-azalee-la-montagnarde-lartdelabiere.png?crop=center&height=504&v=1751082388&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-l-azalee-la-montagnarde-lartdelabiere.png?crop=center&height=576&v=1751082388&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-l-azalee-la-montagnarde-lartdelabiere.png?crop=center&height=768&v=1751082388&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-l-azalee-la-montagnarde-lartdelabiere.png?crop=center&height=1008&v=1751082388&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€3,90
</span></div></div>
</div>
<a class="product-item__title"
href="/collections/ipa/products/azalee" title="L'Azalée"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">L'Azalée</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie La Montagnarde</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/azalee">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917784588635" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632473313627">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917784588635" /><input type="hidden" name="section-id" value="template--26905061491035__featured_collection_C6rVya" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div><div id="product-item-9917783376219" class="product-item card" data-js-product-item><a href="/collections/ipa/products/sylvester-stalune"
class="card__image product-item__image"
style="padding-top:120.00048000192001%"
><figure
class="lazy-image product-item__image-figure product-item__image-figure--primary lazy-image--animation lazy-image--background"
data-ratio="0.83333" style="padding-top: 120.00048000192001%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/biere-sylvester-stalune-pleine-lune-lartdelabiere_2.png?v=1750881244&width=480" alt="Sylvester Stalune - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/files/biere-sylvester-stalune-pleine-lune-lartdelabiere_2.png?crop=center&height=288&v=1750881244&width=240 240w,//lartdelabiere.fr/cdn/shop/files/biere-sylvester-stalune-pleine-lune-lartdelabiere_2.png?crop=center&height=432&v=1750881244&width=360 360w,//lartdelabiere.fr/cdn/shop/files/biere-sylvester-stalune-pleine-lune-lartdelabiere_2.png?crop=center&height=504&v=1750881244&width=420 420w,//lartdelabiere.fr/cdn/shop/files/biere-sylvester-stalune-pleine-lune-lartdelabiere_2.png?crop=center&height=576&v=1750881244&width=480 480w,//lartdelabiere.fr/cdn/shop/files/biere-sylvester-stalune-pleine-lune-lartdelabiere_2.png?crop=center&height=768&v=1750881244&width=640 640w,//lartdelabiere.fr/cdn/shop/files/biere-sylvester-stalune-pleine-lune-lartdelabiere_2.png?crop=center&height=1008&v=1750881244&width=840 840w"
class="img"
width="1000"
height="1200"
data-ratio="0.83333"
sizes="(max-width: 474px) calc(50vw - 20px), (max-width: 767px) calc((100vw - 50px) / 2), (max-width: 1023px) calc((100vw - 100px) / 3), (max-width: 1360px) calc((100vw - 120px) / 4), 320px"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a>
<div class="card__text product-item__text gutter--regular spacing--xlarge remove-empty-space text-align--left"><div
class="product-item__price text-size--large equalize-white-space"
>
<div class="remove-line-height-space">
<div class="product-price"><span class="product-price--original">
<span class="visually-hidden">Prix régulier</span>
€4,65
</span></div></div>
</div>
<a class="product-item__title"
href="/collections/ipa/products/sylvester-stalune" title="Sylvester Stalune"
>
<div class="remove-line-height-space--small">
<span class="text-animation--underline text-line-height--small text-size--xlarge text-weight--bold">Sylvester Stalune</span>
</div>
</a>
<div
class="product-item__vendor text-size--large text-color--opacity equalize-white-space"
>
<div class="remove-line-height-space">Brasserie de la Pleine Lune</div>
</div>
<div
class="product-item__quick-buy"
><quick-add-to-cart class="quick-add-to-cart" data-js-product-component>
<product-form data-ajax-cart data-product-url="/products/sylvester-stalune">
<div class="quick-add-to-cart-button"><form method="post" action="/cart/add" id="product_form_9917783376219" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="50632471413083">
<button class="button button--outline button--regular button--fullwidth button--loader" data-js-product-add-to-cart type="submit" name="add"><span class="button__text">Ajouter au panier</span>
<span class="button__preloader">
<svg class="button__preloader-element" viewbox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>
</span>
</button><input type="hidden" name="product-id" value="9917783376219" /><input type="hidden" name="section-id" value="template--26905061491035__featured_collection_C6rVya" /></form></div>
</product-form>
</quick-add-to-cart></div>
<div
class="product-item__icons"
>
<span class="text-with-icon text-with-icon--large text-with-icon--tooltip"
><span class="text-with-icon__icon" aria-hidden="true">
<img src="//lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32"
srcset=" //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=32&v=1745375963&width=32 32w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=64&v=1745375963&width=64 64w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=96&v=1745375963&width=96 96w, //lartdelabiere.fr/cdn/shop/files/Bio.png?crop=center&height=144&v=1745375963&width=144 144w "
sizes="32px" width="32" height="32"
loading="lazy"
alt=""
/>
</span><span class="text-with-icon__label">Bio</span></span>
</div>
</div><div class="product-item__badges text-size--xsmall"></div></div></div></css-slider></div></div></collection-tabs>
</div>
<style>
#product-grid-template--26905061491035__featured_collection_C6rVya .product-item {--color-background-cards: #ffffff;--color-borders-cards: #dfdfdf;}</style><style data-shopify>
#shopify-section-template--26905061491035__featured_collection_C6rVya {
background-color: #ffffff;
}
</style>
</div><div id="shopify-section-template--26905061491035__rich_text_8nb9jX" class="shopify-section can-be-fullwidth no-fullwidth-padding"><link href="//lartdelabiere.fr/cdn/shop/t/19/assets/section-rich-text.css?v=168122351984916537801761764489" rel="stylesheet" type="text/css" media="all" />
<div class="container--large container--has-background">
<div id="element-template--26905061491035__rich_text_8nb9jX" class="card element--height-regular rich-text">
<div class="rich-text__container rich-text__container--image-left"><div class="rich-text__image"
><figure
class="lazy-image"
data-ratio="1.0" style="padding-top: 100.0%"
data-crop="true"
>
<img
src="//lartdelabiere.fr/cdn/shop/files/encart-histoire-artdelabiere_1_1.jpg?v=1745051135&width=480" alt=""
srcset="//lartdelabiere.fr/cdn/shop/files/encart-histoire-artdelabiere_1_1.jpg?v=1745051135&width=240 240w,//lartdelabiere.fr/cdn/shop/files/encart-histoire-artdelabiere_1_1.jpg?v=1745051135&width=360 360w,//lartdelabiere.fr/cdn/shop/files/encart-histoire-artdelabiere_1_1.jpg?v=1745051135&width=420 420w,//lartdelabiere.fr/cdn/shop/files/encart-histoire-artdelabiere_1_1.jpg?v=1745051135&width=480 480w,//lartdelabiere.fr/cdn/shop/files/encart-histoire-artdelabiere_1_1.jpg?v=1745051135&width=640 640w"
class="img"
width="839"
height="839"
data-ratio="1.0"
loading="lazy"
style="object-position: 50.0% 50.0%"
id="responsive-background-template--26905061491035__rich_text_8nb9jX"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure><script>
rbi.push(document.getElementById('responsive-background-template--26905061491035__rich_text_8nb9jX'));
ribSetSize(document.getElementById('responsive-background-template--26905061491035__rich_text_8nb9jX'));
</script></div><div class="rich-text__text align-content align-content--horizontal-center align-content--vertical-middle"
>
<div class="card__text element--width-100 spacing--large gutter--xlarge remove-empty-space"><h2
class="h3 rte rich-text__title"
>
Le goût des bonnes bières !
</h2>
<div
class="rte text-size--regular"
>
<p>Chez L'Art de la Bière, nous vous proposons une sélection fine de délicieuses bières artisanales françaises.<br/><br/>Chaque bière que nous sélectionnons reflète le savoir-faire unique des brasseurs français. Nous travaillons avec des brasseries et microbrasseries françaises passionnées pour vous proposer les meilleures bières, en sortant des sentiers battus pour vous dénicher de véritables pépites !<br/><br/>Achetez vos bières artisanales en ligne et recevez-les directement chez vous, prêtes à être dégustées.</p>
</div>
<div
class="increased-spacing"
>
<a href="/collections/bieres-artisanales" class="button button--large button--solid">
Je découvre la sélection
</a>
</div>
</div>
</div><style data-shopify>
#element-template--26905061491035__rich_text_8nb9jX {
--color-background-cards: #ffffff;
}
</style>
<style data-shopify>
#element-template--26905061491035__rich_text_8nb9jX {
--color-borders-cards: none;
}
</style>
</div>
</div>
</div><style data-shopify>
#shopify-section-template--26905061491035__rich_text_8nb9jX {
background-color: #ffffff;
}
</style>
<style> #shopify-section-template--26905061491035__rich_text_8nb9jX .rich-text__image img {border-radius: 16px; overflow: hidden;} </style></div><div id="shopify-section-template--26905061491035__16551127939786a43a" class="shopify-section"><link href="//lartdelabiere.fr/cdn/shop/t/19/assets/component-blog-item.css?v=165969672717598901641761764488" rel="stylesheet" type="text/css" media="all" />
<div id="section-template--26905061491035__16551127939786a43a" class="container--large remove-empty-space container--vertical-space"><div class="section-heading section-heading--left gutter-bottom--page"><div class="section-heading__text remove-empty-space"><h2 class="section-heading__title h4">Le Guide de la Bière</h2><span class="section-heading__subheading text-size--large">Apprenez tout ce qu'il y a à savoir sur la bière et devenez incollable auprès de vos amis !</span></div><div class="section-heading__actions"><a class="text-size--large text-link" href="/blogs/guide-de-la-biere">Visiter notre blog</a></div></div><div class="grid grid--layout grid-3 grid-lap-1"><div class="blog-item spacing--small remove-empty-space"><a class="blog-item__image element--has-border element--border-radius increased-spacing" href="/blogs/guide-de-la-biere/biere-ipa-guide-definition-origines" title="Bière IPA, le Guide complet : définition, origines et variétés"><figure
class="lazy-image lazy-image--animation element--border-radius"
data-ratio="1.33333" style="padding-top: 75.00018750046875%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/articles/biere-ipa-definition-origine_e067242a-d81f-4b75-abe6-b273f1996276.png?v=1759651756&width=480" alt="Bière IPA, le Guide complet : définition, origines et variétés - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/articles/biere-ipa-definition-origine_e067242a-d81f-4b75-abe6-b273f1996276.png?crop=center&height=180&v=1759651756&width=240 240w,//lartdelabiere.fr/cdn/shop/articles/biere-ipa-definition-origine_e067242a-d81f-4b75-abe6-b273f1996276.png?crop=center&height=270&v=1759651756&width=360 360w,//lartdelabiere.fr/cdn/shop/articles/biere-ipa-definition-origine_e067242a-d81f-4b75-abe6-b273f1996276.png?crop=center&height=315&v=1759651756&width=420 420w,//lartdelabiere.fr/cdn/shop/articles/biere-ipa-definition-origine_e067242a-d81f-4b75-abe6-b273f1996276.png?crop=center&height=360&v=1759651756&width=480 480w,//lartdelabiere.fr/cdn/shop/articles/biere-ipa-definition-origine_e067242a-d81f-4b75-abe6-b273f1996276.png?crop=center&height=480&v=1759651756&width=640 640w,//lartdelabiere.fr/cdn/shop/articles/biere-ipa-definition-origine_e067242a-d81f-4b75-abe6-b273f1996276.png?crop=center&height=630&v=1759651756&width=840 840w,//lartdelabiere.fr/cdn/shop/articles/biere-ipa-definition-origine_e067242a-d81f-4b75-abe6-b273f1996276.png?crop=center&height=810&v=1759651756&width=1080 1080w,//lartdelabiere.fr/cdn/shop/articles/biere-ipa-definition-origine_e067242a-d81f-4b75-abe6-b273f1996276.png?crop=center&height=960&v=1759651756&width=1280 1280w"
class="img"
width="1536"
height="1024"
data-ratio="1.33333"
sizes="(max-width: 767px) 100vw, (max-width: 1360px) 33vw, calc(1360px / 3)"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a><div class="blog-item__meta text-color--opacity" ></div><div class="blog-item__title-holder" >
<a href="/blogs/guide-de-la-biere/biere-ipa-guide-definition-origines" title="Bière IPA, le Guide complet : définition, origines et variétés">
<span class="text-size--large text-weight--bold text-animation--underline">Bière IPA, le Guide complet : définition, origines et variétés</span>
</a>
</div></div><div class="blog-item spacing--small remove-empty-space"><a class="blog-item__image element--has-border element--border-radius increased-spacing" href="/blogs/guide-de-la-biere/accords-mets-et-bieres" title="Les Accords Mets et Bières : que manger avec la bière ?"><figure
class="lazy-image lazy-image--animation element--border-radius"
data-ratio="1.33333" style="padding-top: 75.00018750046875%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/articles/accords-mets-et-bieres-lart-de-la-biere-2025_8ebb072e-7f1c-40e2-bece-ac97b7edc179.png?v=1759651753&width=480" alt="Les Accords Mets et Bières : que manger avec la bière ? - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/articles/accords-mets-et-bieres-lart-de-la-biere-2025_8ebb072e-7f1c-40e2-bece-ac97b7edc179.png?crop=center&height=180&v=1759651753&width=240 240w,//lartdelabiere.fr/cdn/shop/articles/accords-mets-et-bieres-lart-de-la-biere-2025_8ebb072e-7f1c-40e2-bece-ac97b7edc179.png?crop=center&height=270&v=1759651753&width=360 360w,//lartdelabiere.fr/cdn/shop/articles/accords-mets-et-bieres-lart-de-la-biere-2025_8ebb072e-7f1c-40e2-bece-ac97b7edc179.png?crop=center&height=315&v=1759651753&width=420 420w,//lartdelabiere.fr/cdn/shop/articles/accords-mets-et-bieres-lart-de-la-biere-2025_8ebb072e-7f1c-40e2-bece-ac97b7edc179.png?crop=center&height=360&v=1759651753&width=480 480w,//lartdelabiere.fr/cdn/shop/articles/accords-mets-et-bieres-lart-de-la-biere-2025_8ebb072e-7f1c-40e2-bece-ac97b7edc179.png?crop=center&height=480&v=1759651753&width=640 640w,//lartdelabiere.fr/cdn/shop/articles/accords-mets-et-bieres-lart-de-la-biere-2025_8ebb072e-7f1c-40e2-bece-ac97b7edc179.png?crop=center&height=630&v=1759651753&width=840 840w,//lartdelabiere.fr/cdn/shop/articles/accords-mets-et-bieres-lart-de-la-biere-2025_8ebb072e-7f1c-40e2-bece-ac97b7edc179.png?crop=center&height=810&v=1759651753&width=1080 1080w,//lartdelabiere.fr/cdn/shop/articles/accords-mets-et-bieres-lart-de-la-biere-2025_8ebb072e-7f1c-40e2-bece-ac97b7edc179.png?crop=center&height=960&v=1759651753&width=1280 1280w"
class="img"
width="1536"
height="1024"
data-ratio="1.33333"
sizes="(max-width: 767px) 100vw, (max-width: 1360px) 33vw, calc(1360px / 3)"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a><div class="blog-item__meta text-color--opacity" ></div><div class="blog-item__title-holder" >
<a href="/blogs/guide-de-la-biere/accords-mets-et-bieres" title="Les Accords Mets et Bières : que manger avec la bière ?">
<span class="text-size--large text-weight--bold text-animation--underline">Les Accords Mets et Bières : que manger avec la bière ?</span>
</a>
</div></div><div class="blog-item spacing--small remove-empty-space"><a class="blog-item__image element--has-border element--border-radius increased-spacing" href="/blogs/guide-de-la-biere/histoires-insolites-biere" title="Bière : Les histoires les plus incroyables et insolites autour de la bière"><figure
class="lazy-image lazy-image--animation element--border-radius"
data-ratio="1.33333" style="padding-top: 75.00018750046875%"
data-crop="false"
>
<img
src="//lartdelabiere.fr/cdn/shop/articles/histoires-incroyable-autour-de-la-biere-2025_e42fa7b3-4d91-41fa-b75d-4fe87a83dfe8.png?v=1759651749&width=480" alt="Bière : Les histoires les plus incroyables et insolites autour de la bière - L'Art de la Bière"
srcset="//lartdelabiere.fr/cdn/shop/articles/histoires-incroyable-autour-de-la-biere-2025_e42fa7b3-4d91-41fa-b75d-4fe87a83dfe8.png?crop=center&height=180&v=1759651749&width=240 240w,//lartdelabiere.fr/cdn/shop/articles/histoires-incroyable-autour-de-la-biere-2025_e42fa7b3-4d91-41fa-b75d-4fe87a83dfe8.png?crop=center&height=270&v=1759651749&width=360 360w,//lartdelabiere.fr/cdn/shop/articles/histoires-incroyable-autour-de-la-biere-2025_e42fa7b3-4d91-41fa-b75d-4fe87a83dfe8.png?crop=center&height=315&v=1759651749&width=420 420w,//lartdelabiere.fr/cdn/shop/articles/histoires-incroyable-autour-de-la-biere-2025_e42fa7b3-4d91-41fa-b75d-4fe87a83dfe8.png?crop=center&height=360&v=1759651749&width=480 480w,//lartdelabiere.fr/cdn/shop/articles/histoires-incroyable-autour-de-la-biere-2025_e42fa7b3-4d91-41fa-b75d-4fe87a83dfe8.png?crop=center&height=480&v=1759651749&width=640 640w,//lartdelabiere.fr/cdn/shop/articles/histoires-incroyable-autour-de-la-biere-2025_e42fa7b3-4d91-41fa-b75d-4fe87a83dfe8.png?crop=center&height=630&v=1759651749&width=840 840w,//lartdelabiere.fr/cdn/shop/articles/histoires-incroyable-autour-de-la-biere-2025_e42fa7b3-4d91-41fa-b75d-4fe87a83dfe8.png?crop=center&height=810&v=1759651749&width=1080 1080w,//lartdelabiere.fr/cdn/shop/articles/histoires-incroyable-autour-de-la-biere-2025_e42fa7b3-4d91-41fa-b75d-4fe87a83dfe8.png?crop=center&height=960&v=1759651749&width=1280 1280w"
class="img"
width="1536"
height="1024"
data-ratio="1.33333"
sizes="(max-width: 767px) 100vw, (max-width: 1360px) 33vw, calc(1360px / 3)"
loading="lazy"
onload="this.parentNode.classList.add('lazyloaded')"
/>
</figure></a><div class="blog-item__meta text-color--opacity" ></div><div class="blog-item__title-holder" >
<a href="/blogs/guide-de-la-biere/histoires-insolites-biere" title="Bière : Les histoires les plus incroyables et insolites autour de la bière">
<span class="text-size--large text-weight--bold text-animation--underline">Bière : Les histoires les plus incroyables et insolites autour de la bière</span>
</a>
</div></div></div></div></div><div id="shopify-section-template--26905061491035__divider_m8CciQ" class="shopify-section can-be-fullwidth"><div
id="element-template--26905061491035__divider_m8CciQ"
class="container--fullwidth container--vertical-space"
style="font-size:0"
aria-hidden="true"
>
<span
class="divider"
style=" --divider-height: 15px; --divider-color: #ffffff; --divider-style: solid; "
></span>
</div>
</div><div id="shopify-section-template--26905061491035__rich_text_E6cdwg" class="shopify-section can-be-fullwidth no-fullwidth-padding"><link href="//lartdelabiere.fr/cdn/shop/t/19/assets/section-rich-text.css?v=168122351984916537801761764489" rel="stylesheet" type="text/css" media="all" />
<div class="container--large container--vertical-space-grid">
<div id="element-template--26905061491035__rich_text_E6cdwg" class="card rich-text--image-on-top rich-text">
<div class="rich-text__container rich-text__container--image-top no-image"><div class="rich-text__text align-content align-content--horizontal-center align-content--vertical-middle"
>
<div class="card__text element--width-70 spacing--large gutter--xlarge remove-empty-space"><h2
class="h3 rte rich-text__title"
>
L'Art de la Bière, c'est...
</h2>
<div
class="rte text-size--regular"
>
<p>Une sélection exclusive de bières artisanales françaises, soigneusement choisies parmi les meilleures brasseries de notre beau pays. Notre mission est de vous faire découvrir la richesse des bières françaises, en mettant en avant des produits authentiques, brassés avec passion par des artisans brasseurs qui maîtrisent l’art de la bière comme personne.<br/><br/>Que vous soyez un amateur de bières blondes ou rousses, un adepte de bières IPA houblonnées, de lager, de porter ou de stout pour une dégustation plus brute et authentique, notre boutique en ligne répond à toutes vos attentes.<br/>Nous vous invitons à explorer nos différentes catégories et à découvrir une grande variété de styles qui sauront ravir les palais les plus exigeants.</p>
</div>
<h3
class="h3 rte rich-text__title"
>
Des dizaines de catégories de bières artisanales
</h3>
<div
class="rte text-size--regular"
>
<p>Acheter des bières artisanales en ligne sur notre site, c'est accéder à une sélection de bières inédite et introuvable ailleurs. Pour faciliter votre expérience d'achat, nous vous proposons nos bières classées par couleur, par type, par région et par goût. Vous n'avez plus qu'à explorer tranquillement cette sélection, confortablement installé chez vous. Des bières bio, sans gluten, sans alcool ou encore en canettes alu complètent notre sélection.</p><p>Nos différents coffrets de bières artisanales sont idéaux pour se laisser surprendre par la sélection de l'expert ou pour offrir en cadeau. C'est l'assurance de (se) faire plaisir ! Ces coffrets découverte vous permettent de goûter plusieurs styles de bières et de voyager à travers les régions françaises grâce à ses produits d'exception. Ils sont eux aussi classés par couleur, région, type de bière ou par brasserie.</p>
</div>
<h3
class="h3 rte rich-text__title"
>
Des bières artisanales de toutes les régions
</h3>
<div
class="rte text-size--regular"
>
<p>Nous travaillons directement avec des brasseries et microbrasseries françaises, aussi bien des talents émergents que des producteurs plus établis, afin de vous proposer des bières qui allient créativité, savoir-faire et qualité. De la Bretagne à la Provence, en passant par les Alpes et le Nord de la France, chaque région offre des bières qui reflètent les spécificités de son terroir.</p><p>Chez L'Art de la Bière, nous nous engageons à mettre en lumière ces brasseries locales qui allient tradition et innovation. Elles fabriquent leurs bières avec des ingrédients de qualité, sourcés en circuit court pour la très grande majorité, et utilisent des méthodes de production toujours plus respectueuse de l'environnement. Chacune de ces bières raconte une histoire. Vous ne vous y tromperez pas en les dégustant et saurez reconnaître tout le savoir-faire des brasseurs français à chaque gorgée.</p>
</div>
</div>
</div><style data-shopify>
#element-template--26905061491035__rich_text_E6cdwg {
--color-background-cards: #f9f9f9;
}
</style>
</div>
</div>
</div>
</div><div id="shopify-section-template--26905061491035__1655112847aaa4cc50" class="shopify-section"><link href="//lartdelabiere.fr/cdn/shop/t/19/assets/section-newsletter.css?v=45684077611524626771761764489" rel="stylesheet" type="text/css" media="all" />
<div id="section-template--26905061491035__1655112847aaa4cc50" class="container--large remove-empty-space">
<div id="element-template--26905061491035__1655112847aaa4cc50" class="card newsletter gutter-top--xlarge gutter-bottom--xlarge">
<div class="newsletter__container spacing--xlarge"><div class="newsletter__icon"><svg width="52" height="52" viewbox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M47.5 2.5 22.75 27.25M47.5 2.5l-15.75 45-9-20.25-20.25-9 45-15.75Z" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></div><div class="increased-spacing">
<h2 class="h3" style="display:block">On reste en contact ?</h2>
</div><form method="post" action="/contact#newsletter-template--26905061491035__1655112847aaa4cc50" id="newsletter-template--26905061491035__1655112847aaa4cc50" accept-charset="UTF-8" class="increased-spacing"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><fieldset>
<input type="hidden" name="contact[tags]" value="newsletter">
<input type="email" class="newsletter__input" value="" placeholder="Entrez votre adresse mail" name="contact[email]" id="Email-newsletter-template--26905061491035__1655112847aaa4cc50" aria-label="Entrez votre adresse mail" autocorrect="off" autocapitalize="off" required>
<button type="submit" class="button button--outline button--large" id="Subscribe-newsletter-template--26905061491035__1655112847aaa4cc50">
<span>Envoyer</span>
</button>
</fieldset></form><div class="increased-spacing">
<span class="newsletter__info text-size--small"><p>On vous écrira une fois par mois (maximum) pour vous faire découvrir nos nouveautés et sélections du moment. Des fois on ne vous écrira pas mais ça ne voudra pas dire qu'on ne pense pas à vous...</p></span>
</div></div>
</div><style data-shopify>
#element-template--26905061491035__1655112847aaa4cc50 {
--color-background-cards: #ffffff;
}
</style>
<style data-shopify>
#element-template--26905061491035__1655112847aaa4cc50 {
--color-text-cards: #000000;
--color-foreground-cards: #f9f9f9;
--color-secondary-text-cards: rgba(0, 0, 0, 0.6);
}
</style>
<style data-shopify>
#element-template--26905061491035__1655112847aaa4cc50 {
--color-borders-cards: none;
}
</style>
</div><style> #shopify-section-template--26905061491035__1655112847aaa4cc50 div#element-template--26603938971995__1655112847aaa4cc50 {text-align: center;} </style></div>
</main><!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--26905061818715__footer" class="shopify-section shopify-section-group-footer-group main-footer">
<link href="//lartdelabiere.fr/cdn/shop/t/19/assets/section-footer.css?v=18220400882987732731761764489" rel="stylesheet" type="text/css" media="all" />
<div class="container--large gutter-top--xlarge gutter-bottom--xlarge footer-top" data-js-inert>
<div class="grid grid--layout grid--gap-xlarge grid-4 grid-portable-2 grid-lap-1"><div class="footer-item" ><h4 class="footer-item__title h4" style="display:block">L'Art de la Bière</h4><div class="footer-item__content rte"><p>Des bières françaises 100% artisanales</p><p>Made in Savoie 🏔️<br/>Retrait gratuit possible à Chambéry<br/>Email : <a href="mailto:bonjour@adlb.beer" title="mailto:bonjour@adlb.beer">bonjour@adlb.beer</a></p><p>🔞 L'abus d'alcool est dangereux pour la santé, à consommer avec modération.</p><div class="social-icons"><a href="https://www.facebook.com/lartdelabiere.fr" target="_blank">
<span class="visually-hidden">Facebook</span>
<span class="icon" aria-hidden="true"><svg fill="none" height="120" viewbox="0 0 120 120" width="120" xmlns="http://www.w3.org/2000/svg"><path d="m81.3942 66.8069 2.8527-18.2698h-17.8237v-11.8507c0-5.0051 2.4876-9.8755 10.4751-9.8755h8.1017v-15.5765s-7.3485-1.2344-14.4004-1.2344c-14.6743 0-24.2822 8.7533-24.2822 24.5991v13.938h-16.3174v18.2698h16.3174v44.1931h20.083v-44.1931z" fill="#000"/></svg></span>
</a><a href="https://www.instagram.com/lartdelabiere.fr/" target="_blank">
<span class="visually-hidden">Instagram</span>
<span class="icon" aria-hidden="true"><svg fill="none" height="120" viewbox="0 0 120 120" width="120" xmlns="http://www.w3.org/2000/svg"><path d="m60 10c-13.606 0-15.2957.0667-20.6092.289-5.3357.2668-8.9595 1.0894-12.1387 2.3344-3.2903 1.2895-6.0916 3.0013-8.8484 5.7803-2.779 2.7568-4.5131 5.5581-5.7803 8.8484-1.245 3.1792-2.0676 6.803-2.3344 12.1387-.2445 5.3357-.289 7.0254-.289 20.6092s.0667 15.2957.289 20.6092c.2668 5.3357 1.0894 8.9595 2.3344 12.1387 1.2895 3.2903 3.0013 6.0916 5.7803 8.8481 2.7568 2.779 5.5581 4.513 8.8484 5.781 3.1792 1.222 6.8253 2.067 12.1387 2.334 5.3357.245 7.0254.289 20.6092.289s15.2957-.067 20.6092-.289c5.3357-.267 8.9595-1.112 12.1387-2.334 3.2903-1.29 6.0916-3.002 8.8481-5.781 2.779-2.7565 4.513-5.5578 5.781-8.8481 1.222-3.1792 2.067-6.8253 2.334-12.1387.245-5.3357.289-7.0254.289-20.6092s-.067-15.2957-.289-20.6092c-.267-5.3357-1.112-8.9817-2.334-12.1387-1.29-3.2903-3.002-6.0916-5.781-8.8484-2.7565-2.779-5.5578-4.5131-8.8481-5.7803-3.1792-1.245-6.8253-2.0676-12.1387-2.3344-5.3135-.2445-7.0032-.289-20.6092-.289zm0 9.004c13.3615 0 14.94.0667 20.2312.289 4.8688.2223 7.5145 1.0449 9.2708 1.7341 2.3566.9115 3.9795 1.9787 5.7581 3.735 1.7341 1.7341 2.8235 3.4015 3.735 5.7581.6892 1.7564 1.5119 4.402 1.7339 9.2708.223 5.269.289 6.8697.289 20.2312s-.066 14.94-.311 20.2312c-.267 4.8689-1.0672 7.5145-1.7564 9.2708-.9559 2.3566-2.0008 3.9796-3.7572 5.7581-1.7563 1.7342-3.446 2.8235-5.7581 3.735-1.7341.6892-4.4242 1.5117-9.3152 1.7337-5.3135.223-6.8698.289-20.2535.289s-14.94-.066-20.2534-.311c-4.8689-.267-7.559-1.0669-9.3153-1.7561-2.3788-.956-4.0018-2.0009-5.7581-3.7573-1.7563-1.7563-2.8902-3.4459-3.735-5.7581-.7114-1.7341-1.5118-4.4242-1.7563-9.3152-.1779-5.2468-.2668-6.8697-.2668-20.1868 0-13.317.0889-14.9399.2668-20.2534.2668-4.8911 1.0671-7.5589 1.7563-9.3153.8671-2.3788 1.9787-4.0017 3.735-5.7581 1.7341-1.7341 3.3793-2.8679 5.7581-3.7572 1.7563-.6892 4.3797-1.4896 9.2708-1.7341 5.3135-.2001 6.8697-.2668 20.2312-.2668zm0 15.3402c-14.2063 0-25.6781 11.494-25.6781 25.678 0 14.2063 11.494 25.6781 25.6781 25.6781 14.2063 0 25.6781-11.494 25.6781-25.6781 0-14.184-11.494-25.678-25.6781-25.678zm0 42.3521c-9.2263 0-16.6741-7.4477-16.6741-16.6741 0-9.2263 7.4478-16.674 16.6741-16.674s16.6741 7.4477 16.6741 16.674c0 9.2264-7.4478 16.6741-16.6741 16.6741zm32.7257-43.3748c0 3.3348-2.7124 6.0026-6.0027 6.0026-3.3348 0-6.0027-2.69-6.0027-6.0026s2.7123-6.0027 6.0027-6.0027c3.2903 0 6.0027 2.6901 6.0027 6.0027z" fill="#000"/></svg></span>
</a><a href="https://www.linkedin.com/company/lartdelabiere/" target="_blank">
<span class="visually-hidden">LinkedIn</span>
<span class="icon" aria-hidden="true"><svg fill="none" height="120" viewbox="0 0 120 120" width="120" xmlns="http://www.w3.org/2000/svg"><path d="m32.154 110h-20.526v-66.7704h20.526zm-10.274-75.8835c-6.556 0-11.88-5.4901-11.88-12.1138s5.324-12.0027 11.88-12.0027 11.88 5.379 11.88 12.0027c.022 6.6237-5.302 12.1138-11.88 12.1138zm87.098 75.8835h-20.482v-32.5183c0-7.7573-.154-17.6929-10.67-17.6929-10.67 0-12.298 8.4241-12.298 17.115v33.0962h-20.504v-66.7704h19.69v9.1131h.286c2.75-5.2456 9.438-10.7801 19.426-10.7801 20.746-.0223 24.574 13.803 24.574 31.7626v36.6748z" fill="#000"/></svg></span>
</a><a href="https://wa.me/33768220602" target="_blank">
<span class="visually-hidden">WhatsApp</span>
<span class="icon" aria-hidden="true"><svg fill="none" height="120" viewbox="0 0 120 120" width="120" xmlns="http://www.w3.org/2000/svg"><path d="m60.9067 10c-27.1109 0-49.0911 21.8083-49.0911 48.7125 0 9.2031 2.5741 17.8103 7.0444 25.1533l-8.86 26.1342 27.1795-8.634c7.033 3.858 15.1216 6.059 23.7272 6.059 27.1145 0 49.0933-21.8114 49.0933-48.7125 0-26.9042-21.9788-48.7125-49.0933-48.7125zm24.4112 67.212c-1.155 2.8632-6.3782 5.4762-8.6829 5.5965-2.3022.1221-2.3678 1.7843-14.9196-3.6683-12.5502-5.454-20.1009-18.7152-20.6962-19.5692-.5958-.8509-4.8616-6.9302-4.6315-13.048.2317-6.119 3.5819-9.0058 4.7777-10.2065 1.1944-1.2024 2.5638-1.4178 3.4-1.4315.9884-.016 1.6286-.0294 2.36-.0024.7308.0277 1.8286-.1529 2.7791 2.3748.95 2.5274 3.2238 8.7395 3.5147 9.3725.2906.6337.4705 1.3674.0228 2.181-.4491.8154-.6791 1.3248-1.3306 2.0275-.6552.7027-1.3781 1.5719-1.9625 2.1091-.6518.5949-1.3326 1.2438-.6473 2.5154.6848 1.2708 3.0475 5.4367 6.6471 8.8697 4.6261 4.4132 8.6156 5.877 9.8433 6.544 1.231.6705 1.9656.5959 2.729-.2074.7598-.8034 3.2676-3.5147 4.1509-4.7252.8828-1.2139 1.71-.9762 2.8442-.5199 1.1334.458 7.1779 3.6955 8.4091 4.3641 1.2299.6672 2.052 1.0109 2.346 1.5401.294.5313.2011 3.0204-.9533 5.8837z" fill="#000"/></svg></span>
</a></div></div></div><div class="footer-item" ><h4 class="footer-item__title h5" style="display:block">Découvrez nos bières 🍺</h4><nav class="footer-item__menu rte"><span>
<a href="/collections/bieres-blondes" >Blondes</a>
</span><span>
<a href="/collections/ipa" >IPA</a>
</span><span>
<a href="/collections/bieres-bio" >Bio</a>
</span><span>
<a href="/collections/bieres-sans-alcool" >Sans alcool</a>
</span><span>
<a href="/collections/stout" >Stout</a>
</span><span>
<a href="/collections/bieres-noires" >Noires</a>
</span><span>
<a href="/collections/bieres-blanches" >Blanches</a>
</span><span>
<a href="/collections/bieres-brunes" >Brunes</a>
</span></nav></div><div class="footer-item" ><h4 class="footer-item__title h5" style="display:block">Et nos coffrets 📦</h4><nav class="footer-item__menu rte"><span>
<a href="/products/coffret-bieres-blondes-artisanales" >Coffret Bières Blondes</a>
</span><span>
<a href="/products/coffret-bieres-ipa-artisanales" >Coffret Bières IPA</a>
</span><span>
<a href="/products/coffret-bieres-artisanales" >Coffret Bières Mystères</a>
</span><span>
<a href="/products/coffret-crazy-boros" >Coffret Bières Sans Alcool</a>
</span><span>
<a href="/products/coffret-bieres-sans-alcool-artisanales" >Coffret Bières Bio</a>
</span><span>
<a href="/collections/coffrets-bieres-avec-verre" >Coffrets Bières avec verre</a>
</span><span>
<a href="/products/coffret-bieres-imperial-stout-artisanales" >Coffret Bières Imperial Stout</a>
</span><span>
<a href="/collections/coffrets-par-brasserie" >Coffrets par brasserie</a>
</span></nav></div><div class="footer-item" ><h4 class="footer-item__title h5" style="display:block">Informations</h4><nav class="footer-item__menu rte"><span>
<a href="/pages/aide-contact" >Aide & contact</a>
</span><span>
<a href="/pages/qui-sommes-nous" >Qui sommes-nous ?</a>
</span><span>
<a href="/pages/livraison" >Livraison</a>
</span><span>
<a href="/pages/paiement-securise" >Paiement sécurisé</a>
</span><span>
<a href="/pages/conditions-generales-de-ventes" >Conditions Générales de Ventes</a>
</span><span>
<a href="/pages/mentions-legales" >Mentions légales</a>
</span></nav></div></div>
</div><div class="footer-bottom" data-js-inert>
<div class="container--large gutter-top--regular gutter-bottom--regular rte">
<span>
Droits d'auteur © 2026 <a href="/">L'Art de la Bière</a>.</span><span class="powered-by-shopify"><a target="_blank" rel="nofollow" href="https://fr.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore"> </a></span></div>
</div>
</div>
<!-- END sections: footer-group --><div id="shopify-section-popups" class="shopify-section"><style>
.sidebar--top {
border-radius: 0px;
}
</style>
</div><div id="shopify-section-popup-age-verification" class="shopify-section mount-popup"><modal-box
id="modal-popup-age-verification"
class="popup-age-verification"
data-options=' { "show": 0 , "frequency": "month", "enabled": true, "closeByKey": false, "disableScroll": true } '
style="display:none;"
>
<div class="popup-age-verification__content">
<div class="popup-text gutter--regular spacing--large remove-empty-space">
<div>
<span class="h4 popup-title">Êtes-vous majeur ?</span>
</div>
<div class="rte"><p>En cliquant sur "oui", vous certifiez avoir plus de 18 ans.</p></div>
<div class="increased-spacing">
<button data-js-close class="button button--outline button--regular button--fullwidth">
Oui
</button>
</div>
</div>
</div>
<div data-content style="display:none" aria-hidden="true">age-verification</div>
</modal-box>
<style>#modal-popup-age-verification .popup-age-verification__content a,
#modal-popup-age-verification .popup-age-verification__content {
color: #ffffff;
}
#modal-popup-age-verification .button {
border-color: #ffffff;
color: #ffffff;
}
.no-touchevents #modal-popup-age-verification .button:hover {
background: #ffffff;
color: #000000;
}#modal-popup-age-verification .popup-age-verification__content {
background: #111111;
border: none;
}</style>
</div><div id="shopify-section-exit-intent-popup" class="shopify-section element--has-section-borders mount-exit-intent-popup">
</div><div id="shopify-section-store-selector" class="shopify-section mount-popup mount-store-selector mount-map">
</div><script src="//lartdelabiere.fr/cdn/shop/t/19/assets/component-modal.js?v=156099800522851693471761764488" defer></script>
<link rel="stylesheet" href="//lartdelabiere.fr/cdn/shop/t/19/assets/component-modal.css?v=166568461922259228041761764488" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//lartdelabiere.fr/cdn/shop/t/19/assets/component-popup.css?v=149376083188624055401761764488" media="print" onload="this.media='all'">
<script type="text/javascript">
KROWN = {
themeName: "Local",
themeVersion: "3.1.1",
settings: {
shop_money_format: '€{{amount_with_comma_separator}}',
iso_code: '',
cart_action: "overlay",
google_maps_api_key: "",
routes: {
cart_url: "/cart",
cart_add_url: "/cart/add",
cart_change_url: "/cart/change",
cart_update_url: "/cart/update",
predictive_search_url: "/search/suggest",
product_recommendations_url: "/recommendations/products"
},
locales: {
products_add_to_cart_button: `Ajouter au panier`,
products_preorder_button: `Pré-commande`,
products_sold_out_variant: `Épuisé`,
products_unavailable_variant: `Indisponible`,
products_variant_required: `Sélectionner des options`,
products_one_product: `<span class="pill"><span class="pill__icon" aria-hidden="true"><svg height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g style="fill:none;stroke:#202020;stroke-linecap:round;stroke-miterlimit:10;stroke-width:2;stroke-linejoin:round"><path d="m54 6v10h-10m-12 43a27 27 0 1 1 21.751-43m-8.766 39.678a26.819 26.819 0 0 1 -6.985 2.653m15.751-10.331a27.159 27.159 0 0 1 -4.711 4.945m8.751-12.932a26.821 26.821 0 0 1 -1.58 3.952"/><circle cx="32" cy="32" r="3"/><path d="m33.961 34.261 10.039 7.739m-12-30v17"/></g></svg></span><span class="pill__text text-size--small">Il reste un seul produit disponible.</span></span>`,
products_few_products: `<span class="pill"><span class="pill__icon" aria-hidden="true"><svg height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g style="fill:none;stroke:#202020;stroke-linecap:round;stroke-miterlimit:10;stroke-width:2;stroke-linejoin:round"><path d="m54 6v10h-10m-12 43a27 27 0 1 1 21.751-43m-8.766 39.678a26.819 26.819 0 0 1 -6.985 2.653m15.751-10.331a27.159 27.159 0 0 1 -4.711 4.945m8.751-12.932a26.821 26.821 0 0 1 -1.58 3.952"/><circle cx="32" cy="32" r="3"/><path d="m33.961 34.261 10.039 7.739m-12-30v17"/></g></svg></span><span class="pill__text text-size--small">Il reste {{ count }} produits disponibles</span></span>`,
products_many_products: `<span class="pill"><span class="pill__icon" aria-hidden="true"><svg style="transform:scale(.9)" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g style="fill:none;stroke:#202020;stroke-miterlimit:10;stroke-width:2;stroke-linejoin:round;stroke-linecap:round"><circle cx="32" cy="32" r="30" transform="matrix(.70710678 -.70710678 .70710678 .70710678 -13.254834 32)"/><path d="m20.998 32.015 8.992 8.992 16.011-16.011"/></g></svg></span><span class="pill__text text-size--small">Il reste {{ count }} produits disponibles</span></span>`,
products_no_products: `<span class="pill"><span class="pill__icon" aria-hidden="true"><svg style="transform:scale(.9)" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g style="fill:none;stroke:#202020;stroke-miterlimit:10;stroke-width:2;stroke-linejoin:round;stroke-linecap:round"><circle cx="32" cy="32" r="30"/><path d="m32 15v24"/><circle cx="32" cy="47" r="2"/></g></svg></span><span class="pill__text text-size--small">Il n'y a plus de produit disponible</span></span>`,
products_preorder: `<span class="pill"><span class="pill__icon" aria-hidden="true"><svg style="transform:scale(.9)" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g style="fill:none;stroke:#202020;stroke-miterlimit:10;stroke-width:2;stroke-linejoin:round;stroke-linecap:round"><circle cx="32" cy="32" r="30"/><path d="m32 15v24"/><circle cx="32" cy="47" r="2"/></g></svg></span><span class="pill__text text-size--small">Ce produit est en rupture de stock, mais vous pouvez toujours le commander.</span></span>`,
products_enough_products: `<span class="pill"><span class="pill__icon" aria-hidden="true"><svg style="transform:scale(.9)" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g style="fill:none;stroke:#202020;stroke-miterlimit:10;stroke-width:2;stroke-linejoin:round;stroke-linecap:round"><circle cx="32" cy="32" r="30" transform="matrix(.70710678 -.70710678 .70710678 .70710678 -13.254834 32)"/><path d="m20.998 32.015 8.992 8.992 16.011-16.011"/></g></svg></span><span class="pill__text text-size--small">En stock</span></span>`,
cart_general_error: `Il y a eu une erreur. Veuillez actualiser la page et réessayer.`,
cart_announcement: `Article ajouté au panier`,
cart_discount_code_error: `<span class="alert alert--error text-size--small">Le code de réduction ne peut pas être appliqué à votre panier</span>`,
store_selector_title_default: `Retirer ?`,
store_selector_title_selected: `Mon magasin`,
store_selector_label: `Sélectionner un magasin`,
shipping_calculator_results_heading_one: `Il n'y a qu'un seul tarif d'expédition pour votre adresse`,
shipping_calculator_results_heading_multiple: `Tarifs de livraison pour votre adresse`,
shipping_notice_remaining_to_free: `Vous êtes loin de {{ remaining_amount }} de la livraison gratuite.`,
shipping_notice_eligible_for_free: `Vous pouvez bénéficier de la livraison gratuite !`,
slider_next_button_label: `Diapositive suivante`,
slider_prev_button_label: `Diapositive précédente`,
slider_thumbnail_label: `Afficher la diapositive {{ count }}`
},
symbols: {
zoom_out: `<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9.08008" cy="9" r="8" stroke="var(--main-text)" stroke-width="2" style="fill:none!important" /><rect x="14.2988" y="15.9062" width="1.98612" height="6.65426" transform="rotate(-45 14.2988 15.9062)" fill="#111111"/><path d="M13.0801 8V10L5.08008 10L5.08008 8L13.0801 8Z" fill="#111111"/></svg>`,
zoom_loader: `<svg class="zoom__loader-element" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="4"/></svg>`,
close: `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 1L1 17" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 1L17 17" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`,
toggle_pack: `<span class="toggle__icon"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span>`,
toggle_pack_alternate: `<span class="toggle__icon-alternate"><span class="toggle__icon--plus"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 0H7V12H5V0Z" fill="black" style="stroke:none"/><path d="M12 5V7H0L1.19209e-07 5L12 5Z" fill="black" style="stroke:none"/></svg></span><span class="toggle__icon--minus"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 5V7H0L1.19209e-07 5L12 5Z" fill="black" style="stroke:none"/></svg></span></span>`
},
predictive_search_enabled: "true",
predictive_search_script: "//lartdelabiere.fr/cdn/shop/t/19/assets/component-predictive-search.js?v=125379629480770845521761764488",
predictive_search_placeholder: `<div class="search-results"><div class="search-block"><a class="search-item search-item--blank"><div class="thumbnail"></div><div class="content"><span class="title"></span><span class="caption"></span></div></a><a class="search-item search-item--blank"><div class="thumbnail"></div><div class="content"><span class="title"></span><span class="caption"></span></div></a><a class="search-item search-item--blank"><div class="thumbnail"></div><div class="content"><span class="title"></span><span class="caption"></span></div></a></div></div>`
}
}
</script>
<script src="//lartdelabiere.fr/cdn/shop/t/19/assets/component-quick-buy.js?v=167590981964728766521761764488" defer></script>
<script src="//lartdelabiere.fr/cdn/shop/t/19/assets/component-pickup-availability.js?v=177086145694380957371761764488" defer></script>
<script src="//lartdelabiere.fr/cdn/shop/t/19/assets/component-slider.js?v=30874678805472068791761764489" defer></script><sidebar-drawer id="site-cart-sidebar" class="sidebar sidebar--right cart-is-empty" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true" data-cart-items="0" style="display:none" data-js-site-cart-sidebar>
<div class="sidebar__header">
<span class="sidebar__title h5">
Mon panier
(<span data-header-cart-count>0</span>)
</span>
<button class="sidebar__close" data-js-close>
<span class="visually-hidden">Fermer la barre latérale</span>
<span aria-hidden="true" aria-role="img"><svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 1L1 17" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 1L17 17" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</button>
</div>
<div class="sidebar__body sidebar__body--flex">
<div class="sidebar__body-top">
<div class="cart-form"><cart-form id="AjaxCartForm"><form action="/cart" method="post" novalidate class="cart__form cart--empty" id="cart">
<div class="cart-holder" data-items="0">
<div class="cart__items">Votre panier est vide
</div>
</div>
</form>
<span class="cart__count hidden" aria-hidden="true" data-cart-count>0</span>
<span class="cart__total hidden" aria-hidden="true" data-cart-total>€0,00</span>
</cart-form><a href="/collections/all" class="cart-continue button button--fullwidth button--solid button--regular">
Continuer la visite
</a>
</div></div><div class="sidebar__body-bottom hide-if-empty-cart"><div class="cart__instructions cart-detail--collapsible-true"><details class="cart__accordion-details">
<summary class="align-content align-content--vertical-middle">
<span class="cart__accordion-title cart__note-title">
Instructions de commande
</span>
<span class="cart__accordion-icon cart__note-icon" aria-hidden="true"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span>
</summary><div class="form-field">
<cart-note>
<label for="CartDrawer-Note" class="visually-hidden">
Instructions de commande
</label>
<textarea id="CartDrawer-Note" name="note"></textarea>
</cart-note>
</div></details></div><div class="cart-detail--collapsible-true">
<details class="cart__accordion-details">
<summary class="align-content align-content--vertical-middle">
<span class="cart__accordion-title cart__discount-title">
Codes de réduction
</span>
<span class="cart__accordion-icon cart__discount-icon" aria-hidden="true"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"/></svg></span>
</summary><div class="form-field">
<cart-discounts>
<label for="CartPage-Discount" class="visually-hidden">
Codes de réduction
</label>
<form class="cart__coupons-form">
<input id="CartPage-Discount" name="discount" type="text" data-js-discount-input>
<button type="submit" id="cartDiscountSubmit" class="button button--small button--small-mobile button--solid" data-js-discount-submit>
Appliquer
</button>
</form><div class="cart__coupons-error" data-js-discount-error></div>
<div class="cart__coupons-codes" data-js-discount-codes></div>
</cart-discounts>
</div></details></div></div></div><div class="sidebar__footer hide-if-empty-cart"
><div id="AjaxCartSubtotal">
<div class="cart__details cart--empty"><div class="cart__total">
<span>Total</span>
<strong class="text-size--heading">€0,00</strong>
</div><div data-js-discount-codes style="display: none !important"></div><div class="cart__shipping text-color--opacity text-size--small">Taxes incluses. <a href="/policies/shipping-policy">Frais d'expédition</a> calculés à l'étape de paiement.</div><div class="flex-buttons" ><a id="ViewCart" href="/cart" class="button button--regular button--outline">Voir mon panier</a><button id="CheckOut" class="button button--regular button--solid" type="submit" name="checkout" form="cart">
Commander
</button></div></div>
</div></div>
</sidebar-drawer>
<script>
new MutationObserver((mutations, observer) => {
if ( document.getElementById('cart').classList.contains('cart--empty') ) {
document.getElementById('site-cart-sidebar').classList.add('cart-is-empty');
} else {
document.getElementById('site-cart-sidebar').classList.remove('cart-is-empty');
}
}).observe(document.querySelector('.cart-form'), {
attributes: false, childList: true, subtree: true
})
</script><link rel="stylesheet" href="//lartdelabiere.fr/cdn/shop/t/19/assets/component-cart.css?v=44861805463156501911761764488" media="print" onload="this.media='all'">
<script src="//lartdelabiere.fr/cdn/shop/t/19/assets/component-quantity-selector.js?v=144545494899863674841761764488" defer></script><script src="//lartdelabiere.fr/cdn/shop/t/19/assets/component-cart.js?v=136935322007395676751761764488" defer></script><link rel="stylesheet" href="//lartdelabiere.fr/cdn/shop/t/19/assets/component-sidebar.css?v=42686542081210824681761764489" media="print" onload="this.media='all';">
<script src="//lartdelabiere.fr/cdn/shop/t/19/assets/section-header.js?v=109268633956723027461761764489" defer></script><div class="site-overlay" style="display:none"></div>
<link rel="stylesheet" href="//lartdelabiere.fr/cdn/shop/t/19/assets/section-main-product.css?v=49840437609464465631761764489" media="print" onload="this.media='all';"><script>
document.querySelectorAll('.rte a img').forEach(elm=>{
elm.parentNode.style.border = 'none';
});
</script><script src="//lartdelabiere.fr/cdn/shop/t/19/assets/instantpage.js?v=99963444960178710701761764489" type="module" defer></script><style> .product-tag {display: inline-block; margin: 6px 6px 0 0; padding: 6px 12px; background-color: #f3f3f3; border-radius: 9999px; color: #333; font-size: 13px; text-decoration: none; transition: background-color 0.2s ease;} .product-tag:hover {background-color: #ddd;} .rich-text__text.align-content.align-content--horizontal-left.align-content--vertical-middle {width: auto;} .gutter-bottom--page {margin-bottom: calc(var(--gutter-large) * 0.3);} .swatch-list__item-image img,.swatch-list__item-color img {min-width: 80%; min-height: 80%; max-width: 80%; max-height: 80%;} .product-item.card {background-color: white;} .rte article .h1,.rte .h1,.h1 {font-size: clamp(2.4rem, 5vw, 3rem) !important; line-height: 1.2; font-weight: 700;} .rte article h2,.rte article .h2,.rte h2,.rte .h2,h2,.h2 {font-size: clamp(1.6rem, 3.6vw, 2.4rem) !important; line-height: 1.3; font-weight: 600;} .rte article h3,.rte article .h3,.rte h3,.rte .h3,h3,.h3 {font-size: clamp(1.3rem, 2.6vw, 1.9rem) !important; line-height: 1.4; font-weight: 600;} </style>
<div id="shopify-block-Aajk0TllTV2lJZTdoT__15683396631634586217" class="shopify-block shopify-app-block"><script
id="chat-button-container"
data-horizontal-position=bottom_right data-vertical-position=higher data-icon=chat_bubble data-text=chat_with_us data-color=#cefe03 data-secondary-color=#1d1d1d data-ternary-color=#6a6a6a
data-domain=lartdelabiere.fr data-shop-domain=lartdelabiere.fr data-external-identifier=pQmddH0_Bi2YRwkwrDOKMPaPYAUjZzPpDICV02_vNEw
>
</script>
</div><div id="shopify-block-Aa3UrMW9IZE1TVFNUQ__5537102726230261467" class="shopify-block shopify-app-block">
<!-- BEGIN app snippet: quiz-popup-styles --><style>
#quiz-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.5);
z-index: var(--quiz-z-index, 1000);
overflow: auto;
}
.quiz-content {
position: relative;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: var(--quiz-content-z-index, 1000 + 1);
max-height: 100%;
overflow: auto;
background: white;
}
.close-btn {
position: absolute;
top: 10px;
right: 10px;
background: none;
border: none;
font-size: 32px;
cursor: pointer;
z-index: var(--close-btn-z-index, 1000 + 2);
margin-left: auto;
color: #777777;
line-height: 32px;
}
.react-dropdown-select-dropdown {
z-index: var(--close-btn-z-index, 1000 + 2) !important;
}
</style><!-- END app snippet -->
<!-- BEGIN app snippet: quiz-global-vars --><script>
if (!window.quizzes) window.quizzes = {};
window.quizzes['quiz_cMPCfK'] = {"id":"cMPCfK","name":"Quiz Cadeau Bière","preferences":{"setUTMSource":false,"colorSchemeId":"default","trackGA4Events":false,"trackMetaPixel":false,"trackTiktokPixel":false,"saveQuizProgress":true,"addMetaViewportTag":false,"reviewApp":"none","subscriptionApp":"shopify_subscriptions","payload":{"includeProductVariants":true}},"content":{"and":{"value":"et","category":"helper"},"next":{"value":"Suivant","category":"button"},"try_again":{"value":"Essayer à nouveau","category":"helper"},"x_complete":{"value":"{{percent}} % terminé","category":"helper"},"add_to_cart":{"value":"Ajouter au panier","category":"button"},"retake_quiz":{"value":"Reprendre le quiz","category":"button"},"view_product":{"value":"Voir le produit","category":"button"},"count_in_cart":{"value":"{{count}} dans le panier","category":"button"},"drop_file_here":{"value":"Déposez le fichier ici","category":"helper"},"phone_filtering":{"value":"Filtrer les téléphones","category":"helper"},"phone_please_select":{"value":"Sélectionner","category":"helper"},"select_no_variants":{"value":"Aucune variante","category":"helper"},"dropdown_select_placeholder":{"value":"Sélectionner...","category":"helper"},"dropdown_search_placeholder":{"value":"Rechercher...","category":"helper"},"dropdown_no_more_options_available":{"value":"Aucune option disponible","category":"helper"},"select_variant":{"value":"Sélectionnez une variante","category":"helper"},"add_all_to_cart":{"value":"Tout ajouter au panier ({{count}})","category":"button"},"file_under_10mb":{"value":"La taille du fichier doit être inférieure à 10 Mo","category":"helper"},"proceed_to_cart":{"value":"Passer au panier ({{count}})","category":"button"},"view_collection":{"value":"Voir la collection","category":"button"},"loading_error_retry":{"value":"Nous ne parvenons pas à enregistrer vos réponses. Réessayez... veuillez patienter.","category":"helper"},"proceed_to_checkout":{"value":"Passer au paiement ({{count}})","category":"button"},"loading_error_no_response":{"value":"Nous sommes désolés, mais un problème est survenu lors de l'enregistrement de vos réponses. Veuillez actualiser le quiz ou réessayer plus tard.","category":"helper"},"ada_quiz_complete":{"value":"Quiz terminé","category":"accessibility"},"ada_no_previous_question":{"value":"Aucune question précédente","category":"accessibility"},"ada_previous_question":{"value":"Question précédente","category":"accessibility"},"ada_results_bottom_bar":{"value":"Barre inférieure des résultats","category":"accessibility"},"ada_answer_before_proceeding":{"value":"Répondez avant de continuer","category":"accessibility"},"ada_next_question":{"value":"Question suivante","category":"accessibility"},"ada_quiz_navigation_buttons":{"value":"Boutons de navigation du quiz","category":"accessibility"},"review_singular":{"value":"avis","category":"helper"},"review_plural":{"value":"avis","category":"helper"}},"design":{"customCSS":"","fontFamily":"inherit","fontFamilyHeading":"inherit","linkTextColor":"#181212","inputTextColor":"#181212","arrowsDirection":"up-down","buttonTextColor":"#ffffff","choiceTextColor":"#181212","inputErrorColor":"#ff7777","inputBorderColor":"#333333","questionTextColor":"#181212","showNavigationBar":true,"quizBackgroundColor":"#ffffff","quizBackgroundImage":"","buttonTextColorHover":"#181212","inputBackgroundColor":"#ffffff","questionHeadingColor":"#181212","buttonBackgroundColor":"#333333","choiceBackgroundColor":"#EDFBB5","navigationBorderColor":"#333333","inputPlaceholderColor":"#18121250","quizBackgroundOpacity":20,"showProgressPercentage":false,"choiceSelectedIconColor":"#b6e400","choiceSelectedTextColor":"#181212","productInCartBorderColor":"#333333","dropdownSelectedTextColor":"#181212","navigationBackgroundColor":"#ffffff","navigationTextColor":"#181212","buttonBackgroundColorHover":"#CEFE03","choiceSelectedBackgroundColor":"#CEFE03","dropdownSelectedBackgroundColor":"#cecece","productCollectionCardBackgroundColor":"#ffffff"},"questions":[{"ref":"q-b2178e02","logic":{"jumpLogic":[],"skipLogic":[],"defaultDestinationRef":"next"},"blocks":[{"ref":"qbt-d91619eb","type":"text","preferences":{"type":"text","content":"\u003cp\u003eDESTINATAIRE\u003c\/p\u003e","textSize":"small","textAlignment":"left"}},{"ref":"qbh-6b1539d0","type":"heading","preferences":{"type":"heading","content":"\u003cp\u003eÀ qui souhaitez-vous offrir ce cadeau ?\u003c\/p\u003e","headingSize":"medium","headingAlignment":"left"}},{"ref":"qbt-79fd4379","type":"text","preferences":{"type":"text","content":"\u003cp\u003eChoisissez la personne à qui vous souhaitez faire plaisir.\u003c\/p\u003e","textSize":"small","textAlignment":"left"}},{"ref":"qbc-cf89ac22","type":"choice","preferences":{"multipleSelection":false,"minSelected":1,"maxSelected":10,"errorMessage":"","optional":false,"type":"multiple_choice","choices":[{"ref":"qbcc-88d001cf","label":"Un ami","weight":1,"customerTags":[],"upvotedProductsIds":[],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":["gid:\/\/shopify\/Collection\/647296713051"],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-4e343828","label":"Un membre de la famille","weight":1,"customerTags":[],"upvotedProductsIds":[],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":["gid:\/\/shopify\/Collection\/647296713051"],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-797fb553","label":"Un collègue","weight":1,"customerTags":[],"upvotedProductsIds":[],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":["gid:\/\/shopify\/Collection\/647296713051"],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-1390c811","label":"Mon\/Ma partenaire","weight":1,"customerTags":[],"upvotedProductsIds":[],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":["gid:\/\/shopify\/Collection\/647296713051"],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]}]}},{"ref":"qbb-04c77e3a","type":"button","preferences":{"type":"button","content":"Continuer","buttonAlignment":"right"}}],"preferences":{"videoUrl":"","customJS":"","imageUrl":"","customCSS":"","imageOpacity":25,"imagePosition":"background","imagePositionSplitMobile":"hidden","imagePositionSplitDesktop":"left","showDescription":false,"overwriteProgressBarText":"","allowOverwriteProgressBar":false,"autoAdvanceEnabled":false,"autoAdvanceDelay":10,"hideNextButton":false}},{"ref":"q-b2553200","logic":{"jumpLogic":[],"skipLogic":[],"defaultDestinationRef":"next"},"blocks":[{"ref":"qbt-7aa3d2d6","type":"text","preferences":{"type":"text","content":"\u003cp\u003eTΥPE DE CADEAU\u003c\/p\u003e","textSize":"small","textAlignment":"left"}},{"ref":"qbh-815f2962","type":"heading","preferences":{"type":"heading","content":"\u003cp\u003eQue préférez-vous offrir à cette personne ?\u003c\/p\u003e","headingSize":"medium","headingAlignment":"left"}},{"ref":"qbt-cf9b0e5c","type":"text","preferences":{"type":"text","content":"\u003cp\u003eChoisissez le type de cadeau que vous aimeriez lui offrir.\u003c\/p\u003e","textSize":"small","textAlignment":"left"}},{"ref":"qbc-d788b715","type":"choice","preferences":{"multipleSelection":false,"minSelected":1,"maxSelected":10,"errorMessage":"","optional":false,"type":"multiple_choice","choices":[{"ref":"qbcc-e8830cb1","label":"Un coffret bières","weight":2,"customerTags":[],"upvotedProductsIds":[],"excludedProductsIds":["gid:\/\/shopify\/Product\/9838692434267","gid:\/\/shopify\/Product\/9863925039451"],"upvotedCollectionsIds":["gid:\/\/shopify\/Collection\/647372308827"],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-210fe237","label":"Une carte cadeau pour lui laisser le choix","weight":2,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/9838692434267"],"excludedProductsIds":["gid:\/\/shopify\/Product\/9863925039451"],"upvotedCollectionsIds":[],"excludedCollectionsIds":["gid:\/\/shopify\/Collection\/647372308827"],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-ad4680c5","label":"Un abonnement pour qu'il en profite longtemps","weight":2,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/9863925039451"],"excludedProductsIds":["gid:\/\/shopify\/Product\/9838692434267"],"upvotedCollectionsIds":[],"excludedCollectionsIds":["gid:\/\/shopify\/Collection\/647372308827"],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-fbd7674b","label":"Peu m'importe","weight":1,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/9838692434267","gid:\/\/shopify\/Product\/9863925039451"],"excludedProductsIds":[],"upvotedCollectionsIds":["gid:\/\/shopify\/Collection\/647372308827"],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]}]}},{"ref":"qbb-d0724727","type":"button","preferences":{"type":"button","content":"Continuer","buttonAlignment":"right"}}],"preferences":{"videoUrl":"","customJS":"","imageUrl":"","customCSS":"","imageOpacity":25,"imagePosition":"background","imagePositionSplitMobile":"hidden","imagePositionSplitDesktop":"left","showDescription":false,"overwriteProgressBarText":"","allowOverwriteProgressBar":false,"autoAdvanceEnabled":false,"autoAdvanceDelay":10,"hideNextButton":false}},{"ref":"q-b03d908b","logic":{"jumpLogic":[{"conditions":[{"ref":"cd-1739eef3","sourceType":"questionChoice","blockRef":"qbc-d788b715","operator":"is","value":"qbcc-210fe237"}],"destinationRef":"q-fbe7a6f9"},{"conditions":[{"ref":"cd-56d72da0","sourceType":"questionChoice","blockRef":"qbc-d788b715","operator":"is","value":"qbcc-ad4680c5"}],"destinationRef":"q-fbe7a6f9"}],"skipLogic":[],"defaultDestinationRef":"next"},"blocks":[{"ref":"qbt-271b666e","type":"text","preferences":{"type":"text","content":"\u003cp\u003eEXPERTISE\u003c\/p\u003e","textSize":"small","textAlignment":"left"}},{"ref":"qbh-1e473825","type":"heading","preferences":{"type":"heading","content":"\u003cp\u003eEst-ce un.e fin.e connaisseur.euse de bières ?\u003c\/p\u003e","headingSize":"medium","headingAlignment":"left"}},{"ref":"qbt-e1bd6803","type":"text","preferences":{"type":"text","content":"\u003cp\u003eSon niveau d'expertise peut influencer le choix du coffret.\u003c\/p\u003e","textSize":"small","textAlignment":"left"}},{"ref":"qbc-92413aae","type":"choice","preferences":{"multipleSelection":false,"minSelected":1,"maxSelected":10,"errorMessage":"","optional":false,"type":"multiple_choice","choices":[{"ref":"qbcc-a77ca1a5","label":"Oui, un expert passionné","weight":1,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/9863925039451"],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":["gid:\/\/shopify\/ProductVariant\/50306919694683","gid:\/\/shopify\/ProductVariant\/50306919727451","gid:\/\/shopify\/ProductVariant\/50392771264859","gid:\/\/shopify\/ProductVariant\/50392771297627","gid:\/\/shopify\/ProductVariant\/50392797348187","gid:\/\/shopify\/ProductVariant\/51340470059355"],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-9c55f8de","label":"Non, un amateur occasionnel","weight":1,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/9736582037851","gid:\/\/shopify\/Product\/10061399097691","gid:\/\/shopify\/Product\/9838692434267","gid:\/\/shopify\/Product\/9863925039451"],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-b205a59d","label":"Je ne sais pas","weight":1,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/9736582037851","gid:\/\/shopify\/Product\/10061399097691","gid:\/\/shopify\/Product\/9838692434267","gid:\/\/shopify\/Product\/9863925039451"],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]}]}},{"ref":"qbb-4151cfd9","type":"button","preferences":{"type":"button","content":"Continuer","buttonAlignment":"right"}}],"preferences":{"videoUrl":"","customJS":"","imageUrl":"","customCSS":"","imageOpacity":25,"imagePosition":"background","imagePositionSplitMobile":"hidden","imagePositionSplitDesktop":"left","showDescription":false,"overwriteProgressBarText":"","allowOverwriteProgressBar":false,"autoAdvanceEnabled":false,"autoAdvanceDelay":10,"hideNextButton":false}},{"ref":"q-56727c2e","logic":{"jumpLogic":[{"conditions":[{"ref":"cd-80ba942c","sourceType":"questionChoice","blockRef":"qbc-08e8fe47","operator":"is","value":"qbcc-ea1b1320"}],"destinationRef":"q-82cebe81"},{"conditions":[{"ref":"cd-de1a16d2","sourceType":"questionChoice","blockRef":"qbc-08e8fe47","operator":"is","value":"qbcc-6d4b70d1"}],"destinationRef":"q-82cebe81"}],"skipLogic":[],"defaultDestinationRef":"q-17988f35"},"blocks":[{"ref":"qbt-f04713b5","type":"text","preferences":{"type":"text","content":"\u003cp\u003eGOÛTS - BIÈRES\u003c\/p\u003e","textSize":"small","textAlignment":"left"}},{"ref":"qbh-9790333b","type":"heading","preferences":{"type":"heading","content":"\u003cp\u003eQuels sont ses goûts en matière de bière ?\u003c\/p\u003e","headingSize":"medium","headingAlignment":"left"}},{"ref":"qbt-21af226d","type":"text","preferences":{"type":"text","content":"\u003cp\u003eSélectionnez le type de bière qu'il\/elle préfère habituellement.\u003c\/p\u003e","textSize":"small","textAlignment":"left"}},{"ref":"qbc-08e8fe47","type":"choice","preferences":{"multipleSelection":false,"minSelected":1,"maxSelected":10,"errorMessage":"","optional":false,"type":"multiple_choice","choices":[{"ref":"qbcc-ea1b1320","label":"Blondes légères et rafraîchissantes","weight":2,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/10061399097691"],"excludedProductsIds":["gid:\/\/shopify\/Product\/10062928281947","gid:\/\/shopify\/Product\/10063167291739","gid:\/\/shopify\/Product\/10061382484315","gid:\/\/shopify\/Product\/10063039037787","gid:\/\/shopify\/Product\/10063134458203"],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-e9df8b53","label":"Ambrées maltées et caramélisées","weight":2,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/10061382484315","gid:\/\/shopify\/Product\/10062921204059"],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-26bacb09","label":"IPA houblonnées et amères","weight":2,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/10061470892379","gid:\/\/shopify\/Product\/10066909331803"],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-bc617b88","label":"Noires riches et torréfiées","weight":2,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/10062928281947","gid:\/\/shopify\/Product\/10063167291739","gid:\/\/shopify\/Product\/10063039037787"],"excludedProductsIds":["gid:\/\/shopify\/Product\/10061467582811","gid:\/\/shopify\/Product\/10061399097691"],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-6d4b70d1","label":"Blanches fruitées et épicées","weight":2,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/10061467582811"],"excludedProductsIds":["gid:\/\/shopify\/Product\/10061382484315","gid:\/\/shopify\/Product\/10062928281947","gid:\/\/shopify\/Product\/10063167291739","gid:\/\/shopify\/Product\/10063039037787","gid:\/\/shopify\/Product\/10063134458203"],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-29bd09a9","label":"Je ne sais pas","weight":1,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/9736582037851","gid:\/\/shopify\/Product\/9838692434267"],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]}]}},{"ref":"qbb-af1a89f7","type":"button","preferences":{"type":"button","content":"Continuer","buttonAlignment":"right"}}],"preferences":{"videoUrl":"","customJS":"","imageUrl":"","customCSS":"","imageOpacity":25,"imagePosition":"background","imagePositionSplitMobile":"hidden","imagePositionSplitDesktop":"left","showDescription":false,"overwriteProgressBarText":"","allowOverwriteProgressBar":false,"autoAdvanceEnabled":false,"autoAdvanceDelay":10,"hideNextButton":false}},{"ref":"q-17988f35","logic":{"jumpLogic":[],"skipLogic":[],"defaultDestinationRef":"q-fbe7a6f9"},"blocks":[{"ref":"qbt-f1b8a6ec","type":"text","preferences":{"type":"text","content":"\u003cp\u003eGOÛTS - ALCOOLS\u003c\/p\u003e","textSize":"small","textAlignment":"left"}},{"ref":"qbh-20a5cf82","type":"heading","preferences":{"type":"heading","content":"\u003cp\u003eQuels sont ses goûts en matière d'alcool ?\u003c\/p\u003e","headingSize":"medium","headingAlignment":"left"}},{"ref":"qbt-bef88ad5","type":"text","preferences":{"type":"text","content":"\u003cp\u003eHabituellement, est-ce qu'il\/elle aime consommer des alcools légers ou forts ?\u003c\/p\u003e","textSize":"small","textAlignment":"left"}},{"ref":"qbc-8bee3304","type":"choice","preferences":{"multipleSelection":false,"minSelected":1,"maxSelected":10,"errorMessage":"","optional":false,"type":"multiple_choice","choices":[{"ref":"qbcc-92ec5eea","label":"Alcools légers","weight":1,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/10061399097691","gid:\/\/shopify\/Product\/10061467582811"],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-583d4e72","label":"Alcools forts","weight":2,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/10062933983579","gid:\/\/shopify\/Product\/10062928281947","gid:\/\/shopify\/Product\/10063039037787","gid:\/\/shopify\/Product\/10063167291739"],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-dcba6073","label":"Je ne sais pas","weight":1,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/9838692434267","gid:\/\/shopify\/Product\/9863925039451","gid:\/\/shopify\/Product\/9736582037851"],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]}]}},{"ref":"qbb-a2f0f2b6","type":"button","preferences":{"type":"button","content":"Continuer","buttonAlignment":"right"}}],"preferences":{"videoUrl":"","customJS":"","imageUrl":"","customCSS":"","imageOpacity":25,"imagePosition":"background","imagePositionSplitMobile":"hidden","imagePositionSplitDesktop":"left","showDescription":false,"overwriteProgressBarText":"","allowOverwriteProgressBar":false,"autoAdvanceEnabled":false,"autoAdvanceDelay":10,"hideNextButton":false}},{"ref":"q-82cebe81","logic":{"jumpLogic":[],"skipLogic":[],"defaultDestinationRef":"next"},"blocks":[{"ref":"qbt-a2d29441","type":"text","preferences":{"type":"text","content":"\u003cp\u003eGOÛTS - ACIDITÉ\u003c\/p\u003e","textSize":"small","textAlignment":"left"}},{"ref":"qbh-c2dbd8d7","type":"heading","preferences":{"type":"heading","content":"\u003cp\u003eAime-t-il\/elle les saveurs acidulées ?\u003c\/p\u003e","headingSize":"medium","headingAlignment":"left"}},{"ref":"qbc-06e3aea7","type":"choice","preferences":{"multipleSelection":false,"minSelected":1,"maxSelected":10,"errorMessage":"","optional":false,"type":"multiple_choice","choices":[{"ref":"qbcc-8f391524","label":"Oui, assez","weight":2,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/10062992343387"],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-d82fcb14","label":"Non, pas beaucoup","weight":1,"customerTags":[],"upvotedProductsIds":[],"excludedProductsIds":["gid:\/\/shopify\/Product\/10062992343387"],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-b5ea3cbd","label":"Je ne sais pas","weight":1,"customerTags":[],"upvotedProductsIds":[],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]}]}},{"ref":"qbb-9010b78d","type":"button","preferences":{"type":"button","content":"Continuer","buttonAlignment":"right"}}],"preferences":{"videoUrl":"","customJS":"","imageUrl":"","customCSS":"","imageOpacity":25,"imagePosition":"background","imagePositionSplitMobile":"hidden","imagePositionSplitDesktop":"left","showDescription":false,"overwriteProgressBarText":"","allowOverwriteProgressBar":false,"autoAdvanceEnabled":false,"autoAdvanceDelay":10,"hideNextButton":false}},{"ref":"q-ad4be2a0","logic":{"jumpLogic":[],"skipLogic":[],"defaultDestinationRef":"next"},"blocks":[{"ref":"qbt-181aef2d","type":"text","preferences":{"type":"text","content":"\u003cp\u003eGOÛTS - AMERTUME\u003c\/p\u003e","textSize":"small","textAlignment":"left"}},{"ref":"qbh-2ca1a32f","type":"heading","preferences":{"type":"heading","content":"\u003cp\u003eAime-t-il\/elle les saveurs amères ?\u003c\/p\u003e","headingSize":"medium","headingAlignment":"left"}},{"ref":"qbc-d5158f5c","type":"choice","preferences":{"multipleSelection":false,"minSelected":1,"maxSelected":10,"errorMessage":"","optional":false,"type":"multiple_choice","choices":[{"ref":"qbcc-38665384","label":"Oui, plutôt","weight":2,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/10061470892379"],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-a23f2a64","label":"Non, pas tellement","weight":1,"customerTags":[],"upvotedProductsIds":[],"excludedProductsIds":["gid:\/\/shopify\/Product\/10061470892379","gid:\/\/shopify\/Product\/10066909331803","gid:\/\/shopify\/Product\/10063380742491","gid:\/\/shopify\/Product\/10061105889627"],"upvotedCollectionsIds":[],"excludedCollectionsIds":["gid:\/\/shopify\/Collection\/647296844123"],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-a27fd46f","label":"Je ne sais pas","weight":1,"customerTags":[],"upvotedProductsIds":[],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]}]}},{"ref":"qbb-b11af4c4","type":"button","preferences":{"type":"button","content":"Continuer","buttonAlignment":"right"}}],"preferences":{"videoUrl":"","customJS":"","imageUrl":"","customCSS":"","imageOpacity":25,"imagePosition":"background","imagePositionSplitMobile":"hidden","imagePositionSplitDesktop":"left","showDescription":false,"overwriteProgressBarText":"","allowOverwriteProgressBar":false,"autoAdvanceEnabled":false,"autoAdvanceDelay":10,"hideNextButton":false}},{"ref":"q-fbe7a6f9","logic":{"jumpLogic":[],"skipLogic":[],"defaultDestinationRef":"next"},"blocks":[{"ref":"qbt-23a1444c","type":"text","preferences":{"type":"text","content":"\u003cp\u003eBUDGET\u003c\/p\u003e","textSize":"small","textAlignment":"left"}},{"ref":"qbh-54cbe915","type":"heading","preferences":{"type":"heading","content":"\u003cp\u003eQuel est votre budget pour ce cadeau ?\u003c\/p\u003e","headingSize":"medium","headingAlignment":"left"}},{"ref":"qbt-dccdc7d8","type":"text","preferences":{"type":"text","content":"\u003cp\u003eIndiquez la fourchette de prix souhaitée.\u003c\/p\u003e","textSize":"small","textAlignment":"left"}},{"ref":"qbc-69758761","type":"choice","preferences":{"multipleSelection":false,"minSelected":1,"maxSelected":10,"errorMessage":"","optional":false,"type":"multiple_choice","choices":[{"ref":"qbcc-92b28c9c","label":"Moins de 30€","weight":1,"customerTags":[],"upvotedProductsIds":[],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":["gid:\/\/shopify\/ProductVariant\/50306919661915","gid:\/\/shopify\/ProductVariant\/51213823770971","gid:\/\/shopify\/ProductVariant\/51213840613723","gid:\/\/shopify\/ProductVariant\/51213903233371","gid:\/\/shopify\/ProductVariant\/51213906641243","gid:\/\/shopify\/ProductVariant\/51217113547099","gid:\/\/shopify\/ProductVariant\/50392771199323","gid:\/\/shopify\/ProductVariant\/51217123148123","gid:\/\/shopify\/ProductVariant\/51217131929947","gid:\/\/shopify\/ProductVariant\/51217283711323","gid:\/\/shopify\/ProductVariant\/51217394172251","gid:\/\/shopify\/ProductVariant\/51217495294299","gid:\/\/shopify\/ProductVariant\/51217857773915"],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[{"variableRef":"budget_score","operation":"add","value":1}]},{"ref":"qbcc-d24eb9ee","label":"Entre 30€ et 50€","weight":1,"customerTags":[],"upvotedProductsIds":[],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":["gid:\/\/shopify\/ProductVariant\/50306919661915","gid:\/\/shopify\/ProductVariant\/51213823770971","gid:\/\/shopify\/ProductVariant\/51213823803739","gid:\/\/shopify\/ProductVariant\/51213840613723","gid:\/\/shopify\/ProductVariant\/51213840646491","gid:\/\/shopify\/ProductVariant\/51213903233371","gid:\/\/shopify\/ProductVariant\/51213903266139","gid:\/\/shopify\/ProductVariant\/51213906641243","gid:\/\/shopify\/ProductVariant\/51213906674011","gid:\/\/shopify\/ProductVariant\/51217113547099","gid:\/\/shopify\/ProductVariant\/51217113579867","gid:\/\/shopify\/ProductVariant\/51217123148123","gid:\/\/shopify\/ProductVariant\/51217123180891","gid:\/\/shopify\/ProductVariant\/51217131929947","gid:\/\/shopify\/ProductVariant\/51217131962715","gid:\/\/shopify\/ProductVariant\/51217283711323","gid:\/\/shopify\/ProductVariant\/51217394172251","gid:\/\/shopify\/ProductVariant\/51217495294299","gid:\/\/shopify\/ProductVariant\/51217495327067","gid:\/\/shopify\/ProductVariant\/51217857773915","gid:\/\/shopify\/ProductVariant\/50392771264859"],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[{"variableRef":"budget_score","operation":"add","value":2}]},{"ref":"qbcc-8cf0003c","label":"Entre 50€ et 100€","weight":1,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/9863925039451"],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":["gid:\/\/shopify\/ProductVariant\/50306919727451","gid:\/\/shopify\/ProductVariant\/51213823836507","gid:\/\/shopify\/ProductVariant\/51213840679259","gid:\/\/shopify\/ProductVariant\/51213903298907","gid:\/\/shopify\/ProductVariant\/51213906706779","gid:\/\/shopify\/ProductVariant\/51217568563547","gid:\/\/shopify\/ProductVariant\/50392771264859","gid:\/\/shopify\/ProductVariant\/50392797348187","gid:\/\/shopify\/ProductVariant\/50392771297627"],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[{"variableRef":"budget_score","operation":"add","value":3}]},{"ref":"qbcc-be5082ee","label":"Plus de 100€","weight":2,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/9863925039451"],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":["gid:\/\/shopify\/ProductVariant\/51340470059355"],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]}]}},{"ref":"qbb-790ffb7a","type":"button","preferences":{"type":"button","content":"Voir les recommandations","buttonAlignment":"right"}}],"preferences":{"videoUrl":"","customJS":"","imageUrl":"","customCSS":"","imageOpacity":25,"imagePosition":"background","imagePositionSplitMobile":"hidden","imagePositionSplitDesktop":"left","showDescription":false,"overwriteProgressBarText":"","allowOverwriteProgressBar":false,"autoAdvanceEnabled":false,"autoAdvanceDelay":10,"hideNextButton":false}}],"results":[{"ref":"r-1f19b5e5","sections":[{"ref":"rs-c97ac23d","logic":{"showLogic":[],"defaultShow":true},"blocks":[{"ref":"rsb-0e089482","type":"heading","preferences":{"type":"heading","content":"\u003cp\u003eVoici nos recommandations\u003c\/p\u003e","headingSize":"medium","headingAlignment":"center"}},{"ref":"rsb-e0feda3e","type":"text","preferences":{"type":"text","content":"\u003cp\u003ePour un cadeau réussi à coup sûr !\u003c\/p\u003e","textSize":"small","textAlignment":"center"}},{"ref":"rsb-b9705266","type":"slots","preferences":{"type":"products_variants","slots":[{"ref":"rsbss-670ab85a","heading":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","excludedProductsIds":[],"includedProductsIds":[],"maxRecommendedItems":3,"excludedCollectionsIds":[],"includedCollectionsIds":[],"excludedTagsCollectionsIds":[],"includedTagsCollectionsIds":[],"excludedProductsVariantsIds":[],"includedProductsVariantsIds":[],"excludedVendorsCollectionsIds":[],"includedVendorsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"includedVariantsCollectionsIds":[],"width":"small"}],"textSize":"medium","recommendationSystem":"response_based","minUpvotes":1,"content":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","headingSize":"medium","slotsBlocks":[{"ref":"rsbsb-615e2be7","type":"image","optimizeImageSize":true,"pictureSize":"original"},{"ref":"rsbsb-843ece1b","type":"title"},{"ref":"rsbsb-55f80caa","type":"price"},{"ref":"rsbsb-7420980a","type":"variants_dropdown","displayOnNoVariants":"show_dropdown"},{"ref":"rsbsb-e7c1ca8c","type":"buy_button"},{"ref":"rsbsb-22cfdada","type":"link","openInNewTab":false}],"itemsAlignment":"center","contentAlignment":"center","slotsLayout":"side_by_side"}}]}],"preferences":{"name":"Results page","customJS":"","imageUrl":"","customCSS":"","imageOpacity":25,"backgroundImageColor":"","allowDuplicatedRecommendations":false,"showBar":true,"proceedTo":"cart","retakeQuiz":true,"showCartCheckoutOptions":true,"addAllToCart":true,"discountCode":""}}],"timestamp":1759616650278,"databaseTimestamp":1759616650278};
if (!window.quiz_locale) {
window.quiz_locale = 'fr'
}
if (!window.quiz_country) {
window.quiz_country = 'FR'
}
if (!window.quiz_currency) {
window.quiz_currency = '€{{amount_with_comma_separator}} EUR'
}
if (!window.quiz_market_id) {
window.quiz_market_id = 'gid://shopify/Market/101600067931'
}
</script>
<!-- END app snippet -->
<!-- BEGIN app snippet: quiz-renderer-script --><script type="module" src="https://cdn.shopify.com/extensions/019be219-955e-76e9-bc65-9e3c4223b8c5/revenuehunt-168/assets/quiz-renderer.js" defer></script><!-- END app snippet -->
<!-- BEGIN app snippet: quiz-popup-functions --><script>
/**
* Popup Functions
*
* Creates and manages quiz popup containers.
* - Sets z-index CSS variables for layering control
* - Creates modal overlay with quiz renderer
* - Handles close button and overlay click-to-close
* - Sets localStorage flag to prevent duplicate popups
*
* Used by: automatic popup, link popup, chat button
*/
document.addEventListener('DOMContentLoaded', function() {
document.documentElement.style.setProperty('--quiz-z-index', 1000);
document.documentElement.style.setProperty('--quiz-content-z-index', 1000 + 1);
document.documentElement.style.setProperty('--close-btn-z-index', 1000 + 2);
const quizWidth = 100;
const quizHeight = 100;
window.createQuizContainer = function(quizKey) {
// Only mark the popup as shown when the key already targets a quiz (not for response hashes)
if (typeof quizKey === 'string' && quizKey.startsWith('quiz_')) {
window.revenueHuntSetStorage('revenuehunt-popup-already-shown-' + quizKey, true, 1);
}
const quizContainer = document.createElement('div');
quizContainer.id = 'quiz-container';
quizContainer.className = 'quiz-container';
quizContainer.style.display = 'flex';
quizContainer.innerHTML = `
<div class="quiz-content" style="width: ${quizWidth}%; height: ${quizHeight}%;">
<button class="close-btn" aria-label="Close quiz"><span>×</span></button>
<quiz-renderer target="${quizKey}" type="modal" aria-label="Quiz" over-plan-at="" execute-custom-features="true"></quiz-renderer>
</div>
`;
document.body.appendChild(quizContainer);
const closeButton = quizContainer.querySelector('.close-btn');
closeButton.addEventListener('click', function () {
quizContainer.remove();
});
quizContainer.addEventListener('click', function (event) {
if (event.target === quizContainer) {
quizContainer.remove();
}
});
return quizContainer;
};
});
</script>
<!-- END app snippet -->
<!-- BEGIN app snippet: quiz-storage-helpers --><script>
/**
* Storage Helpers
*
* Provides localStorage utilities with automatic expiration.
* Used to track popup display state, greeting/notification dismissals, etc.
*
* Functions:
* - revenueHuntGetStorage(name): Get value, returns null if expired
* - revenueHuntSetStorage(name, value, days): Set value with expiration
*/
window.revenueHuntGetStorage = function(name) {
try {
const itemStr = localStorage.getItem(name);
if (!itemStr) {
return null;
}
const item = JSON.parse(itemStr);
if (Date.now() > item.expiry) {
localStorage.removeItem(name);
return null;
}
return item.value;
} catch (e) {
console.warn('Failed to get localStorage:', e);
return null;
}
};
window.revenueHuntSetStorage = function(name, value, days) {
try {
const expiry = Date.now() + (days * 24 * 60 * 60 * 1000);
const data = {
value: value,
expiry: expiry
};
localStorage.setItem(name, JSON.stringify(data));
} catch (e) {
console.warn('Failed to set localStorage:', e);
}
};
</script><!-- END app snippet -->
<!-- BEGIN app snippet: quiz-block-priority --><script>
/**
* Block Priority System
*
* Ensures only ONE quiz extension of each type activates per page.
* Priority: First block > First global
*
* Use cases:
* - Multiple blocks of same type: Only first block runs
* - Multiple globals of same type: Only first global runs (if no blocks)
* - Mix of block + global: Only block runs, global is skipped
*/
// Registry for synchronous block registration (works before document.body exists)
window.revenueHuntBlockRegistry = window.revenueHuntBlockRegistry || {};
/**
* Registers a block extension
* Uses JS variable instead of DOM to support synchronous registration before document.body exists
* @param {string} type - Extension type (e.g., 'link-popup', 'chat-button', 'automatic-popup')
* @returns {boolean} - True if registered successfully, false if already registered
*/
window.revenueHuntRegisterBlock = function(type) {
if (window.revenueHuntBlockRegistry[type]) {
return false;
}
window.revenueHuntBlockRegistry[type] = true;
return true;
};
/**
* Checks if a block extension is active
* @param {string} type - Extension type
* @returns {boolean} - True if block extension is active
*/
window.revenueHuntIsBlockActive = function(type) {
return !!window.revenueHuntBlockRegistry[type];
};
/**
* Registers a global extension
* @param {string} type - Extension type
* @returns {boolean} - True if registered successfully, false if already registered
*/
window.revenueHuntRegisterGlobal = function(type) {
const globalMarkerId = 'revenuehunt-' + type + '-global-active';
if (document.getElementById(globalMarkerId)) {
return false;
}
const marker = document.createElement('div');
marker.id = globalMarkerId;
marker.style.display = 'none';
document.body.appendChild(marker);
return true;
};
</script><!-- END app snippet -->
<!-- BEGIN app snippet: quiz-link-quiz-script --><script>
/**
* Link Popup Quiz Script
*
* Handles quiz popups triggered by clicking links with #quiz or #quiz-{id} hash.
* Also handles direct URL navigation with quiz hash (e.g., /page#quiz).
*
* Priority system:
* - Block extensions: Register and exit if already registered
* - Global extensions: Exit if block exists OR already registered
*/
document.addEventListener('DOMContentLoaded', function() {
const isBlock = false;
if (isBlock) {
if (!window.revenueHuntRegisterBlock('link-popup')) {
return;
}
} else {
if (window.revenueHuntIsBlockActive('link-popup')) {
return;
}
if (!window.revenueHuntRegisterGlobal('link-popup')) {
return;
}
}
const quizLinks = document.querySelectorAll('a[href="#quiz"], a[href^="#quiz-"]');
const currentUrl = window.location.href;
const defaultQuizKey = 'quiz_cMPCfK';
const quizWidth = 100;
const quizHeight = 100;
function openQuizPopup(hashTarget) {
let quizKey = hashTarget;
if (hashTarget === 'quiz') {
quizKey = defaultQuizKey;
} else if (hashTarget.startsWith('quiz-')) {
quizKey = 'quiz_' + hashTarget.substring(5);
}
window.createQuizContainer(quizKey);
}
const currentHash = window.location.hash;
if (currentHash === '#quiz' || currentHash.startsWith('#quiz-') || currentHash.startsWith('#response')) {
const hashTarget = currentHash.slice(1);
openQuizPopup(hashTarget);
}
if (quizLinks) {
quizLinks.forEach(quizLink => {
quizLink.addEventListener('click', function(event) {
event.preventDefault();
const hashTarget = event.currentTarget.hash.split('#')[1];
openQuizPopup(hashTarget);
});
});
if(window.addEventListener) {
window.addEventListener('message', function(event) {
const isResultPage = event.data === 'isResult';
const quizContent = document.querySelector('.quiz-content');
if(!quizContent) return;
quizContent.style.width = `${quizWidth}%`;
quizContent.style.height = `${quizHeight}%`;
});
}
}
});
</script><!-- END app snippet -->
</div><div id="shopify-block-Aakx5azA3LzNyenVHT__1561686393582567663" class="shopify-block shopify-app-block"><script>
const cartDetail = [
];
window.orichiLimit = {
limits: [],
currentProduct: null,
collections: null,
parameters: [],
cartItems: null,
cart: cartDetail,
publicAccessToken: null
};
window.orichiLimit.limits = [{"Id":"019bc5d8-f44b-4820-ab2d-64c198436953","StoreId":"019bc5d5-032d-4126-9237-85164f25b76d","Title":"Minimum de bières commandées","Status":true,"Target":"collection","CreatedDate":"2026-01-16T15:08:08.5233356+07:00","ShopifyObjects":[{"Id":647296713051,"Title":"Bières artisanales","Handle":"bieres-artisanales","ParentId":0,"ParentName":""}],"ValidationRules":[{"Type":"minimum_quantity","Value":"6","Unit":null}],"AlertMessages":[{"Type":"cart_and_checkout","Value":"Complétez votre commande"}],"ProductTags":[],"CustomerTags":[],"IsApplyCountry":false,"IsApplyCustomerTags":false,"IsApplyCustomerLifetime":false,"CustomerGroupType":"customer_with_tag","LastUpdateLifetime":null,"UpdatedAt":"2026-01-16T15:18:22.6327389+07:00","Countries":[],"ValidationRuleId":"gid://shopify/Validation/98533723","AlertInProductPage":true,"AlertProductPageMessage":"Quantity is not valid","LanguageCodes":["fr"],"PreventCoPurchase":{"IsActive":false,"ProductBlocks":[]},"AlertMessageLanguage":[{"Enabled":true,"LanguageCode":"fr","CartCheckoutMessage":"Complétez votre commande : un minimum de 6 bières unitaires et nécessaire.","ProductMessage":"Quantity is not valid"}]}];
window.orichiLimit.parameters = [{"Key":"CART_BUTTON_CHECKOUT_TEXT_ORDER_IS_NOT_VALID","Value":"Complétez votre commande"}];
window.orichiLimit.publicAccessToken = "0de997882a9a2f67a0a94adf8c18546a";
window.test={"access_token":"0de997882a9a2f67a0a94adf8c18546a","limits":[{"Id":"019bc5d8-f44b-4820-ab2d-64c198436953","StoreId":"019bc5d5-032d-4126-9237-85164f25b76d","Title":"Minimum de bières commandées","Status":true,"Target":"collection","CreatedDate":"2026-01-16T15:08:08.5233356+07:00","ShopifyObjects":[{"Id":647296713051,"Title":"Bières artisanales","Handle":"bieres-artisanales","ParentId":0,"ParentName":""}],"ValidationRules":[{"Type":"minimum_quantity","Value":"6","Unit":null}],"AlertMessages":[{"Type":"cart_and_checkout","Value":"Complétez votre commande"}],"ProductTags":[],"CustomerTags":[],"IsApplyCountry":false,"IsApplyCustomerTags":false,"IsApplyCustomerLifetime":false,"CustomerGroupType":"customer_with_tag","LastUpdateLifetime":null,"UpdatedAt":"2026-01-16T15:18:22.6327389+07:00","Countries":[],"ValidationRuleId":"gid:\/\/shopify\/Validation\/98533723","AlertInProductPage":true,"AlertProductPageMessage":"Quantity is not valid","LanguageCodes":["fr"],"PreventCoPurchase":{"IsActive":false,"ProductBlocks":[]},"AlertMessageLanguage":[{"Enabled":true,"LanguageCode":"fr","CartCheckoutMessage":"Complétez votre commande : un minimum de 6 bières unitaires et nécessaire.","ProductMessage":"Quantity is not valid"}]}],"parameters":[{"Key":"CART_BUTTON_CHECKOUT_TEXT_ORDER_IS_NOT_VALID","Value":"Complétez votre commande"}]}
</script>
<script async src="https://cdn.shopify.com/extensions/019bb6a5-4a9f-7225-a75a-dc39472f86dc/madgic-checkout-validation-261/assets/orichi-limit-purchase.js"></script>
<script>
window.themeSettings = {
cartType: '',
enableCartDrawer: false,
useAjaxCart: "null",
// Một số theme có thể dùng tên biến khác
cartStyle: '',
miniCartEnabled: false,
// Export luôn template để check
currentTemplate: 'index',
cartTemplate: 'index'
};
</script>
</div><div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block"><script>
window['ShopifyForms'] = {
...window['ShopifyForms'],
currentPageType: "index"
};
</script>
</div></body>
</html>
