<!doctype html>
<html class="no-js" lang="fr" dir="ltr">
<head><meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Spécialiste du café, thé et machine à café - au meilleur prix</title><link rel="canonical" href="https://www.graindecafe.com/"><link rel="icon" href="//www.graindecafe.com/cdn/shop/files/FAVICON.png?crop=center&height=48&v=1718727734&width=48" type="image/png">
<link rel="apple-touch-icon" href="//www.graindecafe.com/cdn/shop/files/FAVICON.png?crop=center&height=180&v=1718727734&width=180"><meta name="description" content="1er site de vente de café en grains ou café moulu, Graindecafe propose aussi une large gamme de thés, machines à café, accessoires et du chocolat."><!-- Insertion du preload CSS optimisé ici -->
<link href="//www.graindecafe.com/cdn/shop/t/12/assets/main.css?v=159207736388029010561762955830" rel="stylesheet" type="text/css" media="all" />
<!-- gabarits non-collection : canonical par défaut -->
<meta property="og:locale" content="fr_FR">
<meta property="og:site_name" content="Graindecafe">
<meta property="og:url" content="https://www.graindecafe.com/">
<meta property="og:title" content="Spécialiste du café, thé et machine à café - au meilleur prix">
<meta property="og:type" content="website">
<meta property="og:description" content="1er site de vente de café en grains ou café moulu, Graindecafe propose aussi une large gamme de thés, machines à café, accessoires et du chocolat."><meta property="og:image" content="https://www.graindecafe.com/cdn/shop/files/GDC-SOCIAL-1.png?crop=center&height=1200&v=1765901894&width=1200">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="1200">
<meta name="twitter:image" content="https://www.graindecafe.com/cdn/shop/files/GDC-SOCIAL-1.png?crop=center&height=1200&v=1765901894&width=1200"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Spécialiste du café, thé et machine à café - au meilleur prix">
<meta name="twitter:description" content="1er site de vente de café en grains ou café moulu, Graindecafe propose aussi une large gamme de thés, machines à café, accessoires et du chocolat.">
<style data-shopify>
@font-face {
font-family: Questrial;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//www.graindecafe.com/cdn/fonts/questrial/questrial_n4.66abac5d8209a647b4bf8089b0451928ef144c07.woff2") format("woff2"),
url("//www.graindecafe.com/cdn/fonts/questrial/questrial_n4.e86c53e77682db9bf4b0ee2dd71f214dc16adda4.woff") format("woff");
}
:root {
--bg-color: 248 248 248 / 1.0;
--bg-color-og: 248 248 248 / 1.0;
--heading-color: 0 0 0;
--text-color: 0 0 0;
--text-color-og: 0 0 0;
--scrollbar-color: 0 0 0;
--link-color: 0 0 0;
--link-color-og: 0 0 0;
--star-color: 202 208 184;--swatch-border-color-default: 198 198 198;
--swatch-border-color-active: 124 124 124;
--swatch-card-size: 24px;
--swatch-variant-picker-size: 64px;--color-scheme-1-bg: 248 248 248 / 1.0;
--color-scheme-1-grad: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 100%);
--color-scheme-1-heading: 0 0 0;
--color-scheme-1-text: 0 0 0;
--color-scheme-1-btn-bg: 48 88 71;
--color-scheme-1-btn-text: 255 255 255;
--color-scheme-1-btn-bg-hover: 85 122 107;--color-scheme-2-bg: 202 208 184 / 1.0;
--color-scheme-2-grad: linear-gradient(259deg, rgba(202, 208, 184, 1) 56%, rgba(202, 208, 184, 1) 99%);
--color-scheme-2-heading: 0 0 0;
--color-scheme-2-text: 0 0 0;
--color-scheme-2-btn-bg: 202 208 184;
--color-scheme-2-btn-text: 0 0 0;
--color-scheme-2-btn-bg-hover: 179 184 165;--color-scheme-3-bg: 48 88 71 / 1.0;
--color-scheme-3-grad: linear-gradient(46deg, rgba(48, 88, 71, 1) 8%, rgba(48, 88, 71, 1) 100%);
--color-scheme-3-heading: 248 248 248;
--color-scheme-3-text: 248 248 248;
--color-scheme-3-btn-bg: 202 208 184;
--color-scheme-3-btn-text: 255 255 255;
--color-scheme-3-btn-bg-hover: 217 221 204;
--drawer-bg-color: 255 255 255 / 1.0;
--drawer-text-color: 0 0 0;
--panel-bg-color: 244 244 244 / 1.0;
--panel-heading-color: 0 0 0;
--panel-text-color: 0 0 0;
--in-stock-text-color: 48 88 71;
--low-stock-text-color: 210 134 26;
--very-low-stock-text-color: 180 12 28;
--no-stock-text-color: 119 119 119;
--no-stock-backordered-text-color: 119 119 119;
--error-bg-color: 252 237 238;
--error-text-color: 180 12 28;
--success-bg-color: 232 246 234;
--success-text-color: 44 126 63;
--info-bg-color: 228 237 250;
--info-text-color: 26 102 210;
--heading-font-family: Questrial, sans-serif;
--heading-font-style: normal;
--heading-font-weight: 400;
--heading-scale-start: 4;
--navigation-font-family: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
--navigation-font-style: normal;
--navigation-font-weight: 400;--heading-text-transform: none;
--subheading-text-transform: none;
--body-font-family: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
--body-font-style: normal;
--body-font-weight: 400;
--body-font-size: 16;
--section-gap: 32;
--heading-gap: calc(8 * var(--space-unit));--heading-gap: calc(6 * var(--space-unit));--grid-column-gap: 20px;--btn-bg-color: 48 88 71;
--btn-bg-hover-color: 85 122 107;
--btn-text-color: 255 255 255;
--btn-bg-color-og: 48 88 71;
--btn-text-color-og: 255 255 255;
--btn-alt-bg-color: 255 255 255;
--btn-alt-bg-alpha: 1.0;
--btn-alt-text-color: 48 88 71;
--btn-border-width: 2px;
--btn-padding-y: 12px;
--btn-border-radius: 22px;
--btn-lg-border-radius: 50%;
--btn-icon-border-radius: 50%;
--input-with-btn-inner-radius: var(--btn-border-radius);
--input-bg-color: 248 248 248 / 1.0;
--input-text-color: 0 0 0;
--input-border-width: 2px;
--input-border-radius: 20px;
--textarea-border-radius: 12px;
--input-border-radius: 22px;
--input-bg-color-diff-3: #f0f0f0;
--input-bg-color-diff-6: #e9e9e9;
--modal-border-radius: 20px;
--modal-overlay-color: 0 0 0;
--modal-overlay-opacity: 0.4;
--drawer-border-radius: 20px;
--overlay-border-radius: 20px;
--custom-label-bg-color: 13 44 84;
--custom-label-text-color: 255 255 255;--sold-out-label-bg-color: 42 43 42;
--sold-out-label-text-color: 255 255 255;--new-label-bg-color: 127 184 0;
--new-label-text-color: 255 255 255;--preorder-label-bg-color: 0 166 237;
--preorder-label-text-color: 255 255 255;
--collection-label-color: 0 126 18;
--page-width: 1440px;
--gutter-sm: 20px;
--gutter-md: 32px;
--gutter-lg: 64px;
--payment-terms-bg-color: #f8f8f8;
--coll-card-bg-color: #F9F9F9;
--coll-card-border-color: #f2f2f2;
--card-highlight-bg-color: #F9F9F9;
--card-highlight-text-color: 85 85 85;
--card-highlight-border-color: #E1E1E1;
--reading-width: 48em;
}
@media (max-width: 769px) {
:root {
--reading-width: 36em;
}
}
</style><script src="//www.graindecafe.com/cdn/shop/t/12/assets/main.js?v=152233114413471612371758636870" defer="defer"></script>
<!-- preconnect pour accélérer handshake CDN / domaine principal -->
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
<link rel="preconnect" href="https://www.graindecafe.com" crossorigin><link rel="preload" href="//www.graindecafe.com/cdn/fonts/questrial/questrial_n4.66abac5d8209a647b4bf8089b0451928ef144c07.woff2" as="font" type="font/woff2" crossorigin fetchpriority="high"><link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/swatches.css?v=119217469304793444461729776743" media="print" onload="this.media='all'">
<noscript><link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/swatches.css?v=119217469304793444461729776743"></noscript><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="gipxj70nekcuyukb60zrq1208czm19">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/63078072480/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="f4774ad55131f0e36704e14648dfcc9d">
<meta id="in-context-paypal-metadata" data-shop-id="63078072480" 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":63078072480,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/63078072480","merchantName":"Graindecafe","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Graindecafe","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"f4774ad55131f0e36704e14648dfcc9d","betas":["rich-media-storefront-analytics"],"domain":"www.graindecafe.com","predictiveSearch":true,"shopId":63078072480,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "boutique-grain-de-cafe.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"Grain de café Ent V1.6.1","id":137880993952,"schema_name":"Enterprise","schema_version":"1.6.1","theme_store_id":1657,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.graindecafe.com/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="//www.graindecafe.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_Lpn8ZOi5.fr.esm.js"></script>
<script defer="defer" async type="module" src="//www.graindecafe.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_X4Hu3kma.esm.js"></script>
<script defer="defer" async type="module" src="//www.graindecafe.com/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_BV0V5IrV.esm.js"></script>
<script type="module">
await import("//www.graindecafe.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_Lpn8ZOi5.fr.esm.js");
await import("//www.graindecafe.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_X4Hu3kma.esm.js");
await import("//www.graindecafe.com/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_BV0V5IrV.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:\/\/static.klaviyo.com\/onsite\/js\/klaviyo.js?company_id=UZkBF5\u0026shop=boutique-grain-de-cafe.myshopify.com","https:\/\/cdn-bundler.nice-team.net\/app\/js\/bundler.js?shop=boutique-grain-de-cafe.myshopify.com","https:\/\/cdn-app.sealsubscriptions.com\/shopify\/public\/js\/sealsubscriptions.js?shop=boutique-grain-de-cafe.myshopify.com","https:\/\/cdn-app.cart-bot.net\/public\/js\/append.js?shop=boutique-grain-de-cafe.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":63078072480,"offset":3600,"reqid":"90653bf4-5f20-4e96-b563-30dc04ce7b7b-1770059249","pageurl":"www.graindecafe.com\/?utm_source=facebook\u0026utm_medium=cpc\u0026utm_campaign=facebook.acq\u0026utm_content=post\u0026fbclid=IwYW9zYgPt1UNleHRuA2FlbQEwAGFkaWQBqy3lMJJghXNydGMGYXBwX2lkDDM1MDY4NTUzMTcyOAABHgnvJr8LFbv0DrdeXtgZbk_hcfnPbKn74s-Rs1oVnTRc3oDMM0ZgXtWLASU5_aem_w_LTXI4VzULIc1GE8ctfhQ\u0026utm_id=120236970713060149_v2_s07\u0026utm_term=120236970713060149","u":"0edb239f6ba3","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'])})(!1,!0)}();</script>
<script integrity="sha256-4kQ18oKyAcykRKYeNunJcIwy7WH5gtpwJnB7kiuLZ1E=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.graindecafe.com/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://www.graindecafe.com/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 data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.graindecafe.com/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 id="sections-script" data-sections="header,footer" defer="defer" src="//www.graindecafe.com/cdn/shop/t/12/compiled_assets/scripts.js?v=19001"></script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<link rel="stylesheet"
href="https://cdn.shopify.com/extensions/bdbe7290-bb5c-465a-a894-a547eb25efa7/xo-scroll-to-top-2/assets/xo-scroll2top.css"
media="print" onload="this.media='all'">
<noscript>
<link rel="stylesheet"
href="https://cdn.shopify.com/extensions/bdbe7290-bb5c-465a-a894-a547eb25efa7/xo-scroll-to-top-2/assets/xo-scroll2top.css">
</noscript><link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/announcement.css?v=64767389152932430921729615761" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/predictive-search.css?v=169301280820700013071761821741" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/promo-strip.css?v=119985197315178739061729615762" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/reviews.css?v=168374218775652334981749839777" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/icons-with-text.css?v=105357110638478380851729615761" media="print" onload="this.media='all'">
<noscript>
<link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/announcement.css?v=64767389152932430921729615761">
<link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/predictive-search.css?v=169301280820700013071761821741">
<link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/promo-strip.css?v=119985197315178739061729615762">
<link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/reviews.css?v=168374218775652334981749839777">
<link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/icons-with-text.css?v=105357110638478380851729615761">
</noscript><!-- Organization (marque e-commerce) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Grain de Café",
"url": "https://www.graindecafe.com",
"logo": "https://www.graindecafe.com/cdn/shop/files/LOGO-H.png?v=1713364248&width=559",
"description": "torréfaction artisanale depuis 1910 : cafés en grain et moulus, thés, infusions, chocolats et machines à café. livraison gratuite en France à partir de 35 €.",
"sameAs": [
"https://www.facebook.com/Graindecafe63",
"https://www.instagram.com/graindecafecom/"
],
"email": "hello@graindecafe.com",
"contactPoint": [{
"@type": "ContactPoint",
"telephone": "+33-4-73-38-42-24",
"contactType": "customer service",
"areaServed": "FR",
"availableLanguage": ["fr"]
}],
"foundingDate": "1910",
"paymentAccepted": ["CB", "Visa", "MasterCard", "AmericanExpress", "PayPal", "GooglePay"],
"areaServed": "FR",
"shippingDetails": [{
"@type": "OfferShippingDetails",
"shippingRate": { "@type": "MonetaryAmount", "value": "0", "currency": "EUR" },
"shippingDestination": { "@type": "DefinedRegion", "addressCountry": "FR" },
"deliveryTime": {
"@type": "ShippingDeliveryTime",
"handlingTime": { "@type": "QuantitativeValue", "minValue": 0, "maxValue": 2, "unitCode": "DAY" }
},
"transitTimeLabel": "livraison sous 48h",
"appliesToDeliveryMethod": "https://schema.org/ParcelService",
"eligibleTransactionVolume": { "@type": "PriceSpecification", "priceCurrency": "EUR", "price": 35 }
}]
}
</script>
<!-- WebSite + recherche interne -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "Grain de Café",
"url": "https://www.graindecafe.com",
"inLanguage": "fr-FR",
"potentialAction": {
"@type": "SearchAction",
"target": "https://www.graindecafe.com/search?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<!-- Store #1 : Riom -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Store",
"name": "Café Bonnac – Torréfacteur (Riom)",
"brand": { "@type": "Brand", "name": "Café Bonnac" },
"image": "https://www.graindecafe.com/cdn/shop/files/LOGO-H.png?v=1713364248&width=559",
"telephone": "+33-4-73-38-42-24",
"url": "https://www.graindecafe.com",
"priceRange": "€€",
"paymentAccepted": ["CB", "Visa", "MasterCard", "AmericanExpress", "PayPal", "GooglePay"],
"address": {
"@type": "PostalAddress",
"streetAddress": "15 Rue du Marthuret",
"postalCode": "63200",
"addressLocality": "Riom",
"addressRegion": "Auvergne-Rhône-Alpes",
"addressCountry": "FR"
},
"openingHoursSpecification": [
{ "@type": "OpeningHoursSpecification", "dayOfWeek": "Tuesday", "opens": "10:00", "closes": "12:30" },
{ "@type": "OpeningHoursSpecification", "dayOfWeek": "Tuesday", "opens": "14:00", "closes": "18:30" },
{ "@type": "OpeningHoursSpecification", "dayOfWeek": ["Wednesday","Thursday","Friday"], "opens": "10:00", "closes": "12:30" },
{ "@type": "OpeningHoursSpecification", "dayOfWeek": ["Wednesday","Thursday","Friday"], "opens": "14:00", "closes": "18:30" },
{ "@type": "OpeningHoursSpecification", "dayOfWeek": "Saturday", "opens": "09:00", "closes": "13:30" }
],
"openingHours": [
"Tu 10:00-12:30","Tu 14:00-18:30",
"We 10:00-12:30","We 14:00-18:30",
"Th 10:00-12:30","Th 14:00-18:30",
"Fr 10:00-12:30","Fr 14:00-18:30",
"Sa 09:00-13:30"
]
}
</script>
<!-- Store #2 : Clermont-Ferrand -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Store",
"name": "Café Bonnac – Torréfacteur (Clermont-Ferrand)",
"brand": { "@type": "Brand", "name": "Café Bonnac" },
"image": "https://www.graindecafe.com/cdn/shop/files/LOGO-H.png?v=1713364248&width=559",
"telephone": "+33-4-73-38-42-24",
"url": "https://www.graindecafe.com",
"priceRange": "€€",
"paymentAccepted": ["CB", "Visa", "MasterCard", "AmericanExpress", "PayPal", "GooglePay"],
"address": {
"@type": "PostalAddress",
"streetAddress": "5 Rue Verdier Latour",
"postalCode": "63000",
"addressLocality": "Clermont-Ferrand",
"addressRegion": "Auvergne-Rhône-Alpes",
"addressCountry": "FR"
},
"openingHoursSpecification": [
{ "@type": "OpeningHoursSpecification", "dayOfWeek": ["Tuesday","Wednesday","Thursday","Friday"], "opens": "10:30", "closes": "14:00" },
{ "@type": "OpeningHoursSpecification", "dayOfWeek": ["Tuesday","Wednesday","Thursday","Friday"], "opens": "15:00", "closes": "18:30" },
{ "@type": "OpeningHoursSpecification", "dayOfWeek": "Saturday", "opens": "09:00", "closes": "13:00" },
{ "@type": "OpeningHoursSpecification", "dayOfWeek": "Saturday", "opens": "14:00", "closes": "18:00" }
],
"openingHours": [
"Tu 10:30-14:00","Tu 15:00-18:30",
"We 10:30-14:00","We 15:00-18:30",
"Th 10:30-14:00","Th 15:00-18:30",
"Fr 10:30-14:00","Fr 15:00-18:30",
"Sa 09:00-13:00","Sa 14:00-18:00"
]
}
</script><script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script><!-- CC Custom Head Start --><!-- CC Custom Head End --><meta name="google-site-verification" content="VUk9ItaUVeFJmLW4KoMkMR3CgmgV3t7Rijg5NtfdCP0" />
<meta name="google-site-verification" content="fYNXPp15yfD9VN8PDBpFKWp78dN53kYK3rVa52AH2Yo" />
<meta name="google-site-verification" content="lPIgeXaVOa6_A63GCyATVmS36k-_ZfUh3K7vteaWKR0" />
<!-- BEGIN app block: shopify://apps/addingwell/blocks/aw-gtm/c8ed21e7-0ac8-4249-8c91-cbdde850b5b8 --><script
type="module"
>
setTimeout(async function () {
const keySessionStorage = 'aw_settings';
let __AW__settings = JSON.parse(sessionStorage.getItem(keySessionStorage));
if(!__AW__settings) {
const awSettings = await fetch(
"/apps/addingwell-proxy",
{
method: "GET",
redirect: "follow",
headers: {'Content-Type': 'application/json', 'Access-Control-Allow-Origin': '*'}
}
);
if (awSettings.ok) {
__AW__settings = await awSettings.json();
sessionStorage.setItem(keySessionStorage, JSON.stringify(__AW__settings));
} else {
console.error('Addingwell - Loading proxy error', awSettings.status);
return;
}
}
if(__AW__settings.insertGtmTag && __AW__settings.gtmId) {
let __AW__gtmUrl = 'https://www.googletagmanager.com/gtm.js';
let __AW__isAddingwellCdn = false;
if(__AW__settings.insertGtmUrl && __AW__settings.gtmUrl) {
__AW__gtmUrl = __AW__settings.gtmUrl;
__AW__isAddingwellCdn = __AW__settings.isAddingwellCdn;
}
(function(w,d,s,l,i){
w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
j.async=true;
j.src=`${__AW__gtmUrl}?${__AW__isAddingwellCdn ? 'awl' : 'id'}=`+(__AW__isAddingwellCdn ? i.replace(/^GTM-/, '') : i)+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script',`${__AW__settings.dataLayerVariableName}`,`${__AW__settings.gtmId}`);
}
const __AW__getEventNameWithSuffix = (eventName) => {
return eventName + (__AW__settings.dataLayerEventSuffix ? "_" + __AW__settings.dataLayerEventSuffix : "");
}
if(__AW__settings.enableDataLayer) {
const MAX_ITEMS_BATCH = 10;
const sendBatchEvents = (items, eventName, eventObject) => {
let batch = [];
for(let i = 0; i < items.length; i++) {
batch.push(items[i]);
if(batch.length === MAX_ITEMS_BATCH || i === items.length - 1) {
const eventClone = {
...eventObject,
ecommerce: {
...eventObject.ecommerce,
items: [...batch]
}
};
window[__AW__settings.dataLayerVariableName].push({ ecommerce: null });
window[__AW__settings.dataLayerVariableName].push({
...{'event': __AW__getEventNameWithSuffix(eventName)},
...eventClone
});
batch = [];
}
}
}
function __AW__filterNullOrEmpty(obj) {
let filteredObj = {};
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
let value = obj[key];
// If value is an object (and not null), recursively filter sub-elements
if (typeof value === "object" && value !== null && value !== undefined) {
let filteredSubObject = __AW__filterNullOrEmpty(value);
// Add the filtered sub-object only if it's not empty
if (Object.keys(filteredSubObject).length > 0) {
filteredObj[key] = filteredSubObject;
}
} else {
// Add the value only if it's neither null nor an empty string
if (value !== null && value !== "" && value !== undefined) {
filteredObj[key] = value;
}
}
}
}
return filteredObj;
}
function getPageType(value) {
const pageTypeMapping = {
404: '404',
article: 'article',
blog: 'blog',
cart: 'cart',
collection: 'collection',
gift_card: 'gift_card',
index: 'homepage',
product: 'product',
search: 'searchresults',
'customers/login': 'login',
'customers/register': 'sign_up'
};
return pageTypeMapping[value] || 'other';
}
function pushDataLayerEvents() {
window[__AW__settings.dataLayerVariableName] = window[__AW__settings.dataLayerVariableName] || []; // init data layer if doesn't already exist
const templateName = "index";
const moneyFormat = "{{amount_with_comma_separator}} €";
const getFormattedPrice = (price) => {
let formattedPrice = price;
if(moneyFormat.indexOf("amount_with_period_and_space_separator") > -1) {
formattedPrice = price.replace(' ', '');
} else if(moneyFormat.indexOf("amount_with_space_separator") > -1) {
formattedPrice = price.replace(' ', '').replace(',', '.');
} else if(moneyFormat.indexOf("amount_no_decimals_with_space_separator") > -1) {
formattedPrice = price.replace(' ', '');
} else if(moneyFormat.indexOf("amount_with_apostrophe_separator") > -1) {
formattedPrice = price.replace('\'', '');
} else if(moneyFormat.indexOf("amount_no_decimals_with_comma_separator") > -1) {
formattedPrice = price.replace('.', '');
} else if(moneyFormat.indexOf("amount_with_comma_separator") > -1) {
formattedPrice = price.replace('.', '').replace(',', '.');
} else if(moneyFormat.indexOf("amount_no_decimals") > -1) {
formattedPrice = price.replace(',', '');
} else if(moneyFormat.indexOf("amount") > -1) {
formattedPrice = price.replace(',', '');
} else {
formattedPrice = price.replace('.', '').replace(",", ".");
}
return parseFloat(formattedPrice);
};
/**********************
* DATALAYER SECTIONS
***********************/
/**
* DATALAYER: User Data
* Build user_data properties.
*/
let newCustomer = true;
window.__AW__UserData = {
user_data: {
new_customer: newCustomer,
}
};
window.__AW__UserData = __AW__filterNullOrEmpty(window.__AW__UserData);
// Ajout du hash SHA256 des champs sensibles de user_data (version robuste)
async function sha256(str) {
if (!str) return undefined;
if (!(window.crypto && window.crypto.subtle)) {
console.error('Crypto.subtle non supporté, hash impossible pour :', str);
return undefined;
}
try {
const buf = await window.crypto.subtle.digest('SHA-256', new TextEncoder().encode(str));
return Array.from(new Uint8Array(buf)).map(x => x.toString(16).padStart(2, '0')).join('');
} catch (e) {
console.error('Erreur lors du hash SHA256 pour', str, e);
return undefined;
}
}
async function getUserDataHash(user_data) {
const hashObj = {};
if (!user_data) return hashObj;
try {
if (user_data.email_address) hashObj.email_address = await sha256(user_data.email_address);
if (user_data.phone_number) hashObj.phone_number = await sha256(user_data.phone_number);
if (user_data.address && typeof user_data.address === 'object') {
hashObj.address = {};
if (user_data.address.first_name) hashObj.address.first_name = await sha256(user_data.address.first_name);
if (user_data.address.last_name) hashObj.address.last_name = await sha256(user_data.address.last_name);
if (user_data.address.street) hashObj.address.street = await sha256(user_data.address.street);
if (user_data.address.city) hashObj.address.city = await sha256(user_data.address.city);
if (user_data.address.region) hashObj.address.region = await sha256(user_data.address.region);
if (user_data.address.postal_code) hashObj.address.postal_code = await sha256(user_data.address.postal_code);
if (user_data.address.country) hashObj.address.country = await sha256(user_data.address.country);
}
} catch (e) {
console.error('Erreur lors du hash user_data_hashed', e);
}
return __AW__filterNullOrEmpty(hashObj);
}
(async function() {
if (window.__AW__UserData && window.__AW__UserData.user_data) {
window.__AW__UserData.user_data_hashed = await getUserDataHash(window.__AW__UserData.user_data);
}
})();
window.__AW__UserData["page_type"] = getPageType(templateName);
window[__AW__settings.dataLayerVariableName].push(window.__AW__UserData);
window[__AW__settings.dataLayerVariableName].push({"event": __AW__getEventNameWithSuffix("page_view")});
/**
* DATALAYER: 404 Pages
* Fire on 404 Pages */
/**
* DATALAYER: Blog Articles
* Fire on Blog Article Pages */
/** DATALAYER: Product List Page (Collections, Category)
* Fire on all product listing pages. */
const __AW__transformNumberToString = (value) => {
if (value !== null && value !== undefined && typeof value === 'number') {
return value.toString();
}
/** By Default return the current value */
return value;
};
let discountPrice = 0.00;
window.__AW__slaveShopifyCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"EUR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
/** DATALAYER: Product Page
* Fire on all Product View pages. */
/** DATALAYER: Cart View
* Fire anytime a user views their cart (non-dynamic) */
let drawerCartAlreadyOpened = false;
function observeCartDrawerOpen() {
const cartDrawer = document.querySelector("cart-drawer");
if (!cartDrawer) return;
const observer = new MutationObserver(() => {
const isOpen = cartDrawer.classList.contains("active") || cartDrawer.hasAttribute("open");
if (isOpen && !drawerCartAlreadyOpened) {
// Delayed view_cart to ensure to have cart update
setTimeout(() => {
drawerCartAlreadyOpened = true;
const ecommerceDataLayer = {
ecommerce: {
currency: __AW__slaveShopifyCart.currency,
value: __AW__slaveShopifyCart.total_price / 100,
items: __AW__slaveShopifyCart.items.map(item => {
const price = (item.discounted_price ?? item.price) / 100;
const discount = (item.price - (item.discounted_price ?? 0)) / 100;
let coupon = "";
if (Array.isArray(item?.discounts)) {
coupon = item.discounts
.filter(discount => typeof discount?.title === 'string')
.map(discount => discount.title)
.join(', ');
}
return {
item_id: __AW__transformNumberToString(item.product_id),
item_variant: item.variant_title,
item_variant_title: item.variant_title,
item_variant_id: __AW__transformNumberToString(item.variant_id),
item_product_id: __AW__transformNumberToString(item.product_id),
item_product_title: item.product_title,
item_name: item.product_title,
price: price,
discount: discount,
item_brand: item.vendor,
item_category: item.product_type,
item_list_name: item.collection || '',
item_list_id: '',
quantity: item.quantity,
sku: __AW__transformNumberToString(item.sku),
coupon: coupon,
url: item.url
};
})
}
};
window[__AW__settings.dataLayerVariableName].push({ ecommerce: null });
window[__AW__settings.dataLayerVariableName].push({
...{'event': __AW__getEventNameWithSuffix('view_cart')},
...ecommerceDataLayer
});
}, 1000)
}
if (!isOpen) {
drawerCartAlreadyOpened = false;
}
});
observer.observe(cartDrawer, {
attributes: true,
attributeFilter: ['class', 'open']
});
}
observeCartDrawerOpen()
/** DATALAYER: Search Results */
var searchPage = new RegExp("search", "g");
if(document.location.pathname.match(searchPage)){
var __AW__items = [];
const awEcommerceSearch = {
search_term: null,
results_count: null,
ecommerce: {
items : []
}
};
sendBatchEvents(__AW__items, "search", awEcommerceSearch);
}
const cartRegex = /\/cart\/(add|change|update)(\.js|\.json)?(\?.*)?$/;
const pendingCartEventName = "aw_pending_cart_event";
if(sessionStorage.getItem(pendingCartEventName)) {
scheduleCartSync();
}
if (!window.__AW__patchedFetch) {
window.__AW__patchedFetch = true;
patchFetch();
}
if (!window.__AW__patchedXHR) {
window.__AW__patchedXHR = true ;
patchXhr();
}
function patchXhr() {
const Native = window.XMLHttpRequest;
class WrappedXHR extends Native {
send(body) {
this.addEventListener('load', () => {
try {
const abs = this.responseURL || '';
const u = new URL(abs, location.origin);
const mt = u.pathname + (u.search || '');
if (this.status === 200 && cartRegex.test(mt)) {
scheduleCartSync();
}
} catch (e) {
console.error('[AW] XHR handler error', e);
}
});
return super.send(body);
}
}
Object.setPrototypeOf(WrappedXHR, Native);
window.XMLHttpRequest = WrappedXHR;
}
function patchFetch() {
const previousFetch = window.fetch;
window.fetch = async function (...args) {
const [resource] = args;
try {
if (typeof resource !== 'string') {
console.error('Invalid resource type');
return previousFetch.apply(this, args);
}
if (cartRegex.test(resource)) {
const response = await previousFetch.apply(this, args);
if (response.ok) {
scheduleCartSync();
} else {
console.warn(`Fetch for ${resource} failed with status: ${response.status}`);
}
return response;
}
} catch (error) {
console.error('[AW] Fetch Wrapper Error:', error);
}
return previousFetch.apply(this, args);
};
}
let awCartRunning = false;
function scheduleCartSync() {
if (awCartRunning) return;
awCartRunning = true;
try {
const snapshot = JSON.stringify(window.__AW__slaveShopifyCart ?? { items: [] });
sessionStorage.setItem(pendingCartEventName, snapshot);
} catch (e) {
console.warn('[AW] snapshot error', e);
}
void runCartSyncOnce().finally(() => {
sessionStorage.removeItem(pendingCartEventName);
awCartRunning = false;
});
}
async function runCartSyncOnce() {
try {
const response = await fetch(`${window.Shopify.routes.root || "/"}cart.js?adw=1`, {
credentials: 'same-origin',
headers: { 'Accept': 'application/json' }
});
if (!response.ok) throw new Error('HTTP ' + response.status);
const newCart = await response.json();
compareCartData(newCart);
} catch (error) {
console.error('[AW] Error fetching /cart.js (singleton):', error);
}
}
function compareCartData(newCartData) {
const oldCartData = sessionStorage.getItem(pendingCartEventName) ? JSON.parse(sessionStorage.getItem(pendingCartEventName)) : { items: [] };
newCartData = newCartData || {items: []};
const oldItems = new Map(oldCartData.items.map(item => [item.id, item]));
const newItems = new Map(newCartData.items.map(item => [item.id, item]));
newItems.forEach((newItem, key) => {
const oldItem = oldItems.get(key);
const eventName = "add_to_cart";
if (!oldItem) {
handleCartDataLayer(eventName, newItem.quantity, newItem);
} else if (newItem.quantity > oldItem.quantity) {
handleCartDataLayer(eventName, newItem.quantity - oldItem.quantity, newItem);
}
});
oldItems.forEach((oldItem, key) => {
const newItem = newItems.get(key);
const eventName = "remove_from_cart";
if (!newItem) {
handleCartDataLayer(eventName, oldItem.quantity, oldItem);
} else if (oldItem.quantity > newItem.quantity) {
handleCartDataLayer(eventName, oldItem.quantity - newItem.quantity, newItem);
}
});
sessionStorage.removeItem(pendingCartEventName);
__AW__slaveShopifyCart = newCartData;
}
function handleCartDataLayer(eventName, quantity, item) {
const price = (item.discounted_price ?? item.price) / 100;
const discount = (item.price - (item.discounted_price ?? 0)) / 100;
const totalValue = price * quantity;
let coupon = "";
if(Array.isArray(item?.discounts)) {
coupon = item.discounts
.filter(discount => typeof discount?.title === 'string')
.map(discount => discount.title)
.join(', ');
}
const ecommerceCart = {
ecommerce: {
currency: "EUR",
value: totalValue,
items: [{
item_id: __AW__transformNumberToString(item.product_id),
item_variant: item.variant_title || "Default Variant",
item_variant_id: __AW__transformNumberToString(item.variant_id),
item_variant_title: item.variant_title || "Default Variant",
item_name: item.product_title,
item_product_id: __AW__transformNumberToString(item.product_id),
item_product_title: item.product_title,
sku: __AW__transformNumberToString(item.sku),
discount: discount,
price: price,
item_brand: item.vendor,
item_category: item.product_type,
quantity: quantity,
coupon: coupon,
url: item?.url
}]
}
};
window[__AW__settings.dataLayerVariableName].push({ ecommerce: null });
window[__AW__settings.dataLayerVariableName].push({
...{ 'event': __AW__getEventNameWithSuffix(eventName) },
...ecommerceCart
});
}
}
if (document.readyState === 'loading') {
// document still loading...
document.addEventListener('DOMContentLoaded', () => {
pushDataLayerEvents();
});
} else {
// already loaded, chocs away!
pushDataLayerEvents();
}
}
}, 0);
</script>
<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
<script async src="https://static.klaviyo.com/onsite/js/UZkBF5/klaviyo.js?company_id=UZkBF5"></script>
<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
<script>
window.klaviyoReviewsProductDesignMode = false
</script>
<!-- END app block --><!-- BEGIN app block: shopify://apps/seal-subscriptions/blocks/subscription-script-append/13b25004-a140-4ab7-b5fe-29918f759699 --><script defer="defer">
/** SealSubs loader,version number: 2.0 */
(function(){
var loadScript=function(a,b){var c=document.createElement("script");c.setAttribute("defer", "defer");c.type="text/javascript",c.readyState?c.onreadystatechange=function(){("loaded"==c.readyState||"complete"==c.readyState)&&(c.onreadystatechange=null,b())}:c.onload=function(){b()},c.src=a,document.getElementsByTagName("head")[0].appendChild(c)};
// Set variable to prevent the other loader from requesting the same resources
window.seal_subs_app_block_loader = true;
appendScriptUrl('boutique-grain-de-cafe.myshopify.com');
// get script url and append timestamp of last change
function appendScriptUrl(shop) {
var timeStamp = Math.floor(Date.now() / (1000*1*1));
var timestampUrl = 'https://app.sealsubscriptions.com/shopify/public/status/shop/'+shop+'.js?'+timeStamp;
loadScript(timestampUrl, function() {
// append app script
if (typeof sealsubscriptions_settings_updated == 'undefined') {
sealsubscriptions_settings_updated = 'default-by-script';
}
var scriptUrl = "https://cdn-app.sealsubscriptions.com/shopify/public/js/sealsubscriptions-main.js?shop="+shop+"&"+sealsubscriptions_settings_updated;
loadScript(scriptUrl, function(){});
});
}
})();
var SealSubsScriptAppended = true;
</script>
<!-- END app block --><!-- BEGIN app block: shopify://apps/sami-product-labels/blocks/app-embed-block/b9b44663-5d51-4be1-8104-faedd68da8c5 --><script type="text/javascript">
window.Samita = window.Samita || {};
Samita.ProductLabels = Samita.ProductLabels || {};
Samita.ProductLabels.locale = {"shop_locale":{"locale":"fr","enabled":true,"primary":true,"published":true}};
Samita.ProductLabels.page = {title : document.title.replaceAll('"', "'"), href : window.location.href, type: "index", page_id: ""};
Samita.ProductLabels.dataShop = Samita.ProductLabels.dataShop || {};Samita.ProductLabels.dataShop = {"install":1,"configuration":{"money_format":"{{amount_with_comma_separator}} €"},"pricing":{"plan":"DIAMOND","features":{"chose_product_form_collections_tag":true,"design_custom_unlimited_position":true,"design_countdown_timer_label_badge":true,"design_text_hover_label_badge":true,"label_display_product_page_first_image":true,"choose_product_variants":true,"choose_country_restriction":false,"conditions_specific_products":-1,"conditions_include_exclude_product_tag":true,"conditions_inventory_status":true,"conditions_sale_products":true,"conditions_customer_tag":true,"conditions_products_created_published":true,"conditions_set_visibility_date_time":true,"conditions_work_with_metafields":true,"images_samples":{"collections":["payment","fresh_green","free_labels","custom","day_of_peace","halloween","suggestions_for_you","all","valentine","beauty","new","newArrival","discount","sale","comboOffers","quality","bestseller","blackFriday","newYear","free","fewLeft","earthDay","laborDay","boxingDay","christmas","preOrder","easter","single","back_to_school"]},"badges_labels_conditions":{"fields":["ALL","PRODUCTS","TITLE","TYPE","VENDOR","VARIANT_PRICE","COMPARE_PRICE","SALE_PRICE","OPTION","TAG","WEIGHT","CREATE","PUBLISH","METAFIELD","VARIANT_METAFIELD","INVENTORY","VARIANT_INVENTORY","VARIANTS","COLLECTIONS","CUSTOMER","CUSTOMER_TAG","CUSTOMER_ORDER_COUNT","CUSTOMER_TOTAL_SPENT","CUSTOMER_PURCHASE","CUSTOMER_COMPANY_NAME","PAGE","LANGUAGE","COUNTRY"]}}},"settings":{"notUseSearchFileApp":false,"general":{"maximum_condition":"3"},"watermark":true,"translations":{"default":{"Days":"d","Hours":"h","Minutes":"m","Seconds":"s"}}},"url":"boutique-grain-de-cafe.myshopify.com","base_app_url":"https://label.samita.io/","app_url":"https://d3g7uyxz2n998u.cloudfront.net/","storefront_access_token":"0d6f0e22abd909508b5c589f1c4d81cb"};Samita.ProductLabels.dataShop.configuration.money_format = "{{amount_with_comma_separator}} €";if (typeof Shopify!= "undefined" && Shopify?.theme?.role != "main") {Samita.ProductLabels.dataShop.settings.notUseSearchFileApp = false;}
Samita.ProductLabels.theme_id =null;
Samita.ProductLabels.products = Samita.ProductLabels.products || [];if (typeof Shopify!= "undefined" && Shopify?.theme?.id == 137880993952) {Samita.ProductLabels.themeInfo = {"id":137880993952,"name":"Grain de café Ent V1.6.1","role":"main","theme_store_id":1657,"theme_name":"Enterprise","theme_version":"1.6.1"};}if (typeof Shopify!= "undefined" && Shopify?.theme?.id == 137880993952) {Samita.ProductLabels.theme = {"selectors":{"product":{"elementSelectors":[".product-top",".Product",".product-detail",".product-page-container","#ProductSection-product-template","#shopify-section-product-template",".product:not(.featured-product,.slick-slide)",".product-main",".grid:not(.product-grid,.sf-grid,.featured-product)",".grid.product-single","#__pf",".gfqv-product-wrapper",".ga-product",".t4s-container",".gCartItem, .flexRow.noGutter, .cart__row, .line-item, .cart-item, .cart-row, .CartItem, .cart-line-item, .cart-table tbody tr, .container-indent table tbody tr"],"elementNotSelectors":[".mini-cart__recommendations-list"],"notShowCustomBlocks":".variant-swatch__item,.swatch-element,.fera-productReviews-review,share-button,.hdt-variant-picker,.col-story-block,.lightly-spaced-row","link":"[samitaPL-product-link], h3[data-href*=\"/products/\"], div[data-href*=\"/products/\"], a[data-href*=\"/products/\"], a.product-block__link[href*=\"/products/\"], a.indiv-product__link[href*=\"/products/\"], a.thumbnail__link[href*=\"/products/\"], a.product-item__link[href*=\"/products/\"], a.product-card__link[href*=\"/products/\"], a.product-card-link[href*=\"/products/\"], a.product-block__image__link[href*=\"/products/\"], a.stretched-link[href*=\"/products/\"], a.grid-product__link[href*=\"/products/\"], a.product-grid-item--link[href*=\"/products/\"], a.product-link[href*=\"/products/\"], a.product__link[href*=\"/products/\"], a.full-unstyled-link[href*=\"/products/\"], a.grid-item__link[href*=\"/products/\"], a.grid-product__link[href*=\"/products/\"], a[data-product-page-link][href*=\"/products/\"], a[href*=\"/products/\"]:not(.logo-bar__link,.ButtonGroup__Item.Button,.menu-promotion__link,.site-nav__link,.mobile-nav__link,.hero__sidebyside-image-link,.announcement-link,.breadcrumbs-list__link,.single-level-link,.d-none,.icon-twitter,.icon-facebook,.icon-pinterest,#btn,.list-menu__item.link.link--tex,.btnProductQuickview,.index-banner-slides-each,.global-banner-switch,.sub-nav-item-link,.announcement-bar__link,.Carousel__Cell,.Heading,.facebook,.twitter,.pinterest,.loyalty-redeem-product-title,.breadcrumbs__link,.btn-slide,.h2m-menu-item-inner--sub,.glink,.announcement-bar__link,.ts-link,.hero__slide-link)","signal":"[data-product-handle], [data-product-id]","notSignal":":not([data-section-id=\"product-recommendations\"],[data-section-type=\"product-recommendations\"],#product-area,#looxReviews)","priceSelectors":[".product-option .cvc-money","#ProductPrice-product-template",".product-block--price",".price-list","#ProductPrice",".product-price",".product__price—reg","#productPrice-product-template",".product__current-price",".product-thumb-caption-price-current",".product-item-caption-price-current",".grid-product__price,.product__price","span.price","span.product-price",".productitem--price",".product-pricing","div.price","span.money",".product-item__price",".product-list-item-price","p.price",".product-meta__prices","div.product-price","span#price",".price.money","h3.price","a.price",".price-area",".product-item-price",".pricearea",".collectionGrid .collectionBlock-info > p","#ComparePrice",".product--price-wrapper",".product-page--price-wrapper",".color--shop-accent.font-size--s.t--meta.f--main",".ComparePrice",".ProductPrice",".prodThumb .title span:last-child",".price",".product-single__price-product-template",".product-info-price",".price-money",".prod-price","#price-field",".product-grid--price",".prices,.pricing","#product-price",".money-styling",".compare-at-price",".product-item--price",".card__price",".product-card__price",".product-price__price",".product-item__price-wrapper",".product-single__price",".grid-product__price-wrap","a.grid-link p.grid-link__meta",".product__prices","#comparePrice-product-template","dl[class*=\"price\"]","div[class*=\"price\"]",".gl-card-pricing",".ga-product_price-container"],"titleSelectors":[".prod-title",".product-block--title",".product-info__title",".product-thumbnail__title",".product-card__title","div.product__title",".card__heading.h5",".cart-item__name.h4",".spf-product-card__title.h4",".gl-card-title",".ga-product_title"],"imageSelectors":["picture img",".grid_img",".imgWrapper > img",".gitem-img",".card__media img",".image__inner img",".snize-thumbnail",".zoomImg",".spf-product-card__image",".boost-pfs-filter-product-item-main-image",".pwzrswiper-slide > img",".product__image-wrapper img",".grid__image-ratio",".product__media img",".AspectRatio > img",".product__media img",".rimage-wrapper > img",".ProductItem__Image",".img-wrapper img",".aspect-ratio img",".product-card__image-wrapper > .product-card__image",".ga-products_image img",".image__container",".image-wrap .grid-product__image",".boost-sd__product-image img",".box-ratio > img",".image-cell img.card__image","img[src*=\"cdn.shopify.com\"][src*=\"/products/\"]","img[srcset*=\"cdn.shopify.com\"][srcset*=\"/products/\"]","img[data-srcset*=\"cdn.shopify.com\"][data-srcset*=\"/products/\"]","img[data-src*=\"cdn.shopify.com\"][data-src*=\"/products/\"]","img[data-srcset*=\"cdn.shopify.com\"][data-srcset*=\"/products/\"]","img[srcset*=\"cdn.shopify.com\"][src*=\"no-image\"]",".product-card__image > img",".product-image-main .image-wrap",".grid-product__image",".media > img","img[srcset*=\"cdn/shop/products/\"]","[data-bgset*=\"cdn.shopify.com\"][data-bgset*=\"/products/\"] > [data-bgset*=\"cdn.shopify.com\"][data-bgset*=\"/products/\"]","[data-bgset*=\"cdn.shopify.com\"][data-bgset*=\"/products/\"]","img[src*=\"cdn.shopify.com\"][src*=\"no-image\"]","img[src*=\"cdn/shop/products/\"]",".ga-product_image",".gfqv-product-image"],"media":".card__inner,.spf-product-card__inner","soldOutBadge":".tag.tag--rectangle, .grid-product__tag--sold-out, on-sale-badge","paymentButton":".shopify-payment-button, .product-form--smart-payment-buttons, .lh-wrap-buynow, .wx-checkout-btn","formSelectors":["form.product-form","form.product__form-buttons","form.product_form",".main-product-form","form.t4s-form__product",".product-single__form",".shopify-product-form","#shopify-section-product-template form[action*=\"/cart/add\"]","form[action*=\"/cart/add\"]:not(.form-card)",".ga-products-table li.ga-product",".pf-product-form"],"variantActivator":".product__swatches [data-swatch-option], .product__swatches .swatch--color, .swatch-view-item, variant-radios input, .swatch__container .swatch__option, .gf_swatches .gf_swatch, .product-form__controls-group-options select, ul.clickyboxes li, .pf-variant-select, ul.swatches-select li, .product-options__value, .form-check-swatch, button.btn.swatch select.product__variant, .pf-container a, button.variant.option, ul.js-product__variant--container li, .variant-input, .product-variant > ul > li ,.input--dropdown, .HorizontalList > li, .product-single__swatch__item, .globo-swatch-list ul.value > .select-option, .form-swatch-item, .selector-wrapper select, select.pf-input, ul.swatches-select > li.nt-swatch.swatch_pr_item, ul.gfqv-swatch-values > li, .lh-swatch-select, .swatch-image, .variant-image-swatch, #option-size, .selector-wrapper .replaced, .regular-select-content > .regular-select-item, .radios--input, ul.swatch-view > li > .swatch-selector ,.single-option-selector, .swatch-element input, [data-product-option], .single-option-selector__radio, [data-index^=\"option\"], .SizeSwatchList input, .swatch-panda input[type=radio], .swatch input, .swatch-element input[type=radio], select[id*=\"product-select-\"], select[id|=\"product-select-option\"], [id|=\"productSelect-product\"], [id|=\"ProductSelect-option\"],select[id|=\"product-variants-option\"],select[id|=\"sca-qv-product-selected-option\"],select[id*=\"product-variants-\"],select[id|=\"product-selectors-option\"],select[id|=\"variant-listbox-option\"],select[id|=\"id-option\"],select[id|=\"SingleOptionSelector\"], .variant-input-wrap input, [data-action=\"select-value\"]","variant":".variant-selection__variants, .formVariantId, .product-variant-id, .product-form__variants, .ga-product_variant_select, select[name=\"id\"], input[name=\"id\"], .qview-variants > select, select[name=\"id[]\"]","variantIdByAttribute":"swatch-current-variant","quantity":".gInputElement, [name=\"qty\"], [name=\"quantity\"]","quantityWrapper":"#Quantity, input.quantity-selector.quantity-input, [data-quantity-input-wrapper], .product-form__quantity-selector, .product-form__item--quantity, .ProductForm__QuantitySelector, .quantity-product-template, .product-qty, .qty-selection, .product__quantity, .js-qty__num","productAddToCartBtnSelectors":[".product-form__cart-submit",".add-to-cart-btn",".product__add-to-cart-button","#AddToCart--product-template","#addToCart","#AddToCart-product-template","#AddToCart",".add_to_cart",".product-form--atc-button","#AddToCart-product",".AddtoCart","button.btn-addtocart",".product-submit","[name=\"add\"]","[type=\"submit\"]",".product-form__add-button",".product-form--add-to-cart",".btn--add-to-cart",".button-cart",".action-button > .add-to-cart","button.btn--tertiary.add-to-cart",".form-actions > button.button",".gf_add-to-cart",".zend_preorder_submit_btn",".gt_button",".wx-add-cart-btn",".previewer_add-to-cart_btn > button",".qview-btn-addtocart",".ProductForm__AddToCart",".button--addToCart","#AddToCartDesk","[data-pf-type=\"ProductATC\"]"],"customAddEl":{"productPageSameLevel":true,"collectionPageSameLevel":true,"cartPageSameLevel":false},"cart":{"buttonOpenCartDrawer":"","drawerForm":".ajax-cart__form, #mini-cart-form, #CartPopup, #rebuy-cart, #CartDrawer-Form, #cart , #theme-ajax-cart, form[action*=\"/cart\"]:not([action*=\"/cart/add\"]):not([hidden])","form":"body, #mini-cart-form","rowSelectors":["gCartItem","flexRow.noGutter","cart__row","line-item","cart-item","cart-row","CartItem","cart-line-item","cart-table tbody tr","container-indent table tbody tr"],"price":"td.cart-item__details > div.product-option"},"collection":{"positionBadgeImageWrapper":"","positionBadgeTitleWrapper":"","positionBadgePriceWrapper":"","notElClass":["cart-item-list__body","product-list","samitaPL-card-list","cart-items-con","boost-pfs-search-suggestion-group","collection","pf-slide","boost-sd__cart-body","boost-sd__product-list","snize-search-results-content","productGrid","footer__links","header__links-list","cartitems--list","Cart__ItemList","minicart-list-prd","mini-cart-item","mini-cart__line-item-list","cart-items","grid","products","ajax-cart__form","hero__link","collection__page-products","cc-filters-results","footer-sect","collection-grid","card-list","page-width","collection-template","mobile-nav__sublist","product-grid","site-nav__dropdown","search__results","product-recommendations","faq__wrapper","section-featured-product","announcement_wrapper","cart-summary-item-container","cart-drawer__line-items","product-quick-add","cart__items","rte","m-cart-drawer__items","scd__items","sf__product-listings","line-item","the-flutes","section-image-with-text-overlay","CarouselWrapper"]},"quickView":{"activator":"a.quickview-icon.quickview, .qv-icon, .previewer-button, .sca-qv-button, .product-item__action-button[data-action=\"open-modal\"], .boost-pfs-quickview-btn, .collection-product[data-action=\"show-product\"], button.product-item__quick-shop-button, .product-item__quick-shop-button-wrapper, .open-quick-view, .product-item__action-button[data-action=\"open-modal\"], .tt-btn-quickview, .product-item-quick-shop .available, .quickshop-trigger, .productitem--action-trigger:not(.productitem--action-atc), .quick-product__btn, .thumbnail, .quick_shop, a.sca-qv-button, .overlay, .quick-view, .open-quick-view, [data-product-card-link], a[rel=\"quick-view\"], a.quick-buy, div.quickview-button > a, .block-inner a.more-info, .quick-shop-modal-trigger, a.quick-view-btn, a.spo-quick-view, div.quickView-button, a.product__label--quick-shop, span.trigger-quick-view, a.act-quickview-button, a.product-modal, [data-quickshop-full], [data-quickshop-slim], [data-quickshop-trigger]","productForm":".qv-form, .qview-form, .description-wrapper_content, .wx-product-wrapper, #sca-qv-add-item-form, .product-form, #boost-pfs-quickview-cart-form, .product.preview .shopify-product-form, .product-details__form, .gfqv-product-form, #ModalquickView form#modal_quick_view, .quick-shop-modal form[action*=\"/cart/add\"], #quick-shop-modal form[action*=\"/cart/add\"], .white-popup.quick-view form[action*=\"/cart/add\"], .quick-view form[action*=\"/cart/add\"], [id*=\"QuickShopModal-\"] form[action*=\"/cart/add\"], .quick-shop.active form[action*=\"/cart/add\"], .quick-view-panel form[action*=\"/cart/add\"], .content.product.preview form[action*=\"/cart/add\"], .quickView-wrap form[action*=\"/cart/add\"], .quick-modal form[action*=\"/cart/add\"], #colorbox form[action*=\"/cart/add\"], .product-quick-view form[action*=\"/cart/add\"], .quickform, .modal--quickshop-full, .modal--quickshop form[action*=\"/cart/add\"], .quick-shop-form, .fancybox-inner form[action*=\"/cart/add\"], #quick-view-modal form[action*=\"/cart/add\"], [data-product-modal] form[action*=\"/cart/add\"], .modal--quick-shop.modal--is-active form[action*=\"/cart/add\"]","appVariantActivator":".previewer_options","appVariantSelector":".full_info, [data-behavior=\"previewer_link\"]","appButtonClass":["sca-qv-cartbtn","qview-btn","btn--fill btn--regular"]}}},"integrateApps":["globo.relatedproduct.loaded","globoFilterQuickviewRenderCompleted","globoFilterRenderSearchCompleted","globoFilterRenderCompleted","shopify:block:select","vsk:product:changed","collectionUpdate","cart:updated","cart:refresh","cart-notification:show"],"timeOut":250,"theme_store_id":1657,"theme_name":"Enterprise"};}if (Samita?.ProductLabels?.theme?.selectors) {
Samita.ProductLabels.settings = {
selectors: Samita?.ProductLabels?.theme?.selectors,
integrateApps: Samita?.ProductLabels?.theme?.integrateApps,
condition: Samita?.ProductLabels?.theme?.condition,
timeOut: Samita?.ProductLabels?.theme?.timeOut,
}
} else {
Samita.ProductLabels.settings = {
"selectors": {
"product": {
"elementSelectors": [".product-top",".Product",".product-detail",".product-page-container","#ProductSection-product-template",".product",".product-main",".grid",".grid.product-single","#__pf",".gfqv-product-wrapper",".ga-product",".t4s-container",".gCartItem, .flexRow.noGutter, .cart__row, .line-item, .cart-item, .cart-row, .CartItem, .cart-line-item, .cart-table tbody tr, .container-indent table tbody tr"],
"elementNotSelectors": [".mini-cart__recommendations-list"],
"notShowCustomBlocks": ".variant-swatch__item",
"link": "[samitaPL-product-link], a[href*=\"/products/\"]:not(.logo-bar__link,.site-nav__link,.mobile-nav__link,.hero__sidebyside-image-link,.announcement-link)",
"signal": "[data-product-handle], [data-product-id]",
"notSignal": ":not([data-section-id=\"product-recommendations\"],[data-section-type=\"product-recommendations\"],#product-area,#looxReviews)",
"priceSelectors": [".product-option .cvc-money","#ProductPrice-product-template",".product-block--price",".price-list","#ProductPrice",".product-price",".product__price—reg","#productPrice-product-template",".product__current-price",".product-thumb-caption-price-current",".product-item-caption-price-current",".grid-product__price,.product__price","span.price","span.product-price",".productitem--price",".product-pricing","div.price","span.money",".product-item__price",".product-list-item-price","p.price",".product-meta__prices","div.product-price","span#price",".price.money","h3.price","a.price",".price-area",".product-item-price",".pricearea",".collectionGrid .collectionBlock-info > p","#ComparePrice",".product--price-wrapper",".product-page--price-wrapper",".color--shop-accent.font-size--s.t--meta.f--main",".ComparePrice",".ProductPrice",".prodThumb .title span:last-child",".price",".product-single__price-product-template",".product-info-price",".price-money",".prod-price","#price-field",".product-grid--price",".prices,.pricing","#product-price",".money-styling",".compare-at-price",".product-item--price",".card__price",".product-card__price",".product-price__price",".product-item__price-wrapper",".product-single__price",".grid-product__price-wrap","a.grid-link p.grid-link__meta",".product__prices","#comparePrice-product-template","dl[class*=\"price\"]","div[class*=\"price\"]",".gl-card-pricing",".ga-product_price-container"],
"titleSelectors": [".prod-title",".product-block--title",".product-info__title",".product-thumbnail__title",".product-card__title","div.product__title",".card__heading.h5",".cart-item__name.h4",".spf-product-card__title.h4",".gl-card-title",".ga-product_title"],
"imageSelectors": ["img.rimage__image",".grid_img",".imgWrapper > img",".gitem-img",".card__media img",".image__inner img",".snize-thumbnail",".zoomImg",".spf-product-card__image",".boost-pfs-filter-product-item-main-image",".pwzrswiper-slide > img",".product__image-wrapper img",".grid__image-ratio",".product__media img",".AspectRatio > img",".rimage-wrapper > img",".ProductItem__Image",".img-wrapper img",".product-card__image-wrapper > .product-card__image",".ga-products_image img",".image__container",".image-wrap .grid-product__image",".boost-sd__product-image img",".box-ratio > img",".image-cell img.card__image","img[src*=\"cdn.shopify.com\"][src*=\"/products/\"]","img[srcset*=\"cdn.shopify.com\"][srcset*=\"/products/\"]","img[data-srcset*=\"cdn.shopify.com\"][data-srcset*=\"/products/\"]","img[data-src*=\"cdn.shopify.com\"][data-src*=\"/products/\"]","img[srcset*=\"cdn.shopify.com\"][src*=\"no-image\"]",".product-card__image > img",".product-image-main .image-wrap",".grid-product__image",".media > img","img[srcset*=\"cdn/shop/products/\"]","[data-bgset*=\"cdn.shopify.com\"][data-bgset*=\"/products/\"]","img[src*=\"cdn.shopify.com\"][src*=\"no-image\"]","img[src*=\"cdn/shop/products/\"]",".ga-product_image",".gfqv-product-image"],
"media": ".card__inner,.spf-product-card__inner",
"soldOutBadge": ".tag.tag--rectangle, .grid-product__tag--sold-out",
"paymentButton": ".shopify-payment-button, .product-form--smart-payment-buttons, .lh-wrap-buynow, .wx-checkout-btn",
"formSelectors": ["form.product-form, form.product_form","form.t4s-form__product",".product-single__form",".shopify-product-form","#shopify-section-product-template form[action*=\"/cart/add\"]","form[action*=\"/cart/add\"]:not(.form-card)",".ga-products-table li.ga-product",".pf-product-form"],
"variantActivator": ".product__swatches [data-swatch-option], variant-radios input, .swatch__container .swatch__option, .gf_swatches .gf_swatch, .product-form__controls-group-options select, ul.clickyboxes li, .pf-variant-select, ul.swatches-select li, .product-options__value, .form-check-swatch, button.btn.swatch select.product__variant, .pf-container a, button.variant.option, ul.js-product__variant--container li, .variant-input, .product-variant > ul > li, .input--dropdown, .HorizontalList > li, .product-single__swatch__item, .globo-swatch-list ul.value > .select-option, .form-swatch-item, .selector-wrapper select, select.pf-input, ul.swatches-select > li.nt-swatch.swatch_pr_item, ul.gfqv-swatch-values > li, .lh-swatch-select, .swatch-image, .variant-image-swatch, #option-size, .selector-wrapper .replaced, .regular-select-content > .regular-select-item, .radios--input, ul.swatch-view > li > .swatch-selector, .single-option-selector, .swatch-element input, [data-product-option], .single-option-selector__radio, [data-index^=\"option\"], .SizeSwatchList input, .swatch-panda input[type=radio], .swatch input, .swatch-element input[type=radio], select[id*=\"product-select-\"], select[id|=\"product-select-option\"], [id|=\"productSelect-product\"], [id|=\"ProductSelect-option\"], select[id|=\"product-variants-option\"], select[id|=\"sca-qv-product-selected-option\"], select[id*=\"product-variants-\"], select[id|=\"product-selectors-option\"], select[id|=\"variant-listbox-option\"], select[id|=\"id-option\"], select[id|=\"SingleOptionSelector\"], .variant-input-wrap input, [data-action=\"select-value\"]",
"variant": ".variant-selection__variants, .product-form__variants, .ga-product_variant_select, select[name=\"id\"], input[name=\"id\"], .qview-variants > select, select[name=\"id[]\"]",
"quantity": ".gInputElement, [name=\"qty\"], [name=\"quantity\"]",
"quantityWrapper": "#Quantity, input.quantity-selector.quantity-input, [data-quantity-input-wrapper], .product-form__quantity-selector, .product-form__item--quantity, .ProductForm__QuantitySelector, .quantity-product-template, .product-qty, .qty-selection, .product__quantity, .js-qty__num",
"productAddToCartBtnSelectors": [".product-form__cart-submit",".add-to-cart-btn",".product__add-to-cart-button","#AddToCart--product-template","#addToCart","#AddToCart-product-template","#AddToCart",".add_to_cart",".product-form--atc-button","#AddToCart-product",".AddtoCart","button.btn-addtocart",".product-submit","[name=\"add\"]","[type=\"submit\"]",".product-form__add-button",".product-form--add-to-cart",".btn--add-to-cart",".button-cart",".action-button > .add-to-cart","button.btn--tertiary.add-to-cart",".form-actions > button.button",".gf_add-to-cart",".zend_preorder_submit_btn",".gt_button",".wx-add-cart-btn",".previewer_add-to-cart_btn > button",".qview-btn-addtocart",".ProductForm__AddToCart",".button--addToCart","#AddToCartDesk","[data-pf-type=\"ProductATC\"]"],
"customAddEl": {"productPageSameLevel": true,"collectionPageSameLevel": true,"cartPageSameLevel": false},
"cart": {"buttonOpenCartDrawer": "","drawerForm": ".ajax-cart__form, #CartDrawer-Form , #theme-ajax-cart, form[action*=\"/cart\"]:not([action*=\"/cart/add\"]):not([hidden])","form": "body","rowSelectors": ["gCartItem","flexRow.noGutter","cart__row","line-item","cart-item","cart-row","CartItem","cart-line-item","cart-table tbody tr","container-indent table tbody tr"],"price": "td.cart-item__details > div.product-option"},
"collection": {"positionBadgeImageWrapper": "","positionBadgeTitleWrapper": "","positionBadgePriceWrapper": "","notElClass": ["samitaPL-card-list","cart-items","grid","products","ajax-cart__form","hero__link","collection__page-products","cc-filters-results","footer-sect","collection-grid","card-list","page-width","collection-template","mobile-nav__sublist","product-grid","site-nav__dropdown","search__results","product-recommendations"]},
"quickView": {"activator": "a.quickview-icon.quickview, .qv-icon, .previewer-button, .sca-qv-button, .product-item__action-button[data-action=\"open-modal\"], .boost-pfs-quickview-btn, .collection-product[data-action=\"show-product\"], button.product-item__quick-shop-button, .product-item__quick-shop-button-wrapper, .open-quick-view, .tt-btn-quickview, .product-item-quick-shop .available, .quickshop-trigger, .productitem--action-trigger:not(.productitem--action-atc), .quick-product__btn, .thumbnail, .quick_shop, a.sca-qv-button, .overlay, .quick-view, .open-quick-view, [data-product-card-link], a[rel=\"quick-view\"], a.quick-buy, div.quickview-button > a, .block-inner a.more-info, .quick-shop-modal-trigger, a.quick-view-btn, a.spo-quick-view, div.quickView-button, a.product__label--quick-shop, span.trigger-quick-view, a.act-quickview-button, a.product-modal, [data-quickshop-full], [data-quickshop-slim], [data-quickshop-trigger]","productForm": ".qv-form, .qview-form, .description-wrapper_content, .wx-product-wrapper, #sca-qv-add-item-form, .product-form, #boost-pfs-quickview-cart-form, .product.preview .shopify-product-form, .product-details__form, .gfqv-product-form, #ModalquickView form#modal_quick_view, .quick-shop-modal form[action*=\"/cart/add\"], #quick-shop-modal form[action*=\"/cart/add\"], .white-popup.quick-view form[action*=\"/cart/add\"], .quick-view form[action*=\"/cart/add\"], [id*=\"QuickShopModal-\"] form[action*=\"/cart/add\"], .quick-shop.active form[action*=\"/cart/add\"], .quick-view-panel form[action*=\"/cart/add\"], .content.product.preview form[action*=\"/cart/add\"], .quickView-wrap form[action*=\"/cart/add\"], .quick-modal form[action*=\"/cart/add\"], #colorbox form[action*=\"/cart/add\"], .product-quick-view form[action*=\"/cart/add\"], .quickform, .modal--quickshop-full, .modal--quickshop form[action*=\"/cart/add\"], .quick-shop-form, .fancybox-inner form[action*=\"/cart/add\"], #quick-view-modal form[action*=\"/cart/add\"], [data-product-modal] form[action*=\"/cart/add\"], .modal--quick-shop.modal--is-active form[action*=\"/cart/add\"]","appVariantActivator": ".previewer_options","appVariantSelector": ".full_info, [data-behavior=\"previewer_link\"]","appButtonClass": ["sca-qv-cartbtn","qview-btn","btn--fill btn--regular"]}
}
},
"integrateApps": ["globo.relatedproduct.loaded","globoFilterQuickviewRenderCompleted","globoFilterRenderSearchCompleted","globoFilterRenderCompleted","collectionUpdate"],
"timeOut": 250
}
}
Samita.ProductLabels.dataLabels = [];Samita.ProductLabels.dataLabels[70596] = {"70596":{"id":70596,"type":"label","label_configs":{"type":"image","design":{"font":{"size":"14","values":[],"customFont":false,"fontFamily":"Open Sans","fontVariant":"regular","customFontFamily":"Lato","customFontVariant":"400"},"size":{"value":"large","custom":{"width":"75","height":"75","setCaratWidth":"px","setCaratHeight":"px"}},"text":{"items":[{"lang":"default","timer":{"min":"Minutes","sec":"Seconds","days":"Days","hours":"Hours"},"content":"\u003cdiv\u003eBack to School\u003c\/div\u003e","textHover":{"addLink":{"url":null,"target_blank":0},"tooltip":null}}],"filters":{"sort":"most_relevant","color":"all","style":"outline","category":"free_labels","assetType":"image_shapes"},"background":{"item":[],"type":"shape","shape":"1"}},"color":{"textColor":{"a":1,"b":255,"g":255,"r":255},"borderColor":{"a":1,"b":51,"g":51,"r":51},"backgroundLeft":{"a":1,"b":106,"g":16,"r":134},"backgroundRight":{"a":1,"b":83,"g":54,"r":94}},"image":{"items":[{"item":{"id":56221,"url":"https:\/\/samita-pl-labels.s3.ap-southeast-2.amazonaws.com\/files\/23421coup_coeur1757024694.png","html":null,"lang":"en","name":"coup_coeur","type":"upload","price":"0.00","filters":"{}","keywords":[],"asset_url":null,"asset_type":"images","created_at":"2025-09-04T22:24:55.000000Z","updated_at":"2025-09-04T22:24:55.000000Z","MediaImageId":"gid:\/\/shopify\/MediaImage\/66269197861239","MediaImageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0630\/7807\/2480\/files\/23421coup_coeur1757024694.png?v=1757024745","content_types":["custom"]},"lang":"default","textHover":{"addLink":{"url":null,"target_blank":0},"tooltip":null}}],"filters":{"sort":"most_relevant","color":"all","style":"outline","category":"custom","assetType":"images"}},"timer":{"date_range":{"days":["mon","tue","wed","thu","fri","sat","sun"],"active":false,"endTime":{"min":15,"sec":0,"hours":10},"startTime":{"min":15,"sec":0,"hours":9}}},"border":{"size":"0","style":"solid"},"margin":{"top":"0","left":"0","right":"0","bottom":"0"},"shadow":{"value":"0"},"mobiles":{"font":{"size":{"value":null,"setCaratWidth":"px"}},"size":{"width":null,"height":null,"setCaratWidth":"px","setCaratHeight":"px"},"active":false},"opacity":{"value":"1.00"},"padding":{"top":"5","left":"5","right":"5","bottom":"5"},"tablets":{"font":{"size":{"value":null,"setCaratWidth":"px"}},"size":{"width":null,"height":null,"setCaratWidth":"px","setCaratHeight":"px"},"active":false},"position":{"value":"top_right","custom":{"top":"0","left":"0","right":"0","bottom":"0"},"customType":{"leftOrRight":"left","topOrBottom":"top"},"customPosition":"belowProductPrice","selectorPositionHomePage":null,"selectorPositionOtherPage":null,"selectorPositionProductPage":null,"selectorPositionCollectionPage":null},"rotation":{"value":0},"animation":{"value":"none","repeat":null,"duration":2}},"end_at":"2025-09-19T22:00:00Z","start_at":"2025-09-04T22:00:00Z"},"condition_configs":{"manual":{"on_pages":["all"],"product_pages":{"showOnImgs":"all"},"device_targeting":{"show_on":"all"},"notShowCustomBlocks":null},"automate":{"operator":"and","conditions":[{"value":null,"where":"EQUALS","select":"PRODUCTS","values":[13171527712928,13171273662624,13166484619424,13166643216544,13091730620576,13093912936608],"multipleUrls":null}]}},"status":1}}[70596];Samita.ProductLabels.dataLabels[71833] = {"71833":{"id":71833,"type":"label","label_configs":{"type":"image","design":{"font":{"size":"14","values":[],"customFont":false,"fontFamily":"Open Sans","fontVariant":"regular","customFontFamily":"Lato","customFontVariant":"400"},"size":{"value":"medium","custom":{"width":"75","height":"75","setCaratWidth":"px","setCaratHeight":"px"}},"text":{"items":[{"lang":"default","timer":{"min":"Minutes","sec":"Seconds","days":"Days","hours":"Hours"},"content":"\u003cdiv\u003eInternational Day of Peace\u003c\/div\u003e","textHover":{"addLink":{"url":null,"target_blank":0},"tooltip":null}}],"filters":{"sort":"most_relevant","color":"all","style":"outline","category":"free_labels","assetType":"image_shapes"},"background":{"item":[],"type":"shape","shape":"1"}},"color":{"textColor":{"a":1,"b":255,"g":255,"r":255},"borderColor":{"a":1,"b":51,"g":51,"r":51},"backgroundLeft":{"a":1,"b":106,"g":16,"r":134},"backgroundRight":{"a":1,"b":83,"g":54,"r":94}},"image":{"items":[{"item":{"id":56792,"url":"https:\/\/samita-pl-labels.s3.ap-southeast-2.amazonaws.com\/files\/23421label_french_days1758540429.png","html":null,"lang":"en","name":"label_french_days","type":"upload","price":"0.00","filters":"{}","keywords":[],"asset_url":null,"asset_type":"images","created_at":"2025-09-22T11:27:10.000000Z","updated_at":"2025-09-22T11:27:10.000000Z","MediaImageId":"gid:\/\/shopify\/MediaImage\/66494427627895","MediaImageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0630\/7807\/2480\/files\/23421label_french_days1758540429.png?v=1758540834","content_types":["custom"]},"lang":"default","textHover":{"addLink":{"url":null,"target_blank":0},"tooltip":null}}],"filters":{"sort":"most_relevant","color":"all","style":"outline","category":"custom","assetType":"images"}},"timer":{"date_range":{"days":["mon","tue","wed","thu","fri","sat","sun"],"active":false,"endTime":{"min":15,"sec":0,"hours":10},"startTime":{"min":15,"sec":0,"hours":9}}},"border":{"size":"0","style":"solid"},"margin":{"top":"5","left":"5","right":"5","bottom":"5"},"shadow":{"value":"0"},"mobiles":{"font":{"size":{"value":null,"setCaratWidth":"px"}},"size":{"width":null,"height":null,"setCaratWidth":"px","setCaratHeight":"px"},"active":true},"opacity":{"value":"1.00"},"padding":{"top":"5","left":"5","right":"5","bottom":"5"},"tablets":{"font":{"size":{"value":null,"setCaratWidth":"px"}},"size":{"width":null,"height":null,"setCaratWidth":"px","setCaratHeight":"px"},"active":null},"position":{"value":"top_right","custom":{"top":"0","left":"0","right":"0","bottom":"0"},"customType":{"leftOrRight":"left","topOrBottom":"top"},"customPosition":"belowProductPrice","selectorPositionHomePage":null,"selectorPositionOtherPage":null,"selectorPositionProductPage":null,"selectorPositionCollectionPage":null},"rotation":{"value":null},"animation":{"value":"none","repeat":null,"duration":2}},"end_at":"2025-09-29T21:59:00Z","start_at":"2025-09-23T22:00:00Z"},"condition_configs":{"manual":{"on_pages":["all"],"product_pages":{"showOnImgs":"all"},"device_targeting":{"show_on":"all"},"notShowCustomBlocks":null},"automate":{"operator":"and","conditions":[{"value":null,"where":"EQUALS","select":"COLLECTIONS","values":[670901109111],"multipleUrls":null},{"value":null,"where":"NOT_EQUALS","select":"PRODUCTS","values":[13629157572768],"multipleUrls":null}]}},"status":1}}[71833];Samita.ProductLabels.dataTrustBadges = [];Samita.ProductLabels.dataHighlights = [];Samita.ProductLabels.dataBanners = [];Samita.ProductLabels.dataLabelGroups = [];Samita.ProductLabels.dataIdImages = null;
Samita.ProductLabels.dataImages = [];Samita.ProductLabels.dataProductMetafieldKeys = [];Samita.ProductLabels.dataProductMetafieldKeys = [];Samita.ProductLabels.dataVariantMetafieldKeys = [];Samita.ProductLabels.dataVariantMetafieldKeys = [];if (Samita.ProductLabels.dataProductMetafieldKeys?.length || Samita.ProductLabels.dataVariantMetafieldKeys?.length) {
Samita.ProductLabels.products = [];
}
</script>
<!-- END app block --><!-- BEGIN app block: shopify://apps/bundler/blocks/bundler-script-append/7a6ae1b8-3b16-449b-8429-8bb89a62c664 --><script defer="defer">
/** Bundler script loader, version number: 2.0 */
(function(){
var loadScript=function(a,b){var c=document.createElement("script");c.type="text/javascript",c.readyState?c.onreadystatechange=function(){("loaded"==c.readyState||"complete"==c.readyState)&&(c.onreadystatechange=null,b())}:c.onload=function(){b()},c.src=a,document.getElementsByTagName("head")[0].appendChild(c)};
appendScriptUrl('boutique-grain-de-cafe.myshopify.com');
// get script url and append timestamp of last change
function appendScriptUrl(shop) {
var timeStamp = Math.floor(Date.now() / (1000*1*1));
var timestampUrl = 'https://bundler.nice-team.net/app/shop/status/'+shop+'.js?'+timeStamp;
loadScript(timestampUrl, function() {
// append app script
if (typeof bundler_settings_updated == 'undefined') {
console.log('settings are undefined');
bundler_settings_updated = 'default-by-script';
}
var scriptUrl = "https://cdn-bundler.nice-team.net/app/js/bundler-script.js?shop="+shop+"&"+bundler_settings_updated;
loadScript(scriptUrl, function(){});
});
}
})();
var BndlrScriptAppended = true;
</script>
<!-- END app block --><script src="https://cdn.shopify.com/extensions/019c0eee-edaa-7efe-8d4d-9c5a39d5d323/smile-io-283/assets/smile-loader.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/019c0f60-ab95-7293-a1b4-cef6ea828f86/product-label-4-284/assets/samita.ProductLabels.index.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: 63078072480,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: 63078072480,storefrontBaseUrl: "https://www.graindecafe.com",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":"3050766711","configuration":"{\"accountID\":\"UZkBF5\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"524f6c1ee37bacdca7657a665bdca589","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"584319136","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-220VS7BKNQ\\\",\\\"target_country\\\":\\\"FR\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-220VS7BKNQ\\\",\\\"AW-1071341354\\\/4HRvCKTBzcEZEKq-7f4D\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-220VS7BKNQ\\\",\\\"AW-1071341354\\\/OPDOCLe_zcEZEKq-7f4D\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-220VS7BKNQ\\\",\\\"AW-1071341354\\\/WQbtCLS_zcEZEKq-7f4D\\\",\\\"MC-L04V0BW5CY\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-220VS7BKNQ\\\",\\\"AW-1071341354\\\/RtmiCK6_zcEZEKq-7f4D\\\",\\\"MC-L04V0BW5CY\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-220VS7BKNQ\\\",\\\"AW-1071341354\\\/-7E1CLG_zcEZEKq-7f4D\\\",\\\"MC-L04V0BW5CY\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-220VS7BKNQ\\\",\\\"AW-1071341354\\\/ZaUVCKfBzcEZEKq-7f4D\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-220VS7BKNQ\\\",\\\"AW-1071341354\\\/8BPiCKHBzcEZEKq-7f4D\\\"]}],\\\"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":"151126391","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"Addingwell Pixel"},{"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":"Graindecafe","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"boutique-grain-de-cafe.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/www.graindecafe.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://www.graindecafe.com/cdn","3918e4e0wbf3ac3cepc5707306mb02b36c6",{"modern":"","legacy":""},{"shopId":"63078072480","storefrontBaseUrl":"https:\/\/www.graindecafe.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"3918e4e0wbf3ac3cepc5707306mb02b36c6","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":"90653bf4-5f20-4e96-b563-30dc04ce7b7b-1770059249"}};
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: 63078072480,
theme_id: 137880993952,
app_name: "storefront",
context_url: window.location.href,
source_url: "//www.graindecafe.com/cdn/s/trekkie.storefront.c59ea00e0474b293ae6629561379568a2d7c4bba.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//www.graindecafe.com/cdn/s/trekkie.storefront.c59ea00e0474b293ae6629561379568a2d7c4bba.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.graindecafe.com/cdn/s/trekkie.storefront.c59ea00e0474b293ae6629561379568a2d7c4bba.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":63078072480,"isMerchantRequest":null,"themeId":137880993952,"themeCityHash":"6699729287894574922","contentLanguage":"fr","currency":"EUR","eventMetadataId":"af70907a-338a-409e-b55f-92c0da3f1221"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["65f19447","b5387b81"]},"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":"90653bf4-5f20-4e96-b563-30dc04ce7b7b-1770059249","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 = "//www.graindecafe.com/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://www.graindecafe.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.1.0.min.js"
data-application="storefront-renderer"
data-shop-id="63078072480"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="137880993952"
data-theme-name="Enterprise"
data-theme-version="1.6.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://www.graindecafe.com/api/collect"
></script>
</head>
<body>
<a class="skip-link btn btn--primary visually-hidden" href="#main-content" data-ce-role="skip">Aller au contenu</a><h1 class="visually-hidden">
Torréfaction artisanale depuis 1910 : cafés en grain, thés, machines & chocolats – Grain de Café
</h1><!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--17255510343840__announcement" class="shopify-section shopify-section-group-header-group cc-announcement">
<link href="//www.graindecafe.com/cdn/shop/t/12/assets/announcement.css?v=64767389152932430921729615761" rel="stylesheet" type="text/css" media="all" />
<script src="//www.graindecafe.com/cdn/shop/t/12/assets/announcement.js?v=123267429028003703111729615761" defer="defer"></script><style data-shopify>.announcement {
--announcement-text-color: 255 255 255;
background-color: #305847;
}</style><announcement-bar class="announcement block text-body-medium" data-slide-delay="4000">
<div class="container">
<div class="flex">
<div class="announcement__col--left announcement__col--align-center announcement__slider" aria-roledescription="carousel" aria-live="off"><div class="announcement__text flex items-center m-0" aria-roledescription="slide">
<div class="rte"><p>Livraison offerte à partir de 35€ d'achats</p></div>
</div><div class="announcement__text flex items-center m-0" aria-roledescription="slide">
<div class="rte"><p>Offre de bienvenue 10% - Rejoignez notre communauté - Plus de 6000 Clients Satisfaits</p></div>
</div></div>
</div>
</div>
</announcement-bar>
<style> #shopify-section-sections--17255510343840__announcement .announcement__text, #shopify-section-sections--17255510343840__announcement h2 {font-size: 1.5rem;} </style></div><div id="shopify-section-sections--17255510343840__header" class="shopify-section shopify-section-group-header-group cc-header">
<style data-shopify>.header {
--bg-color: 255 255 255 / 1.0;
--text-color: 7 7 7;
--nav-bg-color: 255 255 255;
--nav-text-color: 7 7 7;
--nav-child-bg-color: 255 255 255;
--nav-child-text-color: 7 7 7;
--header-accent-color: 119 119 119;
--search-bg-color: #e6e6e6;
}</style><store-header class="header bg-theme-bg text-theme-text has-motion">
<header class="header__grid header__grid--left-logo container flex flex-wrap items-center">
<div class="header__logo logo flex js-closes-menu"><a class="logo__link inline-block" href="/"><span class="flex" style="max-width: 150px;">
<img srcset="//www.graindecafe.com/cdn/shop/files/LOGO-H.png?v=1713364248&width=150, //www.graindecafe.com/cdn/shop/files/LOGO-H.png?v=1713364248&width=300 2x" src="//www.graindecafe.com/cdn/shop/files/LOGO-H.png?v=1713364248&width=300"
style="object-position: 50.0% 50.0%" loading="eager"
width="300"
height="101"
fetchpriority="high"
decoding="async"
alt="LOGO H">
</span></a></div><link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/predictive-search.css?v=169301280820700013071761821741">
<script src="//www.graindecafe.com/cdn/shop/t/12/assets/predictive-search.js?v=158424367886238494141729615762" defer="defer"></script>
<script src="//www.graindecafe.com/cdn/shop/t/12/assets/tabs.js?v=135558236254064818051729615762" defer="defer"></script><div class="header__search relative js-closes-menu"><link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/search-suggestions.css?v=42785600753809748511729615762" media="print" onload="this.media='all'"><link rel="preload"
href="//www.graindecafe.com/cdn/shop/t/12/assets/product-type-search.css?v=32465786266336344111729615762"
as="style"
onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet"
href="//www.graindecafe.com/cdn/shop/t/12/assets/product-type-search.css?v=32465786266336344111729615762"></noscript><predictive-search class="block" data-loading-text="Chargement..."><form class="search relative search--product-types" role="search" action="/search" method="get">
<label class="label visually-hidden" for="header-search">Recherche</label>
<script src="//www.graindecafe.com/cdn/shop/t/12/assets/search-form.js?v=43677551656194261111729615762" defer="defer"></script>
<search-form class="search__form block">
<input type="hidden" name="options[prefix]" value="last">
<input type="search"
class="search__input w-full input js-search-input"
id="header-search"
name="q"
placeholder="Trouvez votre café"
data-placeholder-one="Trouvez votre café"
data-placeholder-two="Découvrez nos machines"
data-placeholder-three="Recherchez parmi nos 300 cafés"
data-placeholder-prompts-mob="false"
data-typing-speed="100"
data-deleting-speed="60"
data-delay-after-deleting="500"
data-delay-before-first-delete="2000"
data-delay-after-word-typed="2400"
role="combobox"
autocomplete="off"
aria-autocomplete="list"
aria-controls="predictive-search-results"
aria-owns="predictive-search-results"
aria-haspopup="listbox"
aria-expanded="false"
spellcheck="false">
<custom-select id="product_types" class="search__product-types absolute left-0 top-0 bottom-0 js-search-product-types"><label
id="product_types-label"
class="label visually-hidden no-js-hidden"
for="product_types-button">
Type de produit
</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
aria-expanded="false" aria-haspopup="listbox" id="product_types-button"
aria-labelledby="product_types-label">
<span class="text-start">Tous</span>
<svg width="20" height="20" viewbox="0 0 24 24" class="icon" role="presentation" focusable="false" aria-hidden="true">
<path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/>
</svg>
</button>
<ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
aria-hidden="true" hidden><li class="custom-select__option js-option" id="product_types-opt-default" role="option" data-value="">
<span class="pointer-events-none">Tous</span>
</li><li class="custom-select__option flex items-center js-option" id="product_types-opt-0" role="option"
data-value="Accessoires"
>
<span class="pointer-events-none">Accessoires</span>
</li><li class="custom-select__option flex items-center js-option" id="product_types-opt-1" role="option"
data-value="Balance"
>
<span class="pointer-events-none">Balance</span>
</li><li class="custom-select__option flex items-center js-option" id="product_types-opt-2" role="option"
data-value="Bouilloire"
>
<span class="pointer-events-none">Bouilloire</span>
</li><li class="custom-select__option flex items-center js-option" id="product_types-opt-3" role="option"
data-value="Cafetière"
>
<span class="pointer-events-none">Cafetière</span>
</li><li class="custom-select__option flex items-center js-option" id="product_types-opt-4" role="option"
data-value="Café"
>
<span class="pointer-events-none">Café</span>
</li><li class="custom-select__option flex items-center js-option" id="product_types-opt-5" role="option"
data-value="Carte cadeau"
>
<span class="pointer-events-none">Carte cadeau</span>
</li><li class="custom-select__option flex items-center js-option" id="product_types-opt-6" role="option"
data-value="Chocolat"
>
<span class="pointer-events-none">Chocolat</span>
</li><li class="custom-select__option flex items-center js-option" id="product_types-opt-7" role="option"
data-value="Coffret"
>
<span class="pointer-events-none">Coffret</span>
</li><li class="custom-select__option flex items-center js-option" id="product_types-opt-8" role="option"
data-value="Entonnoire"
>
<span class="pointer-events-none">Entonnoire</span>
</li><li class="custom-select__option flex items-center js-option" id="product_types-opt-9" role="option"
data-value="ENTREPRISE"
>
<span class="pointer-events-none">ENTREPRISE</span>
</li><li class="custom-select__option flex items-center js-option" id="product_types-opt-10" role="option"
data-value="filtre"
>
<span class="pointer-events-none">filtre</span>
</li><li class="custom-select__option flex items-center js-option" id="product_types-opt-11" role="option"
data-value="filtres à café"
>
<span class="pointer-events-none">filtres à café</span>
</li><li class="custom-select__option flex items-center js-option" id="product_types-opt-12" role="option"
data-value="Infusion"
>
<span class="pointer-events-none">Infusion</span>
</li><li class="custom-select__option flex items-center js-option" id="product_types-opt-13" role="option"
data-value="livre"
>
<span class="pointer-events-none">livre</span>
</li><li class="custom-select__option flex items-center js-option" id="product_types-opt-14" role="option"
data-value="Moulin"
>
<span class="pointer-events-none">Moulin</span>
</li><li class="custom-select__option flex items-center js-option" id="product_types-opt-15" role="option"
data-value="Mousseur à Lait"
>
<span class="pointer-events-none">Mousseur à Lait</span>
</li><li class="custom-select__option flex items-center js-option" id="product_types-opt-16" role="option"
data-value="Thé"
>
<span class="pointer-events-none">Thé</span>
</li><li class="custom-select__option flex items-center js-option" id="product_types-opt-17" role="option"
data-value="Théière"
>
<span class="pointer-events-none">Théière</span>
</li></ul>
</div></custom-select>
<input type="hidden" id="product_type_input" name="filter.p.product_type"/><button class="search__submit text-current absolute focus-inset start"><span class="visually-hidden">Rechercher</span><svg width="21" height="23" viewbox="0 0 21 23" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M14.398 14.483 19 19.514l-1.186 1.014-4.59-5.017a8.317 8.317 0 0 1-4.888 1.578C3.732 17.089 0 13.369 0 8.779S3.732.472 8.336.472c4.603 0 8.335 3.72 8.335 8.307a8.265 8.265 0 0 1-2.273 5.704ZM8.336 15.53c3.74 0 6.772-3.022 6.772-6.75 0-3.729-3.031-6.75-6.772-6.75S1.563 5.051 1.563 8.78c0 3.728 3.032 6.75 6.773 6.75Z"/></svg>
</button>
<button type="button" class="search__reset text-current vertical-center absolute focus-inset js-search-reset" hidden>
<span class="visually-hidden">Réinitialiser</span>
<svg width="24" height="24" viewbox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linejoin="round" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M5 19 19 5M5 5l14 14"/></svg>
</button></search-form><div class="js-search-results" tabindex="-1" data-predictive-search></div>
<span class="js-search-status visually-hidden" role="status" aria-hidden="true"></span></form>
<div class="overlay fixed top-0 right-0 bottom-0 left-0 js-search-overlay"></div></predictive-search>
</div><div class="header__icons flex justify-end mis-auto js-closes-menu"><a class="header__icon text-current" href="/account/login">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon-account" fill="none" viewbox="0 0 25 24">
<rect width="24.8" height="24" fill="white"/>
<path d="M12 14C15.3137 14 18 11.3137 18 8C18 4.68629 15.3137 2 12 2C8.68629 2 6 4.68629 6 8C6 11.3137 8.68629 14 12 14Z" stroke="#1A1B21" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4 22L5.86791 18.2318C6.53742 16.8805 8.1157 16 9.86607 16H14.1339C15.8843 16 17.4626 16.8805 18.1321 18.2318L20 22H7.60779" stroke="#1A1B21" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span class="visually-hidden">Se connecter</span>
</a><a class="header__icon relative text-current" id="cart-icon" href="/cart" data-no-instant><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon-account" fill="none" viewbox="0 0 24 24">
<path d="M2 9H22L20.2756 19.0892C19.9878 20.7745 18.6067 22 16.9956 22H7.00444C5.39333 22 4.01333 20.7745 3.72444 19.0892L2 9Z" stroke="#1A1B21" stroke-width="1.5"/>
<path d="M1 9H23" stroke="#1A1B21" stroke-width="1.5" stroke-linecap="round"/>
<path d="M8.5 3L5 9M15.5 3L19 9" stroke="#1A1B21" stroke-width="1.5" stroke-linecap="round"/>
<path d="M8 13L8 18" stroke="#1A1B21" stroke-width="1.5" stroke-linecap="round"/>
<path d="M12 13L12 18" stroke="#1A1B21" stroke-width="1.5" stroke-linecap="round"/>
<path d="M16 13L16 18" stroke="#1A1B21" stroke-width="1.5" stroke-linecap="round"/>
</svg><span class="visually-hidden">Panier</span>
<div id="cart-icon-bubble"></div>
</a>
</div><main-menu class="main-menu" data-menu-sensitivity="200">
<details class="main-menu__disclosure has-motion" open>
<summary class="main-menu__toggle md:hidden">
<span class="main-menu__toggle-icon" aria-hidden="true"></span>
<span class="visually-hidden">Menu</span>
</summary>
<div class="main-menu__content has-motion justify-between">
<nav aria-label="Principal" data-nosnippet>
<ul class="main-nav"><li><details class="js-mega-nav" >
<summary class="main-nav__item--toggle relative js-nav-hover js-toggle">
<a class="main-nav__item main-nav__item--primary main-nav__item-content"
href="https://www.graindecafe.com/collections/cafe-en-grain-1">Café en grain<svg width="24" height="24" viewbox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg>
</a>
</summary><div class="main-nav__child mega-nav mega-nav--columns mega-nav--no-grandchildren has-motion">
<div class="container mega-nav--promos-bottom">
<ul class="child-nav md:grid md:nav-gap-x-16 md:nav-gap-y-4 md:grid-cols-3 lg:grid-cols-4">
<li class="md:hidden">
<button type="button" class="main-nav__item main-nav__item--back relative js-back">
<div class="main-nav__item-content text-start">
<svg width="24" height="24" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Retour</div>
</button>
</li>
<li class="md:hidden">
<a href="https://www.graindecafe.com/collections/cafe-en-grain-1" class="main-nav__item child-nav__item large-text main-nav__item-header">Café en grain</a>
</li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_corse.webp?v=1745797914&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Tous nos cafés en grain">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/acheter-cafe-en-grain">Tous nos cafés en grain
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/files/cafe_grain_nicaragua_mombacho.webp?v=1745791639&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Café en grain Grand cru">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/cafe-en-grain-grand-cru">Café en grain Grand cru
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_les_iles.webp?v=1745797914&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Café en grain biologique">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/cafe-en-grain-biologique">Café en grain biologique
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_corse.webp?v=1745797914&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Café en grain italien">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/cafe-en-grain-italien">Café en grain italien
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_corse.webp?v=1745797914&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Café en grain Blend">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/blend-maison">Café en grain Blend
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/files/COFF-D-ASIE-P1.webp?v=1760522547&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Coffret découverte café en grain">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/coffret-decouverte-cafe-en-grain">Coffret découverte café en grain
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/files/cafe_grain_perou_cusco_dk_bio.webp?v=1745790689&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Café en grain décaféiné">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/cafes-decafeines">Café en grain décaféiné
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/files/cafe_vert_ethiopie_djimmah.webp?v=1745790048&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Café en grain vert">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/cafe-vert">Café en grain vert
</a></div></li></ul><div class="child-promos" data-promo-count="3">
<div class="main-nav__promos mt-12 md:nav-mt-4 sm:nav-gap-x-6 sm:grid sm:nav-grid-cols-3 lg:grid-cols-3"
style="--promo-text-color:#ffffff;--promo-min-height:200px;--promo-overlay-color: rgba(42, 43, 42, 0.35);"><a href="/collections/cafe-transporte-a-la-voile" class="promo hover:grow-media overflow-hidden relative flex p-6 justify-center items-center text-center"><div class="media absolute top-0 left-0 w-full h-full">
<img src="//www.graindecafe.com/cdn/shop/files/cafe-a-la-voile.jpg?v=1740696832&width=400"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="400"
height="266"
decoding="async"
alt="cafe a voile">
</div><div class="promo__content relative" style="--font-size: 20px; max-width: 100%;">
<div class="rte rte--inherit-heading-color"><p><strong>Café en grain transporté à la voile</strong></p></div>
</div></a><a href="/products/250-gr-cafe-en-grain-blend-fifty-100-arabica" class="promo hover:grow-media overflow-hidden relative flex p-6 justify-center items-center text-center"><div class="media absolute top-0 left-0 w-full h-full">
<img src="//www.graindecafe.com/cdn/shop/files/banner_menu_fifty.webp?v=1757409832&width=400"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="400"
height="266"
decoding="async"
alt="banner menu café fifty">
</div><div class="promo__content relative" style="--font-size: 22px; max-width: 100%;">
<div class="rte rte--inherit-heading-color"><p><strong>Dégustez notre café FIFTY !<br/>Puissant et corsé<br/></strong></p></div>
</div></a><a href="https://www.graindecafe.com/products/coffret-personnalisable-cafe-graindecafe" class="promo hover:grow-media overflow-hidden relative flex p-6 justify-center items-center text-center"><div class="media absolute top-0 left-0 w-full h-full">
<img srcset="//www.graindecafe.com/cdn/shop/files/BOX-1_77996fd3-82ad-4a45-aa15-d716af893483.png?v=1730306131&width=400, //www.graindecafe.com/cdn/shop/files/BOX-1_77996fd3-82ad-4a45-aa15-d716af893483.png?v=1730306131&width=800 2x" src="//www.graindecafe.com/cdn/shop/files/BOX-1_77996fd3-82ad-4a45-aa15-d716af893483.png?v=1730306131&width=800"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="800"
height="368"
decoding="async"
alt="BOX 1 77996fd3">
</div><div class="promo__content relative" style="--font-size: 22px; max-width: 100%;">
<div class="rte rte--inherit-heading-color"><p><strong>Coffret café en grain personnalisable</strong></p></div>
</div></a></div>
</div></div></div>
</details></li><li><details class="js-mega-nav" >
<summary class="main-nav__item--toggle relative js-nav-hover js-toggle">
<a class="main-nav__item main-nav__item--primary main-nav__item-content"
href="/collections/cafe-moulu">Café moulu<svg width="24" height="24" viewbox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg>
</a>
</summary><div class="main-nav__child mega-nav mega-nav--columns mega-nav--no-grandchildren has-motion">
<div class="container mega-nav--promos-bottom">
<ul class="child-nav md:grid md:nav-gap-x-16 md:nav-gap-y-4 md:grid-cols-3 lg:grid-cols-4">
<li class="md:hidden">
<button type="button" class="main-nav__item main-nav__item--back relative js-back">
<div class="main-nav__item-content text-start">
<svg width="24" height="24" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Retour</div>
</button>
</li>
<li class="md:hidden">
<a href="/collections/cafe-moulu" class="main-nav__item child-nav__item large-text main-nav__item-header">Café moulu</a>
</li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/files/cafe_moulu_blend_expresso_corse.webp?v=1745797915&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Tous nos cafés moulus">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/cafe-moulu">Tous nos cafés moulus
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/files/cafe_moulu_nicaragua_mombacho.webp?v=1745791612&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Café moulu Grand cru">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/cafe-moulu-grand-cru">Café moulu Grand cru
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/files/cafe_moulu_blend_les_iles.webp?v=1745797914&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Café moulu biologique">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/cafe-moulu-biologique">Café moulu biologique
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/files/cafe_moulu_blend_pietro.webp?v=1745797915&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Café moulu Italien">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/cafe-moulu-italien">Café moulu Italien
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/files/cafe_moulu_ethiopie_djimmah.webp?v=1745797215&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Café moulu pour expresso">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/cafe-moulu-pour-expresso">Café moulu pour expresso
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/files/cafe_grain_ethiopie_djimmah.webp?v=1745797253&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Café moulu pour cafetière filtre / Slow Coffee">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/cafe-pour-slow-coffee-ou-methode-douce">Café moulu pour cafetière filtre / Slow Coffee
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/files/cafe_moulu_bresil_santos.webp?v=1745797736&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Café moulu pour cafetière piston">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/cafe-moulu-pour-cafetiere-piston">Café moulu pour cafetière piston
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/files/chicoreechai.webp?v=1762333845&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Chicorée">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/chicoree-cherico">Chicorée
</a></div></li></ul><div class="child-promos" data-promo-count="3">
<div class="main-nav__promos mt-12 md:nav-mt-4 sm:nav-gap-x-6 sm:grid sm:nav-grid-cols-3 lg:grid-cols-3"
style="--promo-text-color:#ffffff;--promo-min-height:200px;--promo-overlay-color: rgba(0, 0, 0, 0.2);"><a href="https://www.graindecafe.com/pages/comment-doser-le-cafe" class="promo hover:grow-media overflow-hidden relative flex p-6 justify-center items-center text-center"><div class="media absolute top-0 left-0 w-full h-full">
<img srcset="//www.graindecafe.com/cdn/shop/files/comment_doser_son_cafe.webp?v=1744280180&width=400, //www.graindecafe.com/cdn/shop/files/comment_doser_son_cafe.webp?v=1744280180&width=800 2x" src="//www.graindecafe.com/cdn/shop/files/comment_doser_son_cafe.webp?v=1744280180&width=800"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="800"
height="532"
decoding="async"
alt="comment doser son">
</div><div class="promo__content relative" style="--font-size: 24px; max-width: 100%;">
<div class="rte rte--inherit-heading-color"><p>Comment bien <br/>DOSER son café ?<br/><strong>Calculateur Coffee Expert</strong></p></div>
</div></a><a href="/collections/lalternative-au-cafe" class="promo hover:grow-media overflow-hidden relative flex p-6 justify-center items-center text-center"><div class="media absolute top-0 left-0 w-full h-full">
<img src="//www.graindecafe.com/cdn/shop/files/bannierealt.webp?v=1769695278&width=400"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="400"
height="184"
decoding="async"
alt="">
</div><div class="promo__content relative" style="--font-size: 24px; max-width: 100%;">
<div class="rte rte--inherit-heading-color"><p><strong>Découvrez l'Alternative au Café</strong><br/></p></div>
</div></a><a href="https://www.graindecafe.com/collections/cafe-moulu-italien" class="promo hover:grow-media overflow-hidden relative flex p-6 justify-center items-center text-center"><div class="media absolute top-0 left-0 w-full h-full">
<img srcset="//www.graindecafe.com/cdn/shop/files/BNR-PRESTO-1_56d853b6-1c33-464b-81db-ec092a1c82e2.png?v=1768233068&width=400, //www.graindecafe.com/cdn/shop/files/BNR-PRESTO-1_56d853b6-1c33-464b-81db-ec092a1c82e2.png?v=1768233068&width=800 2x" src="//www.graindecafe.com/cdn/shop/files/BNR-PRESTO-1_56d853b6-1c33-464b-81db-ec092a1c82e2.png?v=1768233068&width=800"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="800"
height="418"
decoding="async"
alt="">
</div><div class="promo__content relative" style="--font-size: 24px; max-width: 100%;">
<div class="rte rte--inherit-heading-color"><p><strong>Presto !<br/></strong>Nos cafés italiens</p></div>
</div></a></div>
</div></div></div>
</details></li><li><details class="js-mega-nav" >
<summary class="main-nav__item--toggle relative js-nav-hover js-toggle">
<a class="main-nav__item main-nav__item--primary main-nav__item-content"
href="/collections/selection-de-thes">Thé<svg width="24" height="24" viewbox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg>
</a>
</summary><div class="main-nav__child mega-nav mega-nav--columns mega-nav--no-grandchildren has-motion">
<div class="container mega-nav--promos-bottom">
<ul class="child-nav md:grid md:nav-gap-x-16 md:nav-gap-y-4 md:grid-cols-3 lg:grid-cols-4">
<li class="md:hidden">
<button type="button" class="main-nav__item main-nav__item--back relative js-back">
<div class="main-nav__item-content text-start">
<svg width="24" height="24" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Retour</div>
</button>
</li>
<li class="md:hidden">
<a href="/collections/selection-de-thes" class="main-nav__item child-nav__item large-text main-nav__item-header">Thé</a>
</li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/the_en_vrac_8b23a17b-53b5-4d35-a5ef-7a52697769e9.webp?v=1757247334&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Voir tous les thés">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/selection-de-thes">Voir tous les thés
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/the_en_vrac.webp?v=1757247335&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Thé en vrac">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/the-en-vrac">Thé en vrac
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/the_en_sachet.webp?v=1757247335&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Thé en sachet">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/selection-de-thes-en-sachet">Thé en sachet
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-THE-NOIR.png?v=1757247281&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Thé noir">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/the-noir">Thé noir
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-THE-VERT.png?v=1757247282&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Thé vert">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/the-vert">Thé vert
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-THE-ROOIBOS.png?v=1757247284&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Thé rouge">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/the-rooibos">Thé rouge
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/Fbkt_the.jpg?v=1757247316&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Thé parfumé">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/les-thes-parfumes">Thé parfumé
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/ICON-CADEAU-SURPRISE.webp?v=1757247329&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Coffret thé">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/coffret-the-et-infusion">Coffret thé
</a></div></li></ul><div class="child-promos" data-promo-count="3">
<div class="main-nav__promos mt-12 md:nav-mt-4 sm:nav-gap-x-6 sm:grid sm:nav-grid-cols-3 lg:grid-cols-3"
style="--promo-text-color:#f8f8f8;--promo-min-height:200px;--promo-overlay-color: rgba(42, 43, 42, 0.25);"><a href="/collections/the-chai" class="promo hover:grow-media overflow-hidden relative flex p-6 justify-center items-center text-center"><div class="media absolute top-0 left-0 w-full h-full">
<img srcset="//www.graindecafe.com/cdn/shop/files/the_chai_epices.webp?v=1746221765&width=400, //www.graindecafe.com/cdn/shop/files/the_chai_epices.webp?v=1746221765&width=800 2x" src="//www.graindecafe.com/cdn/shop/files/the_chai_epices.webp?v=1746221765&width=800"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="800"
height="533"
decoding="async"
alt="infusion the chai">
</div><div class="promo__content relative" style="--font-size: 27px; max-width: 100%;">
<div class="rte rte--inherit-heading-color"><p><strong>Le Thé Chaï</strong></p></div>
</div></a><a href="https://www.graindecafe.com/products/coffret-personnalisable-the-et-infusion" class="promo hover:grow-media overflow-hidden relative flex p-6 justify-center items-center text-center"><div class="media absolute top-0 left-0 w-full h-full">
<img srcset="//www.graindecafe.com/cdn/shop/files/BOX-1_77996fd3-82ad-4a45-aa15-d716af893483.png?v=1730306131&width=400, //www.graindecafe.com/cdn/shop/files/BOX-1_77996fd3-82ad-4a45-aa15-d716af893483.png?v=1730306131&width=800 2x" src="//www.graindecafe.com/cdn/shop/files/BOX-1_77996fd3-82ad-4a45-aa15-d716af893483.png?v=1730306131&width=800"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="800"
height="368"
decoding="async"
alt="BOX 1 77996fd3">
</div><div class="promo__content relative" style="--font-size: 16px; max-width: 100%;">
<div class="rte rte--inherit-heading-color"><p><strong>Personnalisez votre Box thé</strong></p></div>
</div></a><div class="promo relative flex p-6 justify-start items-end"><div class="media absolute top-0 left-0 w-full h-full">
<img src="//www.graindecafe.com/cdn/shop/files/image-menu-the.webp?v=1746788716&width=400"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="400"
height="266"
decoding="async"
alt="image menu infusion">
</div><div class="promo__content relative" style="--font-size: 16px; max-width: 100%;">
<div class="rte rte--inherit-heading-color"><p><a href="/collections/dammann-freres" title="Dammann Frères - thé et infusion">Dammann Frères</a><br/><a href="/collections/the-infusion-fbkt" title="Les thés et infusions FBKT">La Fabrikathé</a><br/><a href="/collections/1336" title="Thé et infusion 1336">Thés et infusions 1336</a></p></div>
</div></div></div>
</div></div></div>
</details></li><li><details class="js-mega-nav" >
<summary class="main-nav__item--toggle relative js-nav-hover js-toggle">
<a class="main-nav__item main-nav__item--primary main-nav__item-content"
href="/collections/nos-infusions">Infusion<svg width="24" height="24" viewbox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg>
</a>
</summary><div class="main-nav__child mega-nav mega-nav--columns mega-nav--no-grandchildren has-motion">
<div class="container mega-nav--promos-bottom">
<ul class="child-nav md:grid md:nav-gap-x-16 md:nav-gap-y-4 md:grid-cols-3 lg:grid-cols-4">
<li class="md:hidden">
<button type="button" class="main-nav__item main-nav__item--back relative js-back">
<div class="main-nav__item-content text-start">
<svg width="24" height="24" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Retour</div>
</button>
</li>
<li class="md:hidden">
<a href="/collections/nos-infusions" class="main-nav__item child-nav__item large-text main-nav__item-header">Infusion</a>
</li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-THES.png?v=1757247287&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Toutes nos infusions">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/nos-infusions">Toutes nos infusions
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/categorie_infusion_vrac.webp?v=1757247340&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Infusion en vrac">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/infusion-en-vrac">Infusion en vrac
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/categorie_infusion_sachet.webp?v=1757247341&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Infusion en sachet">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/infusion-en-sachet">Infusion en sachet
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/ICON-CADEAU-SURPRISE.webp?v=1757247329&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Infusion coffret">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/coffret-the-et-infusion">Infusion coffret
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-INF-PLANTE.png?v=1757247290&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Infusion aux plantes">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/infusion-aux-plantes">Infusion aux plantes
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/categorie_infusion_herbes.webp?v=1757247337&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Infusion aux herbes">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/infusion-aux-herbes">Infusion aux herbes
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/collection_infusion_fleurs.webp?v=1757247337&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Infusion aux fleurs">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/infusion-aux-fleurs">Infusion aux fleurs
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-INF-FRUIT.png?v=1757247289&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Infusion fruits et épices">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/infusion-aux-fruits-epices">Infusion fruits et épices
</a></div></li></ul><div class="child-promos" data-promo-count="3">
<div class="main-nav__promos mt-12 md:nav-mt-4 sm:nav-gap-x-6 sm:grid sm:nav-grid-cols-3 lg:grid-cols-3"
style="--promo-text-color:#ffffff;--promo-min-height:200px;--promo-overlay-color: rgba(0, 0, 0, 0.25);"><a href="/collections/infusion-cannelle" class="promo hover:grow-media overflow-hidden relative flex p-6 justify-center items-center text-center"><div class="media absolute top-0 left-0 w-full h-full">
<img src="//www.graindecafe.com/cdn/shop/files/infusion_cannelle_mega_menu.webp?v=1746510865&width=400"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="400"
height="266"
decoding="async"
alt="infusion cannelle mega">
</div><div class="promo__content relative" style="--font-size: 27px; max-width: 100%;">
<div class="rte rte--inherit-heading-color"><p><strong>Infusion cannelle</strong></p></div>
</div></a><a href="/collections/infusion-gingembre" class="promo hover:grow-media overflow-hidden relative flex p-6 justify-center items-center text-center"><div class="media absolute top-0 left-0 w-full h-full">
<img src="//www.graindecafe.com/cdn/shop/files/infusion_gingembre_mega_menu.webp?v=1746510394&width=400"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="400"
height="266"
decoding="async"
alt="infusion gingembre mega">
</div><div class="promo__content relative" style="--font-size: 16px; max-width: 100%;">
<div class="rte rte--inherit-heading-color"><p><strong>Infusion gingembre</strong></p></div>
</div></a><div class="promo relative flex p-6 justify-start items-end"><div class="media absolute top-0 left-0 w-full h-full">
<img src="//www.graindecafe.com/cdn/shop/files/image-menu-the.webp?v=1746788716&width=400"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="400"
height="266"
decoding="async"
alt="image menu infusion">
</div><div class="promo__content relative" style="--font-size: 16px; max-width: 100%;">
<div class="rte rte--inherit-heading-color"><p><a href="/collections/dammann-freres" title="Dammann Frères - thé et infusion">Dammann Frères</a><br/><a href="/collections/the-infusion-fbkt" title="Les thés et infusions FBKT">La Fabrikathé</a><br/><a href="/collections/1336" title="Thé et infusion 1336">Thés et infusions 1336<br/></a><a href="/collections/happy-plantes" title="Tisanes Happy Plantes">Happy Plantes</a><br/><a href="https://www.graindecafe.com/collections/infusion-dici" title="https://www.graindecafe.com/collections/infusion-dici">Infusions d'ici</a></p></div>
</div></div></div>
</div></div></div>
</details></li><li><details class="js-mega-nav" >
<summary class="main-nav__item--toggle relative js-nav-hover js-toggle">
<a class="main-nav__item main-nav__item--primary main-nav__item-content"
href="/pages/les-machines-a-cafe">Machine à café<svg width="24" height="24" viewbox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg>
</a>
</summary><div class="main-nav__child mega-nav mega-nav--columns mega-nav--no-grandchildren has-motion">
<div class="container mega-nav--promos-bottom">
<ul class="child-nav md:grid md:nav-gap-x-16 md:nav-gap-y-4 md:grid-cols-3 lg:grid-cols-4">
<li class="md:hidden">
<button type="button" class="main-nav__item main-nav__item--back relative js-back">
<div class="main-nav__item-content text-start">
<svg width="24" height="24" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Retour</div>
</button>
</li>
<li class="md:hidden">
<a href="/pages/les-machines-a-cafe" class="main-nav__item child-nav__item large-text main-nav__item-header">Machine à café</a>
</li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-MACHINE_4ce85bd4-29ab-4842-ba47-24ec3ce895cd.png?v=1757247304&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Voir toutes nos machines à cafés">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/selection-machines-a-cafe">Voir toutes nos machines à cafés
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-MACHINE.png?v=1757247291&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Machine à grains">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/machine-a-grains">Machine à grains
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-CAF-ITALIENNE.png?v=1757247291&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Cafetière italienne">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/cafetiere-italienne">Cafetière italienne
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-CAF-EXPRESSO.png?v=1757247292&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Machine expresso">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/machine-expresso">Machine expresso
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-PISTON.png?v=1757247292&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Cafetière à piston">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/cafetiere-a-piston">Cafetière à piston
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-CAF-ELEC.png?v=1757247293&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Cafetière électrique">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/cafetiere-electrique">Cafetière électrique
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-CAF-MANU.png?v=1757247293&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Cafetière manuelle">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/cafetiere-manuelle">Cafetière manuelle
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/ICON-CAF-MANUELLE-_1.png?v=1757247322&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Cafetière Chemex">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/cafetiere-chemex">Cafetière Chemex
</a></div></li></ul><div class="child-promos" data-promo-count="3">
<div class="main-nav__promos mt-12 md:nav-mt-4 sm:nav-gap-x-6 sm:grid sm:nav-grid-cols-3 lg:grid-cols-3"
style="--promo-text-color:#f8f8f8;--promo-min-height:200px;--promo-overlay-color: rgba(0, 0, 0, 0.45);"><a href="/collections/marque-bialetti" class="promo hover:grow-media overflow-hidden relative flex p-6 justify-center items-center text-center"><div class="media absolute top-0 left-0 w-full h-full">
<img src="//www.graindecafe.com/cdn/shop/files/banner_menu_bialetti_99d72867-35e3-4bfa-a30a-480af4b461b5.webp?v=1756804649&width=400"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="400"
height="266"
decoding="async"
alt="banner menu bialetti">
</div><div class="promo__content relative" style="--font-size: 22px; max-width: 90%;">
<div class="rte rte--inherit-heading-color"><p><strong>DÉCOUVREZ L’UNIVERS BIALETTI</strong></p></div>
</div></a><a href="/collections/machine-a-cafe-delonghi" class="promo hover:grow-media overflow-hidden relative flex p-6 justify-center items-center text-center"><div class="media absolute top-0 left-0 w-full h-full">
<img src="//www.graindecafe.com/cdn/shop/files/banner_menu_delonghi_72d46a8b-9851-418f-bcf3-a3a7f0575832.webp?v=1756804892&width=400"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="400"
height="266"
decoding="async"
alt="banner menu delonghi">
</div><div class="promo__content relative" style="--font-size: 22px; max-width: 90%;">
<div class="rte rte--inherit-heading-color"><p><strong>DÉCOUVREZ L’UNIVERS DELONGHI</strong></p></div>
</div></a><a href="/collections/hario" class="promo hover:grow-media overflow-hidden relative flex p-6 justify-center items-center text-center"><div class="media absolute top-0 left-0 w-full h-full">
<img src="//www.graindecafe.com/cdn/shop/files/banner_Mmenu_hario_1eea06ee-e76b-4543-924a-2b47f25fd43c.webp?v=1756804991&width=400"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="400"
height="266"
decoding="async"
alt="banner Menu hario">
</div><div class="promo__content relative" style="--font-size: 22px; max-width: 90%;">
<div class="rte rte--inherit-heading-color"><p><strong>DÉCOUVREZ L’UNIVERS HARIO</strong></p></div>
</div></a></div>
</div></div></div>
</details></li><li><a class="main-nav__item main-nav__item--primary"
href="/collections/coffrets-cadeaux-a-offrir">Coffrets/Cadeaux</a></li><li><details class="js-mega-nav" >
<summary class="main-nav__item--toggle relative js-nav-hover js-toggle">
<a class="main-nav__item main-nav__item--primary main-nav__item-content"
href="/collections/decouvrir-les-chocolatiers">Chocolat<svg width="24" height="24" viewbox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg>
</a>
</summary><div class="main-nav__child mega-nav mega-nav--columns mega-nav--no-grandchildren has-motion">
<div class="container mega-nav--promos-bottom">
<ul class="child-nav md:grid md:nav-gap-x-16 md:nav-gap-y-4 md:grid-cols-3 lg:grid-cols-4">
<li class="md:hidden">
<button type="button" class="main-nav__item main-nav__item--back relative js-back">
<div class="main-nav__item-content text-start">
<svg width="24" height="24" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Retour</div>
</button>
</li>
<li class="md:hidden">
<a href="/collections/decouvrir-les-chocolatiers" class="main-nav__item child-nav__item large-text main-nav__item-header">Chocolat</a>
</li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/type_de_chocolat.webp?v=1757247323&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Tous les chocolats">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/acheter-du-chocolat-en-ligne">Tous les chocolats
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-CHOC-NOIR.png?v=1757247300&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Chocolat noir">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/chocolat-noir">Chocolat noir
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-CHOC-LAIT.png?v=1757247300&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Chocolat au lait">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/chocolat-au-lait">Chocolat au lait
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-CHOC-BLANC.png?v=1757247299&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Chocolat blanc">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/chocolat-blanc">Chocolat blanc
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-CHOCOLAT_93fdad5c-c891-450b-ae54-bf8fcfd6fcdf.png?v=1757247299&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Chocolat praliné">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/chocolat-praline">Chocolat praliné
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-CHOCOLAT.png?v=1757247298&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Les artisans chocolatiers">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/decouvrir-les-chocolatiers">Les artisans chocolatiers
</a></div></li></ul><div class="child-promos" data-promo-count="3">
<div class="main-nav__promos mt-12 md:nav-mt-4 sm:nav-gap-x-6 sm:grid sm:nav-grid-cols-3 lg:grid-cols-3"
style="--promo-text-color:#ffffff;--promo-min-height:200px;--promo-overlay-color: rgba(0, 0, 0, 0.0);"><a href="/collections/bonnat" class="promo hover:grow-media overflow-hidden relative flex p-6 justify-center items-center text-center"><div class="media absolute top-0 left-0 w-full h-full">
<img srcset="//www.graindecafe.com/cdn/shop/files/banner-chocolat-bonnat-MOB.webp?v=1747929126&width=400, //www.graindecafe.com/cdn/shop/files/banner-chocolat-bonnat-MOB.webp?v=1747929126&width=800 2x" src="//www.graindecafe.com/cdn/shop/files/banner-chocolat-bonnat-MOB.webp?v=1747929126&width=800"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="800"
height="444"
decoding="async"
alt="banner cacao bonnat">
</div><div class="promo__content relative" style="--font-size: 27px; max-width: 100%;">
<div class="rte rte--inherit-heading-color"><p><strong>Les chocolats Bonnat</strong></p></div>
</div></a><a href="/collections/pralus" class="promo hover:grow-media overflow-hidden relative flex p-6 justify-center items-center text-center"><div class="media absolute top-0 left-0 w-full h-full">
<img srcset="//www.graindecafe.com/cdn/shop/files/banner-chocolat-bonnat-BLOG.webp?v=1748274680&width=400, //www.graindecafe.com/cdn/shop/files/banner-chocolat-bonnat-BLOG.webp?v=1748274680&width=800 2x" src="//www.graindecafe.com/cdn/shop/files/banner-chocolat-bonnat-BLOG.webp?v=1748274680&width=800"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="800"
height="444"
decoding="async"
alt="banner cacao bonnat">
</div><div class="promo__content relative" style="--font-size: 18px; max-width: 100%;">
<div class="rte rte--inherit-heading-color"><p><strong>Savourez les chocolats Pralus</strong></p></div>
</div></a><a href="/collections/encuentro" class="promo hover:grow-media overflow-hidden relative flex p-6 justify-center items-center text-center"><div class="media absolute top-0 left-0 w-full h-full">
<img srcset="//www.graindecafe.com/cdn/shop/files/chocolat-btb-BLOG.webp?v=1748274715&width=400, //www.graindecafe.com/cdn/shop/files/chocolat-btb-BLOG.webp?v=1748274715&width=800 2x" src="//www.graindecafe.com/cdn/shop/files/chocolat-btb-BLOG.webp?v=1748274715&width=800"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="800"
height="444"
decoding="async"
alt="cacao btb BLOG">
</div><div class="promo__content relative" style="--font-size: 16px; max-width: 100%;">
<div class="rte rte--inherit-heading-color"><p><strong>Chocolat Encuentro</strong></p></div>
</div></a></div>
</div></div></div>
</details></li><li><details class="js-mega-nav" >
<summary class="main-nav__item--toggle relative js-nav-hover js-toggle">
<a class="main-nav__item main-nav__item--primary main-nav__item-content"
href="/collections/nos-accessoires">Accessoires<svg width="24" height="24" viewbox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg>
</a>
</summary><div class="main-nav__child mega-nav mega-nav--columns mega-nav--no-grandchildren has-motion">
<div class="container mega-nav--promos-bottom">
<ul class="child-nav md:grid md:nav-gap-x-16 md:nav-gap-y-4 md:grid-cols-3 lg:grid-cols-4">
<li class="md:hidden">
<button type="button" class="main-nav__item main-nav__item--back relative js-back">
<div class="main-nav__item-content text-start">
<svg width="24" height="24" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Retour</div>
</button>
</li>
<li class="md:hidden">
<a href="/collections/nos-accessoires" class="main-nav__item child-nav__item large-text main-nav__item-header">Accessoires</a>
</li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-ACCESSOIRES-C.png?v=1757247307&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Accessoires café">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/accessoires-pour-le-cafe">Accessoires café
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-ACCESSOIRES-T.png?v=1757247308&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Accessoires thé">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/accessoires-pour-le-the">Accessoires thé
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-PCES_DETACH.png?v=1757247310&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Pièces détachées">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/pieces-detachees">Pièces détachées
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-ENT-CAF.png?v=1757247310&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Entretien">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/entretien-machine">Entretien
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-MOULIN.png?v=1757247294&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Moulin à café">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/moulins-a-cafe">Moulin à café
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-BOITES.png?v=1757247294&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Boîte hermétique">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/boites-a-cafe-grains">Boîte hermétique
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/COL-BOUILLOIRE.png?v=1757247307&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Bouilloire">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/bouilloires">Bouilloire
</a></div></li><li><div class="child-nav__item--toggle flex items-center child-nav__item-collection-image nav__item--no-underline"><div class="main-nav__collection-image media relative main-nav__collection-image--flex main-nav__collection-image--large">
<img src="//www.graindecafe.com/cdn/shop/collections/collection-theiere_6fee0efa-b87d-4487-abeb-606786033959.jpg?v=1757247311&width=80"
class="img-fit" loading="lazy"
width="80"
height="0"
decoding="async"
alt="Théière">
</div><a class="main-nav__item child-nav__item nav__item--no-underline"
href="/collections/nos-theieres">Théière
</a></div></li></ul><div class="child-promos" data-promo-count="3">
<div class="main-nav__promos mt-12 md:nav-mt-4 sm:nav-gap-x-6 sm:grid sm:nav-grid-cols-3 lg:grid-cols-3"
style="--promo-text-color:#ffffff;--promo-min-height:200px;--promo-overlay-color: rgba(0, 0, 0, 0.2);"><a href="/collections/barista" class="promo hover:grow-media overflow-hidden relative flex p-6 justify-center items-center text-center"><div class="media absolute top-0 left-0 w-full h-full">
<img src="//www.graindecafe.com/cdn/shop/files/banner-menu-barista.webp?v=1747412782&width=400"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="400"
height="266"
decoding="async"
alt="banner menu barista">
</div><div class="promo__content relative" style="--font-size: 16px; max-width: 100%;">
<div class="rte rte--inherit-heading-color"><p><strong>Univers du barista<br/>Devenez un maître dans l'art</strong></p></div>
</div></a><a href="/collections/drippers" class="promo hover:grow-media overflow-hidden relative flex p-6 justify-center items-center text-center"><div class="media absolute top-0 left-0 w-full h-full">
<img src="//www.graindecafe.com/cdn/shop/files/banner-dripper-menu.webp?v=1747413174&width=400"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="400"
height="266"
decoding="async"
alt="banner dripper menu">
</div><div class="promo__content relative" style="--font-size: 16px; max-width: 100%;">
<div class="rte rte--inherit-heading-color"><p><strong>Utilisez nos drippers pour réussir votre café</strong></p></div>
</div></a><a href="/collections/boule-a-the" class="promo hover:grow-media overflow-hidden relative flex p-6 justify-center items-center text-center"><div class="media absolute top-0 left-0 w-full h-full">
<img src="//www.graindecafe.com/cdn/shop/files/banner-boule-the-menu.webp?v=1747413286&width=400"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="400"
height="266"
decoding="async"
alt="banner boule infusion">
</div><div class="promo__content relative" style="--font-size: 16px; max-width: 100%;">
<div class="rte rte--inherit-heading-color"><p><strong>Découvrez nos boule à thé pour une parfaite infusion</strong></p></div>
</div></a></div>
</div></div></div>
</details></li><li><a class="main-nav__item main-nav__item--primary"
href="https://www.graindecafe.com/pages/bons-plans-du-moment-de-graindecafe">Bons Plans 🏷️</a></li></ul>
</nav><nav aria-label="Secondaire" class="secondary-nav-container">
<ul class="secondary-nav" role="list">
<li class="inline-flex items-center self-center">
<a href="https://www.graindecafe.com/pages/solutions-cafe-pour-les-professionnels-et-entreprises" class="secondary-nav__item secondary-nav__cta secondary-nav__cta--button flex items-center"
style="--cta-bg-color: 202 208 184;--cta-bg-hover-color: 185 190 172;color: #2a2b2a;border: var(--btn-border-width, 1px) solid #cad0b8;"><span>Solutions Pro</span></a>
</li></ul>
</nav></div>
</details>
</main-menu></header>
</store-header><link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/navigation-mega-columns.css?v=163516848712714775871758239935" media="print" onload="this.media='all'"><link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/promos.css?v=127548740392444850871729615762" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/navigation-promos.css?v=43827163382767200201729615761" media="print" onload="this.media='all'">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Graindecafe",
"logo": "https:\/\/www.graindecafe.com\/cdn\/shop\/files\/LOGO-H.png?v=1713364248\u0026width=559",
"sameAs": [
],
"url": "https:\/\/www.graindecafe.com"
}
</script><script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"name": "Graindecafe",
"url": "https:\/\/www.graindecafe.com",
"potentialAction": {
"@type": "SearchAction",
"target": "https:\/\/www.graindecafe.com\/search?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<style> #shopify-section-sections--17255510343840__header a.promo {border-radius: 20px;} #shopify-section-sections--17255510343840__header .search__product-types {display: none;} #shopify-section-sections--17255510343840__header p {font-size: 20px;} #shopify-section-sections--17255510343840__header .promo::after {border-radius: 20px !important;} #shopify-section-sections--17255510343840__header a.main-nav__item[href="/collections/soldes-ete"] {color: #ff7a00 !important; font-weight: bold !important;} #shopify-section-sections--17255510343840__header .promo__content .rte a {font-size: 0.8em;} </style></div>
<!-- END sections: header-group --><main id="main-content"><section id="shopify-section-template--17255509688480__media-grid" class="shopify-section cc-gallery"><link href="//www.graindecafe.com/cdn/shop/t/12/assets/gallery.css?v=171645140577404647491729615761" rel="stylesheet" type="text/css" media="all" />
<link href="//www.graindecafe.com/cdn/shop/t/12/assets/gallery-mobile-carousel.css?v=25241455330382520011729615761" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>
#template--17255509688480__media-grid .gallery-block { min-height: 300px; }
#template--17255509688480__media-grid {
--color-scheme-white-text: 48 88 71;
--color-scheme-white-hover: 66 121 98;
--color-scheme-white-text-contrast: 255 255 255;
}@media (min-width: 769px) {
#template--17255509688480__media-grid .gallery-block { min-height: calc(180px + 8vw); }
#template--17255509688480__media-grid .gallery-block.row-span-2 { min-height: calc(calc(180px + 8vw) * 2); }
#template--17255509688480__media-grid .gallery-block.row-span-3 { min-height: calc(calc(180px + 8vw) * 3); }
#template--17255509688480__media-grid .gallery-block {
aspect-ratio: 1 / 1; /* Maintient un ratio d'aspect carré */
height: auto; /* Permet à la hauteur de s'ajuster en fonction du contenu */
min-height: auto !important; /* Annule toute valeur de min-height existante */
}
#template--17255509688480__media-grid .gallery-block.row-span-1.lg\:col-span-2 {
aspect-ratio: 2 / 1; /* Maintient un ratio d'aspect de 2:1 */
}</style><div class="section"><div class="gallery-mobile-carousel">
<div class="container" id="template--17255509688480__media-grid">
<div class="gallery grid sm:grid-cols-2 lg:grid-cols-4"><a href="https://www.graindecafe.com/products/cafe-en-grain-de-la-st-valentin" class="block-media-0 block relative flex flex-col gallery-block h-full row-span-2 lg:col-span-2 hover:grow-media" >
<div class="gallery-block__image overflow-hidden flex relative w-full h-full justify-start items-end card__media">
<div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full"><img srcset="//www.graindecafe.com/cdn/shop/files/BNR-XOXO-1.png?v=1770020530&width=480 480w, //www.graindecafe.com/cdn/shop/files/BNR-XOXO-1.png?v=1770020530&width=800 800w, //www.graindecafe.com/cdn/shop/files/BNR-XOXO-1.png?v=1770020530&width=980 980w" sizes="(min-width: 1568px) calc((1440px - 24px) / 2), (min-width: 1280px) calc((100vw - 152px) / 2), (min-width: 600px) calc((100vw - 88px) / 2), " src="//www.graindecafe.com/cdn/shop/files/BNR-XOXO-1.png?v=1770020530&width=800"
class="img-fit" style="object-position: 50.0% 50.0%" loading="eager"
width="980"
height="980"
decoding="async"
alt="">
</div></div>
</a>
<a href="https://www.graindecafe.com/pages/bons-plans-du-moment-de-graindecafe" class="block-media-2 block relative flex flex-col gallery-block h-full row-span-1 lg:col-span-1 hover:grow-media">
<div class="gallery-block__image overflow-hidden flex relative w-full h-full justify-start items-start card__media">
<div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full has-motion"><img srcset="//www.graindecafe.com/cdn/shop/files/BP-BNR_64869c60-293f-4cd9-a899-94320feabf85.png?v=1770020530&width=480 480w, //www.graindecafe.com/cdn/shop/files/BP-BNR_64869c60-293f-4cd9-a899-94320feabf85.png?v=1770020530&width=800 800w, //www.graindecafe.com/cdn/shop/files/BP-BNR_64869c60-293f-4cd9-a899-94320feabf85.png?v=1770020530&width=980 980w" sizes="(min-width: 1568px) 1440px, (min-width: 1280px) calc(100vw - 128px), (min-width: 600px) calc(100vw - 64px), " src="//www.graindecafe.com/cdn/shop/files/BP-BNR_64869c60-293f-4cd9-a899-94320feabf85.png?v=1770020530&width=800"
class="img-fit" style="object-position: 50.0% 50.0%" loading="eager"
width="980"
height="980"
decoding="async"
alt="">
</div></div>
</a>
<a href="https://www.graindecafe.com/search?q=chocolat+en+poudre&type=article%2Cproduct&options%5Bprefix%5D=last&sort_by=relevance&filter.p.vendor=Chocolat+MONBANA" class="block-media-1 block relative flex flex-col gallery-block h-full row-span-1 lg:col-span-1 hover:grow-media">
<div class="gallery-block__image overflow-hidden flex relative w-full h-full justify-start items-end card__media">
<div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full has-motion"><img srcset="//www.graindecafe.com/cdn/shop/files/monbanapoudre.webp?v=1770020528&width=480 480w, //www.graindecafe.com/cdn/shop/files/monbanapoudre.webp?v=1770020528&width=800 800w, //www.graindecafe.com/cdn/shop/files/monbanapoudre.webp?v=1770020528&width=980 980w" sizes="(min-width: 1568px) 1440px, (min-width: 1280px) calc(100vw - 128px), (min-width: 600px) calc(100vw - 64px), " src="//www.graindecafe.com/cdn/shop/files/monbanapoudre.webp?v=1770020528&width=800"
class="img-fit" style="object-position: 50.0% 50.0%" loading="eager"
width="980"
height="980"
decoding="async"
alt="">
</div></div>
</a>
<a href="https://www.graindecafe.com/collections/selection-de-thes" class="block-media-3 block relative flex flex-col gallery-block h-full row-span-1 lg:col-span-2 hover:grow-media">
<div class="gallery-block__image overflow-hidden flex relative w-full h-full justify-center items-center card__media">
<div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full has-motion"><img srcset="//www.graindecafe.com/cdn/shop/files/BNR-UNIVERS-THES-2.png?v=1770020531&width=480 480w, //www.graindecafe.com/cdn/shop/files/BNR-UNIVERS-THES-2.png?v=1770020531&width=800 800w, //www.graindecafe.com/cdn/shop/files/BNR-UNIVERS-THES-2.png?v=1770020531&width=980 980w" sizes="(min-width: 1568px) calc((1440px - 24px) / 2), (min-width: 1280px) calc((100vw - 152px) / 2), (min-width: 600px) calc((100vw - 88px) / 2), " src="//www.graindecafe.com/cdn/shop/files/BNR-UNIVERS-THES-2.png?v=1770020531&width=800"
class="img-fit" style="object-position: 50.0% 50.0%" loading="eager"
width="980"
height="490"
decoding="async"
alt="">
</div></div>
</a>
<a href="https://www.graindecafe.com/collections/selection-de-thes" class="block-media_yWry4X block relative flex flex-col gallery-block h-full row-span-1 lg:col-span-1 hover:grow-media">
<div class="gallery-block__image overflow-hidden flex relative w-full h-full justify-center items-end card__media">
<div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full has-motion"><img srcset="//www.graindecafe.com/cdn/shop/files/BNR-UNIVERS-THES-1.png?v=1770020731&width=480 480w, //www.graindecafe.com/cdn/shop/files/BNR-UNIVERS-THES-1.png?v=1770020731&width=800 800w, //www.graindecafe.com/cdn/shop/files/BNR-UNIVERS-THES-1.png?v=1770020731&width=980 980w" sizes="(min-width: 1568px) 1440px, (min-width: 1280px) calc(100vw - 128px), (min-width: 600px) calc(100vw - 64px), " src="//www.graindecafe.com/cdn/shop/files/BNR-UNIVERS-THES-1.png?v=1770020731&width=800"
class="img-fit" style="object-position: 50.0% 50.0%" loading="eager"
width="980"
height="980"
decoding="async"
alt="">
</div></div>
</a>
</div>
</div>
</div>
</div>
<style> #shopify-section-template--17255509688480__media-grid .card__media {border-radius: 20px;} @media (max-width: 767px) {#shopify-section-template--17255509688480__media-grid .media {display: block; } #shopify-section-template--17255509688480__media-grid .block-media-3 {display: none; } #shopify-section-template--17255509688480__media-grid .block-media_yWry4X {display: block; width: 100%; height: auto; margin: 0 auto; }} @media (min-width: 768px) {#shopify-section-template--17255509688480__media-grid .block-media_yWry4X {display: none; }} </style></section><section id="shopify-section-template--17255509688480__media_grid_BFHpz9" class="shopify-section cc-gallery"><link href="//www.graindecafe.com/cdn/shop/t/12/assets/gallery.css?v=171645140577404647491729615761" rel="stylesheet" type="text/css" media="all" />
<link href="//www.graindecafe.com/cdn/shop/t/12/assets/gallery-mobile-carousel.css?v=25241455330382520011729615761" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>
#template--17255509688480__media_grid_BFHpz9 .gallery-block { min-height: 300px; }
#template--17255509688480__media_grid_BFHpz9 {
--color-scheme-white-text: 255 255 255;
--color-scheme-white-hover: 230 230 230;
--color-scheme-white-text-contrast: 0 0 0;
}@media (min-width: 769px) {
#template--17255509688480__media_grid_BFHpz9 .gallery-block { min-height: calc(180px + 8vw); }
#template--17255509688480__media_grid_BFHpz9 .gallery-block.row-span-2 { min-height: calc(calc(180px + 8vw) * 2); }
#template--17255509688480__media_grid_BFHpz9 .gallery-block.row-span-3 { min-height: calc(calc(180px + 8vw) * 3); }
#template--17255509688480__media_grid_BFHpz9 .gallery-block {
aspect-ratio: 1 / 1; /* Maintient un ratio d'aspect carré */
height: auto; /* Permet à la hauteur de s'ajuster en fonction du contenu */
min-height: auto !important; /* Annule toute valeur de min-height existante */
}
#template--17255509688480__media_grid_BFHpz9 .gallery-block.row-span-1.lg\:col-span-2 {
aspect-ratio: 2 / 1; /* Maintient un ratio d'aspect de 2:1 */
}</style><div class="section"><div class="gallery-mobile-carousel">
<div class="container" id="template--17255509688480__media_grid_BFHpz9">
<div class="gallery grid sm:grid-cols-2 lg:grid-cols-4"><a href="/pages/les-abonnements-chez-graindecafe" class="block-media_wLnh8a block relative flex flex-col gallery-block h-full row-span-1 lg:col-span-1 hover:grow-media" >
<div class="gallery-block__image overflow-hidden flex relative w-full h-full justify-start items-end card__media">
<div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full has-motion"><img srcset="//www.graindecafe.com/cdn/shop/files/BNR-ABO.webp?v=1747638079&width=480 480w, //www.graindecafe.com/cdn/shop/files/BNR-ABO.webp?v=1747638079&width=800 800w, //www.graindecafe.com/cdn/shop/files/BNR-ABO.webp?v=1747638079&width=980 980w" sizes="(min-width: 1568px) 1440px, (min-width: 1280px) calc(100vw - 128px), (min-width: 600px) calc(100vw - 64px), " src="//www.graindecafe.com/cdn/shop/files/BNR-ABO.webp?v=1747638079&width=800"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="980"
height="980"
decoding="async"
alt="BNR ABO">
</div></div>
</a>
<div class="block-media_tPK9b7 klaviyo_form_trigger klaviyo_form_trigger-media_tPK9b7 block relative flex flex-col gallery-block h-full row-span-1 lg:col-span-1">
<div class="gallery-block__image overflow-hidden flex relative w-full h-full justify-start items-end">
<div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full has-motion"><img srcset="//www.graindecafe.com/cdn/shop/files/BNR-NEWS.webp?v=1747638155&width=480 480w, //www.graindecafe.com/cdn/shop/files/BNR-NEWS.webp?v=1747638155&width=800 800w" sizes="(min-width: 1568px) 1440px, (min-width: 1280px) calc(100vw - 128px), (min-width: 600px) calc(100vw - 64px), " src="//www.graindecafe.com/cdn/shop/files/BNR-NEWS.webp?v=1747638155&width=800"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="800"
height="800"
decoding="async"
alt="BNR NEWS">
</div></div>
</div>
<script type="text/javascript">
document.querySelector('.klaviyo_form_trigger-media_tPK9b7').addEventListener('click', function (){
window._klOnsite = window._klOnsite || [];
window._klOnsite.push(['openForm', 'WG2DFv']);
});
</script><a href="https://www.graindecafe.com/collections/nos-coffrets-cadeau-decouverte" class="block-media_H9MPBr block relative flex flex-col gallery-block h-full row-span-1 lg:col-span-1 hover:grow-media">
<div class="gallery-block__image overflow-hidden flex relative w-full h-full justify-start items-end card__media">
<div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full has-motion"><img srcset="//www.graindecafe.com/cdn/shop/files/BNR-BOX_-3.webp?v=1759909051&width=480 480w, //www.graindecafe.com/cdn/shop/files/BNR-BOX_-3.webp?v=1759909051&width=800 800w, //www.graindecafe.com/cdn/shop/files/BNR-BOX_-3.webp?v=1759909051&width=980 980w" sizes="(min-width: 1568px) 1440px, (min-width: 1280px) calc(100vw - 128px), (min-width: 600px) calc(100vw - 64px), " src="//www.graindecafe.com/cdn/shop/files/BNR-BOX_-3.webp?v=1759909051&width=800"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="980"
height="980"
decoding="async"
alt="coffret personnalisable">
</div></div>
</a>
<a href="/pages/programme-de-fidelite-parrainage" class="block-media_eYVBK6 block relative flex flex-col gallery-block h-full row-span-1 lg:col-span-1 hover:grow-media">
<div class="gallery-block__image overflow-hidden flex relative w-full h-full justify-start items-end card__media">
<div class="media media--has-overlay flex absolute top-0 left-0 w-full h-full has-motion"><img srcset="//www.graindecafe.com/cdn/shop/files/BNR-FID.webp?v=1747638371&width=480 480w, //www.graindecafe.com/cdn/shop/files/BNR-FID.webp?v=1747638371&width=800 800w" sizes="(min-width: 1568px) 1440px, (min-width: 1280px) calc(100vw - 128px), (min-width: 600px) calc(100vw - 64px), " src="//www.graindecafe.com/cdn/shop/files/BNR-FID.webp?v=1747638371&width=800"
class="img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="800"
height="800"
decoding="async"
alt="BNR FID">
</div></div>
</a>
</div>
</div>
</div>
</div>
<style> #shopify-section-template--17255509688480__media_grid_BFHpz9 .card__media {border-radius: 20px;} @media (max-width: 767px) {#shopify-section-template--17255509688480__media_grid_BFHpz9 .media {display: block; } #shopify-section-template--17255509688480__media_grid_BFHpz9 .block-media-3 {display: none; } #shopify-section-template--17255509688480__media_grid_BFHpz9 .block-media_yWry4X {display: block; width: 100%; height: auto; margin: 0 auto; }} @media (min-width: 768px) {#shopify-section-template--17255509688480__media_grid_BFHpz9 .block-media_yWry4X {display: none; }} </style></section><section id="shopify-section-template--17255509688480__custom_liquid_LEbJQq" class="shopify-section cc-custom-liquid"><div class="section relative section--full-width section--padded-default"><div class="container"><section class="coffee-promo v3 cpp" aria-labelledby="coffee-promo-title">
<!-- Colonne 1 : TEXTE à gauche -->
<div class="col text cpp">
<h2 id="coffee-promo-title" class="title cpp">Cafés artisanaux à petit prix</h2>
<div class="promo-quote cpp">
Découvrez notre sélection de cafés économiques, torréfiés avec soin afin de se régaler sans se ruiner.
</div>
<ul class="trust cpp" aria-label="Avantages">
<li class="trust-item cpp">Fraîchement torréfié</li>
<li class="trust-item cpp">Arômes authentiques</li>
<li class="trust-item cpp">Livraison rapide</li>
</ul>
<div class="cta-row cpp">
<a class="promo-btn cpp" href="/collections/cafe-petit-prix">
Voir les Cafés à petit prix
</a>
</div>
<p class="savings cpp">
Faites encore plus d’économies en vous <a class="link cpp" href="/pages/les-abonnements-chez-graindecafe">abonnant</a> ou en achetant en quantité.
</p>
<div class="rating cpp" aria-label="Note clients 4,7 sur 5">
★★★★★ <span class="rating-text cpp">4,7/5 (6 500+ avis)</span>
</div>
</div>
<!-- Colonne 2 : CAFÉS (3 produits) -->
<div class="col products cpp">
<!-- 1) Blend Pietro -->
<article class="card cpp">
<a href="https://www.graindecafe.com/collections/acheter-cafe-en-grain/products/cafe-en-grain-presto-blend-pietro" class="img-link cpp">
<img class="product-img cpp"
src="https://cdn.shopify.com/s/files/1/0630/7807/2480/files/cafe_grain_blend_pietrox300.webp?v=1762183419"
alt="Presto Blend Pietro"
width="300" height="300"
loading="lazy" decoding="async">
</a>
<div class="price-kg cpp price-line cpp">27.74 €/Kg</div>
<a class="buy-link cpp" href="https://www.graindecafe.com/collections/acheter-cafe-en-grain/products/cafe-en-grain-presto-blend-pietro">Acheter ce café</a>
</article>
<!-- 2) Ethiopie Djimmah -->
<article class="card cpp">
<a href="https://www.graindecafe.com/collections/acheter-cafe-en-grain/products/cafe-ethiopie-djimmah-tradition" class="img-link cpp">
<img class="product-img cpp"
src="https://cdn.shopify.com/s/files/1/0630/7807/2480/files/cafe_grain_ethiopie_djimmax300.webp?v=1762163872"
alt="Ethiopie Djimmah"
width="300" height="300"
loading="lazy" decoding="async">
</a>
<div class="price-kg cpp price-line cpp">26.98 €/Kg</div>
<a class="buy-link cpp" href="https://www.graindecafe.com/collections/acheter-cafe-en-grain/products/cafe-ethiopie-djimmah-tradition">Acheter ce café</a>
</article>
<!-- 3) Blend Espresso Doux -->
<article class="card cpp">
<a href="https://www.graindecafe.com/collections/acheter-cafe-en-grain/products/cafe-en-grain-presto-blend-expresso-doux" class="img-link cpp">
<img class="product-img cpp"
src="https://cdn.shopify.com/s/files/1/0630/7807/2480/files/cafe_grain_blend_expresso_douxx300.webp?v=1762163872"
alt="Presto Blend Espresso Doux"
width="300" height="300"
loading="lazy" decoding="async">
</a>
<div class="price-kg cpp price-line cpp">27.74 €/Kg</div>
<a class="buy-link cpp" href="https://www.graindecafe.com/collections/acheter-cafe-en-grain/products/cafe-en-grain-presto-blend-expresso-doux">Acheter ce café</a>
</article>
</div>
</section>
<style>
/* Conteneur (2 colonnes desktop : texte | produits) */
.coffee-promo.v3.cpp{
--bg:#f7f4ee; --ink:#1a160f; --accent:#c58a5a; --green:#305847;
background:var(--bg); border-radius:26px; padding:34px; overflow:hidden;
display:grid; gap:28px;
grid-template-columns: 1.1fr 1.9fr; /* ← plus d'espace pour 3 produits */
grid-template-areas: "text products";
align-items:center;
}
/* Attribution des zones */
.col.text.cpp{grid-area:text; max-width:620px}
.products.cpp{grid-area:products}
/* Colonnes */
.col.cpp{text-align:left}
/* Titres / texte */
.title.cpp{font-size:2.8rem; margin:0 0 .5rem}
.promo-quote.cpp{
margin:.5rem 0 1rem; padding:12px 14px; border-radius:14px;
background:linear-gradient(0deg, rgba(197,138,90,.15), rgba(197,138,90,.15)), #fff;
border:1px solid rgba(197,138,90,.35); box-shadow:0 8px 20px rgba(0,0,0,.06)
}
/* Réassurance */
.trust.cpp{display:flex; flex-wrap:wrap; gap:10px; list-style:none; padding:0; margin:.6rem 0 1rem}
.trust-item.cpp{
position:relative; display:inline-flex; align-items:center; gap:8px;
background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:999px;
padding:.45rem .7rem; font-weight:500; font-size:1.3rem;
}
.trust-item.cpp::before{content:"✔"; font-weight:900; color:var(--green); line-height:1}
/* Bouton principal */
.promo-btn.cpp{
display:inline-block; background:var(--green); color:#fff;
padding:16px 26px; border-radius:999px; font-weight:800; font-size:1.18rem;
text-decoration:none; border:2px solid var(--green);
transition:background .2s ease, color .2s ease;
}
.promo-btn.cpp:hover{background:#fff; color:var(--green)}
.savings.cpp{margin:.5rem 0 1rem}
.link.cpp{text-decoration:underline}
.rating.cpp{font-size:.95rem; opacity:.9}
/* Produits (3 cartes) */
.products.cpp{
display:flex; gap:26px; align-items:flex-end; justify-content:flex-start; flex-wrap:nowrap;
}
.card.cpp{display:flex; flex-direction:column; align-items:center; gap:10px}
.product-img.cpp{width:300px !important; height:auto; border-radius:16px; box-shadow:0 20px 42px rgba(0,0,0,.16)}
.img-link.cpp{display:block}
/* Coup de crayon sous le prix */
.price-line.cpp{position:relative}
.price-line.cpp::after{
content:""; position:absolute; left:-8px; right:-8px; bottom:-6px; height:4px;
background:red; border-radius:6px; transform:rotate(-3deg); opacity:.85; pointer-events:none;
}
.price-kg.cpp{font-weight:700; font-size:1.6rem; color:#1a160f}
/* Lien “Acheter ce café” */
.buy-link.cpp{font-weight:500; font-size:1.3rem; text-decoration:underline; color:#1a160f; transition:color .2s ease}
.buy-link.cpp:hover{color:var(--green)}
/* -------- TABLETTE -------- (entre 801px et 1100px) */
@media (max-width:1100px) and (min-width:801px){
.coffee-promo.v3.cpp{
grid-template-columns: 1fr; /* empile pour plus d'air */
grid-template-areas:
"text"
"products";
gap:24px; padding:28px;
}
.products.cpp{justify-content:center; gap:20px; flex-wrap:wrap}
.product-img.cpp{width:260px !important; box-shadow:0 16px 36px rgba(0,0,0,.14)}
.price-kg.cpp{font-size:1.45rem}
.buy-link.cpp{font-size:1.15rem}
/* réassurance un peu plus compacte en tablette */
.trust-item.cpp{font-size:1.1rem; padding:.4rem .65rem}
}
/* ---------- MOBILE ---------- */
@media (max-width: 900px){
.coffee-promo.v3.cpp{
grid-template-columns:1fr;
grid-template-areas:
"text"
"products";
padding:24px;
}
.col.cpp{text-align:center}
.products.cpp{flex-wrap:wrap; justify-content:center}
.product-img.cpp{width:44vw !important; max-width:260px}
/* Réassurance : texte seul et un peu plus grand pour lisibilité */
.trust.cpp{justify-content:center; gap:12px}
.trust-item.cpp{
background:transparent; border:none; padding:0; font-weight:600; font-size:1.3rem;
}
}
</style>
</div></div>
</section><section id="shopify-section-template--17255509688480__featured-collection" class="shopify-section cc-featured-collection cc-product-card-grid"><link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/featured-collection.css?v=64892234005846914921729615761" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/product.css?v=143230425662657200601729763337" media="print" onload="this.media='all'"><div class="section"><div class="container">
<div class="section__header items-center flex flex-row flex-wrap gap-x-theme"><h2 class="h4 mb-0 flex-auto section__heading text-start">Les produits préférés de nos clients</h2></div>
</div><carousel-slider class="carousel block" inactive>
<div class="container relative featured-collection-products">
<div class="slider" id="slider-template--17255509688480__featured-collection"><div class="container products-grid-container shrink-0">
<ul class="slider__grid grid grid-flow-col auto-cols-2 small-cards-mobile md:auto-cols-3 lg:auto-cols-4 xl:auto-cols-5 small-cards-desktop gap-x-theme gap-y-8" role="list"><li class="slider__item">
<product-card class="card card--product h-full relative flex" samitaws-element="handle" p-handle="cafe-en-grain-presto-blend-expresso-corse"><div class="card__media relative"><a href="/collections/acheter-cafe-en-grain/products/cafe-en-grain-presto-blend-expresso-corse" aria-label="Café en Grain Presto - Blend Expresso Corsé | Arabica/Robusta - Goût Italien" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_corse.webp?v=1745797914&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_corse.webp?v=1745797914&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_corse.webp?v=1745797914&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains blend">
<img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_corse.webp?v=1745797914&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_corse.webp?v=1745797914&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_corse.webp?v=1745797914&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains blend">
<img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_corse.webp?v=1745797914&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_corse.webp?v=1745797914&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_corse.webp?v=1745797914&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains blend">
<img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_corse.webp?v=1745797914&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_corse.webp?v=1745797914&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_corse.webp?v=1745797914&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains blend">
</a></div>
<div class="card__info-container flex flex-col flex-auto relative">
<div class="card__info w-full">
<div class="card__info-inner flex flex-col h-full w-full"><p class="card__vendor mb-1 text-sm text-theme-light">Graindecafe</p><p class="card__title font-bold mb-1">
<a href="/collections/acheter-cafe-en-grain/products/cafe-en-grain-presto-blend-expresso-corse" class="card-link text-current js-prod-link">Café en Grain Presto - Blend Expresso Corsé | Arabica/Robusta - Goût Italien</a>
</p><div class="card__arome hidden md:flex flex-nowrap overflow-auto mt-2" style="gap: 24px;"><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_corse.webp?crop=center&height=30&v=1745925145&width=30"
alt="Corsé"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Corsé
</span></div>
</div><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_epice.webp?crop=center&height=30&v=1745925180&width=30"
alt="Epicé"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Epicé
</span></div>
</div><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_roast.webp?crop=center&height=30&v=1745922933&width=30"
alt="Torréfié foncé"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Torréfié
</span><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
foncé
</span></div>
</div></div><div class="flex grow items-end"><div class="price price--bottom">
<div class="price__default">
<span class="price__from">A partir de</span>
<strong class="price__current">6,75 €
</strong>
<del class="price__was"></del>
</div>
<div class="unit-price relative" hidden><span class="visually-hidden">Prix unitaire</span><span class="unit-price__price">
</span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div>
<div class="price__no-variant" hidden>
<strong class="price__current">Indisponible</strong>
</div>
</div>
</div></div>
</div></div>
</product-card>
</li><li class="slider__item">
<product-card class="card card--product h-full relative flex" samitaws-element="handle" p-handle="cafe-ethiopie-djimmah-tradition"><div class="card__media relative"><a href="/collections/acheter-cafe-en-grain/products/cafe-ethiopie-djimmah-tradition" aria-label="Café en Grain Ethiopie Djimmah G5 - Cafe Bonnac | 100% arabica" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_ethiopie_djimmah.webp?v=1745797253&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_ethiopie_djimmah.webp?v=1745797253&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_ethiopie_djimmah.webp?v=1745797253&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains ethiopie">
<img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_ethiopie_djimmah.webp?v=1745797253&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_ethiopie_djimmah.webp?v=1745797253&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_ethiopie_djimmah.webp?v=1745797253&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains ethiopie">
<img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_ethiopie_djimmah.webp?v=1745797253&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_ethiopie_djimmah.webp?v=1745797253&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_ethiopie_djimmah.webp?v=1745797253&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains ethiopie">
<img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_ethiopie_djimmah.webp?v=1745797253&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_ethiopie_djimmah.webp?v=1745797253&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_ethiopie_djimmah.webp?v=1745797253&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains ethiopie">
</a></div>
<div class="card__info-container flex flex-col flex-auto relative">
<div class="card__info w-full">
<div class="card__info-inner flex flex-col h-full w-full"><p class="card__vendor mb-1 text-sm text-theme-light">Café Bonnac</p><p class="card__title font-bold mb-1">
<a href="/collections/acheter-cafe-en-grain/products/cafe-ethiopie-djimmah-tradition" class="card-link text-current js-prod-link">Café en Grain Ethiopie Djimmah G5 - Cafe Bonnac | 100% arabica</a>
</p><div class="card__arome hidden md:flex flex-nowrap overflow-auto mt-2" style="gap: 24px;"><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_doux.webp?crop=center&height=30&v=1745925267&width=30"
alt="Doux"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Doux
</span></div>
</div><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_epice.webp?crop=center&height=30&v=1745925180&width=30"
alt="Epicé"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Epicé
</span></div>
</div><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_arabica.webp?crop=center&height=30&v=1745922323&width=30"
alt="100% arabica"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
100%
</span><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
arabica
</span></div>
</div><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_roast.webp?crop=center&height=30&v=1745922933&width=30"
alt="Torréfié moyen"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Torréfié
</span><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
moyen
</span></div>
</div></div><div class="flex grow items-end"><div class="price price--bottom">
<div class="price__default">
<span class="price__from">A partir de</span>
<strong class="price__current">7,10 €
</strong>
<del class="price__was"></del>
</div>
<div class="unit-price relative" hidden><span class="visually-hidden">Prix unitaire</span><span class="unit-price__price">
</span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div>
<div class="price__no-variant" hidden>
<strong class="price__current">Indisponible</strong>
</div>
</div>
</div></div>
</div></div>
</product-card>
</li><li class="slider__item">
<product-card class="card card--product h-full relative flex" samitaws-element="handle" p-handle="cafe-en-grain-presto-blend-expresso-doux"><div class="card__media relative"><a href="/collections/acheter-cafe-en-grain/products/cafe-en-grain-presto-blend-expresso-doux" aria-label="Café en Grain Presto - Blend Expresso Doux | 100% Arabica" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_doux.webp?v=1745798600&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_doux.webp?v=1745798600&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_doux.webp?v=1745798600&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains blend">
<img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_doux.webp?v=1745798600&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_doux.webp?v=1745798600&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_doux.webp?v=1745798600&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains blend">
<img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_doux.webp?v=1745798600&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_doux.webp?v=1745798600&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_doux.webp?v=1745798600&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains blend">
<img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_doux.webp?v=1745798600&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_doux.webp?v=1745798600&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_expresso_doux.webp?v=1745798600&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains blend">
</a></div>
<div class="card__info-container flex flex-col flex-auto relative">
<div class="card__info w-full">
<div class="card__info-inner flex flex-col h-full w-full"><p class="card__vendor mb-1 text-sm text-theme-light">Graindecafe</p><p class="card__title font-bold mb-1">
<a href="/collections/acheter-cafe-en-grain/products/cafe-en-grain-presto-blend-expresso-doux" class="card-link text-current js-prod-link">Café en Grain Presto - Blend Expresso Doux | 100% Arabica</a>
</p><div class="card__arome hidden md:flex flex-nowrap overflow-auto mt-2" style="gap: 24px;"><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_equilibre.webp?crop=center&height=30&v=1745923762&width=30"
alt="Equilibré"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Equilibré
</span></div>
</div><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_epice.webp?crop=center&height=30&v=1745925180&width=30"
alt="Epicé"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Epicé
</span></div>
</div><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_arabica.webp?crop=center&height=30&v=1745922323&width=30"
alt="100% arabica"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
100%
</span><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
arabica
</span></div>
</div><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_roast.webp?crop=center&height=30&v=1745922933&width=30"
alt="Torréfié moyen"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Torréfié
</span><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
moyen
</span></div>
</div></div><div class="flex grow items-end"><div class="price price--bottom">
<div class="price__default">
<span class="price__from">A partir de</span>
<strong class="price__current">7,30 €
</strong>
<del class="price__was"></del>
</div>
<div class="unit-price relative" hidden><span class="visually-hidden">Prix unitaire</span><span class="unit-price__price">
</span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div>
<div class="price__no-variant" hidden>
<strong class="price__current">Indisponible</strong>
</div>
</div>
</div></div>
</div></div>
</product-card>
</li><li class="slider__item">
<product-card class="card card--product h-full relative flex" samitaws-element="handle" p-handle="cafe-en-grain-presto-blend-pietro"><div class="card__media relative"><a href="/collections/acheter-cafe-en-grain/products/cafe-en-grain-presto-blend-pietro" aria-label="Café en Grain Presto - Blend Pietro | 100% Arabica - Goût Italien" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_pietro.webp?v=1745797914&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_blend_pietro.webp?v=1745797914&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_pietro.webp?v=1745797914&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains blend">
<img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_pietro.webp?v=1745797914&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_blend_pietro.webp?v=1745797914&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_pietro.webp?v=1745797914&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains blend">
<img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_pietro.webp?v=1745797914&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_blend_pietro.webp?v=1745797914&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_pietro.webp?v=1745797914&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains blend">
<img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_pietro.webp?v=1745797914&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_blend_pietro.webp?v=1745797914&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_pietro.webp?v=1745797914&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains blend">
</a></div>
<div class="card__info-container flex flex-col flex-auto relative">
<div class="card__info w-full">
<div class="card__info-inner flex flex-col h-full w-full"><p class="card__vendor mb-1 text-sm text-theme-light">Graindecafe</p><p class="card__title font-bold mb-1">
<a href="/collections/acheter-cafe-en-grain/products/cafe-en-grain-presto-blend-pietro" class="card-link text-current js-prod-link">Café en Grain Presto - Blend Pietro | 100% Arabica - Goût Italien</a>
</p><div class="card__arome hidden md:flex flex-nowrap overflow-auto mt-2" style="gap: 24px;"><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_corse.webp?crop=center&height=30&v=1745925145&width=30"
alt="Corsé"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Corsé
</span></div>
</div><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_italien.webp?crop=center&height=30&v=1745925943&width=30"
alt="Goût italien"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Goût
</span><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
italien
</span></div>
</div><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_roast.webp?crop=center&height=30&v=1745922933&width=30"
alt="Torréfié foncé"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Torréfié
</span><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
foncé
</span></div>
</div></div><div class="flex grow items-end"><div class="price price--bottom">
<div class="price__default">
<span class="price__from">A partir de</span>
<strong class="price__current">7,30 €
</strong>
<del class="price__was"></del>
</div>
<div class="unit-price relative" hidden><span class="visually-hidden">Prix unitaire</span><span class="unit-price__price">
</span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div>
<div class="price__no-variant" hidden>
<strong class="price__current">Indisponible</strong>
</div>
</div>
</div></div>
</div></div>
</product-card>
</li><li class="slider__item">
<product-card class="card card--product h-full relative flex" samitaws-element="handle" p-handle="cafe-en-grain-bresil-yellow-caracoli-cafe-bonnac"><div class="card__media relative"><a href="/collections/acheter-cafe-en-grain/products/cafe-en-grain-bresil-yellow-caracoli-cafe-bonnac" aria-label="Café en Grain Brésil Caracoli - Café Bonnac | 100% Arabica" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img srcset="//www.graindecafe.com/cdn/shop/files/Caracoli-P1.png?v=1769424933&width=600, //www.graindecafe.com/cdn/shop/files/Caracoli-P1.png?v=1769424933&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/Caracoli-P1.png?v=1769424933&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="">
<img srcset="//www.graindecafe.com/cdn/shop/files/Caracoli-P1.png?v=1769424933&width=600, //www.graindecafe.com/cdn/shop/files/Caracoli-P1.png?v=1769424933&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/Caracoli-P1.png?v=1769424933&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="">
<img srcset="//www.graindecafe.com/cdn/shop/files/Caracoli-P1.png?v=1769424933&width=600, //www.graindecafe.com/cdn/shop/files/Caracoli-P1.png?v=1769424933&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/Caracoli-P1.png?v=1769424933&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="">
<img srcset="//www.graindecafe.com/cdn/shop/files/Caracoli-P1.png?v=1769424933&width=600, //www.graindecafe.com/cdn/shop/files/Caracoli-P1.png?v=1769424933&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/Caracoli-P1.png?v=1769424933&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="">
</a></div>
<div class="card__info-container flex flex-col flex-auto relative">
<div class="card__info w-full">
<div class="card__info-inner flex flex-col h-full w-full"><p class="card__vendor mb-1 text-sm text-theme-light">Café Bonnac</p><p class="card__title font-bold mb-1">
<a href="/collections/acheter-cafe-en-grain/products/cafe-en-grain-bresil-yellow-caracoli-cafe-bonnac" class="card-link text-current js-prod-link">Café en Grain Brésil Caracoli - Café Bonnac | 100% Arabica</a>
</p><div class="card__arome hidden md:flex flex-nowrap overflow-auto mt-2" style="gap: 24px;"><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_equilibre.webp?crop=center&height=30&v=1745923762&width=30"
alt="Equilibré"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Equilibré
</span></div>
</div><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_gourmand.webp?crop=center&height=30&v=1745925678&width=30"
alt="Gourmand"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Gourmand
</span></div>
</div><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_arabica.webp?crop=center&height=30&v=1745922323&width=30"
alt="100% arabica"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
100%
</span><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
arabica
</span></div>
</div><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_roast.webp?crop=center&height=30&v=1745922933&width=30"
alt="Torréfié moyen"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Torréfié
</span><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
moyen
</span></div>
</div></div><div class="flex grow items-end"><div class="price price--bottom">
<div class="price__default">
<span class="price__from">A partir de</span>
<strong class="price__current">7,45 €
</strong>
<del class="price__was"></del>
</div>
<div class="unit-price relative" hidden><span class="visually-hidden">Prix unitaire</span><span class="unit-price__price">
</span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div>
<div class="price__no-variant" hidden>
<strong class="price__current">Indisponible</strong>
</div>
</div>
</div></div>
</div></div>
</product-card>
</li><li class="slider__item">
<product-card class="card card--product h-full relative flex" samitaws-element="handle" p-handle="cafe-en-grain-bresil-santos"><div class="card__media relative"><a href="/collections/acheter-cafe-en-grain/products/cafe-en-grain-bresil-santos" aria-label="Café en Grain du Brésil Santos Tradition - Café Bonnac | 100% Arabica" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_bresil_santos.webp?v=1745797726&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_bresil_santos.webp?v=1745797726&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_bresil_santos.webp?v=1745797726&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains bresil">
<img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_bresil_santos.webp?v=1745797726&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_bresil_santos.webp?v=1745797726&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_bresil_santos.webp?v=1745797726&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains bresil">
<img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_bresil_santos.webp?v=1745797726&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_bresil_santos.webp?v=1745797726&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_bresil_santos.webp?v=1745797726&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains bresil">
<img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_bresil_santos.webp?v=1745797726&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_bresil_santos.webp?v=1745797726&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_bresil_santos.webp?v=1745797726&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains bresil">
</a></div>
<div class="card__info-container flex flex-col flex-auto relative">
<div class="card__info w-full">
<div class="card__info-inner flex flex-col h-full w-full"><p class="card__vendor mb-1 text-sm text-theme-light">Café Bonnac</p><p class="card__title font-bold mb-1">
<a href="/collections/acheter-cafe-en-grain/products/cafe-en-grain-bresil-santos" class="card-link text-current js-prod-link">Café en Grain du Brésil Santos Tradition - Café Bonnac | 100% Arabica</a>
</p><div class="card__arome hidden md:flex flex-nowrap overflow-auto mt-2" style="gap: 24px;"><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_doux.webp?crop=center&height=30&v=1745925267&width=30"
alt="Doux"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Doux
</span></div>
</div><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_fruite.webp?crop=center&height=30&v=1745920126&width=30"
alt="Fruité"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Fruité
</span></div>
</div><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_arabica.webp?crop=center&height=30&v=1745922323&width=30"
alt="100% arabica"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
100%
</span><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
arabica
</span></div>
</div><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_roast.webp?crop=center&height=30&v=1745922933&width=30"
alt="Torréfié moyen"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Torréfié
</span><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
moyen
</span></div>
</div></div><div class="flex grow items-end"><div class="price price--bottom">
<div class="price__default">
<span class="price__from">A partir de</span>
<strong class="price__current">7,60 €
</strong>
<del class="price__was"></del>
</div>
<div class="unit-price relative" hidden><span class="visually-hidden">Prix unitaire</span><span class="unit-price__price">
</span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div>
<div class="price__no-variant" hidden>
<strong class="price__current">Indisponible</strong>
</div>
</div>
</div></div>
</div></div>
</product-card>
</li><li class="slider__item">
<product-card class="card card--product h-full relative flex" samitaws-element="handle" p-handle="cafe-en-grain-du-congo-bord-du-lac-kivu"><div class="card__media relative"><a href="/collections/acheter-cafe-en-grain/products/cafe-en-grain-du-congo-bord-du-lac-kivu" aria-label="Café en Grain du Congo Bord du Lac Kivu - Café Bonnac | 100% Arabica" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_congo.webp?v=1745797468&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_congo.webp?v=1745797468&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_congo.webp?v=1745797468&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains congo">
<img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_congo.webp?v=1745797468&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_congo.webp?v=1745797468&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_congo.webp?v=1745797468&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains congo">
<img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_congo.webp?v=1745797468&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_congo.webp?v=1745797468&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_congo.webp?v=1745797468&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains congo">
<img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_congo.webp?v=1745797468&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_congo.webp?v=1745797468&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_congo.webp?v=1745797468&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains congo">
</a></div>
<div class="card__info-container flex flex-col flex-auto relative">
<div class="card__info w-full">
<div class="card__info-inner flex flex-col h-full w-full"><p class="card__vendor mb-1 text-sm text-theme-light">Café Bonnac</p><p class="card__title font-bold mb-1">
<a href="/collections/acheter-cafe-en-grain/products/cafe-en-grain-du-congo-bord-du-lac-kivu" class="card-link text-current js-prod-link">Café en Grain du Congo Bord du Lac Kivu - Café Bonnac | 100% Arabica</a>
</p><div class="card__arome hidden md:flex flex-nowrap overflow-auto mt-2" style="gap: 24px;"><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_equilibre.webp?crop=center&height=30&v=1745923762&width=30"
alt="Equilibré"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Equilibré
</span></div>
</div><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_gourmand.webp?crop=center&height=30&v=1745925678&width=30"
alt="Gourmand"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Gourmand
</span></div>
</div><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_arabica.webp?crop=center&height=30&v=1745922323&width=30"
alt="100% arabica"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
100%
</span><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
arabica
</span></div>
</div><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_roast.webp?crop=center&height=30&v=1745922933&width=30"
alt="Torréfié moyen"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Torréfié
</span><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
moyen
</span></div>
</div></div><div class="flex grow items-end"><div class="price price--bottom">
<div class="price__default">
<span class="price__from">A partir de</span>
<strong class="price__current">7,85 €
</strong>
<del class="price__was"></del>
</div>
<div class="unit-price relative" hidden><span class="visually-hidden">Prix unitaire</span><span class="unit-price__price">
</span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div>
<div class="price__no-variant" hidden>
<strong class="price__current">Indisponible</strong>
</div>
</div>
</div></div>
</div></div>
</product-card>
</li><li class="slider__item">
<product-card class="card card--product h-full relative flex" samitaws-element="handle" p-handle="cafe-en-grain-blend-degustation"><div class="card__media relative"><a href="/collections/acheter-cafe-en-grain/products/cafe-en-grain-blend-degustation" aria-label="Café en Grain Blend Dégustation - Café Bonnac | 100% Arabica" class="media block relative js-prod-link" style="padding-top: 100.0%;" tabindex="-1"><img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_degustation.webp?v=1745797914&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_blend_degustation.webp?v=1745797914&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_degustation.webp?v=1745797914&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains blend">
<img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_degustation.webp?v=1745797914&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_blend_degustation.webp?v=1745797914&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_degustation.webp?v=1745797914&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains blend">
<img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_degustation.webp?v=1745797914&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_blend_degustation.webp?v=1745797914&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_degustation.webp?v=1745797914&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains blend">
<img srcset="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_degustation.webp?v=1745797914&width=600, //www.graindecafe.com/cdn/shop/files/cafe_grain_blend_degustation.webp?v=1745797914&width=1200 2x" sizes="(max-width:768px) 50vw, 300px" src="//www.graindecafe.com/cdn/shop/files/cafe_grain_blend_degustation.webp?v=1745797914&width=1200"
class="img-fit card__main-image" loading="lazy"
width="1200"
height="1200"
fetchpriority="low"
decoding="async"
alt="cafe grains blend">
</a></div>
<div class="card__info-container flex flex-col flex-auto relative">
<div class="card__info w-full">
<div class="card__info-inner flex flex-col h-full w-full"><p class="card__vendor mb-1 text-sm text-theme-light">Café Bonnac</p><p class="card__title font-bold mb-1">
<a href="/collections/acheter-cafe-en-grain/products/cafe-en-grain-blend-degustation" class="card-link text-current js-prod-link">Café en Grain Blend Dégustation - Café Bonnac | 100% Arabica</a>
</p><div class="card__arome hidden md:flex flex-nowrap overflow-auto mt-2" style="gap: 24px;"><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_equilibre.webp?crop=center&height=30&v=1745923762&width=30"
alt="Equilibré"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Equilibré
</span></div>
</div><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_fruite.webp?crop=center&height=30&v=1745920126&width=30"
alt="Fruité"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Fruité
</span></div>
</div><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_arabica.webp?crop=center&height=30&v=1745922323&width=30"
alt="100% arabica"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
100%
</span><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
arabica
</span></div>
</div><div class="flex flex-col items-center text-center shrink-0">
<img
src="//www.graindecafe.com/cdn/shop/files/icon_arome_roast.webp?crop=center&height=30&v=1745922933&width=30"
alt="Torréfié moyen"
width="30"
height="30"
>
<!-- Texte affiché seulement sur desktop --><div class="mt-1"><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
Torréfié
</span><span style="display: block; font-size: 1rem; font-weight: 500; color: #666;">
moyen
</span></div>
</div></div><div class="flex grow items-end"><div class="price price--on-sale price--bottom">
<div class="price__default">
<span class="price__from">A partir de</span>
<strong class="price__current">7,89 €
</strong>
<del class="price__was">8,30 €
</del>
</div>
<div class="unit-price relative" hidden><span class="visually-hidden">Prix unitaire</span><span class="unit-price__price">
</span><span class="unit-price__separator"> / </span><span class="unit-price__unit"></span></div>
<div class="price__no-variant" hidden>
<strong class="price__current">Indisponible</strong>
</div>
</div>
<span class="discount-badge-inline">
-4%
</span></div></div>
</div></div>
</product-card>
</li></ul>
</div></div></div></carousel-slider></div>
<style> #shopify-section-template--17255509688480__featured-collection .flex-col {border-radius: 0px 0px 20px 20px;} #shopify-section-template--17255509688480__featured-collection a.media.block.relative {border-radius: 20px 20px 0 0;} #shopify-section-template--17255509688480__featured-collection .media.relative {border-radius: 20px 20px 0px 0px;} #shopify-section-template--17255509688480__featured-collection .media.block.relative.js-prod-link {border-radius: 20px;} </style></section><div id="shopify-section-template--17255509688480__multi-column" class="shopify-section cc-multi-column"><style data-shopify>
@media (min-width: 600px) {
#template--17255509688480__multi-column .multi-column {
width: calc(50% - var(--column-gap));
}
}
@media (min-width: 769px) {
#template--17255509688480__multi-column .multi-column {
width: calc((100% / 3) - var(--column-gap));
}
}
@media (min-width: 1024px) {
#template--17255509688480__multi-column .multi-column {
width: calc(25% - var(--column-gap));
}
}
</style>
<div class="section" id="template--17255509688480__multi-column"><div class="container">
<ul class="flex flex-wrap gap-x-theme gap-y-12 md:gap-y-6" role="list"><li class="multi-column grow w-full max-w-none" >
<div class="card relative flex flex-col h-full"><div class="card__media media relative w-full" style="padding-top: 56.49717514124294%; transform: scale(0.7);">
<img srcset="//www.graindecafe.com/cdn/shop/files/P-BIO.png?v=1713371453&width=460 460w, //www.graindecafe.com/cdn/shop/files/P-BIO.png?v=1713371453&width=700 700w" sizes="(min-width: 1568px) calc((1440px - 48px) / 3), (min-width: 1280px) calc((100vw - 176px) / 3), (min-width: 769px) calc((100vw - 112px) / 3), (min-width: 600px) calc(100vw - 64px), calc(100vw - 40px)" src="//www.graindecafe.com/cdn/shop/files/P-BIO.png?v=1713371453&width=700"
class="video-played-hidden img-fit" style="object-position: 49.1497% 66.6667%" loading="lazy"
width="700"
height="333"
decoding="async"
alt="P organic">
</div><div class="card__info flex flex-col flex-auto items-start pt-6 text-center items-center"><h2 class="h5 card__title">Cafés BIO</h2><div class="card__rte flex-auto rte">
<p>Notre sélection de café en grain bio est certifiée biologique par le label Ecocert<strong> </strong>afin de vous garantir une agriculture respectueuse de l’environnement.</p>
</div>
<div class="mt-8 mb-8">
<a class="card__button btn btn--primary" href="/collections/cafe-en-grain-biologique">Découvrir</a>
</div>
</div>
</div>
</li><li class="multi-column grow w-full max-w-none" >
<div class="card relative flex flex-col h-full"><div class="card__media media relative w-full" style="padding-top: 56.49717514124294%; transform: scale(0.65);">
<img srcset="//www.graindecafe.com/cdn/shop/files/SAIL_ACCUEIL.webp?v=1762170619&width=460 460w, //www.graindecafe.com/cdn/shop/files/SAIL_ACCUEIL.webp?v=1762170619&width=700 700w" sizes="(min-width: 1568px) calc((1440px - 48px) / 3), (min-width: 1280px) calc((100vw - 176px) / 3), (min-width: 769px) calc((100vw - 112px) / 3), (min-width: 600px) calc(100vw - 64px), calc(100vw - 40px)" src="//www.graindecafe.com/cdn/shop/files/SAIL_ACCUEIL.webp?v=1762170619&width=700"
class="video-played-hidden img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="700"
height="333"
decoding="async"
alt="">
</div><div class="card__info flex flex-col flex-auto items-start pt-6 text-center items-center"><h2 class="h5 card__title">Cafés décarbonés</h2><div class="card__rte flex-auto rte">
<p>Découvrez les cafés décarbonés, transportés à la voile pour limiter l’empreinte carbone. Une sélection artisanale aux arômes riches et responsables.</p>
</div>
<div class="mt-8 mb-8">
<a class="card__button btn btn--primary" href="/collections/cafe-transporte-a-la-voile">Découvrir</a>
</div>
</div>
</div>
</li><li class="multi-column grow w-full max-w-none" >
<div class="card relative flex flex-col h-full"><div class="card__media media relative w-full" style="padding-top: 56.49717514124294%; transform: scale(0.7);">
<img srcset="//www.graindecafe.com/cdn/shop/files/P-LOUPE.png?v=1713371470&width=460 460w, //www.graindecafe.com/cdn/shop/files/P-LOUPE.png?v=1713371470&width=700 700w" sizes="(min-width: 1568px) calc((1440px - 48px) / 3), (min-width: 1280px) calc((100vw - 176px) / 3), (min-width: 769px) calc((100vw - 112px) / 3), (min-width: 600px) calc(100vw - 64px), calc(100vw - 40px)" src="//www.graindecafe.com/cdn/shop/files/P-LOUPE.png?v=1713371470&width=700"
class="video-played-hidden img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="700"
height="333"
decoding="async"
alt="P LOUPE">
</div><div class="card__info flex flex-col flex-auto items-start pt-6 text-center items-center"><h2 class="h5 card__title">Cafés d’exception</h2><div class="card__rte flex-auto rte">
<p>Notre gamme de café d'exception est composée de cafés issus de petites productions et de grande renommée aux profils gustatifs remarquables (SCA : 80+/100).</p>
</div>
<div class="mt-8 mb-8">
<a class="card__button btn btn--primary" href="/collections/cafe-en-grain-grand-cru">Découvrir</a>
</div>
</div>
</div>
</li></ul>
</div></div>
<style> #shopify-section-template--17255509688480__multi-column .card {max-width: 90%; padding: 10px; border-radius: 20px; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1); padding-top: 50px; padding-bottom: 20px; background-color: white;} #shopify-section-template--17255509688480__multi-column .card__info {padding-top: 0; margin: -20px 20px;} #shopify-section-template--17255509688480__multi-column .card__media {margin-top: -50px;} </style></div><section id="shopify-section-template--17255509688480__collection-list" class="shopify-section cc-collection-list"><div class="container"><div class="section color-scheme--transparent"><div class="container">
<div class="section__header items-center flex flex-row-reverse flex-wrap gap-x-theme"><a href="" class="link">Voir tout</a></div>
</div><carousel-slider class="carousel block" inactive>
<div class="container relative">
<div class="slider" id="slider-template--17255509688480__collection-list"><div class="container">
<ul class="slider__grid grid grid-flow-col auto-cols-2 sm:auto-cols-3 md:auto-cols-4 lg:auto-cols-5 xl:auto-cols-6 gap-x-theme gap-y-10" role="list"><li class="slider__item">
<div class="card hover:grow-media relative flex flex-col card__collection"><div class="card__media relative">
<a href="/collections/acheter-cafe-en-grain" aria-label="Café en grain fraîchement torréfié" class="media block relative" tabindex="-1" style="padding-top: 100%;"><img srcset="//www.graindecafe.com/cdn/shop/files/HP-CAFE-GR.jpg?v=1730795714&width=320 320w" sizes="(min-width: 1568px) calc((1440px - 72px) / 4), (min-width: 1280px) calc((100vw - 200px) / 4), (min-width: 1024px) calc((100vw - 112px) / 3), (min-width: 600px) calc((100vw - 88px) / 2), calc(100vw - 40px)" src="//www.graindecafe.com/cdn/shop/files/HP-CAFE-GR.jpg?v=1730795714&width=800"
class="img-fit" loading="lazy"
width="320"
height="320"
fetchpriority="high"
decoding="async"
alt="HP cafe GR">
</a>
</div>
<div class="card__info relative text-center">
<p class="card__title h6 mb-2 last:mb-0"><a href="/collections/acheter-cafe-en-grain" class="card-link text-current">Café en grain fraîchement torréfié</a></p><a href="/collections/acheter-cafe-en-grain" class="text-theme-text inline-flex card__collection--arrow">
Voir la collection
<span class="has-ltr-icon flex items-center mis-2"><svg width="18" height="19" viewbox="0 0 17.99 18.62" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M4.77 9.31h7.81M8.86 5.17l4 4.14-4 4.14" fill="none" stroke="currentColor" stroke-width="1.25"/><ellipse cx="9" cy="9.31" rx="8.37" ry="8.69" fill="none" stroke="currentColor" stroke-width="1.25"/></svg></span>
</a></div>
</div>
</li><li class="slider__item">
<div class="card hover:grow-media relative flex flex-col card__collection"><div class="card__media relative">
<a href="/collections/cafe-moulu" aria-label="Nos Cafés Moulus" class="media block relative" tabindex="-1" style="padding-top: 100%;"><img srcset="//www.graindecafe.com/cdn/shop/files/COL-CAFE-M_560fa00a-9178-4fce-95f2-dc5a3f6d23c7.png?v=1731429360&width=320 320w" sizes="(min-width: 1568px) calc((1440px - 72px) / 4), (min-width: 1280px) calc((100vw - 200px) / 4), (min-width: 1024px) calc((100vw - 112px) / 3), (min-width: 600px) calc((100vw - 88px) / 2), calc(100vw - 40px)" src="//www.graindecafe.com/cdn/shop/files/COL-CAFE-M_560fa00a-9178-4fce-95f2-dc5a3f6d23c7.png?v=1731429360&width=800"
class="img-fit" loading="lazy"
width="320"
height="320"
fetchpriority="high"
decoding="async"
alt="COL cafe M">
</a>
</div>
<div class="card__info relative text-center">
<p class="card__title h6 mb-2 last:mb-0"><a href="/collections/cafe-moulu" class="card-link text-current">Nos Cafés Moulus</a></p><a href="/collections/cafe-moulu" class="text-theme-text inline-flex card__collection--arrow">
Voir la collection
<span class="has-ltr-icon flex items-center mis-2"><svg width="18" height="19" viewbox="0 0 17.99 18.62" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M4.77 9.31h7.81M8.86 5.17l4 4.14-4 4.14" fill="none" stroke="currentColor" stroke-width="1.25"/><ellipse cx="9" cy="9.31" rx="8.37" ry="8.69" fill="none" stroke="currentColor" stroke-width="1.25"/></svg></span>
</a></div>
</div>
</li><li class="slider__item">
<div class="card hover:grow-media relative flex flex-col card__collection"><div class="card__media relative">
<a href="/collections/nos-thes" aria-label="Boutique des thés" class="media block relative" tabindex="-1" style="padding-top: 100%;"><img srcset="//www.graindecafe.com/cdn/shop/files/COL-CUILL-T.png?v=1731429420&width=320 320w" sizes="(min-width: 1568px) calc((1440px - 72px) / 4), (min-width: 1280px) calc((100vw - 200px) / 4), (min-width: 1024px) calc((100vw - 112px) / 3), (min-width: 600px) calc((100vw - 88px) / 2), calc(100vw - 40px)" src="//www.graindecafe.com/cdn/shop/files/COL-CUILL-T.png?v=1731429420&width=800"
class="img-fit" loading="lazy"
width="320"
height="320"
fetchpriority="high"
decoding="async"
alt="COL CUILL T">
</a>
</div>
<div class="card__info relative text-center">
<p class="card__title h6 mb-2 last:mb-0"><a href="/collections/nos-thes" class="card-link text-current">Boutique des thés</a></p><a href="/collections/nos-thes" class="text-theme-text inline-flex card__collection--arrow">
Voir la collection
<span class="has-ltr-icon flex items-center mis-2"><svg width="18" height="19" viewbox="0 0 17.99 18.62" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M4.77 9.31h7.81M8.86 5.17l4 4.14-4 4.14" fill="none" stroke="currentColor" stroke-width="1.25"/><ellipse cx="9" cy="9.31" rx="8.37" ry="8.69" fill="none" stroke="currentColor" stroke-width="1.25"/></svg></span>
</a></div>
</div>
</li><li class="slider__item">
<div class="card hover:grow-media relative flex flex-col card__collection"><div class="card__media relative">
<a href="/collections/decouvrir-les-chocolatiers" aria-label="Chocolatiers - tablettes de chocolat grand cru" class="media block relative" tabindex="-1" style="padding-top: 100%;"><img srcset="//www.graindecafe.com/cdn/shop/files/COL-CHOCS.png?v=1731429453&width=320 320w" sizes="(min-width: 1568px) calc((1440px - 72px) / 4), (min-width: 1280px) calc((100vw - 200px) / 4), (min-width: 1024px) calc((100vw - 112px) / 3), (min-width: 600px) calc((100vw - 88px) / 2), calc(100vw - 40px)" src="//www.graindecafe.com/cdn/shop/files/COL-CHOCS.png?v=1731429453&width=800"
class="img-fit" loading="lazy"
width="320"
height="320"
fetchpriority="high"
decoding="async"
alt="COL CHOCS">
</a>
</div>
<div class="card__info relative text-center">
<p class="card__title h6 mb-2 last:mb-0"><a href="/collections/decouvrir-les-chocolatiers" class="card-link text-current">Chocolatiers - tablettes de chocolat grand cru</a></p><a href="/collections/decouvrir-les-chocolatiers" class="text-theme-text inline-flex card__collection--arrow">
Voir la collection
<span class="has-ltr-icon flex items-center mis-2"><svg width="18" height="19" viewbox="0 0 17.99 18.62" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M4.77 9.31h7.81M8.86 5.17l4 4.14-4 4.14" fill="none" stroke="currentColor" stroke-width="1.25"/><ellipse cx="9" cy="9.31" rx="8.37" ry="8.69" fill="none" stroke="currentColor" stroke-width="1.25"/></svg></span>
</a></div>
</div>
</li><li class="slider__item">
<div class="card hover:grow-media relative flex flex-col card__collection"><div class="card__media relative">
<a href="/collections/cafe-vert" aria-label="Café vert" class="media block relative" tabindex="-1" style="padding-top: 100%;"><img srcset="//www.graindecafe.com/cdn/shop/files/COL-CAFE-VERT.png?v=1731429593&width=320 320w" sizes="(min-width: 1568px) calc((1440px - 72px) / 4), (min-width: 1280px) calc((100vw - 200px) / 4), (min-width: 1024px) calc((100vw - 112px) / 3), (min-width: 600px) calc((100vw - 88px) / 2), calc(100vw - 40px)" src="//www.graindecafe.com/cdn/shop/files/COL-CAFE-VERT.png?v=1731429593&width=800"
class="img-fit" loading="lazy"
width="320"
height="320"
fetchpriority="high"
decoding="async"
alt="COL cafe VERT">
</a>
</div>
<div class="card__info relative text-center">
<p class="card__title h6 mb-2 last:mb-0"><a href="/collections/cafe-vert" class="card-link text-current">Café vert</a></p><a href="/collections/cafe-vert" class="text-theme-text inline-flex card__collection--arrow">
Voir la collection
<span class="has-ltr-icon flex items-center mis-2"><svg width="18" height="19" viewbox="0 0 17.99 18.62" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M4.77 9.31h7.81M8.86 5.17l4 4.14-4 4.14" fill="none" stroke="currentColor" stroke-width="1.25"/><ellipse cx="9" cy="9.31" rx="8.37" ry="8.69" fill="none" stroke="currentColor" stroke-width="1.25"/></svg></span>
</a></div>
</div>
</li><li class="slider__item">
<div class="card hover:grow-media relative flex flex-col card__collection"><div class="card__media relative">
<a href="/collections/machine-a-grains" aria-label="Machine à café à grains" class="media block relative" tabindex="-1" style="padding-top: 100%;"><img srcset="//www.graindecafe.com/cdn/shop/files/COL-ENT-CAF_4c58bf9e-68d4-4164-aba8-9f0253add21c.png?v=1731430302&width=320 320w" sizes="(min-width: 1568px) calc((1440px - 72px) / 4), (min-width: 1280px) calc((100vw - 200px) / 4), (min-width: 1024px) calc((100vw - 112px) / 3), (min-width: 600px) calc((100vw - 88px) / 2), calc(100vw - 40px)" src="//www.graindecafe.com/cdn/shop/files/COL-ENT-CAF_4c58bf9e-68d4-4164-aba8-9f0253add21c.png?v=1731430302&width=800"
class="img-fit" loading="lazy"
width="320"
height="320"
fetchpriority="high"
decoding="async"
alt="COL ENT CAF">
</a>
</div>
<div class="card__info relative text-center">
<p class="card__title h6 mb-2 last:mb-0"><a href="/collections/machine-a-grains" class="card-link text-current">Machine à café à grains</a></p><a href="/collections/machine-a-grains" class="text-theme-text inline-flex card__collection--arrow">
Voir la collection
<span class="has-ltr-icon flex items-center mis-2"><svg width="18" height="19" viewbox="0 0 17.99 18.62" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M4.77 9.31h7.81M8.86 5.17l4 4.14-4 4.14" fill="none" stroke="currentColor" stroke-width="1.25"/><ellipse cx="9" cy="9.31" rx="8.37" ry="8.69" fill="none" stroke="currentColor" stroke-width="1.25"/></svg></span>
</a></div>
</div>
</li></ul>
</div></div></div>
</carousel-slider></div></div>
<style> #shopify-section-template--17255509688480__collection-list .card__media {border-radius: 20px;} </style></section><div id="shopify-section-template--17255509688480__multi_column_3zWQBm" class="shopify-section cc-multi-column"><div class="section" id="template--17255509688480__multi_column_3zWQBm"><div class="container">
<div class="section__header items-center flex flex-row flex-wrap gap-x-theme"><h2 class="h4 section__heading mb-0 flex-auto text-start">Nos machines à café à Grains</h2><a href="/collections/machine-a-grains" class="link">Voir plus</a></div>
</div><carousel-slider class="carousel block" inactive>
<div class="container relative">
<div class="slider" id="slider-template--17255509688480__multi_column_3zWQBm"><div class="container">
<ul class="slider__grid grid grid-flow-col auto-cols-1 sm:auto-cols-2 md:auto-cols-3 lg:auto-cols-4 gap-x-theme gap-y-6" role="list"><li class="multi-column grow w-full max-w-none slider__item" >
<div class="card relative flex flex-col h-full"><div class="card__media media relative w-full" style="padding-top: 100%;">
<img srcset="//www.graindecafe.com/cdn/shop/files/FEB-4435B-DELONGHI_313f8da0-70b3-4f84-83f6-cd1ad9df87ad.jpg?v=1721594782&width=460 460w, //www.graindecafe.com/cdn/shop/files/FEB-4435B-DELONGHI_313f8da0-70b3-4f84-83f6-cd1ad9df87ad.jpg?v=1721594782&width=700 700w" sizes="(min-width: 1568px) calc((1440px - 48px) / 3), (min-width: 1280px) calc((100vw - 176px) / 3), (min-width: 769px) calc((100vw - 112px) / 3), (min-width: 600px) calc(100vw - 64px), calc(100vw - 40px)" src="//www.graindecafe.com/cdn/shop/files/FEB-4435B-DELONGHI_313f8da0-70b3-4f84-83f6-cd1ad9df87ad.jpg?v=1721594782&width=700"
class="video-played-hidden img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="700"
height="700"
decoding="async"
alt="FEB 4435B DELONGHI">
</div><div class="card__info flex flex-col flex-auto items-start pt-6"><h2 class="h5 card__title">Machine à Café Grains Rivelia FEB 4435.B Noir Onyx | De'Longhi</h2><div class="card__rte flex-auto rte">
<p><strong>799.00 €</strong></p>
</div>
<div class="mt-8">
<a class="card__button btn btn--primary" href="/products/machine-a-cafe-rivelia-delonghi-feb-4435b-offre-cadeaux">Découvrir</a>
</div>
</div>
</div>
</li><li class="multi-column grow w-full max-w-none slider__item" >
<div class="card relative flex flex-col h-full"><div class="card__media media relative w-full" style="padding-top: 100%;">
<img srcset="//www.graindecafe.com/cdn/shop/files/feb2931-delonghi-1_037156e8-60b9-42b6-b951-1fbf022cef43.jpg?v=1721594012&width=460 460w, //www.graindecafe.com/cdn/shop/files/feb2931-delonghi-1_037156e8-60b9-42b6-b951-1fbf022cef43.jpg?v=1721594012&width=700 700w" sizes="(min-width: 1568px) calc((1440px - 48px) / 3), (min-width: 1280px) calc((100vw - 176px) / 3), (min-width: 769px) calc((100vw - 112px) / 3), (min-width: 600px) calc(100vw - 64px), calc(100vw - 40px)" src="//www.graindecafe.com/cdn/shop/files/feb2931-delonghi-1_037156e8-60b9-42b6-b951-1fbf022cef43.jpg?v=1721594012&width=700"
class="video-played-hidden img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="700"
height="700"
decoding="async"
alt="feb2931 delonghi 1">
</div><div class="card__info flex flex-col flex-auto items-start pt-6"><h2 class="h5 card__title">Machine à Café Grains Magnifica Evo FEB 2931.SB | De'Longhi</h2><div class="card__rte flex-auto rte">
<p><strong>529.90 €</strong></p>
</div>
<div class="mt-8">
<a class="card__button btn btn--primary" href="/products/expresso-broyeur-delonghi-magnifica-evo-feb2931">Découvrir</a>
</div>
</div>
</div>
</li><li class="multi-column grow w-full max-w-none slider__item" >
<div class="card relative flex flex-col h-full"><div class="card__media media relative w-full" style="padding-top: 100%;">
<img srcset="//www.graindecafe.com/cdn/shop/files/Delonghi-dinamica-FEB3795T-Delonghi-5_ccec4ef6-69aa-4541-a4e9-cca2ad2095da.jpg?v=1721594659&width=460 460w, //www.graindecafe.com/cdn/shop/files/Delonghi-dinamica-FEB3795T-Delonghi-5_ccec4ef6-69aa-4541-a4e9-cca2ad2095da.jpg?v=1721594659&width=700 700w" sizes="(min-width: 1568px) calc((1440px - 48px) / 3), (min-width: 1280px) calc((100vw - 176px) / 3), (min-width: 769px) calc((100vw - 112px) / 3), (min-width: 600px) calc(100vw - 64px), calc(100vw - 40px)" src="//www.graindecafe.com/cdn/shop/files/Delonghi-dinamica-FEB3795T-Delonghi-5_ccec4ef6-69aa-4541-a4e9-cca2ad2095da.jpg?v=1721594659&width=700"
class="video-played-hidden img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="700"
height="700"
decoding="async"
alt="Delonghi dinamica FEB3795T">
</div><div class="card__info flex flex-col flex-auto items-start pt-6"><h2 class="h5 card__title">Machines à Café à Grains Connectée Dinamica FEB3795.T | De'Longhi</h2><div class="card__rte flex-auto rte">
<p><strong>1099.00 €</strong></p>
</div>
<div class="mt-8">
<a class="card__button btn btn--primary" href="/products/delonghi-dinamica-feb3795-t-broyeur-3-ans-de-garantie">Découvrir</a>
</div>
</div>
</div>
</li><li class="multi-column grow w-full max-w-none slider__item" >
<div class="card relative flex flex-col h-full"><div class="card__media media relative w-full" style="padding-top: 100%;">
<img srcset="//www.graindecafe.com/cdn/shop/files/FEB-3575S-DELONGHI.jpg?v=1720380006&width=460 460w, //www.graindecafe.com/cdn/shop/files/FEB-3575S-DELONGHI.jpg?v=1720380006&width=700 700w" sizes="(min-width: 1568px) calc((1440px - 48px) / 3), (min-width: 1280px) calc((100vw - 176px) / 3), (min-width: 769px) calc((100vw - 112px) / 3), (min-width: 600px) calc(100vw - 64px), calc(100vw - 40px)" src="//www.graindecafe.com/cdn/shop/files/FEB-3575S-DELONGHI.jpg?v=1720380006&width=700"
class="video-played-hidden img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="700"
height="700"
decoding="async"
alt="FEB 3575S DELONGHI">
</div><div class="card__info flex flex-col flex-auto items-start pt-6"><h2 class="h5 card__title">Machine à Café Grains Dinamica FEB 3575.S Silver | De'Longhi</h2><div class="card__rte flex-auto rte">
<p><strong>969.99 €</strong></p>
</div>
<div class="mt-8">
<a class="card__button btn btn--primary" href="/products/machine-a-cafe-broyeur-delonghi-dinamica-feb-3575-s-silver-3-ans-de-garantie-cadeaux">Découvrir</a>
</div>
</div>
</div>
</li></ul>
</div></div></div>
</carousel-slider></div>
<style> #shopify-section-template--17255509688480__multi_column_3zWQBm h2 {font-size: 1.6rem;} </style></div><section id="shopify-section-template--17255509688480__product_features_TFeEC6" class="shopify-section cc-product-features"><link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/hotspots-image.css?v=116084009529044875431729615761" media="print" onload="this.media='all'"><script src="//www.graindecafe.com/cdn/shop/t/12/assets/hotspots-image.js?v=26831080853938289531729615761" defer="defer"></script><style data-shopify>
#template--17255509688480__product_features_TFeEC6 {
--hotspot-color: 48 88 71;--hotspot-cross-color: #fff;
}
</style>
<div class="container" id="template--17255509688480__product_features_TFeEC6">
<div class="section">
<div class="product-features__text text-center">
<div class="card card--wide h-full">
<div class="card__info reading-width--inline mx-auto"><h2 class="section__block section__block--heading h2">Nos cafés du monde</h2></div>
</div>
</div>
<div class="product-features relative">
<hotspots-image class="product-features__image block relative overflow-hidden"><img srcset="//www.graindecafe.com/cdn/shop/files/MAP-MONDE.png?v=1731428131&width=480 480w, //www.graindecafe.com/cdn/shop/files/MAP-MONDE.png?v=1731428131&width=980 980w, //www.graindecafe.com/cdn/shop/files/MAP-MONDE.png?v=1731428131&width=1200 1200w, //www.graindecafe.com/cdn/shop/files/MAP-MONDE.png?v=1731428131&width=1400 1400w" sizes="(min-width: 1280px) 1400px, (min-width: 600px) calc(100vw - 64px), calc(100vw - 40px)" src="//www.graindecafe.com/cdn/shop/files/MAP-MONDE.png?v=1731428131&width=1200"
class="block mx-auto w-full" style="object-position: 50.0% 50.0%" loading="lazy"
width="1400"
height="560"
decoding="async"
alt="MAP MONDE">
<div class="hotspot absolute" data-x="25" data-y="25" style="top: 55%; left: 25%">
<button type="button" class="hotspot__btn relative tap-target no-js-hidden" aria-expanded="false">
<span class="visually-hidden">Voir les détails
</span>
<svg width="24" height="24" viewbox="0 0 24 24" stroke="currentColor" stroke-width="1.5" aria-hidden="true" focusable="false" role="presentation" class="icon"><path class="h-line" d="M4 12h16"/><path class="v-line" d="M12 4v16"/></svg>
</button>
<div class="hotspot__card hotspot__card--wide absolute no-js-hidden text-start" aria-hidden="true"><img srcset="//www.graindecafe.com/cdn/shop/files/VG-Amerique.png?v=1721225282&width=320, //www.graindecafe.com/cdn/shop/files/VG-Amerique.png?v=1721225282&width=640 2x" src="//www.graindecafe.com/cdn/shop/files/VG-Amerique.png?v=1721225282&width=640"
class="mb-4" style="object-position: 50.0% 50.0%" loading="lazy"
width="640"
height="358"
decoding="async"
alt="VG Amerique">
<h6>Cafés d'Amérique Central</h6><div class="rte">
<p><a href="/products/cafe-en-grain-du-guatemala-la-capella" title="Café en Grain du Guatemala La Capella - Café Bonnac | 100% Arabica">Café du Guatemala</a><br/><a href="/products/cafe-en-grain-du-honduras-lenca-bio" title="Café en Grain du Honduras Lenca - Café Bonnac | Café Certifié Biologique - 100% Arabica">Café du Honduras</a><br/><a href="/products/cafe-en-grain-du-perou-llama-bio" title="Café en Grain du Pérou Llama - Café Bonnac | Café Certifié Biologique - 100% Arabica">Café du Pérou</a><br/><a href="/products/cafe-en-grain-du-nicaragua-jinotega-bio" title="Café en Grain du Nicaragua Jinotega - Café Bonnac | Café Certifié Biologique - 100% Arabica">Café du Nicaragua</a><br/><a href="/products/cafe-en-grain-du-costa-rica-tarrazu" title="Café en Grain Costa-Rica Tarrazu - Café Bonnac | 100% Arabica">Café du Costa-Rica</a><br/><a href="/products/cafe-en-grain-de-colombie-supremo" title="Café en Grain Colombie Supremo - Café Bonnac | 100% Arabica">Café de Colombie</a><br/></p>
</div></div>
</div>
<div class="hotspot absolute" data-x="31" data-y="31" style="top: 70%; left: 31%">
<button type="button" class="hotspot__btn relative tap-target no-js-hidden" aria-expanded="false">
<span class="visually-hidden">Voir les détails
</span>
<svg width="24" height="24" viewbox="0 0 24 24" stroke="currentColor" stroke-width="1.5" aria-hidden="true" focusable="false" role="presentation" class="icon"><path class="h-line" d="M4 12h16"/><path class="v-line" d="M12 4v16"/></svg>
</button>
<div class="hotspot__card hotspot__card--wide absolute no-js-hidden text-start" aria-hidden="true"><img srcset="//www.graindecafe.com/cdn/shop/files/VG-Amerique.png?v=1721225282&width=320, //www.graindecafe.com/cdn/shop/files/VG-Amerique.png?v=1721225282&width=640 2x" src="//www.graindecafe.com/cdn/shop/files/VG-Amerique.png?v=1721225282&width=640"
class="mb-4" style="object-position: 50.0% 50.0%" loading="lazy"
width="640"
height="358"
decoding="async"
alt="VG Amerique">
<h6>Cafés d'Amérique du Sud</h6><div class="rte">
<p><a href="/products/cafe-en-grain-bresil-santos" title="Café en Grain du Brésil Santos Tradition - Café Bonnac | 100% Arabica">Café du Brésil<br/></a><a href="/products/cafe-en-grain-dequateur-vilcabamba" title="Café en Grain Equateur Vilcabamba - Café Bonnac | 100% Arabica">Café d'Equateur</a></p>
</div></div>
</div>
<div class="hotspot absolute" data-x="50" data-y="50" style="top: 58%; left: 50%">
<button type="button" class="hotspot__btn relative tap-target no-js-hidden" aria-expanded="false">
<span class="visually-hidden">Voir les détails
</span>
<svg width="24" height="24" viewbox="0 0 24 24" stroke="currentColor" stroke-width="1.5" aria-hidden="true" focusable="false" role="presentation" class="icon"><path class="h-line" d="M4 12h16"/><path class="v-line" d="M12 4v16"/></svg>
</button>
<div class="hotspot__card hotspot__card--wide absolute no-js-hidden text-start" aria-hidden="true"><img srcset="//www.graindecafe.com/cdn/shop/files/VM-Afrique.png?v=1721225282&width=320, //www.graindecafe.com/cdn/shop/files/VM-Afrique.png?v=1721225282&width=640 2x" src="//www.graindecafe.com/cdn/shop/files/VM-Afrique.png?v=1721225282&width=640"
class="mb-4" style="object-position: 50.0% 50.0%" loading="lazy"
width="640"
height="358"
decoding="async"
alt="VM Afrique">
<h6>Cafés d'Afrique</h6><div class="rte">
<p><a href="/collections/cafes-origine-ethiopie" title="Cafés d'Ethiopie">Café d'Ethiopie</a><br/><a href="/products/cafe-en-grain-du-congo-bord-du-lac-kivu" title="Café en Grain du Congo Bord du Lac Kivu - Café Bonnac | 100% Arabica">Café du Congo</a><br/><a href="/products/cafe-en-grain-burundi-kalico" title="Café en Grain du Burundi Kalico - Café Bonnac | 100% Arabica">Café du Burundi</a><br/><a href="/products/cafe-en-grain-du-kenya-massai" title="Café en Grain du Kenya Massaï - Café Bonnac | 100% Arabica">Café du Kenya</a><br/><a href="/products/cafe-en-grain-du-cameroun-bamoun-a-100-arabica" title="Café en Grain du Cameroun Bamoun A | 100% Arabica">Café du Cameroun</a></p>
</div></div>
</div>
<div class="hotspot absolute" data-x="72" data-y="72" style="top: 58%; left: 72%">
<button type="button" class="hotspot__btn relative tap-target no-js-hidden" aria-expanded="false">
<span class="visually-hidden">Voir les détails
</span>
<svg width="24" height="24" viewbox="0 0 24 24" stroke="currentColor" stroke-width="1.5" aria-hidden="true" focusable="false" role="presentation" class="icon"><path class="h-line" d="M4 12h16"/><path class="v-line" d="M12 4v16"/></svg>
</button>
<div class="hotspot__card hotspot__card--wide absolute no-js-hidden text-start" aria-hidden="true"><img srcset="//www.graindecafe.com/cdn/shop/files/VM-Asie.png?v=1721225283&width=320, //www.graindecafe.com/cdn/shop/files/VM-Asie.png?v=1721225283&width=640 2x" src="//www.graindecafe.com/cdn/shop/files/VM-Asie.png?v=1721225283&width=640"
class="mb-4" style="object-position: 50.0% 50.0%" loading="lazy"
width="640"
height="358"
decoding="async"
alt="VM Asie">
<h6>Cafés d'Asie</h6><div class="rte">
<p><a href="/products/cafe-en-grain-inde-plantation" title="Café en Grain Inde Plantation - Café Bonnac | 100% Arabica">Café d'Inde<br/></a><a href="/products/cafe-en-grain-indonesie-java-radiophare" title="Café en Grain Indonésie Java Radiophare - Café Bonnac | 100% Arabica">Café d'Indonésie</a></p>
</div></div>
</div>
<div class="hotspot absolute" data-x="47" data-y="47" style="top: 36%; left: 47%">
<button type="button" class="hotspot__btn relative tap-target no-js-hidden" aria-expanded="false">
<span class="visually-hidden">Voir les détails
</span>
<svg width="24" height="24" viewbox="0 0 24 24" stroke="currentColor" stroke-width="1.5" aria-hidden="true" focusable="false" role="presentation" class="icon"><path class="h-line" d="M4 12h16"/><path class="v-line" d="M12 4v16"/></svg>
</button>
<div class="hotspot__card hotspot__card--wide absolute no-js-hidden text-start" aria-hidden="true"><img srcset="//www.graindecafe.com/cdn/shop/files/VG-Blend.png?v=1721225282&width=320, //www.graindecafe.com/cdn/shop/files/VG-Blend.png?v=1721225282&width=640 2x" src="//www.graindecafe.com/cdn/shop/files/VG-Blend.png?v=1721225282&width=640"
class="mb-4" style="object-position: 50.0% 50.0%" loading="lazy"
width="640"
height="358"
decoding="async"
alt="VG Blend">
<h6>Cafés Blends</h6><div class="rte">
<p><a href="/collections/blend-maison" title="Blend maison grains">Nos Mélanges Maison</a></p>
</div></div>
</div>
</hotspots-image>
</div></div>
</div>
<style> #shopify-section-template--17255509688480__product_features_TFeEC6 .product-features__image {border-radius: 20px;} </style></section><section id="shopify-section-template--17255509688480__custom_liquid_VGJhTn" class="shopify-section cc-custom-liquid"><div class="section relative section--full-width section--padded-default"><div class="container"><div class="skeepers_carousel_container" data-slides-count="3"></div><script async charset="utf-8" src="//widgets.rr.skeepers.io/carousel/3f90f963-cc78-1fb4-0905-44b42f022e7a/39b08ecd-b45b-4afc-b4d7-7c9425072288.js"></script></div></div>
</section><section id="shopify-section-template--17255509688480__logo_list_jGpgNi" class="shopify-section cc-logo-list"><style data-shopify>#section-template--17255509688480__logo_list_jGpgNi .logo-list { column-gap: 40px; }
@media (max-width: 769px) {
#section-template--17255509688480__logo_list_jGpgNi .logo-list { column-gap: 26.4px; }
}
@media (max-width: 600px) {
#section-template--17255509688480__logo_list_jGpgNi .logo-list { column-gap: 13.2px; }
}
#block-logo_t9bmFY { width: 150px; }
#block-logo_FirBXC { width: 150px; }
#block-logo_hEAWyD { width: 150px; }
#block-logo_GkgDAj { width: 150px; }
#block-logo_xtpjGz { width: 150px; }
#block-logo_P8NBYF { width: 150px; }
#block-logo_hRjQMi { width: 150px; }
#block-logo_UtBzEc { width: 150px; }
#block-logo_kteLbY { width: 150px; }
#block-logo_rkBcb9 { width: 150px; }
#block-logo_fqNx9T { width: 150px; }
#section-template--17255509688480__logo_list_jGpgNi .logo-list { grid-template-columns: 150px 150px 150px 150px 150px 150px 150px 150px 150px 150px 150px ; }</style><div class="section section--padded section--full-width" id="section-template--17255509688480__logo_list_jGpgNi"><carousel-slider class="carousel block lg:overflow-hidden" inactive>
<div class="relative container">
<div class="slider" id="slider-template--17255509688480__logo_list_jGpgNi"><div class="container">
<ul class="logo-list slider__grid grid gap-x-theme gap-y-theme" role="list"><li class="slider__item flex items-center justify-center" >
<div class="logo-list__logo w-full text-center" id="block-logo_t9bmFY"><img src="//www.graindecafe.com/cdn/shop/files/logo-bialetti.png?v=1713782417&width=150"
class="w-auto" style="object-position: 50.0% 50.0%" loading="lazy"
width="150"
height="150"
decoding="async"
alt="logo bialetti">
</div>
</li><li class="slider__item flex items-center justify-center" >
<div class="logo-list__logo w-full text-center" id="block-logo_FirBXC"><img src="//www.graindecafe.com/cdn/shop/files/logo-bodum.png?v=1713782438&width=150"
class="w-auto" style="object-position: 50.0% 50.0%" loading="lazy"
width="150"
height="150"
decoding="async"
alt="logo bodum">
</div>
</li><li class="slider__item flex items-center justify-center" >
<div class="logo-list__logo w-full text-center" id="block-logo_hEAWyD"><img src="//www.graindecafe.com/cdn/shop/files/logo-cluizel.png?v=1713782437&width=150"
class="w-auto" style="object-position: 50.0% 50.0%" loading="lazy"
width="150"
height="150"
decoding="async"
alt="logo cluizel">
</div>
</li><li class="slider__item flex items-center justify-center" >
<div class="logo-list__logo w-full text-center" id="block-logo_GkgDAj"><img src="//www.graindecafe.com/cdn/shop/files/logo-cdf.png?v=1713782438&width=150"
class="w-auto" style="object-position: 50.0% 50.0%" loading="lazy"
width="150"
height="150"
decoding="async"
alt="logo cdf">
</div>
</li><li class="slider__item flex items-center justify-center" >
<div class="logo-list__logo w-full text-center" id="block-logo_xtpjGz"><img src="//www.graindecafe.com/cdn/shop/files/logo-saeco.png?v=1713782438&width=150"
class="w-auto" style="object-position: 50.0% 50.0%" loading="lazy"
width="150"
height="150"
decoding="async"
alt="logo saeco">
</div>
</li><li class="slider__item flex items-center justify-center" >
<div class="logo-list__logo w-full text-center" id="block-logo_P8NBYF"><img src="//www.graindecafe.com/cdn/shop/files/logo-damman.png?v=1713782438&width=150"
class="w-auto" style="object-position: 50.0% 50.0%" loading="lazy"
width="150"
height="150"
decoding="async"
alt="logo damman">
</div>
</li><li class="slider__item flex items-center justify-center" >
<div class="logo-list__logo w-full text-center" id="block-logo_hRjQMi"><img src="//www.graindecafe.com/cdn/shop/files/logo-delonghi.png?v=1713782438&width=150"
class="w-auto" style="object-position: 50.0% 50.0%" loading="lazy"
width="150"
height="150"
decoding="async"
alt="logo delonghi">
</div>
</li><li class="slider__item flex items-center justify-center" >
<div class="logo-list__logo w-full text-center" id="block-logo_UtBzEc"><img src="//www.graindecafe.com/cdn/shop/files/logo-bonnat.png?v=1730890202&width=150"
class="w-auto" style="object-position: 50.0% 50.0%" loading="lazy"
width="150"
height="150"
decoding="async"
alt="logo bonnat">
</div>
</li><li class="slider__item flex items-center justify-center" >
<div class="logo-list__logo w-full text-center" id="block-logo_kteLbY"><img src="//www.graindecafe.com/cdn/shop/files/logo-pralus.png?v=1713782438&width=150"
class="w-auto" style="object-position: 50.0% 50.0%" loading="lazy"
width="150"
height="150"
decoding="async"
alt="logo pralus">
</div>
</li><li class="slider__item flex items-center justify-center" >
<div class="logo-list__logo w-full text-center" id="block-logo_rkBcb9"><img src="//www.graindecafe.com/cdn/shop/files/logo-hario.png?v=1713782438&width=150"
class="w-auto" style="object-position: 50.0% 50.0%" loading="lazy"
width="150"
height="150"
decoding="async"
alt="logo hario">
</div>
</li><li class="slider__item flex items-center justify-center" >
<div class="logo-list__logo w-full text-center" id="block-logo_fqNx9T"><img src="//www.graindecafe.com/cdn/shop/files/logo-wmf.png?v=1713782438&width=150"
class="w-auto" style="object-position: 50.0% 50.0%" loading="lazy"
width="150"
height="150"
decoding="async"
alt="logo wmf">
</div>
</li></ul>
</div></div></div>
</carousel-slider></div>
</div>
</section><section id="shopify-section-template--17255509688480__custom_liquid_HTarhe" class="shopify-section cc-custom-liquid"><div class="section relative section--full-width section--padded-default"><!-- snippets/newsletter-hero.liquid -->
<section class="newsletter-hero">
<div class="newsletter-inner">
<div class="newsletter-text">
<h2>Ne ratez plus un seul bon plan caféiné !</h2>
<p>
Recevez votre offre de Bienvenue, <strong>-10 %</strong> sur les cafés torréfiés,
les thés et infusions, ainsi que d'autres promotions exclusives.
</p>
</div>
<div class="klaviyo-form-SjRwDU"></div>
</div>
</section>
<style>
.newsletter-hero {
background: url('https://cdn.shopify.com/s/files/1/0630/7807/2480/files/BNR-SUB-3.webp?v=1759844814') center/cover no-repeat;
padding: 60px 20px;
border-radius: 0px;
color: #1a1a1a;
text-align: center;
}
.newsletter-inner {
max-width: 920px;
margin: 0 auto;
}
.newsletter-text {
max-width: 528px; /* 480px + 10% */
margin: 0 auto 20px;
}
.newsletter-hero h2 {
font-size: 2.6rem;
margin-bottom: 12px;
font-weight: 700;
line-height: 1.3;
}
.newsletter-hero p {
font-size: 1.8rem;
margin-bottom: 24px;
line-height: 1.5;
}
.klaviyo-form-SjRwDU,
.klaviyo-form-SjRwDU > div,
.klaviyo-form-SjRwDU .klaviyo-form-container,
.klaviyo-form-SjRwDU form {
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
max-width: 480px;
margin: 0 auto;
}
@media (max-width: 640px) {
.newsletter-hero {
padding: 40px 16px;
border-radius: 12px;
}
.newsletter-hero h2 {
font-size: 1.4rem;
}
.newsletter-hero p {
font-size: 0.95rem;
}
.newsletter-text,
.klaviyo-form-SjRwDU {
max-width: 100%;
}
}
</style>
</div>
</section><div id="shopify-section-template--17255509688480__multi_column_CpFtAC" class="shopify-section cc-multi-column"><style data-shopify>
@media (min-width: 600px) {
#template--17255509688480__multi_column_CpFtAC .multi-column {
width: calc(50% - var(--column-gap));
}
}
@media (min-width: 769px) {
#template--17255509688480__multi_column_CpFtAC .multi-column {
width: calc((100% / 3) - var(--column-gap));
}
}
@media (min-width: 1024px) {
#template--17255509688480__multi_column_CpFtAC .multi-column {
width: calc(25% - var(--column-gap));
}
}
</style>
<div class="section" id="template--17255509688480__multi_column_CpFtAC"><div class="container">
<ul class="flex flex-wrap gap-x-theme gap-y-6" role="list"><li class="multi-column grow w-full max-w-none" >
<div class="card color-scheme color-scheme--2 relative flex flex-col h-full"><div class="card__media media relative w-full" style="padding-top: 56.49717514124294%; transform: scale(0.7);">
<img srcset="//www.graindecafe.com/cdn/shop/files/P-PARTENAIRE_2808aef4-6543-4d9c-ac69-3be06a16892b.png?v=1713431997&width=460 460w, //www.graindecafe.com/cdn/shop/files/P-PARTENAIRE_2808aef4-6543-4d9c-ac69-3be06a16892b.png?v=1713431997&width=700 700w" sizes="(min-width: 1568px) calc((1440px - 48px) / 3), (min-width: 1280px) calc((100vw - 176px) / 3), (min-width: 769px) calc((100vw - 112px) / 3), (min-width: 600px) calc(100vw - 64px), calc(100vw - 40px)" src="//www.graindecafe.com/cdn/shop/files/P-PARTENAIRE_2808aef4-6543-4d9c-ac69-3be06a16892b.png?v=1713431997&width=700"
class="video-played-hidden img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="700"
height="333"
decoding="async"
alt="P PARTENAIRE 2808aef4">
</div><div class="card__info flex flex-col flex-auto items-start pt-6 text-center items-center"><h2 class="h5 card__title">Parrainez vos amis</h2><div class="card__rte flex-auto rte">
<p>Des avantages pour vous et votre filleul.</p>
</div>
<div class="mt-8">
<a class="card__button link" href="/pages/programme-de-fidelite-parrainage">En savoir +</a>
</div>
</div>
</div>
</li><li class="multi-column grow w-full max-w-none" >
<div class="card color-scheme color-scheme--2 relative flex flex-col h-full"><div class="card__media media relative w-full" style="padding-top: 56.49717514124294%; transform: scale(0.7);">
<img srcset="//www.graindecafe.com/cdn/shop/files/P-ANNONCE.png?v=1713432018&width=460 460w, //www.graindecafe.com/cdn/shop/files/P-ANNONCE.png?v=1713432018&width=700 700w" sizes="(min-width: 1568px) calc((1440px - 48px) / 3), (min-width: 1280px) calc((100vw - 176px) / 3), (min-width: 769px) calc((100vw - 112px) / 3), (min-width: 600px) calc(100vw - 64px), calc(100vw - 40px)" src="//www.graindecafe.com/cdn/shop/files/P-ANNONCE.png?v=1713432018&width=700"
class="video-played-hidden img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="700"
height="333"
decoding="async"
alt="P ANNONCE">
</div><div class="card__info flex flex-col flex-auto items-start pt-6 text-center items-center"><h2 class="h5 card__title">Programme de fidélité</h2><div class="card__rte flex-auto rte">
<p>Votre fidélité est récompensée !</p>
</div>
<div class="mt-8">
<a class="card__button link" href="/pages/programme-de-fidelite-parrainage">En savoir +</a>
</div>
</div>
</div>
</li><li class="multi-column grow w-full max-w-none" >
<div class="card color-scheme color-scheme--2 relative flex flex-col h-full"><div class="card__media media relative w-full" style="padding-top: 56.49717514124294%; transform: scale(0.7);">
<img srcset="//www.graindecafe.com/cdn/shop/files/P-ENVOI.png?v=1713432041&width=460 460w, //www.graindecafe.com/cdn/shop/files/P-ENVOI.png?v=1713432041&width=700 700w" sizes="(min-width: 1568px) calc((1440px - 48px) / 3), (min-width: 1280px) calc((100vw - 176px) / 3), (min-width: 769px) calc((100vw - 112px) / 3), (min-width: 600px) calc(100vw - 64px), calc(100vw - 40px)" src="//www.graindecafe.com/cdn/shop/files/P-ENVOI.png?v=1713432041&width=700"
class="video-played-hidden img-fit" style="object-position: 50.0% 50.0%" loading="lazy"
width="700"
height="333"
decoding="async"
alt="P ENVOI">
</div><div class="card__info flex flex-col flex-auto items-start pt-6 text-center items-center"><h2 class="h5 card__title">Livraison gratuite</h2><div class="card__rte flex-auto rte">
<p>à partir de 35€ d'achat </p>
</div>
<div class="mt-8">
<a class="card__button link" href="/pages/livraison-gratuite">En savoir +</a>
</div>
</div>
</div>
</li></ul>
</div></div>
<style> #shopify-section-template--17255509688480__multi_column_CpFtAC .btn {width: 200px;} @media (min-width: 770px) {#shopify-section-template--17255509688480__multi_column_CpFtAC .card {max-width: 90%; }} #shopify-section-template--17255509688480__multi_column_CpFtAC .card {border-radius: 20px; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);} #shopify-section-template--17255509688480__multi_column_CpFtAC .card__info {padding-top: 0px;} </style></div>
</main><!-- BEGIN sections: overlay-group -->
<div id="shopify-section-sections--17255510376608__cart-drawer" class="shopify-section shopify-section-group-overlay-group cc-cart-drawer"><link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/cart-items.css?v=83904206517603741941729615761" media="print" onload="this.media='all'">
<script src="//www.graindecafe.com/cdn/shop/t/12/assets/cart-drawer.js?v=26715168632776164121729615761" defer="defer"></script><script src="//www.graindecafe.com/cdn/shop/t/12/assets/cart-note.js?v=126131321468449833931729615761" defer="defer"></script><cart-drawer class="drawer drawer--cart fixed top-0 right-0 flex flex-col w-full has-motion" data-name="cart-drawer" id="cart-drawer" role="dialog" aria-label="Votre panier" aria-modal="true" aria-hidden="true" tabindex="-1" data-shipping-calculator="false" data-css-var-height=".cart-drawer__checkout-buttons,.cart-drawer__summary">
<header class="drawer__header flex justify-between items-center drawer__header--no-border">
<h2 class="h5 mb-0">Votre panier</h2>
<div class="flex items-center gap-x-theme"><button type="button" class="drawer__close-btn js-close-drawer">
<span class="visually-hidden">Fermer</span>
<svg width="24" height="24" viewbox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linejoin="round" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M5 19 19 5M5 5l14 14"/></svg>
</button>
</div>
</header>
<div class="drawer__content drawer__content--flex flex-auto items-center">
<div class="cart-drawer__summary relative cart-drawer__summary--top cart-drawer--checkout--sticky-true"></div>
<div class="cart-drawer__content grow flex items-center"><form class="form" id="cart-drawer-form" action="/cart" method="post">
<cart-items id="cart-items" data-section="cart-drawer" data-empty="true"><div class="cart-empty flex flex-col justify-center items-center h-full js-cart-empty"><svg width="24" height="24" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12 2c2.761 0 5 2.089 5 4.667V8h2.2a.79.79 0 0 1 .8.778v12.444a.79.79 0 0 1-.8.778H4.8a.789.789 0 0 1-.8-.778V8.778A.79.79 0 0 1 4.8 8H7V6.667C7 4.09 9.239 2 12 2zm6.4 7.556H5.6v10.888h12.8V9.556zm-6.4-6c-1.84 0-3.333 1.392-3.333 3.11V8h6.666V6.667c0-1.719-1.492-3.111-3.333-3.111z"/></svg><p>Votre panier est vide</p><a class="btn btn--primary" href="/collections/all">Commencer les achats</a></div><p class="visually-hidden" id="cart-live-region-text" role="status" aria-live="polite">
Sous-total:0,00 € EUR
</p>
<p class="visually-hidden" id="cart-line-item-status" role="status" aria-live="polite" aria-hidden="true">Chargement...</p><div class="alert mt-6 bg-error-bg text-error-text" id="cart-errors" role="alert" hidden></div></cart-items>
</form>
</div>
<div id="cart-promoted-products" class="w-full cart-drawer__promoted-products-container"></div><div id="cart-drawer-media-promotion" class="cart-drawer__media-promotion-container w-full"></div>
</div><div class="overlay overlay--drawer absolute top-0 right-0 bottom-0 left-0 js-close"></div>
</cart-drawer>
</div>
<!-- END sections: overlay-group --><!-- BEGIN sections: footer-group -->
<section id="shopify-section-sections--17255510311072__icons-with-text" class="shopify-section shopify-section-group-footer-group cc-icons-with-text"><link href="//www.graindecafe.com/cdn/shop/t/12/assets/icons-with-text.css?v=105357110638478380851729615761" rel="stylesheet" type="text/css" media="all" />
<div class="icons-with-text section section--full-width border-top section--padded-small color-scheme color-scheme--1" id="sections--17255510311072__icons-with-text">
<div class="container relative"><carousel-slider class="carousel block relative" inactive>
<div class="slider-nav slide-nav--inline flex justify-between absolute top-0 h-full no-js-hidden">
<button type="button" class="slider-nav__btn tap-target tap-target--left btn text-current has-ltr-icon" name="prev" aria-controls="slider-sections--17255510311072__icons-with-text">
<span class="visually-hidden">Précédent</span>
<svg width="24" height="24" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg>
</button>
<button type="button" class="slider-nav__btn tap-target tap-target--right btn text-current has-ltr-icon" name="next" aria-controls="slider-sections--17255510311072__icons-with-text">
<span class="visually-hidden">Suivant</span>
<svg width="24" height="24" viewbox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m9.693 4.5 7.5 7.5-7.5 7.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg>
</button>
</div>
<div class="slider slider--contained relative slider--no-scrollbar" id="slider-sections--17255510311072__icons-with-text">
<ul class="slider__grid grid grid-flow-col gap-theme auto-cols-1 sm:auto-cols-2 md:auto-cols-3 lg:auto-cols-4"><li class="slider__item flex flex-col justify-center items-center" >
<img src="//www.graindecafe.com/cdn/shop/files/IC-CONTACT.svg?v=1713443629&width=40" alt="IC CONTACT" srcset="//www.graindecafe.com/cdn/shop/files/IC-CONTACT.svg?v=1713443629&width=40 40w" width="40" height="40" loading="lazy">
<div class="icons-with-text__text rte mt-2 text-center icons-with-text__text--icons-above"><p class="m-0 icons-with-text__title text-body-medium"><strong>CONTACTEZ-NOUS</strong></p><div class="rte text-body-medium">
<p><a href="tel:04 73 38 42 24" title="tel:04 73 38 42 24">04 73 38 42 24</a><br/><a href="mailto:hello@graindecafe.com" title="mailto:hello@graindecafe.com">hello@graindecafe.com</a></p>
</div></div>
</li><li class="slider__item flex flex-col justify-center items-center" >
<img src="//www.graindecafe.com/cdn/shop/files/IC-ENVOI.svg?v=1713443583&width=40" alt="IC ENVOI" srcset="//www.graindecafe.com/cdn/shop/files/IC-ENVOI.svg?v=1713443583&width=40 40w" width="40" height="40" loading="lazy">
<div class="icons-with-text__text rte mt-2 text-center icons-with-text__text--icons-above"><p class="m-0 icons-with-text__title text-body-medium"><strong>LIVRAISON EXPRESS</strong></p><div class="rte text-body-medium">
<p>Livraison à domicile<br/>Livraison sous 48H</p>
</div></div>
</li><li class="slider__item flex flex-col justify-center items-center" >
<img src="//www.graindecafe.com/cdn/shop/files/IC-CB.svg?v=1713443614&width=40" alt="IC CB" srcset="//www.graindecafe.com/cdn/shop/files/IC-CB.svg?v=1713443614&width=40 40w" width="40" height="40" loading="lazy">
<div class="icons-with-text__text rte mt-2 text-center icons-with-text__text--icons-above"><p class="m-0 icons-with-text__title text-body-medium"><strong>PAIEMENT 100% SÉCURISÉ</strong></p><div class="rte text-body-medium">
<p>CB, Visa, Mastercard,<br/>American Express, Paypal</p>
</div></div>
</li><li class="slider__item flex flex-col justify-center items-center" >
<img src="//www.graindecafe.com/cdn/shop/files/IC-GARANTIE.svg?v=1713443603&width=40" alt="IC GARANTIE" srcset="//www.graindecafe.com/cdn/shop/files/IC-GARANTIE.svg?v=1713443603&width=40 40w" width="40" height="40" loading="lazy">
<div class="icons-with-text__text rte mt-2 text-center icons-with-text__text--icons-above"><p class="m-0 icons-with-text__title text-body-medium"><strong>GARANTIES</strong></p><div class="rte text-body-medium">
<p>Qualité fraicheur<br/>Un savoir faire artisanal</p>
</div></div>
</li></ul>
</div>
</carousel-slider>
</div>
</div>
</section><div id="shopify-section-sections--17255510311072__footer_new_PEWTbG" class="shopify-section shopify-section-group-footer-group"><link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/footer-new.css?v=21328111412528870081750759075" media="print" onload="this.media='all'"><div class="footer-custom-wrapper" style="background-color: #f1ecdf; color: #2a2b2a;" >
<div class="footer-custom-columns">
<div class="footer-custom-col rte">
<p>Depuis plus de 120 ans, <strong>Graindecafe </strong>perpétue un savoir-faire artisanal rare, en tant que torréfacteur et épicier de qualité en plein cœur de l’Auvergne. Ancré dans la tradition depuis 1901, notre atelier sélectionne les meilleurs <a href="/collections/selection-cafe-en-grain" title="Sélection de café en grain de qualité"><strong>cafés en grain</strong></a> et <strong>cafés moulus</strong>, torréfiés lentement et avec passion pour révéler toutes les saveurs du café authentique.<br/><br/>Nous sommes fiers de proposer une large gamme de <a href="/collections/cafe-des-volcans-by-graindecafe" title="Café en Grain : Café des Volcans by Graindecafe"><strong>cafés d'exception</strong></a> : <a href="/collections/cafe-en-grain-biologique" title="Café en Grain Biologique"><strong>cafés bio</strong></a>, <a href="/collections/cafe-en-grain-grand-cru" title="Café en grain Grand cru"><strong>grands crus</strong></a>, <a href="/collections/cafe-en-grain-pour-machine-automatique" title="Café en grain pour machine automatique"><strong>cafés en grains pour machines automatiques</strong></a> ou <a href="/collections/cafe-moulu-pour-cafetiere-italienne" title="Café moulu pour cafetière italienne"><strong>moulus pour cafetières manuelles</strong></a>. Chaque origine est choisie avec soin, avec une exigence constante de qualité, d'arômes riches et de fraîcheur.<br/><br/>Notre passion pour les bons produits ne s'arrête pas au café. Nous vous offrons également une large <a href="/collections/the-en-vrac" title="Thé en vrac"><strong>gamme de thés en vrac</strong></a> ou <a href="/collections/selection-de-thes-en-sachet" title="Sélection de thés en sachet"><strong>thés en sachets</strong></a>, provenant des meilleurs jardins, ainsi que des infusions bien-être pour tous les moments de la journée. Que vous cherchiez une<strong> tisane relaxante</strong> ou une <a href="/collections/infusion-et-energie" title="Infusion et énergie"><strong>infusion énergisante</strong></a>, nous avons ce qu’il vous faut.</p>
</div>
<div class="footer-custom-col rte">
<p>Côté gourmandise, laissez-vous tenter par nos <a href="/collections/acheter-du-chocolat-en-ligne" title="Acheter du chocolat en ligne"><strong>chocolats artisanaux</strong></a> en tablettes, élaborés par des <a href="/collections/decouvrir-les-chocolatiers" title="Chocolatiers - tablettes de chocolat grand cru"><strong>maîtres chocolatiers français</strong></a>. De grands classiques aux créations originales, chaque chocolat est une invitation à la découverte du goût.<br/><br/>Pour les amateurs d'équipement, nous proposons aussi une sélection experte de <a href="/collections/machine-a-grains" title="Machine à café à grains"><strong>machines à café à grain avec broyeur</strong></a>, <a href="/collections/machine-expresso" title="Sélection de machines expresso"><strong>machines expresso</strong></a>, <a href="/collections/cafetiere-manuelle" title="Cafetière manuelle"><strong>cafetières manuelles</strong></a> ou encore de théières de qualité, pour savourer vos boissons dans les meilleures conditions.<br/><br/>Graindecafe, c’est aussi un <a href="/collections/cafe-pour-professionnels-meilleurs-prix" title="Café pour Professionnels"><strong>espace dédié aux professionnels</strong></a>. Cafés, restaurants, bureaux ou commerces : profitez de tarifs préférentiels sur nos produits en volume. Une solution idéale pour offrir un café haut de gamme à vos clients ou collaborateurs.<br/><br/>Enfin, que vous soyez un passionné de café, un amateur de thés ou simplement curieux, <strong>Graindecafe.com</strong> est votre boutique en ligne pour une expérience gustative artisanale,<strong> livrée rapidement, partout en France</strong>.</p>
</div>
</div>
</div>
</div><div id="shopify-section-sections--17255510311072__footer" class="shopify-section shopify-section-group-footer-group cc-footer"><link rel="stylesheet" href="//www.graindecafe.com/cdn/shop/t/12/assets/footer.css?v=47470784772426978481750262561" media="print" onload="this.media='all'"><script src="//www.graindecafe.com/cdn/shop/t/12/assets/custom-select.js?v=165097283151564761351729615761" defer="defer"></script><style data-shopify>.footer {
--bg-color: 248 248 248 / 1.0;
--heading-color: 42 43 42;
--text-color: 42 43 42;
}</style><style data-shopify>/* === Black Friday – bloc promo AU-DESSUS du footer (centré) === */
.gdcbf-promo {
padding: 2rem 0;
text-align: center; /* centre tout le contenu */
}
.gdcbf-promo__title {
margin: 0 0 1rem 0;
line-height: 1.2;
font-size: 2.2rem; /* H2 demandé */
color: #000; /* H2 en noir */
text-align: center;
}
.gdcbf-promo__actions {
display: flex;
justify-content: center; /* centre les boutons */
align-items: center;
gap: 1rem;
flex-wrap: wrap;
margin-top: 0.5rem;
}
.gdcbf-btn {
background: #000;
color: #fff; /* texte des boutons en blanc */
border: 2px solid #000;
padding: 0.6rem 1.2rem;
font-size: 2rem; /* taille des boutons demandée */
line-height: 1;
font-weight: 700;
text-decoration: none;
border-radius: 0.75rem;
transition: background .2s ease, color .2s ease, transform .15s ease, box-shadow .2s ease;
display: inline-flex;
align-items: center;
justify-content: center;
}
.gdcbf-btn:hover,
.gdcbf-btn:focus {
background: #fff; /* inversion au hover */
color: #000;
outline: none;
transform: translateY(-1px);
}
/* Responsive : empile les boutons et centre */
@media (max-width: 768px) {
.gdcbf-promo__actions { flex-direction: column; align-items: center; }
.gdcbf-btn { width: auto; text-align: center; } /* pas pleine largeur pour rester centré */
}</style><footer class="footer bg-theme-bg text-theme-text">
<div class="container"><div class="footer__main md:flex md:flex-wrap mb-10 md:mb-6"><div class="footer-col footer-col--links footer-col--collapsed" >
<footer-menu>
<details class="footer-menu disclosure footer-menu--first" open>
<summary tabindex="-1">
<div class="flex justify-between items-center">
<h2 class="disclosure__title font-body font-bold text-h6 regular-text">Nos cafés</h2>
<span class="disclosure__toggle"><svg width="24" height="24" viewbox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg>
</span>
</div>
</summary>
<div class="disclosure__panel has-motion">
<ul class="footer-menu__links disclosure__content" role="list"><li>
<a href="/collections/acheter-cafe-en-grain">Café en grain</a>
</li><li>
<a href="/collections/cafe-moulu">Café moulu</a>
</li><li>
<a href="/collections/cafe-en-grain-grand-cru">Café de spécialité</a>
</li><li>
<a href="/collections/cafe-vert">Café vert</a>
</li><li>
<a href="/collections/accessoires-pour-le-cafe">Accessoires café</a>
</li><li>
<a href="/collections/selection-machines-a-cafe">Machine à café</a>
</li><li>
<a href="https://www.graindecafe.com/pages/les-abonnements-chez-graindecafe">Nos Abonnements</a>
</li></ul>
</div>
</details>
</footer-menu>
</div><div class="footer-col footer-col--links footer-col--collapsed" >
<footer-menu>
<details class="footer-menu disclosure" open>
<summary tabindex="-1">
<div class="flex justify-between items-center">
<h2 class="disclosure__title font-body font-bold text-h6 regular-text">Nos thés</h2>
<span class="disclosure__toggle"><svg width="24" height="24" viewbox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg>
</span>
</div>
</summary>
<div class="disclosure__panel has-motion">
<ul class="footer-menu__links disclosure__content" role="list"><li>
<a href="/collections/the-noir">Thé noir</a>
</li><li>
<a href="/collections/the-blanc">Thé blanc</a>
</li><li>
<a href="/collections/the-vert">Thé vert</a>
</li><li>
<a href="/collections/the-earl-grey">Thé Earl Grey</a>
</li><li>
<a href="/collections/the-rooibos">Thé Rooibos</a>
</li><li>
<a href="/collections/accessoires-pour-le-the">Accessoires thé</a>
</li></ul>
</div>
</details>
</footer-menu>
</div><div class="footer-col footer-col--links footer-col--collapsed" >
<footer-menu>
<details class="footer-menu disclosure" open>
<summary tabindex="-1">
<div class="flex justify-between items-center">
<h2 class="disclosure__title font-body font-bold text-h6 regular-text">Liens utiles</h2>
<span class="disclosure__toggle"><svg width="24" height="24" viewbox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg>
</span>
</div>
</summary>
<div class="disclosure__panel has-motion">
<ul class="footer-menu__links disclosure__content" role="list"><li>
<a href="/pages/faq">FAQ</a>
</li><li>
<a href="/pages/blog-guides-et-conseils-de-graindecafe">Blog</a>
</li><li>
<a href="/pages/livraison-gratuite">Livraison</a>
</li><li>
<a href="/pages/contact">Nous contacter</a>
</li><li>
<a href="/pages/qui-sommes-nous">Qui sommes-nous ?</a>
</li><li>
<a href="/pages/politique-de-confidentialite">Politique de confidentialité</a>
</li><li>
<a href="/pages/conditions-generales-de-vente">Conditions générales de vente</a>
</li></ul>
</div>
</details>
</footer-menu>
</div><div class="footer-col footer-col--newsletter footer-col--collapsed" ><footer-menu>
<details class="footer-menu disclosure" open>
<summary class="footer-menu__summary flex justify-between items-center">
<span class="disclosure__title font-body font-bold text-h6 regular-text"
role="heading" aria-level="2">
Newsletter
</span>
<span class="disclosure__toggle" aria-hidden="true"><svg width="24" height="24" viewbox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg>
</span>
</summary>
<div class="disclosure__panel has-motion">
<div class="disclosure__content"><div class="rte">
<p>Rejoignez la communauté Graindecafé pour recevoir nos offres exclusives !</p>
</div><form method="post" action="/contact#footer-signup_form" id="footer-signup_form" accept-charset="UTF-8" class="form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="contact[tags]" value="prospect, newsletter">
<div class="form__field">
<label class="label visually-hidden" for="footer-signup">E-mail</label><div class="input-with-button"><input type="email"
class="input w-full focus-inset"
id="footer-signup"
name="contact[email]"
value=""
placeholder="Votre e-mail"
autocomplete="email"
aria-required="true"
required><button class="btn focus-inset has-ltr-icon">
<span class="visually-hidden">S’inscrire</span>
<svg width="24" height="24" viewbox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M4.696 12h14.686m-7.007-7.5 7.5 7.5-7.5 7.5"/></svg>
</button></div></div></form>
</div>
</div>
</details>
</footer-menu><div class="footer-social-links-container">
<div class="footer-social-links">
<a href="https://www.facebook.com/Graindecafe63" target="_blank" class="footer-social-link">
<img src="https://cdn.shopify.com/s/files/1/0630/7807/2480/files/facebook-seeklogo.png?v=1733841219"
alt="Facebook"
class="footer-social-icon"
width="24"
height="24">
</a>
<a href="https://www.instagram.com/graindecafecom/" target="_blank" class="footer-social-link">
<img src="https://cdn.shopify.com/s/files/1/0630/7807/2480/files/instagram-logo.png?v=1733839465"
alt="Instagram"
class="footer-social-icon"
width="24"
height="24">
</a>
</div>
</div>
</div></div><div class="footer__meta grid grid-cols-1 lg:grid-cols-2 gap-x-theme gap-y-10"><div class="footer__payment lg:col-start-2 lg:row-start-1 footer__payment--right">
<span class="visually-hidden">Moyens de paiement acceptés</span>
<ul class="payment-icons flex flex-wrap" role="list"><li><svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewbox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg>
</li><li><svg class="payment-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewbox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>
</li><li><svg class="payment-icon" width="38" height="24" role="img" viewbox="0 0 38 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-labelledby="pi-cartes_bancaires"><title id="pi-cartes_bancaires">Cartes Bancaires</title><rect x="1" y="1" width="36" height="22" rx="2" fill="url(#pi-cartes_bancaires-paint0_linear)"/><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07"/><path fill-rule="evenodd" clip-rule="evenodd" d="M28 9.934c0 1.067-.8 1.932-1.79 1.934v.002h-6.52V8h6.52c.99.002 1.79.867 1.79 1.934zm0 4.104c0 1.067-.8 1.932-1.79 1.934v.003h-6.52v-3.87h6.52c.99.002 1.79.867 1.79 1.933zm-13.224-1.934h4.788v.378c0 1.943-1.46 3.518-3.26 3.518H13.26C11.46 16 10 14.425 10 12.482v-.938c0-1.943 1.46-3.518 3.26-3.518h3.044c1.8 0 3.26 1.575 3.26 3.518v.326h-4.788v.234z" fill="#fff"/><defs><lineargradient id="pi-cartes_bancaires-paint0_linear" x1="37" y1="1" x2="17.422" y2="33.036" gradientunits="userSpaceOnUse"><stop stop-color="#083969"/><stop offset=".492" stop-color="#007B9D"/><stop offset="1" stop-color="#00A84A"/></lineargradient></defs></svg></li><li><svg class="payment-icon" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg></li><li><svg class="payment-icon" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg></li><li><svg class="payment-icon" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg></li></ul>
</div><div class="lg:col-start-1 lg:row-start-1 footer__localization">
<form method="post" action="/localization" id="footer-localization" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/?utm_source=facebook&utm_medium=cpc&utm_campaign=facebook.acq&utm_content=post&fbclid=IwYW9zYgPt1UNleHRuA2FlbQEwAGFkaWQBqy3lMJJghXNydGMGYXBwX2lkDDM1MDY4NTUzMTcyOAABHgnvJr8LFbv0DrdeXtgZbk_hcfnPbKn74s-Rs1oVnTRc3oDMM0ZgXtWLASU5_aem_w_LTXI4VzULIc1GE8ctfhQ&utm_id=120236970713060149_v2_s07&utm_term=120236970713060149" /><div class="localization__grid"></div><script>
document.getElementById('footer-localization').addEventListener('change', (evt) => {
const input = evt.target.previousElementSibling;
if (input && input.tagName === 'INPUT') {
input.value = evt.detail.selectedValue;
evt.currentTarget.submit();
}
});
</script></form>
</div></div><hr class="footer__hr">
<div class="footer__base grid grid-cols-1 lg:grid-cols-2 gap-x-theme gap-y-6 text-xs">
<div><span>© 2026 Graindecafe.com</span>
</div></div>
</div>
</footer>
<style> #shopify-section-sections--17255510311072__footer .footer-social-links {display: flex; justify-content: center; gap: 20px; /* Espace entre les images */ margin-top: 10px;} #shopify-section-sections--17255510311072__footer .footer-social-links a {display: inline-block;} @media (min-width: 768px) {#shopify-section-sections--17255510311072__footer .footer-social-links {justify-content: center; margin-top: 0; }} #shopify-section-sections--17255510311072__footer h2 {background-color: transparent;} </style></div>
<!-- END sections: footer-group --><div class="overlay fixed top-0 right-0 bottom-0 left-0 js-overlay"></div>
<script>
window.theme = {
info: {
name: 'Enterprise',
version: '1.6.1'
},
mediaQueries: {
sm: '(min-width: 600px)',
md: '(min-width: 769px)',
lg: '(min-width: 1024px)',
xl: '(min-width: 1280px)',
xxl: '(min-width: 1536px)',
portrait: '(orientation: portrait)'
},
device: {
hasTouch: window.matchMedia('(any-pointer: coarse)').matches,
hasHover: window.matchMedia('(hover: hover)').matches
},
routes: {
cart: '/cart',
cartAdd: '/cart/add',
cartChange: '/cart/change',
cartUpdate: '/cart/update',
predictiveSearch: '/search/suggest'
},
settings: {
moneyWithCurrencyFormat: "{{amount_with_comma_separator}} € EUR",
pSearchLimit: 10,
pSearchLimitScope: 'each',
pSearchIncludeSkus: false,
pSearchIncludeTags: true,
sliderItemsPerNav: 'slide',
vibrateOnATC: true,
compareToggle: "toggle_on",
compareShowEmptyMetafields: true,
blendProductImages: false,
externalLinksNewTab: true,
afterAtc: "drawer",
cartType: "drawer"
},
strings: {
addCartNote: 'Ajouter une note de commande',
editCartNote: 'Modifier la note de commande',
cartError: 'Une erreur s’est produite lors de la mise à jour de votre panier. Veuillez réessayer.',
cartQtyError: 'Vous ne pouvez ajouter que [quantity] de cet article à votre panier.',
cartTermsConfirmation: 'Vous devez accepter les termes et conditions avant de continuer.',
imageAvailable: 'L’image [index] est maintenant disponible dans la vue de galerie',
veryLowStock: 'Stock très faible',
lowStock: 'Stock faible',
inStock: 'En stock',
noStock: 'Épuisé',
noVariant: 'Indisponible',
noSelectedVariant: 'Choisissez',
onlyXLeft: '[quantity] en stock',
awaitingSale: 'Ce produit n'est pas encore disponible à l'achat.',
shippingCalculator: {
singleRate: 'Il y a un tarif de livraison pour cette destination :',
multipleRates: 'Il y a plusieurs tarifs de livraison pour cette destination :',
noRates: 'Nous n’expédions pas vers cette destination.'
},
viewDetails: 'Voir les détails',
compare: {
limit: 'Vous pouvez ajouter au maximum [quantity] produits à comparer.',
more: 'Sélectionnez un autre produit à comparer.',
empty: 'Sélectionnez au moins deux produits à comparer.',
continue: 'Fermer pour continuer.'
},
discountCopyFail: 'Impossible de copier le code dans le presse-papiers. Votre navigateur peut ne pas le supporter.',
articleReadTime: '[x] minute de lecture',
quickNav: {
button_standard: 'Recherche',
show_products_none: 'Aucun produit :(',
button_one: 'Afficher [quantity] produit',
button_other: 'Afficher [quantity] produits',
},
},
scripts: {
cartItems: '//www.graindecafe.com/cdn/shop/t/12/assets/cart-items.js?v=146908865111116973871729615761',
countryProvinceSelector: '//www.graindecafe.com/cdn/shop/t/12/assets/country-province-selector.js?v=24158546944577672431729615761',
shippingCalculator: '//www.graindecafe.com/cdn/shop/t/12/assets/shipping-calculator.js?v=31725526838375758301729615762'
}
};
// Save product ID to localStorage, for use in the 'Recently viewed products' section.
</script><script src="//www.graindecafe.com/cdn/shop/t/12/assets/instant-page.js?v=473454186210797571729615761" type="module" defer="defer"></script>
<script>
window.Samita = window.Samita || {}
Samita.ProductLabels = Samita.ProductLabels || {}
Samita.ProductLabels.overrideOptions = Samita.ProductLabels.overrideOptions || {}
Samita.ProductLabels.overrideOptions.selectors = Samita.ProductLabels.overrideOptions.selectors || {}
Samita.ProductLabels.overrideOptions.selectors.product = {
elementSelectors: [".product"],
imageSelectors: [".product-media img",".card__media img"],
formSelectors: [".product"]
// link: "a.card-link"
}
</script>>
<style> .media {border-radius: 20px;} </style>
<div id="shopify-block-ASlhwTEdJWG1ldGpiM__6241766537399994015" class="shopify-block shopify-app-block"><!-- Skeepers Brand Widget -->
</div><div id="shopify-block-AQ3hNeFE1dUJ4dlA4d__5846654113244447633" class="shopify-block shopify-app-block">
<link href="//cdn.shopify.com/extensions/5e39e146-0368-46de-9a5c-89f7f070a322/xo-scroll-to-top-4/assets/xo-scroll2top.css" rel="stylesheet" type="text/css" media="all" />
<div id="xo-scroll2top" class="xo-scroll2top xo-scroll2top--1 xo-scroll2top--right xo-scroll2top--fade"><svg classname="xo-small" viewbox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
<g fill=#ffffff>
<polygon points="0.046,24.418 2.13,26.502 12.967,15.666 23.803,26.502 25.887,24.418 12.967,11.498 "/>
<polygon points="0.046,13.418 2.13,15.502 12.967,4.666 23.803,15.502 25.887,13.418 12.967,0.498 "/>
</g>
</svg></div>
<style>.xo-scroll2top { --xo-st-bg-color:rgba(48, 88, 71, 1);--xo-st-bg-color2:rgba(245, 166, 35, 1); --xo-st-bd-radius:3px;--xo-st-bd-radius2:3px;--xo-st-width:38px;--xo-st-height:38px;--xo-st-scale: 1;
--xo-st-textColor: rgba(0, 0, 0, 1);--xo-st-textColor2: rgba(35, 123, 226, 1);right: 20px;bottom: 20px; }
@media only screen and (max-width: 600px) {.xo-scroll2top {display: none}}</style>
<script type="text/javascript">
const xoscroll2topInit = {
id: 'xo-scroll2top', duration: 600,
appear: -1,
toElement: {elm: '', offset: 0},
status: false };
</script>
<script src="https://cdn.shopify.com/extensions/5e39e146-0368-46de-9a5c-89f7f070a322/xo-scroll-to-top-4/assets/xo-scroll2top.js" defer="defer"></script>
</div><div id="shopify-block-AWEt3R1NOaHZlQitDV__16357531335331704164" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: vite-tag -->
<script src="https://cdn.shopify.com/extensions/019be76e-d147-710d-9e3f-1894f44ee63c/wheelify-remix-app-155/assets/wheelify-C4z5OP5N.js" type="module" crossorigin="anonymous"></script>
<link rel="modulepreload" href="https://cdn.shopify.com/extensions/019be76e-d147-710d-9e3f-1894f44ee63c/wheelify-remix-app-155/assets/apiUrls-DQB2I06F.js" crossorigin="anonymous">
<link rel="modulepreload" href="https://cdn.shopify.com/extensions/019be76e-d147-710d-9e3f-1894f44ee63c/wheelify-remix-app-155/assets/intlTelInput-BW1EaDFU.js" crossorigin="anonymous">
<link href="//cdn.shopify.com/extensions/019be76e-d147-710d-9e3f-1894f44ee63c/wheelify-remix-app-155/assets/intlTelInput-DpQjg_hF.css" rel="stylesheet" type="text/css" media="all" />
<link rel="modulepreload" href="https://cdn.shopify.com/extensions/019be76e-d147-710d-9e3f-1894f44ee63c/wheelify-remix-app-155/assets/app-BeZOUDg3.js" crossorigin="anonymous">
<link href="//cdn.shopify.com/extensions/019be76e-d147-710d-9e3f-1894f44ee63c/wheelify-remix-app-155/assets/style-CYQoq3ri.css" rel="stylesheet" type="text/css" media="all" />
<link rel="modulepreload" href="https://cdn.shopify.com/extensions/019be76e-d147-710d-9e3f-1894f44ee63c/wheelify-remix-app-155/assets/index-BeUnaiI_.js" crossorigin="anonymous">
<link rel="modulepreload" href="https://cdn.shopify.com/extensions/019be76e-d147-710d-9e3f-1894f44ee63c/wheelify-remix-app-155/assets/wheelify-Fetch-BkTiOW46.js" crossorigin="anonymous">
<link rel="modulepreload" href="https://cdn.shopify.com/extensions/019be76e-d147-710d-9e3f-1894f44ee63c/wheelify-remix-app-155/assets/preload-helper-Dp1pzeXC.js" crossorigin="anonymous">
<link rel="modulepreload" href="https://cdn.shopify.com/extensions/019be76e-d147-710d-9e3f-1894f44ee63c/wheelify-remix-app-155/assets/queryKeys-Cw6XM3Ee.js" crossorigin="anonymous">
<link rel="modulepreload" href="https://cdn.shopify.com/extensions/019be76e-d147-710d-9e3f-1894f44ee63c/wheelify-remix-app-155/assets/useQuery-CMUk9b7l.js" crossorigin="anonymous">
<link href="//cdn.shopify.com/extensions/019be76e-d147-710d-9e3f-1894f44ee63c/wheelify-remix-app-155/assets/style-CYQoq3ri.css" rel="stylesheet" type="text/css" media="all" />
<!-- END app snippet -->
<div id="wheelify"></div>
</div><div id="shopify-block-AR2FMSW9nNERWcU9kV__6174324309569838175" class="shopify-block shopify-app-block">
<div class="smile-shopify-init"
data-channel-key="channel_s8WFTSL3nmR38lXyM540r8ey"
></div>
</div><div id="shopify-block-AeGtGYmVrWktCeXBjc__4637414262065226582" class="shopify-block shopify-app-block"><script id="dcScript">
var shop = 'boutique-grain-de-cafe.myshopify.com';
var dcCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"EUR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
var dcOriginalSubtotal = 0;
var dcCustomerId = false;
var dcCustomerEmail = false;
var dcCustomerTags = false;
var dcCurrency = '{{amount_with_comma_separator}} €';
</script>
<script
src="https://cdn.shopify.com/extensions/019c1ce6-aa3b-7973-b2f1-a2cb6a47f94b/thanhbt-discounts-combine-31/assets/thanhbt-discounts-combine.js"
defer="defer"></script>
</div><div id="shopify-block-ARzdWTngvMFlVWUtIS__8776485610325655785" class="shopify-block shopify-app-block">
<link href="//cdn.shopify.com/extensions/ef8b9999-3a0e-4603-ade9-a93d870852fb/hiko-social-login-158/assets/fonts.css" rel="stylesheet" type="text/css" media="all" />
<link href="//cdn.shopify.com/extensions/ef8b9999-3a0e-4603-ade9-a93d870852fb/hiko-social-login-158/assets/styles.css" rel="stylesheet" type="text/css" media="all" />
<script src="https://cdn.shopify.com/extensions/ef8b9999-3a0e-4603-ade9-a93d870852fb/hiko-social-login-158/assets/app.js?" async defer></script>
</div></body>
</html>
