Outiref
<!doctype html>
<html class="no-js" lang="fr">
  <head>
 




<!-- Hotjar Tracking Code for https://www.klemklem.com -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:3463874,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>

<!-- STARTING AFFILAE TRACKING CODE -->

<script type="text/javascript">
    var _ae = {
        "pid":"64f9760b02f34918dd1b5159",
    };
    (function() {
        var element = document.createElement('script'); element.type = 'text/javascript'; element.async = true;
        element.src = '//static.affilae.com/ae-v3.5.js';
        var scr = document.getElementsByTagName('script')[0]; scr.parentNode.insertBefore(element, scr);
    })();
</script>

<!-- ENDING AFFILAE TRACKING CODE -->


    <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NBJBK4R');</script>
<!-- End Google Tag Manager -->
    

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins&family=Shrikhand&display=swap" rel="stylesheet">
    
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="theme-color" content="">
    <link rel="canonical" href="https://klemklem.com/collections/mugs-personnalises"><link rel="icon" type="image/png" href="//klemklem.com/cdn/shop/files/Favicon-Klem-Klem.png?crop=center&height=32&v=1696445304&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
      Mug personnalisé animal : offrez un cadeau surprenant ! | Klem Klem
</title>

    
      <meta name="description" content="À la recherche du cadeau idéal ? Le mug personnalisé à l&#39;effigie de son animal est idéal ! Découvrez notre collection made in France 🇫🇷">
    

    

<meta property="og:site_name" content="Klem Klem">
<meta property="og:url" content="https://klemklem.com/collections/mugs-personnalises">
<meta property="og:title" content="Mug personnalisé animal : offrez un cadeau surprenant ! | Klem Klem">
<meta property="og:type" content="website">
<meta property="og:description" content="À la recherche du cadeau idéal ? Le mug personnalisé à l&#39;effigie de son animal est idéal ! Découvrez notre collection made in France 🇫🇷"><meta property="og:image" content="http://klemklem.com/cdn/shop/collections/Mug-personnalise-chien-600x600.jpg?v=1696491162">
  <meta property="og:image:secure_url" content="https://klemklem.com/cdn/shop/collections/Mug-personnalise-chien-600x600.jpg?v=1696491162">
  <meta property="og:image:width" content="600">
  <meta property="og:image:height" content="600"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Mug personnalisé animal : offrez un cadeau surprenant ! | Klem Klem">
<meta name="twitter:description" content="À la recherche du cadeau idéal ? Le mug personnalisé à l&#39;effigie de son animal est idéal ! Découvrez notre collection made in France 🇫🇷">


    <script src="//klemklem.com/cdn/shop/t/5/assets/constants.js?v=58251544750838685771697480771" defer="defer"></script>
    <script src="//klemklem.com/cdn/shop/t/5/assets/pubsub.js?v=145512401832234396631697909227" defer="defer"></script>
    <script src="//klemklem.com/cdn/shop/t/5/assets/global.js?v=174582568518184622451697934261" defer="defer"></script><script src="//klemklem.com/cdn/shop/t/5/assets/animations.js?v=88693664871331136111697480771" defer="defer"></script><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="2fitxvo9q6oqxwbt4qlho1pbk5giqq">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/69988417801/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="e63d7b8016974110115d964f1e99e221">
<meta id="in-context-paypal-metadata" data-shop-id="69988417801" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="EUR">
<link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/mugs-personnalises.atom" />
<link rel="alternate" type="application/json+oembed" href="https://klemklem.com/collections/mugs-personnalises.oembed">
<script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR"></script>
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=fr-FR&shop_id=69988417801" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":69988417801,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/69988417801","merchantName":"Klem Klem","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex"],"total":{"type":"pending","label":"Klem Klem","amount":"1.00"},"shopifyPaymentsEnabled":false,"supportsSubscriptions":false}</script>
<script id="shopify-features" type="application/json">{"accessToken":"e63d7b8016974110115d964f1e99e221","betas":["rich-media-storefront-analytics"],"domain":"klemklem.com","predictiveSearch":true,"shopId":69988417801,"smart_payment_buttons_url":"https:\/\/klemklem.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.fr.js","dynamic_checkout_cart_url":"https:\/\/klemklem.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.fr.js","locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "047650-2.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"Sense | Cart Upsell","id":144330719497,"theme_store_id":1356,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "klemklem.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-features" type="application/json">{"compact":true,"defer_modal_on_autofill":true}</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
<script>(function() {
  function asyncLoad() {
    var urls = ["https:\/\/ecommplugins-scripts.trustpilot.com\/v2.1\/js\/header.min.js?settings=eyJrZXkiOiJBSHAzdHVBVGFpTmlNZEh4IiwicyI6InNrdSJ9\u0026shop=047650-2.myshopify.com","https:\/\/ecommplugins-trustboxsettings.trustpilot.com\/047650-2.myshopify.com.js?settings=1707227747361\u0026shop=047650-2.myshopify.com","https:\/\/geolocation-recommendations.shopifyapps.com\/locale_bar\/script.js?shop=047650-2.myshopify.com","https:\/\/widget.trustpilot.com\/bootstrap\/v5\/tp.widget.sync.bootstrap.min.js?shop=047650-2.myshopify.com","https:\/\/cdn.weglot.com\/weglot_script_tag.js?shop=047650-2.myshopify.com","https:\/\/cdn.robinpro.gallery\/js\/client.js?shop=047650-2.myshopify.com","https:\/\/d1564fddzjmdj5.cloudfront.net\/initializercolissimo.js?app_name=happycolissimo\u0026cloud=d1564fddzjmdj5.cloudfront.net\u0026shop=047650-2.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":69988417801,"offset":7200,"reqid":"83c76a87-7f38-4e00-a1e9-8a1d1fd6bdcc-1721316793","pageurl":"klemklem.com\/collections\/mugs-personnalises","u":"3a150b3bf6e2","p":"collection","rtyp":"collection","rid":497651810569};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');function c(t,e){try{const n=window.sessionStorage;for(const[o,c]of Object.entries(JSON.parse(n.getItem(e))))t.elements[o]&&(t.elements[o].value=c);n.removeItem(e)}catch{}}const r='form_type',s='cptcha';function a(t){t.dataset[s]=!0}((i,m,f,u,d,p,l)=>{if(0)return;let E=!1;const _=(t,e,n)=>{const o=i[f][u],c=o.bindForm,r='f06e6c50-85a8-45c8-87d0-21a2b65856fe',s={infoText:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'};if(c)return c(t,r,e,s).then(n);o.q.push([[t,r,e,s],n]),E||(m.body.append(Object.assign(m.createElement('script'),{id:'captcha-provider',async:!0,src:'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.3.1.iife.js'})),E=!0)};i[f]=i[f]||{},i[f][u]=i[f][u]||{},i[f][u].q=[],i[f][d]=i[f][d]||{},i[f][d].protect=function(t,e){_(t,void 0,e),a(t)},Object.freeze(i[f][d]),function(i,m,f,u,d,p){const[l,E,_]=function(c,r,s){const a=r?[[t,t],['blogs',n],['comments',n],[t,'customer']]:[],i=c?[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']]:[],m=[...a,...i],f=o(m),u=o(a),d=s&&o(m.filter((([t,e])=>s.includes(e)))),p=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];return[p(f),p(u),p(d)]}(!0,!0,['guest_login']),T=t=>{const e=t.target,n=e instanceof HTMLFormElement?e:e&&e.form;return n&&l().find((t=>n===t))};i.addEventListener('submit',(t=>{T(t)&&t.preventDefault()}));const h=(t,e)=>{t&&!t.dataset[s]&&(f(t,e.some((e=>e===t))),a(t))};for(const t of['focusin','change'])i.addEventListener(t,(t=>h(T(t),E())));const v=m.get('form_key'),g=m.get(r),y=v&&g;i.addEventListener('DOMContentLoaded',(()=>{const t=E();if(y)for(const e of t)e.elements[r].value===g&&c(e,v);[...new Set([..._(),...l().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>h(e,t)))}))}(m,new URLSearchParams(i.location.search),_)})(window,document,'Shopify','ce_forms','captcha')}();</script>
<script>!function(){'use strict';const e=/recaptcha|reCATPCHA|google|Googl/gi,t=o=>{let c=o.firstChild;for(;c;)c.nodeType===Node.TEXT_NODE?c.textContent=c.textContent.replace(e,'hCaptcha'):c.nodeType===Node.ELEMENT_NODE&&t(c),c=c.nextSibling};document.addEventListener('DOMContentLoaded',(()=>{(e=>{const o=document.querySelector('p[data-spam-detection-disclaimer]');if(o){for(const e of['terms','privacy']){const t=o.querySelector(`a[href*='https://policies.google.com/${e}']`);t&&(t.href=`https://hcaptcha.com/${e}`)}t(o)}})()}))}();</script>
<script integrity="sha256-n5Uet9jVOXPHGd4hH4B9Y6+BxkTluaaucmYaxAjUcvY=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//klemklem.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-9f951eb7d8d53973c719de211f807d63af81c644e5b9a6ae72661ac408d472f6.js" crossorigin="anonymous"></script>
<script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//klemklem.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script>
<script id="sections-script" data-sections="header" defer="defer" src="//klemklem.com/cdn/shop/t/5/compiled_assets/scripts.js?625"></script>

<style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) {
  #dynamic-checkout-cart {
    min-height: 50px;
  }
}

@media screen and (max-width: 750px) {
  #dynamic-checkout-cart {
    min-height: 120px;
  }
}
</style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>


    <style data-shopify>
      @font-face {
  font-family: Poppins;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//klemklem.com/cdn/fonts/poppins/poppins_n4.934accbf9f5987aa89334210e6c1e9151f37d3b6.woff2?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=b1d54388e7c96c6d3a8fedab2df9f0cc49b01ee38a6fd8974c1afd0b6b04123d") format("woff2"),
       url("//klemklem.com/cdn/fonts/poppins/poppins_n4.ee28d4489eaf5de9cf6e17e696991b5e9148c716.woff?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=eb86ee6ea4c12b1cb5d8ebdfe695b00ffeb9642ed8a889555366c530efd167e0") format("woff");
}

      @font-face {
  font-family: Poppins;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//klemklem.com/cdn/fonts/poppins/poppins_n7.58aca33913fc6666cc9e8a53f6b16ec5c3c05a3f.woff2?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=4a10fda961d979f02b916e7eb65d425c73d076af9ab0d74508b5088da2578b84") format("woff2"),
       url("//klemklem.com/cdn/fonts/poppins/poppins_n7.59016f931f3f39434d2e458fba083eb7db7a07d9.woff?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=f3ccfc9321e4b680b825cb13631e2bcb3b1b154b80e6fe8fff5fc36bb9ba7d15") format("woff");
}

      @font-face {
  font-family: Poppins;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//klemklem.com/cdn/fonts/poppins/poppins_i4.a7e8d886e15d5fb9bc964a53b3278effbf270e9c.woff2?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=aec7499815e7c90cfa2de5613b77bed3d392da390f3f047176997c72c1ce5428") format("woff2"),
       url("//klemklem.com/cdn/fonts/poppins/poppins_i4.e87de252199e27825a41bf81646996685d86452d.woff?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=15d7b79c185ca49b90f2767ae6f797b8ee92e213f0e2b58fd1dc14f0db5c7da6") format("woff");
}

      @font-face {
  font-family: Poppins;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//klemklem.com/cdn/fonts/poppins/poppins_i7.4f85a5d51a1aecf426eea47ac4570ef7341bfdc1.woff2?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=733b015208a81a544e84180cd650131bf869f5c8a822bb13bec10f5f645c9514") format("woff2"),
       url("//klemklem.com/cdn/fonts/poppins/poppins_i7.aff3a08a92d1c136586c611b9fc43d357dfbbefe.woff?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=d82a376b9b19af3a1ae67474231b8b6a4508b703fe0fa8f1b120890db4f39a44") format("woff");
}

      @font-face {
  font-family: Poppins;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//klemklem.com/cdn/fonts/poppins/poppins_n4.934accbf9f5987aa89334210e6c1e9151f37d3b6.woff2?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=b1d54388e7c96c6d3a8fedab2df9f0cc49b01ee38a6fd8974c1afd0b6b04123d") format("woff2"),
       url("//klemklem.com/cdn/fonts/poppins/poppins_n4.ee28d4489eaf5de9cf6e17e696991b5e9148c716.woff?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=eb86ee6ea4c12b1cb5d8ebdfe695b00ffeb9642ed8a889555366c530efd167e0") format("woff");
}


      
        :root,
        .color-background-1 {
          --color-background: 255,255,255;
        
          --gradient-background: #ffffff;
        
        --color-foreground: 0,0,0;
        --color-shadow: 255,255,255;
        --color-button: 0,0,0;
        --color-button-text: 255,255,255;
        --color-secondary-button: 255,255,255;
        --color-secondary-button-text: 0,0,0;
        --color-link: 0,0,0;
        --color-badge-foreground: 0,0,0;
        --color-badge-background: 255,255,255;
        --color-badge-border: 0,0,0;
        --payment-terms-background-color: rgb(255 255 255);
      }
      
        
        .color-background-2 {
          --color-background: 254,246,234;
        
          --gradient-background: #fef6ea;
        
        --color-foreground: 0,0,0;
        --color-shadow: 0,0,0;
        --color-button: 0,0,0;
        --color-button-text: 255,255,255;
        --color-secondary-button: 254,246,234;
        --color-secondary-button-text: 0,0,0;
        --color-link: 0,0,0;
        --color-badge-foreground: 0,0,0;
        --color-badge-background: 254,246,234;
        --color-badge-border: 0,0,0;
        --payment-terms-background-color: rgb(254 246 234);
      }
      
        
        .color-inverse {
          --color-background: 0,0,0;
        
          --gradient-background: #000000;
        
        --color-foreground: 253,251,247;
        --color-shadow: 46,42,57;
        --color-button: 253,251,247;
        --color-button-text: 46,42,57;
        --color-secondary-button: 0,0,0;
        --color-secondary-button-text: 253,251,247;
        --color-link: 253,251,247;
        --color-badge-foreground: 253,251,247;
        --color-badge-background: 0,0,0;
        --color-badge-border: 253,251,247;
        --payment-terms-background-color: rgb(0 0 0);
      }
      
        
        .color-accent-1 {
          --color-background: 254,246,234;
        
          --gradient-background: #fef6ea;
        
        --color-foreground: 0,0,0;
        --color-shadow: 0,0,0;
        --color-button: 0,0,0;
        --color-button-text: 255,255,255;
        --color-secondary-button: 254,246,234;
        --color-secondary-button-text: 0,0,0;
        --color-link: 0,0,0;
        --color-badge-foreground: 0,0,0;
        --color-badge-background: 254,246,234;
        --color-badge-border: 0,0,0;
        --payment-terms-background-color: rgb(254 246 234);
      }
      
        
        .color-accent-2 {
          --color-background: 250,229,240;
        
          --gradient-background: #fae5f0;
        
        --color-foreground: 221,29,29;
        --color-shadow: 255,255,255;
        --color-button: 221,29,29;
        --color-button-text: 254,246,234;
        --color-secondary-button: 250,229,240;
        --color-secondary-button-text: 255,255,255;
        --color-link: 255,255,255;
        --color-badge-foreground: 221,29,29;
        --color-badge-background: 250,229,240;
        --color-badge-border: 221,29,29;
        --payment-terms-background-color: rgb(250 229 240);
      }
      

      body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2 {
        color: rgba(var(--color-foreground), 0.75);
        background-color: rgb(var(--color-background));
      }

      :root {
        --font-body-family: Poppins, sans-serif;
        --font-body-style: normal;
        --font-body-weight: 400;
        --font-body-weight-bold: 700;

        --font-heading-family: Poppins, sans-serif;
        --font-heading-style: normal;
        --font-heading-weight: 400;

        --font-body-scale: 1.0;
        --font-heading-scale: 1.0;

        --media-padding: px;
        --media-border-opacity: 0.1;
        --media-border-width: 0px;
        --media-radius: 12px;
        --media-shadow-opacity: 0.1;
        --media-shadow-horizontal-offset: 10px;
        --media-shadow-vertical-offset: 12px;
        --media-shadow-blur-radius: 20px;
        --media-shadow-visible: 1;

        --page-width: 130rem;
        --page-width-margin: 0rem;

        --product-card-image-padding: 0.0rem;
        --product-card-corner-radius: 1.2rem;
        --product-card-text-alignment: center;
        --product-card-border-width: 0.0rem;
        --product-card-border-opacity: 0.1;
        --product-card-shadow-opacity: 0.05;
        --product-card-shadow-visible: 1;
        --product-card-shadow-horizontal-offset: 1.0rem;
        --product-card-shadow-vertical-offset: 1.0rem;
        --product-card-shadow-blur-radius: 3.5rem;

        --collection-card-image-padding: 0.0rem;
        --collection-card-corner-radius: 1.2rem;
        --collection-card-text-alignment: center;
        --collection-card-border-width: 0.0rem;
        --collection-card-border-opacity: 0.0;
        --collection-card-shadow-opacity: 0.0;
        --collection-card-shadow-visible: 0;
        --collection-card-shadow-horizontal-offset: 1.0rem;
        --collection-card-shadow-vertical-offset: 1.0rem;
        --collection-card-shadow-blur-radius: 3.5rem;

        --blog-card-image-padding: 0.0rem;
        --blog-card-corner-radius: 1.2rem;
        --blog-card-text-alignment: center;
        --blog-card-border-width: 0.0rem;
        --blog-card-border-opacity: 0.1;
        --blog-card-shadow-opacity: 0.05;
        --blog-card-shadow-visible: 1;
        --blog-card-shadow-horizontal-offset: 1.0rem;
        --blog-card-shadow-vertical-offset: 1.0rem;
        --blog-card-shadow-blur-radius: 3.5rem;

        --badge-corner-radius: 2.0rem;

        --popup-border-width: 1px;
        --popup-border-opacity: 0.1;
        --popup-corner-radius: 22px;
        --popup-shadow-opacity: 0.1;
        --popup-shadow-horizontal-offset: 10px;
        --popup-shadow-vertical-offset: 12px;
        --popup-shadow-blur-radius: 20px;

        --drawer-border-width: 1px;
        --drawer-border-opacity: 0.1;
        --drawer-shadow-opacity: 0.0;
        --drawer-shadow-horizontal-offset: 0px;
        --drawer-shadow-vertical-offset: 4px;
        --drawer-shadow-blur-radius: 5px;

        --spacing-sections-desktop: 36px;
        --spacing-sections-mobile: 25px;

        --grid-desktop-vertical-spacing: 40px;
        --grid-desktop-horizontal-spacing: 40px;
        --grid-mobile-vertical-spacing: 20px;
        --grid-mobile-horizontal-spacing: 20px;

        --text-boxes-border-opacity: 0.0;
        --text-boxes-border-width: 0px;
        --text-boxes-radius: 24px;
        --text-boxes-shadow-opacity: 0.0;
        --text-boxes-shadow-visible: 0;
        --text-boxes-shadow-horizontal-offset: 10px;
        --text-boxes-shadow-vertical-offset: 12px;
        --text-boxes-shadow-blur-radius: 20px;

        --buttons-radius: 10px;
        --buttons-radius-outset: 11px;
        --buttons-border-width: 1px;
        --buttons-border-opacity: 0.55;
        --buttons-shadow-opacity: 0.0;
        --buttons-shadow-visible: 0;
        --buttons-shadow-horizontal-offset: 0px;
        --buttons-shadow-vertical-offset: 4px;
        --buttons-shadow-blur-radius: 5px;
        --buttons-border-offset: 0.3px;

        --inputs-radius: 10px;
        --inputs-border-width: 1px;
        --inputs-border-opacity: 0.55;
        --inputs-shadow-opacity: 0.0;
        --inputs-shadow-horizontal-offset: 0px;
        --inputs-margin-offset: 0px;
        --inputs-shadow-vertical-offset: 4px;
        --inputs-shadow-blur-radius: 5px;
        --inputs-radius-outset: 11px;

        --variant-pills-radius: 10px;
        --variant-pills-border-width: 0px;
        --variant-pills-border-opacity: 0.1;
        --variant-pills-shadow-opacity: 0.0;
        --variant-pills-shadow-horizontal-offset: 0px;
        --variant-pills-shadow-vertical-offset: 4px;
        --variant-pills-shadow-blur-radius: 5px;
      }

      *,
      *::before,
      *::after {
        box-sizing: inherit;
      }

      html {
        box-sizing: border-box;
        font-size: calc(var(--font-body-scale) * 62.5%);
        height: 100%;
      }

      body {
        display: grid;
        grid-template-rows: auto auto 1fr auto;
        grid-template-columns: 100%;
        min-height: 100%;
        margin: 0;
        font-size: 1.5rem;
        letter-spacing: 0.06rem;
        line-height: calc(1 + 0.8 / var(--font-body-scale));
        font-family: var(--font-body-family);
        font-style: var(--font-body-style);
        font-weight: var(--font-body-weight);
      }

      @media screen and (min-width: 750px) {
        body {
          font-size: 1.6rem;
        }
      }
    </style>

    <link href="//klemklem.com/cdn/shop/t/5/assets/base.css?v=90567336334789926681707219327" rel="stylesheet" type="text/css" media="all" />
<link rel="preload" as="font" href="//klemklem.com/cdn/fonts/poppins/poppins_n4.934accbf9f5987aa89334210e6c1e9151f37d3b6.woff2?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=b1d54388e7c96c6d3a8fedab2df9f0cc49b01ee38a6fd8974c1afd0b6b04123d" type="font/woff2" crossorigin><link rel="preload" as="font" href="//klemklem.com/cdn/fonts/poppins/poppins_n4.934accbf9f5987aa89334210e6c1e9151f37d3b6.woff2?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=b1d54388e7c96c6d3a8fedab2df9f0cc49b01ee38a6fd8974c1afd0b6b04123d" type="font/woff2" crossorigin><link href="//klemklem.com/cdn/shop/t/5/assets/component-localization-form.css?v=143319823105703127341697480771" rel="stylesheet" type="text/css" media="all" />
      <script src="//klemklem.com/cdn/shop/t/5/assets/localization-form.js?v=161644695336821385561697480771" defer="defer"></script><link
        rel="stylesheet"
        href="//klemklem.com/cdn/shop/t/5/assets/component-predictive-search.css?v=118923337488134913561697480771"
        media="print"
        onload="this.media='all'"
      ><script>
      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
      if (Shopify.designMode) {
        document.documentElement.classList.add('shopify-design-mode');
      }
    </script>
  


    

    

    
  
<!-- 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/klaviyo.js?company_id=RrCSp2"></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 app block --><!-- BEGIN app block: shopify://apps/essential-announcement/blocks/app-embed/93b5429f-c8d6-4c33-ae14-250fd84f361b --><script>
  
    window.essentialAnnouncementConfigs = [{"id":"ca1a9a12-0f24-48d6-9f85-b7d25aa8c81c","createdAt":"2024-02-07T10:21:25.547+00:00","name":"Février 2024","title":"⭐️⭐️⭐️⭐️⭐️ +500 avis 5 étoiles en ligne    •     Un cadeau OFFERT dès 55€ d'achat 🎁    •  ","subheading":"","style":{"selectedTemplate":"custom","position":"top-page","stickyBar":true,"backgroundType":"singleBackground","singleColor":"#000000","gradientTurn":"90","gradientStart":"#DDDDDD","gradientEnd":"#FFFFFF","borderRadius":"0","borderSize":"","borderColor":"#f40000","titleSize":"14","titleColor":"#ffffff","font":"","subheadingSize":"14","subheadingColor":"#202223","buttonBackgroundColor":"#202223","buttonFontSize":"14","buttonFontColor":"#FFFFFF","buttonBorderRadius":"4","closeIconColor":"#6d7175","arrowIconColor":"#6d7175"},"announcementType":"running-line","announcementPlacement":"","published":true,"showOnProducts":[],"showOnCollections":[],"updatedAt":"2024-02-27T09:41:02.843+00:00","CTAType":"","CTALink":"https://047650-2.myshopify.com","closeButton":false,"buttonText":"Shop now!","announcements":[{"title":"For a limited time, enjoy a 20% discount on all our products!","subheading":"","CTAType":"button","buttonText":"Shop now!","CTALink":"","id":7},{"title":"For a limited time, enjoy a 20% discount on all our products!","subheading":"","CTAType":"button","buttonText":"Shop now!","CTALink":"","id":693}],"shop":"047650-2.myshopify.com","animationSpeed":48,"rotateDuration":4,"translations":[]}];
  
  window.essentialAnnouncementMeta = {
    productCollections: null,
  };
</script>

 




<script src="https://cdn.shopify.com/extensions/acd98dbc-3dd1-49ed-8d34-cafbcf66cdd1/essential-announcer-28/assets/announcement-bar-essential-apps.js" defer></script>

<!-- END app app block --><!-- BEGIN app block: shopify://apps/xo-gallery/blocks/xo-gallery-seo/e61dfbaa-1a75-4e4e-bffc-324f17325251 --><!-- XO Gallery SEO -->

<!-- End: XO Gallery SEO -->


<!-- END app app block --><!-- BEGIN app block: shopify://apps/weglot-translate-your-store/blocks/weglot/3097482a-fafe-42ff-bc33-ea19e35c4a20 -->
  <link rel="alternate" hreflang="fr" href="https://klemklem.com/collections/mugs-personnalises" />






  
    

    
    
    
      <link rel="alternate" hreflang="it" href="https:///collections/mugs-personnalises" />
    
  
    

    
    
    
      <link rel="alternate" hreflang="en" href="https:///collections/mugs-personnalises" />
    
  


<!--Start Weglot Script-->
<script src="https://cdn.weglot.com/weglot.min.js?api_key=wg_4eabc0dddb1c333a119905d2cab94be31" async></script>
<!--End Weglot Script-->

<!-- END app app block --><!-- BEGIN app block: shopify://apps/ecomposer-builder/blocks/app-embed/a0fc26e1-7741-4773-8b27-39389b4fb4a0 --><link rel="preconnect" href="https://cdn.ecomposer.app" crossorigin />
<link rel="dns-prefetch" href="https://cdn.ecomposer.app" />
<link rel="prefetch" href="https://cdn.ecomposer.app/vendors/css/ecom-base.css" as="style" />
<link rel="prefetch" href="https://cdn.ecomposer.app/vendors/css/ecom-swiper@11.css" as="style" />
<link rel="prefetch" href="https://cdn.ecomposer.app/vendors/js/ecom-swiper@11.0.5.js" as="script" />
<link rel="prefetch" href="https://cdn.ecomposer.app/vendors/js/ecom_modal.js" as="script" />
<style type="text/css" class="ecom-theme-helper">
    .ecom-animation{opacity:0}.ecom-animation.animate,.ecom-animation.ecom-animated{opacity:1}.ecom-cart-popup{display:grid;position:fixed;inset:0;z-index:9999999;align-content:center;padding:5px;justify-content:center;align-items:center;justify-items:center}.ecom-cart-popup::before{content:' ';position:absolute;background:#e5e5e5b3;inset:0}.ecom-ajax-loading{cursor:not-allowed;pointer-events:none;opacity:.6}#ecom-toast{visibility:hidden;max-width:50px;height:60px;margin:auto;background-color:#333;color:#fff;text-align:center;border-radius:2px;position:fixed;z-index:1;left:0;right:0;bottom:30px;font-size:17px;display:grid;grid-template-columns:50px auto;align-items:center;justify-content:start;align-content:center;justify-items:start}#ecom-toast.ecom-toast-show{visibility:visible;-webkit-animation:ecomFadein .5s,ecomExpand .5s .5s,ecomStay 3s 1s,ecomShrink .5s 2s,ecomFadeout .5s 2.5s;animation:ecomFadein .5s,ecomExpand .5s .5s,ecomStay 3s 1s,ecomShrink .5s 4s,ecomFadeout .5s 4.5s}#ecom-toast #ecom-toast-icon{width:50px;height:100%;box-sizing:border-box;background-color:#111;color:#fff;padding:5px}#ecom-toast .ecom-toast-icon-svg{width:100%;height:100%;display:block;position:relative;vertical-align:middle;margin:auto;text-align:center}#ecom-toast #ecom-toast-desc{color:#fff;padding:16px;overflow:hidden;white-space:nowrap}@media (max-width: 768px){#ecom-toast #ecom-toast-desc{white-space:normal;min-width:250px}#ecom-toast{height:auto;min-height:60px}}.ecom__column-full-height{height: 100%}@-webkit-keyframes ecomFadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes ecomExpand{from{min-width:50px}to{min-width:var(--ecom-max-width)}}@keyframes ecomExpand{from{min-width:50px}to{min-width:var(--ecom-max-width)}}@-webkit-keyframes ecomStay{from{min-width:var(--ecom-max-width)}to{min-width:var(--ecom-max-width)}}@keyframes ecomStay{from{min-width:var(--ecom-max-width)}to{min-width:var(--ecom-max-width)}}@-webkit-keyframes ecomShrink{from{min-width:var(--ecom-max-width)}to{min-width:50px}}@keyframes ecomShrink{from{min-width:var(--ecom-max-width)}to{min-width:50px}}@-webkit-keyframes ecomFadeout{from{bottom:30px;opacity:1}to{bottom:60px;opacity:0}}@keyframes ecomFadeout{from{bottom:30px;opacity:1}to{bottom:60px;opacity:0}}
</style>
<script type="text/javascript" id="ecom-theme-helpers" async="async">
    window.EComposer = window.EComposer || {};
    (function(){
        if(!this.configs) this.configs = {};this.configs.ajax_cart = {
            enable: false
          };
        
      
      	this.customer = false;
      
        this.proxy_path = '/apps/ecomposer-visual-page-builder';
        this.routes = {
            domain: 'https://klemklem.com',
            root_url: '/',
            collections_url: '/collections',
            all_products_collection_url: '/collections/all',
            cart_url:'/cart',
            cart_add_url:'/cart/add',
            cart_change_url:'/cart/change',
            cart_clear_url: '/cart/clear',
            cart_update_url: '/cart/update',
            product_recommendations_url: '/recommendations/products'
        };
        this.queryParams = {};
        if (window.location.search.length) {
            new URLSearchParams(window.location.search).forEach((value,key)=>{
                this.queryParams[key] = value;
            })
        }
        this.money_format = "€{{amount_with_comma_separator}}",
        this.money_with_currency_format = "€{{amount_with_comma_separator}} EUR",
        this.currencyCodeEnabled = false,
        
        this.formatMoney=function(t,e){const r=this.currencyCodeEnabled?this.money_with_currency_format:this.money_format;function a(t,e){return void 0===t?e:t}function o(t,e,r,o){if(e=a(e,2),r=a(r,","),o=a(o,"."),isNaN(t)||null==t)return 0;var n=(t=(t/100).toFixed(e)).split(".");return n[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1"+r)+(n[1]?o+n[1]:"")}"string"==typeof t&&(t=t.replace(".",""));var n="",i=/\{\{\s*(\w+)\s*\}\}/,s=e||r;switch(s.match(i)[1]){case"amount":n=o(t,2);break;case"amount_no_decimals":n=o(t,0);break;case"amount_with_comma_separator":n=o(t,2,".",",");break;case"amount_with_space_separator":n=o(t,2," ",",");break;case"amount_with_period_and_space_separator":n=o(t,2," ",".");break;case"amount_no_decimals_with_comma_separator":n=o(t,0,".",",");break;case"amount_no_decimals_with_space_separator":n=o(t,0," ");break;case"amount_with_apostrophe_separator":n=o(t,2,"'",".")}return s.replace(i,n)},this.resizeImage=function(t,e){try{if(!e||"original"==e||"full"==e||"master"==e)return t;if(-1!==t.indexOf("cdn.shopify.com")||-1!==t.indexOf("/cdn/shop/")){var r=t.match(/\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif|webp)((\#[0-9a-z\-]+)?(\?v=.*)?)?$/gim);if(null==r)return null;var a=t.split(r[0]),o=r[0];return a[0]+"_"+e+o}}catch(r){return t}return t},this.getProduct=function(t){if(!t)return!1;let e=("/"===this.routes.root_url?"":this.routes.root_url)+"/products/"+t+".js?shop="+Shopify.shop;return window.ECOM_LIVE&&(e="/shop/builder/ajax/ecom-proxy/products/"+t+"?shop="+Shopify.shop),window.fetch(e,{headers:{"Content-Type":"application/json"}}).then(t=>t.json())};
    }).bind(window.EComposer)();
    if(window.Shopify && window.Shopify.designMode && window.top && window.top.opener){
        window.addEventListener("load", function(){
            window.top.opener.postMessage({
                action: "ecomposer:loaded",
            }, "*");
        });
    }
</script>
<script type="text/javascript" id="ecom-theme-quickview" async="async">
    window.EComposer = window.EComposer || {};
      (function() {
        this.initQuickview = function() {
            var enable_qv = false;
              
            const qv_wrapper_script = document.querySelector('#ecom-quickview-template-html');
            if(!qv_wrapper_script) return;
            const ecom_quickview = document.createElement('div');
            ecom_quickview.classList.add('ecom-quickview');
            ecom_quickview.innerHTML = qv_wrapper_script.innerHTML
            document.body.prepend(ecom_quickview);
            const qv_wrapper = ecom_quickview.querySelector('.ecom-quickview__wrapper');
            
            const ecomQuickview=function(e){let t=qv_wrapper.querySelector(".ecom-quickview__content-data");if(t){let i=document.createRange().createContextualFragment(e);t.innerHTML="",t.append(i),qv_wrapper.classList.add("ecom-open");let c=new CustomEvent("ecom:quickview:init",{detail:{wrapper:qv_wrapper}});document.dispatchEvent(c),setTimeout(function(){qv_wrapper.classList.add("ecom-display")},500),closeQuickview(t)}},closeQuickview=function(e){let t=qv_wrapper.querySelector(".ecom-quickview__close-btn"),i=qv_wrapper.querySelector(".ecom-quickview__content");function c(t){let o=t.target;do{if(o==i||o&&o.classList&&o.classList.contains("ecom-modal"))return;o=o.parentNode}while(o);o!=i&&(qv_wrapper.classList.add("ecom-remove"),qv_wrapper.classList.remove("ecom-open","ecom-display","ecom-remove"),setTimeout(function(){e.innerHTML=""},300),document.removeEventListener("click",c),document.removeEventListener("keydown",n))}function n(t){(t.isComposing||27===t.keyCode)&&(qv_wrapper.classList.add("ecom-remove"),qv_wrapper.classList.remove("ecom-open","ecom-display","ecom-remove"),setTimeout(function(){e.innerHTML=""},300),document.removeEventListener("keydown",n),document.removeEventListener("click",c))}t&&t.addEventListener("click",function(t){t.preventDefault(),document.removeEventListener("click",c),document.removeEventListener("keydown",n),qv_wrapper.classList.add("ecom-remove"),qv_wrapper.classList.remove("ecom-open","ecom-display","ecom-remove"),setTimeout(function(){e.innerHTML=""},300)}),document.addEventListener("click",c),document.addEventListener("keydown",n)};function quickViewHandler(e){e&&e.preventDefault();let t=this;t.classList&&t.classList.add("ecom-loading");let i=t.classList?t.getAttribute("href"):window.location.pathname;if(i){if(window.location.search.includes("ecom_template_id")){let c=new URLSearchParams(location.search);i=window.location.pathname+"?section_id="+c.get("ecom_template_id")}else i+=(i.includes("?")?"&":"?")+"section_id=ecom-default-template-quickview";fetch(i).then(function(e){return 200==e.status?e.text():window.document.querySelector("#admin-bar-iframe")?(404==e.status?alert("Please create Ecomposer quickview template first!"):alert("Have some problem with quickview!"),t.classList&&t.classList.remove("ecom-loading"),!1):void window.open(new URL(i).pathname,"_blank")}).then(function(e){e&&(ecomQuickview(e),setTimeout(function(){t.classList&&t.classList.remove("ecom-loading")},300))}).catch(function(e){})}}
            if(window.location.search.includes('ecom_template_id'))
            {
                setTimeout(quickViewHandler,1000)
            }
            if(enable_qv) {
              const qv_buttons = document.querySelectorAll('.ecom-product-quickview');
              if(qv_buttons.length > 0) {
                qv_buttons.forEach(function(button, index) {
                    button.addEventListener('click', quickViewHandler)
                })
              }
            }
        }
    }).bind(window.EComposer)();
</script>
<script type="text/template" id="ecom-quickview-template-html">
    <div class="ecom-quickview__wrapper ecom-dn"><div class="ecom-quickview__container"><div class="ecom-quickview__content"><div class="ecom-quickview__content-inner"><div class="ecom-quickview__content-data"></div></div><span class="ecom-quickview__close-btn"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32"><g id="icomoon-ignore"></g><path d="M10.722 9.969l-0.754 0.754 5.278 5.278-5.253 5.253 0.754 0.754 5.253-5.253 5.253 5.253 0.754-0.754-5.253-5.253 5.278-5.278-0.754-0.754-5.278 5.278z" fill="#000000"></path></svg></span></div></div></div>
</script>
<style type="text/css" class="ecom-theme-quickview">
.ecom-quickview__wrapper{opacity:0;display:none;pointer-events:none}.ecom-quickview__wrapper.ecom-open{position:fixed;top:0;left:0;right:0;bottom:0;display:block;pointer-events:auto;z-index:100000;outline:0!important;-webkit-backface-visibility:hidden;opacity:1;transition:all .1s}.ecom-quickview__container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box;opacity:0;background-color:rgba(0,0,0,.8);transition:opacity .1s}.ecom-quickview__container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.ecom-quickview__wrapper.ecom-display .ecom-quickview__content{visibility:visible;opacity:1;transform:none;-webkit-transform:none}.ecom-quickview__content{position:relative;display:inline-block;opacity:0;visibility:hidden;-webkit-transition:opacity .1s,-webkit-transform .1s;transition:transform .1s,opacity .1s,-webkit-transform .1s;-webkit-transform:translateX(-100px);transform:translateX(-100px)}.ecom-quickview__content-inner{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:999;overflow-y:auto;max-height:80vh}.ecom-quickview__content-data>.shopify-section{margin:0 auto;max-width:980px;overflow:hidden;position:relative;background-color:#fff;opacity:0}.ecom-quickview__wrapper.ecom-display .ecom-quickview__content-data>.shopify-section{opacity:1;-webkit-transform:none;transform:none}.ecom-quickview__wrapper.ecom-display .ecom-quickview__container{opacity:1}.ecom-quickview__wrapper.ecom-remove #shopify-section-ecom-default-template-quickview{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}.ecom-quickview__close-btn{position:fixed!important;top:0;right:0;transform:none;background-color:transparent;color:#000;opacity:0;width:40px;height:40px;-webkit-transition:.25s;transition:.25s;z-index:9999}.ecom-quickview__close-btn{stroke: #fff}.ecom-quickview__wrapper.ecom-display .ecom-quickview__close-btn{opacity:1}.ecom-quickview__close-btn:hover{cursor:pointer}@media screen and (max-width:1024px){.ecom-quickview__content{position:absolute;inset:0;margin:50px 15px;display:flex}.ecom-quickview__close-btn{right:0}}
</style>
<script type="text/template" id="ecom-template-html">
    <!-- BEGIN app snippet: ecom-toast --><div id="ecom-toast"><div id="ecom-toast-icon"><svg xmlns="http://www.w3.org/2000/svg" class="ecom-toast-icon-svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg></div><div id="ecom-toast-desc"></div></div><!-- END app snippet -->
</script>
<!-- END app app block --><!-- BEGIN app block: shopify://apps/zepto-product-personalizer/blocks/product_personalizer_main/7411210d-7b32-4c09-9455-e129e3be4729 -->
<!-- BEGIN app snippet: zepto_common --><script>
var pplr_cart = {"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 pplr_shop_currency = "EUR";
var pplr_enabled_currencies_size = 1;
var pplr_money_formate = "€{{amount_with_comma_separator}}";
var pplr_manual_theme_selector=["CartCount span:first","tr:has([name*=updates])","tr img:first",".line-item__title",".cart__item--price .cart__price",".grid__item.one-half.text-right",".pplr_item_remove",".ajaxcart__qty",".header__cart-price-bubble span[data-cart-price-bubble]","form[action*=cart] [name=checkout]","Clique pour voir la photo charg\u0026eacute;e","0","Discount Code \u0026amp;lt;strong\u0026amp;gt;{{ code }}\u0026amp;lt;\/strong\u0026amp;gt; is invalid","Discount code","Apply",".SomeClass","Subtotal","Shipping","\u0026amp;lt;strong\u0026amp;gt;EST. TOTAL\u0026amp;lt;\/strong\u0026amp;gt;"];
</script>
<script defer src="//cdn-zeptoapps.com/product-personalizer/pplr_common.js?v=18" ></script><!-- END app snippet -->

<!-- END app app block --><script src="https://cdn.shopify.com/extensions/8813096f-19d1-4014-bedb-56a29686aa96/ali-reviews-38/assets/alireviews.min.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/9f399e60-fcca-4b57-9b5a-f0075db74b4e/ecomposer-builder-25/assets/ecom.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) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);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: 69988417801,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "collection"};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,n,a,t,r){var o="function"==typeof BigInt&&-1!==BigInt.toString().indexOf("[native code]")?"modern":"legacy";window.Shopify=window.Shopify||{};var i=window.Shopify;i.analytics=i.analytics||{};var s=i.analytics;s.replayQueue=[],s.publish=function(e,n,a){return s.replayQueue.push([e,n,a]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=[a,"/wpm","/b",r,o.substring(0,1),".js"].join("");!function(e){var n=e.src,a=e.async,t=void 0===a||a,r=e.onload,o=e.onerror,i=document.createElement("script"),s=document.head,l=document.body;i.async=t,i.src=n,r&&i.addEventListener("load",r),o&&i.addEventListener("error",o),s?s.appendChild(i):l?l.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:l,async:!0,onload:function(){var a=window.webPixelsManager.init(e);n(a);var t=window.Shopify.analytics;t.replayQueue.forEach((function(e){var n=e[0],t=e[1],r=e[2];a.publishCustomEvent(n,t,r)})),t.replayQueue=[],t.publish=a.publishCustomEvent,t.visitor=a.visitor},onerror:function(){var n=e.storefrontBaseUrl.replace(/\/$/,""),a="".concat(n,"/.well-known/shopify/monorail/unstable/produce_batch"),r=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:t||"latest",bundle_target:o,page_url:self.location.href,status:"failed",surface:e.surface,error_msg:"".concat(l," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(a,r))return!0}catch(e){}var i=new XMLHttpRequest;try{return i.open("POST",a,!0),i.setRequestHeader("Content-Type","text/plain"),i.send(r),!0}catch(e){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 69988417801,storefrontBaseUrl: "https://klemklem.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: ["5de24938","4735909c"],webPixelsConfigList: [{"id":"436699401","configuration":"{\"pixel_id\":\"877137599591785\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8b3843af2d71780cfb83fdde884ce168","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"95650057","configuration":"{\"accountID\":\"2323\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"6de8558fde3edbea56c2702b894784a2","type":"APP","apiClientId":5009031,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0140","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0140","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],initData: {"shop":{"name":"Klem Klem","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"047650-2.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/klemklem.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[]},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});webPixelsManagerAPI.publish("collection_viewed", {"collection":{"id":"497651810569","title":"Mugs personnalis\u00e9s","productVariants":[{"price":{"amount":24.9,"currencyCode":"EUR"},"product":{"title":"Mug personnalis\u00e9 animal simple","vendor":"Klem Klem","id":"8313118195977","untranslatedTitle":"Mug personnalis\u00e9 animal simple","url":"\/products\/mug-personnalise-animal","type":""},"id":"44634559807753","image":{"src":"\/\/klemklem.com\/cdn\/shop\/files\/Mug-simple-chat-scaled.jpg?v=1696449459"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":24.9,"currencyCode":"EUR"},"product":{"title":"Mug personnalis\u00e9 animal Cosmic","vendor":"Klem Klem","id":"8313118949641","untranslatedTitle":"Mug personnalis\u00e9 animal Cosmic","url":"\/products\/mug-personnalise-animal-cosmic","type":""},"id":"44634561085705","image":{"src":"\/\/klemklem.com\/cdn\/shop\/files\/Mug-personnalise-chien.jpg?v=1696449488"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":24.9,"currencyCode":"EUR"},"product":{"title":"Mug personnalis\u00e9 animal Royal","vendor":"Klem Klem","id":"8313119277321","untranslatedTitle":"Mug personnalis\u00e9 animal Royal","url":"\/products\/mug-personnalise-animal-royal","type":""},"id":"44634561577225","image":{"src":"\/\/klemklem.com\/cdn\/shop\/files\/Mug-personnalise-plume.jpg?v=1696449498"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":24.9,"currencyCode":"EUR"},"product":{"title":"Mug personnalis\u00e9 animal - I Woof You","vendor":"Klem Klem","id":"8436501577993","untranslatedTitle":"Mug personnalis\u00e9 animal - I Woof You","url":"\/products\/mug-personnalise-animal-i-woof-you","type":""},"id":"44963483058441","image":{"src":"\/\/klemklem.com\/cdn\/shop\/files\/I-woof-you.jpg?v=1706013709"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":24.9,"currencyCode":"EUR"},"product":{"title":"Mug personnalis\u00e9 animal -St Valentin","vendor":"Klem Klem","id":"8436509114633","untranslatedTitle":"Mug personnalis\u00e9 animal -St Valentin","url":"\/products\/mug-personnalise-animal-st-valentin","type":""},"id":"44963523985673","image":{"src":"\/\/klemklem.com\/cdn\/shop\/files\/Le-plus-fidele-des-valentins.jpg?v=1706014102"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"}]}});},"https://klemklem.com/cdn","63a1ddb5ba7099ef0d6ac197724f772567afd606","b071c79cwe17f1e12pfc81b409mdea77a3c",);</script>  <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"products":[{"id":8313118195977,"gid":"gid:\/\/shopify\/Product\/8313118195977","vendor":"Klem Klem","type":"","variants":[{"id":44634559807753,"price":2490,"name":"Mug personnalisé animal simple","public_title":null,"sku":null}]},{"id":8313118949641,"gid":"gid:\/\/shopify\/Product\/8313118949641","vendor":"Klem Klem","type":"","variants":[{"id":44634561085705,"price":2490,"name":"Mug personnalisé animal Cosmic","public_title":null,"sku":null}]},{"id":8313119277321,"gid":"gid:\/\/shopify\/Product\/8313119277321","vendor":"Klem Klem","type":"","variants":[{"id":44634561577225,"price":2490,"name":"Mug personnalisé animal Royal","public_title":null,"sku":null}]},{"id":8436501577993,"gid":"gid:\/\/shopify\/Product\/8436501577993","vendor":"Klem Klem","type":"","variants":[{"id":44963483058441,"price":2490,"name":"Mug personnalisé animal - I Woof You","public_title":null,"sku":null}]},{"id":8436509114633,"gid":"gid:\/\/shopify\/Product\/8436509114633","vendor":"Klem Klem","type":"","variants":[{"id":44963523985673,"price":2490,"name":"Mug personnalisé animal -St Valentin","public_title":null,"sku":null}]}],"page":{"pageType":"collection","resourceType":"collection","resourceId":497651810569}};
for (var attr in meta) {
  window.ShopifyAnalytics.meta[attr] = meta[attr];
}</script>
<script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() {
  
};
</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: 69988417801,
      theme_id: 144330719497,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//klemklem.com/cdn/s/trekkie.storefront.a1ad2ab43a5932ff96084a0e2e69f51ba73ddbec.min.js"});

        };
        scriptFallback.async = true;
        scriptFallback.src = '//klemklem.com/cdn/s/trekkie.storefront.a1ad2ab43a5932ff96084a0e2e69f51ba73ddbec.min.js';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = '//klemklem.com/cdn/s/trekkie.storefront.a1ad2ab43a5932ff96084a0e2e69f51ba73ddbec.min.js';
      first.parentNode.insertBefore(script, first);
    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":69988417801,"isMerchantRequest":null,"themeId":144330719497,"themeCityHash":"9684100244425181455","contentLanguage":"fr","currency":"EUR"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["bbcf04e6"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"facebookAppPixelId":"877137599591785","source":"trekkie-storefront-renderer"}}
    );

    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":"collection","resourceType":"collection","resourceId":497651810569});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"EUR","category":"Collection: mugs-personnalises","collectionName":"mugs-personnalises","collectionId":497651810569,"nonInteraction":true});
      }
    });


        var eventsListenerScript = document.createElement('script');
        eventsListenerScript.async = true;
        eventsListenerScript.src = "//klemklem.com/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js";
        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);

})();</script>
<script class="boomerang">
(function () {
  if (window.BOOMR && (window.BOOMR.version || window.BOOMR.snippetExecuted)) {
    return;
  }
  window.BOOMR = window.BOOMR || {};
  window.BOOMR.snippetStart = new Date().getTime();
  window.BOOMR.snippetExecuted = true;
  window.BOOMR.snippetVersion = 12;
  window.BOOMR.application = "storefront-renderer";
  window.BOOMR.themeName = "Sense";
  window.BOOMR.themeVersion = "11.0.0";
  window.BOOMR.shopId = 69988417801;
  window.BOOMR.themeId = 144330719497;
  window.BOOMR.renderRegion = "gcp-europe-west3";
  window.BOOMR.url =
    "https://klemklem.com/cdn/shopifycloud/boomerang/shopify-boomerang-1.0.0.min.js";
  var where = document.currentScript || document.getElementsByTagName("script")[0];
  var parentNode = where.parentNode;
  var promoted = false;
  var LOADER_TIMEOUT = 3000;
  function promote() {
    if (promoted) {
      return;
    }
    var script = document.createElement("script");
    script.id = "boomr-scr-as";
    script.src = window.BOOMR.url;
    script.async = true;
    parentNode.appendChild(script);
    promoted = true;
  }
  function iframeLoader(wasFallback) {
    promoted = true;
    var dom, bootstrap, iframe, iframeStyle;
    var doc = document;
    var win = window;
    window.BOOMR.snippetMethod = wasFallback ? "if" : "i";
    bootstrap = function(parent, scriptId) {
      var script = doc.createElement("script");
      script.id = scriptId || "boomr-if-as";
      script.src = window.BOOMR.url;
      BOOMR_lstart = new Date().getTime();
      parent = parent || doc.body;
      parent.appendChild(script);
    };
    if (!window.addEventListener && window.attachEvent && navigator.userAgent.match(/MSIE [67]./)) {
      window.BOOMR.snippetMethod = "s";
      bootstrap(parentNode, "boomr-async");
      return;
    }
    iframe = document.createElement("IFRAME");
    iframe.src = "about:blank";
    iframe.title = "";
    iframe.role = "presentation";
    iframe.loading = "eager";
    iframeStyle = (iframe.frameElement || iframe).style;
    iframeStyle.width = 0;
    iframeStyle.height = 0;
    iframeStyle.border = 0;
    iframeStyle.display = "none";
    parentNode.appendChild(iframe);
    try {
      win = iframe.contentWindow;
      doc = win.document.open();
    } catch (e) {
      dom = document.domain;
      iframe.src = "javascript:var d=document.open();d.domain='" + dom + "';void(0);";
      win = iframe.contentWindow;
      doc = win.document.open();
    }
    if (dom) {
      doc._boomrl = function() {
        this.domain = dom;
        bootstrap();
      };
      doc.write("<body onload='document._boomrl();'>");
    } else {
      win._boomrl = function() {
        bootstrap();
      };
      if (win.addEventListener) {
        win.addEventListener("load", win._boomrl, false);
      } else if (win.attachEvent) {
        win.attachEvent("onload", win._boomrl);
      }
    }
    doc.close();
  }
  var link = document.createElement("link");
  if (link.relList &&
    typeof link.relList.supports === "function" &&
    link.relList.supports("preload") &&
    ("as" in link)) {
    window.BOOMR.snippetMethod = "p";
    link.href = window.BOOMR.url;
    link.rel = "preload";
    link.as = "script";
    link.addEventListener("load", promote);
    link.addEventListener("error", function() {
      iframeLoader(true);
    });
    setTimeout(function() {
      if (!promoted) {
        iframeLoader(true);
      }
    }, LOADER_TIMEOUT);
    BOOMR_lstart = new Date().getTime();
    parentNode.appendChild(link);
  } else {
    iframeLoader(false);
  }
  function boomerangSaveLoadTime(e) {
    window.BOOMR_onload = (e && e.timeStamp) || new Date().getTime();
  }
  if (window.addEventListener) {
    window.addEventListener("load", boomerangSaveLoadTime, false);
  } else if (window.attachEvent) {
    window.attachEvent("onload", boomerangSaveLoadTime);
  }
  if (document.addEventListener) {
    document.addEventListener("onBoomerangLoaded", function(e) {
      e.detail.BOOMR.init({
        ResourceTiming: {
          enabled: true,
          trackedResourceTypes: ["script", "img", "css"]
        },
      });
      e.detail.BOOMR.t_end = new Date().getTime();
    });
  } else if (document.attachEvent) {
    document.attachEvent("onpropertychange", function(e) {
      if (!e) e=event;
      if (e.propertyName === "onBoomerangLoaded") {
        e.detail.BOOMR.init({
          ResourceTiming: {
            enabled: true,
            trackedResourceTypes: ["script", "img", "css"]
          },
        });
        e.detail.BOOMR.t_end = new Date().getTime();
      }
    });
  }
})();</script>
<script
  defer
 src="https://klemklem.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-unstable.min.js"
  data-application="storefront-renderer"
  data-shop-id="69988417801"
  data-render-region="gcp-europe-west3"
  data-page-type="collection"
  data-theme-instance-id="144330719497"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
></script>
</head>

  <body class="gradient">
    
    
    <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NBJBK4R"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
    
    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
      Ignorer et passer au contenu
    </a><!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--18183665320201__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//klemklem.com/cdn/shop/t/5/assets/component-list-menu.css?v=151968516119678728991697480771" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//klemklem.com/cdn/shop/t/5/assets/component-search.css?v=130382253973794904871697480771" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//klemklem.com/cdn/shop/t/5/assets/component-menu-drawer.css?v=31331429079022630271697480771" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//klemklem.com/cdn/shop/t/5/assets/component-cart-notification.css?v=54116361853792938221697480771" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//klemklem.com/cdn/shop/t/5/assets/component-cart-items.css?v=63185545252468242311697480771" media="print" onload="this.media='all'"><link rel="stylesheet" href="//klemklem.com/cdn/shop/t/5/assets/component-price.css?v=70172745017360139101697480771" media="print" onload="this.media='all'">
  <link rel="stylesheet" href="//klemklem.com/cdn/shop/t/5/assets/component-loading-overlay.css?v=58800470094666109841697480771" media="print" onload="this.media='all'"><noscript><link href="//klemklem.com/cdn/shop/t/5/assets/component-list-menu.css?v=151968516119678728991697480771" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//klemklem.com/cdn/shop/t/5/assets/component-search.css?v=130382253973794904871697480771" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//klemklem.com/cdn/shop/t/5/assets/component-menu-drawer.css?v=31331429079022630271697480771" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//klemklem.com/cdn/shop/t/5/assets/component-cart-notification.css?v=54116361853792938221697480771" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//klemklem.com/cdn/shop/t/5/assets/component-cart-items.css?v=63185545252468242311697480771" rel="stylesheet" type="text/css" media="all" /></noscript>

<style>
  header-drawer {
    justify-self: start;
    margin-left: -1.2rem;
  }.scrolled-past-header .header__heading-logo-wrapper {
      width: 75%;
    }@media screen and (min-width: 990px) {
      header-drawer {
        display: none;
      }
    }.menu-drawer-container {
    display: flex;
  }

  .list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap;
  }

  summary.list-menu__item {
    padding-right: 2.7rem;
  }

  .list-menu__item {
    display: flex;
    align-items: center;
    line-height: calc(1 + 0.3 / var(--font-body-scale));
  }

  .list-menu__item--link {
    text-decoration: none;
    padding-bottom: 1rem;
    padding-top: 1rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
  }

  @media screen and (min-width: 750px) {
    .list-menu__item--link {
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
    }
  }
</style><style data-shopify>.header {
    padding: 18px 3rem 10px 3rem;
  }

  .section-header {
    position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
    margin-bottom: 18px;
  }

  @media screen and (min-width: 750px) {
    .section-header {
      margin-bottom: 24px;
    }
  }

  @media screen and (min-width: 990px) {
    .header {
      padding-top: 36px;
      padding-bottom: 20px;
    }
  }</style><script src="//klemklem.com/cdn/shop/t/5/assets/details-disclosure.js?v=13653116266235556501697480771" defer="defer"></script>
<script src="//klemklem.com/cdn/shop/t/5/assets/details-modal.js?v=25581673532751508451697480771" defer="defer"></script>
<script src="//klemklem.com/cdn/shop/t/5/assets/cart-notification.js?v=133508293167896966491697480771" defer="defer"></script>
<script src="//klemklem.com/cdn/shop/t/5/assets/search-form.js?v=133129549252120666541697480771" defer="defer"></script><svg xmlns="http://www.w3.org/2000/svg" class="hidden">
  <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/>
  </symbol>

  <symbol id="icon-reset" class="icon icon-close"  fill="none" viewbox="0 0 18 18" stroke="currentColor">
    <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"/>
    <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
    <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
  </symbol>

  <symbol id="icon-close" class="icon icon-close" fill="none" viewbox="0 0 18 17">
    <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
  </symbol>
</svg><sticky-header data-sticky-type="reduce-logo-size" class="header-wrapper color-accent-1 gradient"><header class="header header--top-center header--mobile-center page-width header--has-menu header--has-social">

<header-drawer data-breakpoint="tablet">
  <details id="Details-menu-drawer-container" class="menu-drawer-container">
    <summary
      class="header__icon header__icon--menu header__icon--summary link focus-inset"
      aria-label="Menu"
    >
      <span>
        <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-hamburger"
  fill="none"
  viewbox="0 0 18 16"
>
  <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
</svg>

        <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-close"
  fill="none"
  viewbox="0 0 18 17"
>
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>

      </span>
    </summary>
    <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-background-1">
      <div class="menu-drawer__inner-container">
        <div class="menu-drawer__navigation-container">
          <nav class="menu-drawer__navigation">
            <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a
                      id="HeaderDrawer-creer-un-portrait-personnalise"
                      href="/collections/affiches-personnalisees"
                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                      
                    >
                      Créer un portrait personnalisé
                    </a></li><li><details id="Details-menu-drawer-menu-item-2">
                      <summary
                        id="HeaderDrawer-voir-tous-les-produits"
                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active"
                      >
                        Voir tous les produits
                        <svg
  viewbox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>

                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                      </summary>
                      <div
                        id="link-voir-tous-les-produits"
                        class="menu-drawer__submenu has-submenu gradient motion-reduce"
                        tabindex="-1"
                      >
                        <div class="menu-drawer__inner-submenu">
                          <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
                            <svg
  viewbox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>

                            Voir tous les produits
                          </button>
                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
                                    id="HeaderDrawer-voir-tous-les-produits-porte-cles-personnalises"
                                    href="/collections/porte-cles-personnalises"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Porte-clés personnalisés
                                  </a></li><li><a
                                    id="HeaderDrawer-voir-tous-les-produits-medailles-🆕"
                                    href="/collections/medailles"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Médailles 🆕
                                  </a></li><li><a
                                    id="HeaderDrawer-voir-tous-les-produits-mugs-personnalises"
                                    href="/collections/mugs-personnalises"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset menu-drawer__menu-item--active"
                                    
                                      aria-current="page"
                                    
                                  >
                                    Mugs personnalisés
                                  </a></li><li><a
                                    id="HeaderDrawer-voir-tous-les-produits-gamelles-personnalisees"
                                    href="/collections/gamelles-personnalisees"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Gamelles personnalisées
                                  </a></li><li><a
                                    id="HeaderDrawer-voir-tous-les-produits-chaussettes-personnalisees"
                                    href="/collections/chaussettes-personnalisees"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Chaussettes personnalisées
                                  </a></li><li><a
                                    id="HeaderDrawer-voir-tous-les-produits-gourdes-personnalisees"
                                    href="/collections/gourdes-personnalisees"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Gourdes personnalisées
                                  </a></li><li><a
                                    id="HeaderDrawer-voir-tous-les-produits-bougies-personnalisees"
                                    href="/collections/bougies-personnalisees"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Bougies personnalisées
                                  </a></li><li><a
                                    id="HeaderDrawer-voir-tous-les-produits-pots-a-friandises-🆕"
                                    href="/collections/pots-a-friandises"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Pots à friandises 🆕
                                  </a></li><li><a
                                    id="HeaderDrawer-voir-tous-les-produits-coussins-personnalises"
                                    href="/collections/coussins-personnalises"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Coussins personnalisés
                                  </a></li><li><a
                                    id="HeaderDrawer-voir-tous-les-produits-panneaux-voiture-personnalises"
                                    href="/collections/panneaux-voiture-personnalises"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Panneaux voiture personnalisés
                                  </a></li><li><a
                                    id="HeaderDrawer-voir-tous-les-produits-idees-cadeaux-a-20"
                                    href="/collections/cadeaux-a-de-20"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Idées cadeaux à -20€
                                  </a></li></ul>
                        </div>
                      </div>
                    </details></li><li><a
                      id="HeaderDrawer-notre-histoire"
                      href="/pages/notre-histoire"
                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                      
                    >
                      Notre histoire
                    </a></li><li><a
                      id="HeaderDrawer-le-blog-klem-klem"
                      href="/blogs/news"
                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                      
                    >
                      Le blog Klem Klem
                    </a></li></ul>
          </nav>
          <div class="menu-drawer__utility-links"><div class="menu-drawer__localization header-localization"><noscript><form method="post" action="/localization" id="HeaderCountryMobileFormNoScriptDrawer" accept-charset="UTF-8" class="localization-form" 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="/collections/mugs-personnalises" /><div class="localization-form__select">
                        <h2 class="visually-hidden" id="HeaderCountryMobileLabelNoScriptDrawer">
                          Pays/région
                        </h2>
                        <select
                          class="localization-selector link"
                          name="country_code"
                          aria-labelledby="HeaderCountryMobileLabelNoScriptDrawer"
                        ><option
                              value="DE"
                            >
                              Allemagne (EUR
                              €)
                            </option><option
                              value="AU"
                            >
                              Australie (EUR
                              €)
                            </option><option
                              value="AT"
                            >
                              Autriche (EUR
                              €)
                            </option><option
                              value="BE"
                            >
                              Belgique (EUR
                              €)
                            </option><option
                              value="BG"
                            >
                              Bulgarie (EUR
                              €)
                            </option><option
                              value="CA"
                            >
                              Canada (EUR
                              €)
                            </option><option
                              value="CY"
                            >
                              Chypre (EUR
                              €)
                            </option><option
                              value="KR"
                            >
                              Corée du Sud (EUR
                              €)
                            </option><option
                              value="HR"
                            >
                              Croatie (EUR
                              €)
                            </option><option
                              value="DK"
                            >
                              Danemark (EUR
                              €)
                            </option><option
                              value="AE"
                            >
                              Émirats arabes unis (EUR
                              €)
                            </option><option
                              value="ES"
                            >
                              Espagne (EUR
                              €)
                            </option><option
                              value="EE"
                            >
                              Estonie (EUR
                              €)
                            </option><option
                              value="US"
                            >
                              États-Unis (EUR
                              €)
                            </option><option
                              value="FI"
                            >
                              Finlande (EUR
                              €)
                            </option><option
                              value="FR"
                                selected
>
                              France (EUR
                              €)
                            </option><option
                              value="GR"
                            >
                              Grèce (EUR
                              €)
                            </option><option
                              value="HU"
                            >
                              Hongrie (EUR
                              €)
                            </option><option
                              value="IE"
                            >
                              Irlande (EUR
                              €)
                            </option><option
                              value="IL"
                            >
                              Israël (EUR
                              €)
                            </option><option
                              value="IT"
                            >
                              Italie (EUR
                              €)
                            </option><option
                              value="JP"
                            >
                              Japon (EUR
                              €)
                            </option><option
                              value="LV"
                            >
                              Lettonie (EUR
                              €)
                            </option><option
                              value="LT"
                            >
                              Lituanie (EUR
                              €)
                            </option><option
                              value="LU"
                            >
                              Luxembourg (EUR
                              €)
                            </option><option
                              value="MY"
                            >
                              Malaisie (EUR
                              €)
                            </option><option
                              value="MT"
                            >
                              Malte (EUR
                              €)
                            </option><option
                              value="NO"
                            >
                              Norvège (EUR
                              €)
                            </option><option
                              value="NZ"
                            >
                              Nouvelle-Zélande (EUR
                              €)
                            </option><option
                              value="NL"
                            >
                              Pays-Bas (EUR
                              €)
                            </option><option
                              value="PL"
                            >
                              Pologne (EUR
                              €)
                            </option><option
                              value="PT"
                            >
                              Portugal (EUR
                              €)
                            </option><option
                              value="HK"
                            >
                              R.A.S. chinoise de Hong Kong (EUR
                              €)
                            </option><option
                              value="RO"
                            >
                              Roumanie (EUR
                              €)
                            </option><option
                              value="GB"
                            >
                              Royaume-Uni (EUR
                              €)
                            </option><option
                              value="SG"
                            >
                              Singapour (EUR
                              €)
                            </option><option
                              value="SK"
                            >
                              Slovaquie (EUR
                              €)
                            </option><option
                              value="SI"
                            >
                              Slovénie (EUR
                              €)
                            </option><option
                              value="SE"
                            >
                              Suède (EUR
                              €)
                            </option><option
                              value="CH"
                            >
                              Suisse (EUR
                              €)
                            </option><option
                              value="CZ"
                            >
                              Tchéquie (EUR
                              €)
                            </option></select>
                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                      </div>
                      <button class="button button--tertiary">Mettre à jour le pays/la région</button></form></noscript>

                  <localization-form class="no-js-hidden"><form method="post" action="/localization" id="HeaderCountryMobileForm" accept-charset="UTF-8" class="localization-form" 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="/collections/mugs-personnalises" /><div>
                        <h2 class="visually-hidden" id="HeaderCountryMobileLabel">
                          Pays/région
                        </h2><div class="disclosure">
  <button
    type="button"
    class="disclosure__button localization-form__select localization-selector link link--text caption-large"
    aria-expanded="false"
    aria-controls="HeaderCountryMobileList"
    aria-describedby="HeaderCountryMobileLabel"
  >
    <span>EUR
      € | France</span>
    <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

  </button>
  <div class="disclosure__list-wrapper" hidden>
    <ul id="HeaderCountryMobileList" role="list" class="disclosure__list list-unstyled"><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="DE"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Allemagne
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="AU"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Australie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="AT"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Autriche
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="BE"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Belgique
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="BG"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Bulgarie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="CA"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Canada
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="CY"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Chypre
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="KR"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Corée du Sud
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="HR"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Croatie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="DK"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Danemark
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="AE"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Émirats arabes unis
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="ES"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Espagne
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="EE"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Estonie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="US"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            États-Unis
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="FI"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Finlande
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset disclosure__link--active"
            href="#"
            
              aria-current="true"
            
            data-value="FR"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            France
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="GR"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Grèce
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="HU"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Hongrie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="IE"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Irlande
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="IL"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Israël
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="IT"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Italie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="JP"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Japon
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="LV"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Lettonie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="LT"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Lituanie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="LU"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Luxembourg
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="MY"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Malaisie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="MT"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Malte
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="NO"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Norvège
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="NZ"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Nouvelle-Zélande
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="NL"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Pays-Bas
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="PL"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Pologne
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="PT"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Portugal
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="HK"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            R.A.S. chinoise de Hong Kong
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="RO"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Roumanie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="GB"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Royaume-Uni
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="SG"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Singapour
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="SK"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Slovaquie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="SI"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Slovénie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="SE"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Suède
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="CH"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Suisse
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="CZ"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Tchéquie
          </a>
        </li></ul>
  </div>
</div>
<input type="hidden" name="country_code" value="FR">
</div></form></localization-form>
                
</div><ul class="list list-social list-unstyled" role="list"><li class="list-social__item">
                  <a href="https://www.instagram.com/klemklem_fr" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewbox="0 0 20 20">
  <path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" clip-rule="evenodd"/>
</svg>
<span class="visually-hidden">Instagram</span>
                  </a>
                </li><li class="list-social__item">
                  <a href="https://www.tiktok.com/@klemklem_fr" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-tiktok" viewbox="0 0 20 20">
  <path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z"/>
</svg>
<span class="visually-hidden">TikTok</span>
                  </a>
                </li></ul>
          </div>
        </div>
      </div>
    </div>
  </details>
</header-drawer>


<details-modal class="header__search">
  <details>
    <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Recherche">
      <span>
        <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">
          <use href="#icon-search">
        </svg>
        <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
          <use href="#icon-close">
        </svg>
      </span>
    </summary>
    <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Recherche">
      <div class="modal-overlay"></div>
      <div class="search-modal__content search-modal__content-bottom" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="Chargement en cours..."><form action="/search" method="get" role="search" class="search search-modal__form">
              <div class="field">
                <input class="search__input field__input"
                  id="Search-In-Modal-1"
                  type="search"
                  name="q"
                  value=""
                  placeholder="Recherche">
                <label class="field__label" for="Search-In-Modal-1">Recherche</label>
                <input type="hidden" name="options[prefix]" value="last">
                <button type="reset" class="reset__button field__button hidden" aria-label="Effacer le terme de recherche">
                  <svg class="icon icon-close" aria-hidden="true" focusable="false">
                    <use xlink:href="#icon-reset">
                  </svg>
                </button>
                <button class="search__button field__button" aria-label="Recherche">
                  <svg class="icon icon-search" aria-hidden="true" focusable="false">
                    <use href="#icon-search">
                  </svg>
                </button>
              </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
                  <div class="predictive-search__loading-state">
                    <svg aria-hidden="true" focusable="false" class="spinner" viewbox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
                      <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
                    </svg>
                  </div>
                </div>

                <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Fermer">
          <svg class="icon icon-close" aria-hidden="true" focusable="false">
            <use href="#icon-close">
          </svg>
        </button>
      </div>
    </div>
  </details>
</details-modal>
<a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper">
                
                <img src="//klemklem.com/cdn/shop/files/Logo-klem-klem.png?v=1696445081&amp;width=600" alt="Klem Klem" srcset="//klemklem.com/cdn/shop/files/Logo-klem-klem.png?v=1696445081&amp;width=70 70w, //klemklem.com/cdn/shop/files/Logo-klem-klem.png?v=1696445081&amp;width=105 105w, //klemklem.com/cdn/shop/files/Logo-klem-klem.png?v=1696445081&amp;width=140 140w" width="70" height="70.0" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 140px) 50vw, 70px">
              </div></a>

<nav class="header__inline-menu">
  <ul class="list-menu list-menu--inline" role="list"><li><a
            id="HeaderMenu-creer-un-portrait-personnalise"
            href="/collections/affiches-personnalisees"
            class="header__menu-item list-menu__item link link--text focus-inset"
            
          >
            <span
            >Créer un portrait personnalisé</span>
          </a></li><li><header-menu>
            <details id="Details-HeaderMenu-2">
              <summary
                id="HeaderMenu-voir-tous-les-produits"
                class="header__menu-item list-menu__item link focus-inset"
              >
                <span
                    class="header__active-menu-item"
                  
                >Voir tous les produits</span>
                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

              </summary>
              <ul
                id="HeaderMenu-MenuList-2"
                class="header__submenu list-menu list-menu--disclosure color-background-1 gradient caption-large motion-reduce global-settings-popup"
                role="list"
                tabindex="-1"
              ><li><a
                        id="HeaderMenu-voir-tous-les-produits-porte-cles-personnalises"
                        href="/collections/porte-cles-personnalises"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Porte-clés personnalisés
                      </a></li><li><a
                        id="HeaderMenu-voir-tous-les-produits-medailles-🆕"
                        href="/collections/medailles"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Médailles 🆕
                      </a></li><li><a
                        id="HeaderMenu-voir-tous-les-produits-mugs-personnalises"
                        href="/collections/mugs-personnalises"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large list-menu__item--active"
                        
                          aria-current="page"
                        
                      >
                        Mugs personnalisés
                      </a></li><li><a
                        id="HeaderMenu-voir-tous-les-produits-gamelles-personnalisees"
                        href="/collections/gamelles-personnalisees"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Gamelles personnalisées
                      </a></li><li><a
                        id="HeaderMenu-voir-tous-les-produits-chaussettes-personnalisees"
                        href="/collections/chaussettes-personnalisees"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Chaussettes personnalisées
                      </a></li><li><a
                        id="HeaderMenu-voir-tous-les-produits-gourdes-personnalisees"
                        href="/collections/gourdes-personnalisees"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Gourdes personnalisées
                      </a></li><li><a
                        id="HeaderMenu-voir-tous-les-produits-bougies-personnalisees"
                        href="/collections/bougies-personnalisees"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Bougies personnalisées
                      </a></li><li><a
                        id="HeaderMenu-voir-tous-les-produits-pots-a-friandises-🆕"
                        href="/collections/pots-a-friandises"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Pots à friandises 🆕
                      </a></li><li><a
                        id="HeaderMenu-voir-tous-les-produits-coussins-personnalises"
                        href="/collections/coussins-personnalises"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Coussins personnalisés
                      </a></li><li><a
                        id="HeaderMenu-voir-tous-les-produits-panneaux-voiture-personnalises"
                        href="/collections/panneaux-voiture-personnalises"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Panneaux voiture personnalisés
                      </a></li><li><a
                        id="HeaderMenu-voir-tous-les-produits-idees-cadeaux-a-20"
                        href="/collections/cadeaux-a-de-20"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Idées cadeaux à -20€
                      </a></li></ul>
            </details>
          </header-menu></li><li><a
            id="HeaderMenu-notre-histoire"
            href="/pages/notre-histoire"
            class="header__menu-item list-menu__item link link--text focus-inset"
            
          >
            <span
            >Notre histoire</span>
          </a></li><li><a
            id="HeaderMenu-le-blog-klem-klem"
            href="/blogs/news"
            class="header__menu-item list-menu__item link link--text focus-inset"
            
          >
            <span
            >Le blog Klem Klem</span>
          </a></li></ul>
</nav>

<div class="header__icons header__icons--localization header-localization">
      <div class="desktop-localization-wrapper">
</div>
      

<details-modal class="header__search">
  <details>
    <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Recherche">
      <span>
        <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">
          <use href="#icon-search">
        </svg>
        <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
          <use href="#icon-close">
        </svg>
      </span>
    </summary>
    <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Recherche">
      <div class="modal-overlay"></div>
      <div class="search-modal__content search-modal__content-bottom" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="Chargement en cours..."><form action="/search" method="get" role="search" class="search search-modal__form">
              <div class="field">
                <input class="search__input field__input"
                  id="Search-In-Modal"
                  type="search"
                  name="q"
                  value=""
                  placeholder="Recherche">
                <label class="field__label" for="Search-In-Modal">Recherche</label>
                <input type="hidden" name="options[prefix]" value="last">
                <button type="reset" class="reset__button field__button hidden" aria-label="Effacer le terme de recherche">
                  <svg class="icon icon-close" aria-hidden="true" focusable="false">
                    <use xlink:href="#icon-reset">
                  </svg>
                </button>
                <button class="search__button field__button" aria-label="Recherche">
                  <svg class="icon icon-search" aria-hidden="true" focusable="false">
                    <use href="#icon-search">
                  </svg>
                </button>
              </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
                  <div class="predictive-search__loading-state">
                    <svg aria-hidden="true" focusable="false" class="spinner" viewbox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
                      <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
                    </svg>
                  </div>
                </div>

                <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Fermer">
          <svg class="icon icon-close" aria-hidden="true" focusable="false">
            <use href="#icon-close">
          </svg>
        </button>
      </div>
    </div>
  </details>
</details-modal>

<a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><svg
  class="icon icon-cart-empty"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewbox="0 0 40 40"
  fill="none"
>
  <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/>
</svg>
<span class="visually-hidden">Panier</span></a>
    </div>
  </header>
</sticky-header>

<cart-notification>
  <div class="cart-notification-wrapper page-width">
    <div
      id="cart-notification"
      class="cart-notification focus-inset color-accent-1 gradient"
      aria-modal="true"
      aria-label="Article ajouté au panier"
      role="dialog"
      tabindex="-1"
    >
      <div class="cart-notification__header">
        <h2 class="cart-notification__heading caption-large text-body"><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewbox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
Article ajouté au panier
        </h2>
        <button
          type="button"
          class="cart-notification__close modal__close-button link link--text focus-inset"
          aria-label="Fermer"
        >
          <svg class="icon icon-close" aria-hidden="true" focusable="false">
            <use href="#icon-close">
          </svg>
        </button>
      </div>
      <div id="cart-notification-product" class="cart-notification-product"></div>
      <div class="cart-notification__links">
        <a
          href="/cart"
          id="cart-notification-button"
          class="button button--secondary button--full-width"
        >Voir le panier</a>
        <form action="/cart" method="post" id="cart-notification-form">
          <button class="button button--primary button--full-width" name="checkout">
            Procéder au paiement
          </button>
        </form>
        <button type="button" class="link button-label">Continuer les achats</button>
      </div>
    </div>
  </div>
</cart-notification>
<style data-shopify>
  .cart-notification {
    display: none;
  }
</style>


<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Klem Klem",
    
      "logo": "https:\/\/klemklem.com\/cdn\/shop\/files\/Logo-klem-klem.png?v=1696445081\u0026width=500",
    
    "sameAs": [
      "",
      "",
      "",
      "https:\/\/www.instagram.com\/klemklem_fr",
      "https:\/\/www.tiktok.com\/@klemklem_fr",
      "",
      "",
      "",
      ""
    ],
    "url": "https:\/\/klemklem.com"
  }
</script>
</div>
<!-- END sections: header-group -->

    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
      <div id="shopify-section-template--18183668891913__main-collection-banner" class="shopify-section section">
<link href="//klemklem.com/cdn/shop/t/5/assets/component-collection-hero.css?v=125511329265726850081697480771" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>@media screen and (max-width: 749px) {
    .collection-hero--with-image .collection-hero__inner {
      padding-bottom: calc(12px + 2rem);
    }
  }</style><div class="collection-hero color-background-1 gradient">
  <div class="collection-hero__inner page-width  scroll-trigger animate--fade-in">
    <div class="collection-hero__text-wrapper">
      <h1 class="collection-hero__title">
        <span class="visually-hidden">Collection: </span>Mugs personnalisés</h1><div class="collection-hero__description rte"></div></div></div>
</div>


</div><div id="shopify-section-template--18183668891913__main-collection-product-grid" class="shopify-section section"><link href="//klemklem.com/cdn/shop/t/5/assets/template-collection.css?v=145944865380958730931697480771" rel="stylesheet" type="text/css" media="all" />
<link href="//klemklem.com/cdn/shop/t/5/assets/component-loading-overlay.css?v=58800470094666109841697480771" rel="stylesheet" type="text/css" media="all" />
<link href="//klemklem.com/cdn/shop/t/5/assets/component-card.css?v=47260860684073105921697480771" rel="stylesheet" type="text/css" media="all" />
<link href="//klemklem.com/cdn/shop/t/5/assets/component-price.css?v=70172745017360139101697480771" rel="stylesheet" type="text/css" media="all" />

<style data-shopify>.section-template--18183668891913__main-collection-product-grid-padding {
    padding-top: 0px;
    padding-bottom: 51px;
  }

  @media screen and (min-width: 750px) {
    .section-template--18183668891913__main-collection-product-grid-padding {
      padding-top: 0px;
      padding-bottom: 68px;
    }
  }</style><div class="section-template--18183668891913__main-collection-product-grid-padding">
<div class="">
      <link href="//klemklem.com/cdn/shop/t/5/assets/component-facets.css?v=165919028845665760681697480771" rel="stylesheet" type="text/css" media="all" />
      <script src="//klemklem.com/cdn/shop/t/5/assets/facets.js?v=165386390632908747671697480771" defer="defer"></script><aside
          aria-labelledby="verticalTitle"
          class="facets-wrapper facets-wrapper--no-filters page-width"
          id="main-collection-filters"
          data-id="template--18183668891913__main-collection-product-grid"
        >
          

<link href="//klemklem.com/cdn/shop/t/5/assets/component-show-more.css?v=139536189637226996221697480771" rel="stylesheet" type="text/css" media="all" />
<div class="facets-container scroll-trigger animate--fade-in"><facet-filters-form class="facets small-hide">
      <form
        id="FacetFiltersForm"
        class="facets__form"
      >

        

<div class="facet-filters sorting caption">
              <div class="facet-filters__field">
                <h2 class="facet-filters__label caption-large text-body">
                  <label for="SortBy">Trier par :</label>
                </h2>
                <div class="select"><select
                    name="sort_by"
                    class="facet-filters__sort select__select caption-large"
                    id="SortBy"
                    aria-describedby="a11y-refresh-page-message"
                  ><option
                        value="manual"
                        
                          selected="selected"
                        
                      >
                        En vedette
                      </option><option
                        value="best-selling"
                        
                      >
                        Meilleures ventes
                      </option><option
                        value="title-ascending"
                        
                      >
                        Alphabétique, de A à Z
                      </option><option
                        value="title-descending"
                        
                      >
                        Alphabétique, de Z à A
                      </option><option
                        value="price-ascending"
                        
                      >
                        Prix: faible à élevé
                      </option><option
                        value="price-descending"
                        
                      >
                        Prix: élevé à faible
                      </option><option
                        value="created-ascending"
                        
                      >
                        Date, de la plus ancienne à la plus récente
                      </option><option
                        value="created-descending"
                        
                      >
                        Date, de la plus récente à la plus ancienne
                      </option></select>
                  <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                </div>
              </div>

              <noscript>
                <button type="submit" class="facets__button-no-js button button--secondary">
                  Trier
                </button>
              </noscript>
            </div><div class="product-count light" role="status">
            <h2 class="product-count__text text-body">
              <span id="ProductCountDesktop">5 produits
</span>
            </h2>
            <div class="loading-overlay__spinner">
              <svg
                aria-hidden="true"
                focusable="false"
                class="spinner"
                viewbox="0 0 66 66"
                xmlns="http://www.w3.org/2000/svg"
              >
                <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
              </svg>
            </div>
          </div></form>
    </facet-filters-form>
    

  <menu-drawer
    class="mobile-facets__wrapper medium-hide large-up-hide"
    data-breakpoint="mobile"
  >
    <details class="mobile-facets__disclosure disclosure-has-popup">
      <summary class="mobile-facets__open-wrapper focus-offset">
        <span class="mobile-facets__open">
          <svg
  class="icon icon-filter"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewbox="0 0 20 20"
  fill="none"
>
  <path fill-rule="evenodd" d="M4.833 6.5a1.667 1.667 0 1 1 3.334 0 1.667 1.667 0 0 1-3.334 0ZM4.05 7H2.5a.5.5 0 0 1 0-1h1.55a2.5 2.5 0 0 1 4.9 0h8.55a.5.5 0 0 1 0 1H8.95a2.5 2.5 0 0 1-4.9 0Zm11.117 6.5a1.667 1.667 0 1 0-3.334 0 1.667 1.667 0 0 0 3.334 0ZM13.5 11a2.5 2.5 0 0 1 2.45 2h1.55a.5.5 0 0 1 0 1h-1.55a2.5 2.5 0 0 1-4.9 0H2.5a.5.5 0 0 1 0-1h8.55a2.5 2.5 0 0 1 2.45-2Z" fill="currentColor"/>
</svg>

          <span class="mobile-facets__open-label button-label medium-hide large-up-hide">Trier
</span>
          <span class="mobile-facets__open-label button-label small-hide"></span>
        </span>
        <span tabindex="0" class="mobile-facets__close mobile-facets__close--no-js"><svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-close"
  fill="none"
  viewbox="0 0 18 17"
>
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>
</span>
      </summary>
      <facet-filters-form>
        <form id="FacetFiltersFormMobile" class="mobile-facets">
          <div class="mobile-facets__inner gradient">
            <div class="mobile-facets__header">
              <div class="mobile-facets__header-inner">
                <h2 class="mobile-facets__heading medium-hide large-up-hide">Trier
</h2>
                <h2 class="mobile-facets__heading small-hide"></h2>
                <p class="mobile-facets__count">5 produits
</p>
              </div>
            </div>
            <div class="mobile-facets__main has-submenu gradient"><div
                  class="mobile-facets__details js-filter"
                  data-index="mobile-"
                >
                  <div class="mobile-facets__summary">
                    <div class="mobile-facets__sort">
                      <label for="SortBy-mobile">Trier par :</label>
                      <div class="select">
                        <select
                          name="sort_by"
                          class="select__select"
                          id="SortBy-mobile"
                          aria-describedby="a11y-refresh-page-message"
                        ><option
                              value="manual"
                              
                                selected="selected"
                              
                            >
                              En vedette
                            </option><option
                              value="best-selling"
                              
                            >
                              Meilleures ventes
                            </option><option
                              value="title-ascending"
                              
                            >
                              Alphabétique, de A à Z
                            </option><option
                              value="title-descending"
                              
                            >
                              Alphabétique, de Z à A
                            </option><option
                              value="price-ascending"
                              
                            >
                              Prix: faible à élevé
                            </option><option
                              value="price-descending"
                              
                            >
                              Prix: élevé à faible
                            </option><option
                              value="created-ascending"
                              
                            >
                              Date, de la plus ancienne à la plus récente
                            </option><option
                              value="created-descending"
                              
                            >
                              Date, de la plus récente à la plus ancienne
                            </option></select>
                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                      </div>
                    </div>
                  </div>
                </div><div class="mobile-facets__footer">
                <facet-remove class="mobile-facets__clear-wrapper">
                  <a href="/collections/mugs-personnalises" class="mobile-facets__clear underlined-link">Tout supprimer</a>
                </facet-remove>
                <button
                  type="button"
                  class="no-js-hidden button button--primary"
                  onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()"
                >
                  Appliquer
                </button>
                <noscript
                  ><button class="button button--primary">Appliquer</button></noscript
>
              </div>
            </div>

            
</div>
        </form>
      </facet-filters-form>
    </details>
  </menu-drawer>

  <div class="active-facets active-facets-mobile medium-hide large-up-hide"><facet-remove class="active-facets__button-wrapper">
      <a href="/collections/mugs-personnalises" class="active-facets__button-remove underlined-link">
        <span>Tout supprimer</span>
      </a>
    </facet-remove>
  </div>
  
<div
    class="product-count light medium-hide large-up-hide"
    role="status"
  >
    <h2 class="product-count__text text-body">
      <span id="ProductCount">5 produits
</span>
    </h2>
    <div class="loading-overlay__spinner">
      <svg
        aria-hidden="true"
        focusable="false"
        class="spinner"
        viewbox="0 0 66 66"
        xmlns="http://www.w3.org/2000/svg"
      >
        <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
      </svg>
    </div>
  </div></div>

        </aside><div
        class="product-grid-container scroll-trigger animate--slide-in"
        id="ProductGridContainer"
        
          data-cascade
><div class="collection page-width">
            <div class="loading-overlay gradient"></div>

            <ul
              id="product-grid"
              data-id="template--18183668891913__main-collection-product-grid"
              class="grid product-grid grid--2-col-tablet-down                grid--3-col-desktop"
            >
<li
                  class="grid__item scroll-trigger animate--slide-in"
                  
                    data-cascade
 style="--animation-order: 1;"
                  
                >
                  

<link href="//klemklem.com/cdn/shop/t/5/assets/component-rating.css?v=157771854592137137841697480771" rel="stylesheet" type="text/css" media="all" />
<link href="//klemklem.com/cdn/shop/t/5/assets/component-volume-pricing.css?v=56284703641257077881697480771" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="card card--standard         card--media"
      style="--ratio-percent: 100.0%;"
    >
      <div
        class="card__inner color-background-1 gradient ratio"
        style="--ratio-percent: 100.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//klemklem.com/cdn/shop/files/Mug-simple-chat-scaled.jpg?v=1696449459&width=165 165w,//klemklem.com/cdn/shop/files/Mug-simple-chat-scaled.jpg?v=1696449459&width=360 360w,//klemklem.com/cdn/shop/files/Mug-simple-chat-scaled.jpg?v=1696449459&width=533 533w,//klemklem.com/cdn/shop/files/Mug-simple-chat-scaled.jpg?v=1696449459&width=720 720w,//klemklem.com/cdn/shop/files/Mug-simple-chat-scaled.jpg?v=1696449459&width=940 940w,//klemklem.com/cdn/shop/files/Mug-simple-chat-scaled.jpg?v=1696449459&width=1066 1066w,//klemklem.com/cdn/shop/files/Mug-simple-chat-scaled.jpg?v=1696449459 2560w                "
                src="//klemklem.com/cdn/shop/files/Mug-simple-chat-scaled.jpg?v=1696449459&width=533"
                sizes="(min-width: 1300px) 292px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Mug personnalisé simple chat"
                class="motion-reduce"
                
                width="2560"
                height="2560"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/mug-personnalise-animal"
                id="StandardCardNoMediaLink-template--18183668891913__main-collection-product-grid-8313118195977"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--18183668891913__main-collection-product-grid-8313118195977 NoMediaStandardBadge-template--18183668891913__main-collection-product-grid-8313118195977"
              >
                Mug personnalisé animal simple
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--18183668891913__main-collection-product-grid-8313118195977"
            
          >
            <a
              href="/products/mug-personnalise-animal"
              id="CardLink-template--18183668891913__main-collection-product-grid-8313118195977"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--18183668891913__main-collection-product-grid-8313118195977 Badge-template--18183668891913__main-collection-product-grid-8313118195977"
            >
              Mug personnalisé animal simple
            </a>
          </h3>
          <div class="card-information"><span class="caption-large light"></span><div product-id="8313118195977" product-handle="mug-personnalise-animal" class="alireviews-review-star-rating"></div>

<div
  class="price"
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span>
        <span class="price-item price-item--regular">
          €24,90
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Prix habituel</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span>
      <span class="price-item price-item--sale price-item--last">
        €24,90
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Prix unitaire</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;par&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div><div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
                </li>
<li
                  class="grid__item scroll-trigger animate--slide-in"
                  
                    data-cascade
 style="--animation-order: 2;"
                  
                >
                  

<link href="//klemklem.com/cdn/shop/t/5/assets/component-rating.css?v=157771854592137137841697480771" rel="stylesheet" type="text/css" media="all" />
<link href="//klemklem.com/cdn/shop/t/5/assets/component-volume-pricing.css?v=56284703641257077881697480771" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="card card--standard         card--media"
      style="--ratio-percent: 100.0%;"
    >
      <div
        class="card__inner color-background-1 gradient ratio"
        style="--ratio-percent: 100.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//klemklem.com/cdn/shop/files/Mug-personnalise-chien.jpg?v=1696449488&width=165 165w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien.jpg?v=1696449488&width=360 360w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien.jpg?v=1696449488&width=533 533w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien.jpg?v=1696449488&width=720 720w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien.jpg?v=1696449488&width=940 940w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien.jpg?v=1696449488&width=1066 1066w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien.jpg?v=1696449488 1080w                "
                src="//klemklem.com/cdn/shop/files/Mug-personnalise-chien.jpg?v=1696449488&width=533"
                sizes="(min-width: 1300px) 292px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Mug personnalisé cosmic à l&#39;éffigie d&#39;un chien shiba"
                class="motion-reduce"
                
                width="1080"
                height="1080"
              >
              
<img
                  srcset="//klemklem.com/cdn/shop/files/13-scaled.jpg?v=1696449488&width=165 165w,//klemklem.com/cdn/shop/files/13-scaled.jpg?v=1696449488&width=360 360w,//klemklem.com/cdn/shop/files/13-scaled.jpg?v=1696449488&width=533 533w,//klemklem.com/cdn/shop/files/13-scaled.jpg?v=1696449488&width=720 720w,//klemklem.com/cdn/shop/files/13-scaled.jpg?v=1696449488&width=940 940w,//klemklem.com/cdn/shop/files/13-scaled.jpg?v=1696449488&width=1066 1066w,//klemklem.com/cdn/shop/files/13-scaled.jpg?v=1696449488 2560w                  "
                  src="//klemklem.com/cdn/shop/files/13-scaled.jpg?v=1696449488&width=533"
                  sizes="(min-width: 1300px) 292px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt=""
                  class="motion-reduce"
                  loading="lazy"
                  width="2560"
                  height="1707"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/mug-personnalise-animal-cosmic"
                id="StandardCardNoMediaLink-template--18183668891913__main-collection-product-grid-8313118949641"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--18183668891913__main-collection-product-grid-8313118949641 NoMediaStandardBadge-template--18183668891913__main-collection-product-grid-8313118949641"
              >
                Mug personnalisé animal Cosmic
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--18183668891913__main-collection-product-grid-8313118949641"
            
          >
            <a
              href="/products/mug-personnalise-animal-cosmic"
              id="CardLink-template--18183668891913__main-collection-product-grid-8313118949641"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--18183668891913__main-collection-product-grid-8313118949641 Badge-template--18183668891913__main-collection-product-grid-8313118949641"
            >
              Mug personnalisé animal Cosmic
            </a>
          </h3>
          <div class="card-information"><span class="caption-large light"></span><div product-id="8313118949641" product-handle="mug-personnalise-animal-cosmic" class="alireviews-review-star-rating"></div>

<div
  class="price"
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span>
        <span class="price-item price-item--regular">
          €24,90
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Prix habituel</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span>
      <span class="price-item price-item--sale price-item--last">
        €24,90
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Prix unitaire</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;par&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div><div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
                </li>
<li
                  class="grid__item scroll-trigger animate--slide-in"
                  
                    data-cascade
 style="--animation-order: 3;"
                  
                >
                  

<link href="//klemklem.com/cdn/shop/t/5/assets/component-rating.css?v=157771854592137137841697480771" rel="stylesheet" type="text/css" media="all" />
<link href="//klemklem.com/cdn/shop/t/5/assets/component-volume-pricing.css?v=56284703641257077881697480771" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="card card--standard         card--media"
      style="--ratio-percent: 100.0%;"
    >
      <div
        class="card__inner color-background-1 gradient ratio"
        style="--ratio-percent: 100.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//klemklem.com/cdn/shop/files/Mug-personnalise-plume.jpg?v=1696449498&width=165 165w,//klemklem.com/cdn/shop/files/Mug-personnalise-plume.jpg?v=1696449498&width=360 360w,//klemklem.com/cdn/shop/files/Mug-personnalise-plume.jpg?v=1696449498&width=533 533w,//klemklem.com/cdn/shop/files/Mug-personnalise-plume.jpg?v=1696449498&width=720 720w,//klemklem.com/cdn/shop/files/Mug-personnalise-plume.jpg?v=1696449498&width=940 940w,//klemklem.com/cdn/shop/files/Mug-personnalise-plume.jpg?v=1696449498&width=1066 1066w,//klemklem.com/cdn/shop/files/Mug-personnalise-plume.jpg?v=1696449498 1080w                "
                src="//klemklem.com/cdn/shop/files/Mug-personnalise-plume.jpg?v=1696449498&width=533"
                sizes="(min-width: 1300px) 292px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Mug personnalisé chaton"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="1080"
                height="1080"
              >
              
<img
                  srcset="//klemklem.com/cdn/shop/files/Mug-personnalise-chien-scaled.jpg?v=1696449499&width=165 165w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien-scaled.jpg?v=1696449499&width=360 360w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien-scaled.jpg?v=1696449499&width=533 533w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien-scaled.jpg?v=1696449499&width=720 720w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien-scaled.jpg?v=1696449499&width=940 940w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien-scaled.jpg?v=1696449499&width=1066 1066w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien-scaled.jpg?v=1696449499 1708w                  "
                  src="//klemklem.com/cdn/shop/files/Mug-personnalise-chien-scaled.jpg?v=1696449499&width=533"
                  sizes="(min-width: 1300px) 292px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt=""
                  class="motion-reduce"
                  loading="lazy"
                  width="1708"
                  height="2560"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/mug-personnalise-animal-royal"
                id="StandardCardNoMediaLink-template--18183668891913__main-collection-product-grid-8313119277321"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--18183668891913__main-collection-product-grid-8313119277321 NoMediaStandardBadge-template--18183668891913__main-collection-product-grid-8313119277321"
              >
                Mug personnalisé animal Royal
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--18183668891913__main-collection-product-grid-8313119277321"
            
          >
            <a
              href="/products/mug-personnalise-animal-royal"
              id="CardLink-template--18183668891913__main-collection-product-grid-8313119277321"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--18183668891913__main-collection-product-grid-8313119277321 Badge-template--18183668891913__main-collection-product-grid-8313119277321"
            >
              Mug personnalisé animal Royal
            </a>
          </h3>
          <div class="card-information"><span class="caption-large light"></span><div product-id="8313119277321" product-handle="mug-personnalise-animal-royal" class="alireviews-review-star-rating"></div>

<div
  class="price"
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span>
        <span class="price-item price-item--regular">
          €24,90
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Prix habituel</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span>
      <span class="price-item price-item--sale price-item--last">
        €24,90
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Prix unitaire</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;par&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div><div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
                </li>
<li
                  class="grid__item scroll-trigger animate--slide-in"
                  
                    data-cascade
 style="--animation-order: 4;"
                  
                >
                  

<link href="//klemklem.com/cdn/shop/t/5/assets/component-rating.css?v=157771854592137137841697480771" rel="stylesheet" type="text/css" media="all" />
<link href="//klemklem.com/cdn/shop/t/5/assets/component-volume-pricing.css?v=56284703641257077881697480771" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="card card--standard         card--media"
      style="--ratio-percent: 100.0%;"
    >
      <div
        class="card__inner color-background-1 gradient ratio"
        style="--ratio-percent: 100.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//klemklem.com/cdn/shop/files/I-woof-you.jpg?v=1706013709&width=165 165w,//klemklem.com/cdn/shop/files/I-woof-you.jpg?v=1706013709&width=360 360w,//klemklem.com/cdn/shop/files/I-woof-you.jpg?v=1706013709&width=533 533w,//klemklem.com/cdn/shop/files/I-woof-you.jpg?v=1706013709&width=720 720w,//klemklem.com/cdn/shop/files/I-woof-you.jpg?v=1706013709&width=940 940w,//klemklem.com/cdn/shop/files/I-woof-you.jpg?v=1706013709&width=1066 1066w,//klemklem.com/cdn/shop/files/I-woof-you.jpg?v=1706013709 1080w                "
                src="//klemklem.com/cdn/shop/files/I-woof-you.jpg?v=1706013709&width=533"
                sizes="(min-width: 1300px) 292px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Mug personnalisé animal - I Woof You"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="1080"
                height="1080"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/mug-personnalise-animal-i-woof-you"
                id="StandardCardNoMediaLink-template--18183668891913__main-collection-product-grid-8436501577993"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--18183668891913__main-collection-product-grid-8436501577993 NoMediaStandardBadge-template--18183668891913__main-collection-product-grid-8436501577993"
              >
                Mug personnalisé animal - I Woof You
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--18183668891913__main-collection-product-grid-8436501577993"
            
          >
            <a
              href="/products/mug-personnalise-animal-i-woof-you"
              id="CardLink-template--18183668891913__main-collection-product-grid-8436501577993"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--18183668891913__main-collection-product-grid-8436501577993 Badge-template--18183668891913__main-collection-product-grid-8436501577993"
            >
              Mug personnalisé animal - I Woof You
            </a>
          </h3>
          <div class="card-information"><span class="caption-large light"></span><div product-id="8436501577993" product-handle="mug-personnalise-animal-i-woof-you" class="alireviews-review-star-rating"></div>

<div
  class="price"
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span>
        <span class="price-item price-item--regular">
          €24,90
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Prix habituel</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span>
      <span class="price-item price-item--sale price-item--last">
        €24,90
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Prix unitaire</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;par&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div><div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
                </li>
<li
                  class="grid__item scroll-trigger animate--slide-in"
                  
                    data-cascade
 style="--animation-order: 5;"
                  
                >
                  

<link href="//klemklem.com/cdn/shop/t/5/assets/component-rating.css?v=157771854592137137841697480771" rel="stylesheet" type="text/css" media="all" />
<link href="//klemklem.com/cdn/shop/t/5/assets/component-volume-pricing.css?v=56284703641257077881697480771" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="card card--standard         card--media"
      style="--ratio-percent: 100.0%;"
    >
      <div
        class="card__inner color-background-1 gradient ratio"
        style="--ratio-percent: 100.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//klemklem.com/cdn/shop/files/Le-plus-fidele-des-valentins.jpg?v=1706014102&width=165 165w,//klemklem.com/cdn/shop/files/Le-plus-fidele-des-valentins.jpg?v=1706014102&width=360 360w,//klemklem.com/cdn/shop/files/Le-plus-fidele-des-valentins.jpg?v=1706014102&width=533 533w,//klemklem.com/cdn/shop/files/Le-plus-fidele-des-valentins.jpg?v=1706014102&width=720 720w,//klemklem.com/cdn/shop/files/Le-plus-fidele-des-valentins.jpg?v=1706014102&width=940 940w,//klemklem.com/cdn/shop/files/Le-plus-fidele-des-valentins.jpg?v=1706014102&width=1066 1066w,//klemklem.com/cdn/shop/files/Le-plus-fidele-des-valentins.jpg?v=1706014102 1080w                "
                src="//klemklem.com/cdn/shop/files/Le-plus-fidele-des-valentins.jpg?v=1706014102&width=533"
                sizes="(min-width: 1300px) 292px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Mug personnalisé animal -St Valentin"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="1080"
                height="1080"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/mug-personnalise-animal-st-valentin"
                id="StandardCardNoMediaLink-template--18183668891913__main-collection-product-grid-8436509114633"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--18183668891913__main-collection-product-grid-8436509114633 NoMediaStandardBadge-template--18183668891913__main-collection-product-grid-8436509114633"
              >
                Mug personnalisé animal -St Valentin
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--18183668891913__main-collection-product-grid-8436509114633"
            
          >
            <a
              href="/products/mug-personnalise-animal-st-valentin"
              id="CardLink-template--18183668891913__main-collection-product-grid-8436509114633"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--18183668891913__main-collection-product-grid-8436509114633 Badge-template--18183668891913__main-collection-product-grid-8436509114633"
            >
              Mug personnalisé animal -St Valentin
            </a>
          </h3>
          <div class="card-information"><span class="caption-large light"></span><div product-id="8436509114633" product-handle="mug-personnalise-animal-st-valentin" class="alireviews-review-star-rating"></div>

<div
  class="price"
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span>
        <span class="price-item price-item--regular">
          €24,90
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Prix habituel</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span>
      <span class="price-item price-item--sale price-item--last">
        €24,90
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Prix unitaire</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;par&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div><div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
                </li></ul></div></div>
    </div></div>


</div><section id="shopify-section-template--18183668891913__574e1403-1741-4f92-8d4d-1ad6e4e3ee45" class="shopify-section section"><link href="//klemklem.com/cdn/shop/t/5/assets/section-rich-text.css?v=155250126305810049721697480771" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.section-template--18183668891913__574e1403-1741-4f92-8d4d-1ad6e4e3ee45-padding {
    padding-top: 30px;
    padding-bottom: 39px;
  }

  @media screen and (min-width: 750px) {
    .section-template--18183668891913__574e1403-1741-4f92-8d4d-1ad6e4e3ee45-padding {
      padding-top: 40px;
      padding-bottom: 52px;
    }
  }</style><div class="isolate">
  <div class="rich-text content-container color-background-1 gradient rich-text--full-width content-container--full-width section-template--18183668891913__574e1403-1741-4f92-8d4d-1ad6e4e3ee45-padding">
    <div class="rich-text__wrapper rich-text__wrapper--center page-width">
      <div class="rich-text__blocks center"><div
                class="rich-text__text rte scroll-trigger animate--slide-in"
                
                
                  data-cascade
 style="--animation-order: 1;"
                
              >
                <div class="metafield-rich_text_field"><p>Chez <strong>Klem Klem</strong>, nous adorons les animaux de compagnie et nous sommes convaincus que vous aussi ! C’est pourquoi nous avons créé <strong>des mugs personnalisés à leur effigie</strong>. Que vous ayez <strong>un chien, un chat, un lapin ou même un hamster</strong>, vous trouverez sur notre site un mug qui vous permettra d’avoir <strong>votre animal de compagnie préféré près de vous tout au long de la journée</strong>.</p><p>Nos mugs sont en céramique de haute qualité, résistants aux rayures et aux éclats. Ils sont également compatibles avec les lave-vaisselles et les micro-ondes, ce qui les rend pratiques à utiliser au quotidien. De plus, <strong>nos mugs sont entièrement personnalisables</strong> : vous pouvez choisir la couleur, la taille, et ajouter une photo de votre animal de compagnie ainsi que son nom.</p><p>Chez Klem Klem, nous sommes passionnés par <strong>la cause animale</strong> et nous nous engageons à reverser <strong>1€ par commande à l’association niçoise “Un brin de chance”</strong>. Cette association fondée par Sandrine, une femme qui oeuvre pour le bien-être des animaux depuis plusieurs années, prend en charge des animaux malades, abandonnés ou maltraités. En achetant l’un de nos <strong>mugs personnalisés</strong>, vous <strong>contribuez donc à une belle cause tout en ayant un objet unique et original à l’effigie de votre animal de compagnie.</strong></p><p>Alors n’hésitez plus et <strong>offrez-vous ou offrez à un ami un mug personnalisé Klem Klem !</strong></p></div>
              </div></div>
    </div>
  </div>
</div>


</section>
    </main>

    <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--18183665221897__footer" class="shopify-section shopify-section-group-footer-group">
<link href="//klemklem.com/cdn/shop/t/5/assets/section-footer.css?v=125160298726032154631697480771" rel="stylesheet" type="text/css" media="all" />
<link href="//klemklem.com/cdn/shop/t/5/assets/component-newsletter.css?v=4727253280200485261697480771" rel="stylesheet" type="text/css" media="all" />
<link href="//klemklem.com/cdn/shop/t/5/assets/component-list-menu.css?v=151968516119678728991697480771" rel="stylesheet" type="text/css" media="all" />
<link href="//klemklem.com/cdn/shop/t/5/assets/component-list-payment.css?v=69253961410771838501697480771" rel="stylesheet" type="text/css" media="all" />
<link href="//klemklem.com/cdn/shop/t/5/assets/component-list-social.css?v=35792976012981934991697480771" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.footer {
    margin-top: 0px;
  }

  .section-sections--18183665221897__footer-padding {
    padding-top: 33px;
    padding-bottom: 36px;
  }

  @media screen and (min-width: 750px) {
    .footer {
      margin-top: 0px;
    }

    .section-sections--18183665221897__footer-padding {
      padding-top: 44px;
      padding-bottom: 48px;
    }
  }</style><footer class="footer color-background-2 gradient section-sections--18183665221897__footer-padding"><div class="footer__content-top page-width"><div
            class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet  scroll-trigger animate--slide-in"
            
              data-cascade
><div
                class="footer-block grid__item footer-block--menu scroll-trigger animate--slide-in"
                
                
                  data-cascade
 style="--animation-order: 1;"
                
              ><h2 class="footer-block__heading inline-richtext">Tout ce qu'il vous faut !</h2><ul class="footer-block__details-content list-unstyled"><li>
                            <a
                              href="/pages/portrait-chat-personnalise"
                              class="link link--text list-menu__item list-menu__item--link"
                            >
                              Portrait chat personnalisé
                            </a>
                          </li><li>
                            <a
                              href="/pages/mug-chat-personnalise"
                              class="link link--text list-menu__item list-menu__item--link"
                            >
                              Mug personnalisé chat
                            </a>
                          </li><li>
                            <a
                              href="/pages/portrait-cheval-personnalise"
                              class="link link--text list-menu__item list-menu__item--link"
                            >
                              Portrait cheval personnalisé
                            </a>
                          </li><li>
                            <a
                              href="/pages/mug-personnalise-chien"
                              class="link link--text list-menu__item list-menu__item--link"
                            >
                              Mug personnalisé chien
                            </a>
                          </li><li>
                            <a
                              href="/pages/porte-cle-personnalise-chien"
                              class="link link--text list-menu__item list-menu__item--link"
                            >
                              Porte-clé personnalisé chien
                            </a>
                          </li><li>
                            <a
                              href="/pages/portrait-chien-personnalise"
                              class="link link--text list-menu__item list-menu__item--link"
                            >
                              Portrait chien personnalisé
                            </a>
                          </li></ul></div><div
                class="footer-block grid__item footer-block--menu scroll-trigger animate--slide-in"
                
                
                  data-cascade
 style="--animation-order: 2;"
                
              ><h2 class="footer-block__heading inline-richtext">Informations légales</h2><ul class="footer-block__details-content list-unstyled"><li>
                            <a
                              href="/pages/mentions-legales"
                              class="link link--text list-menu__item list-menu__item--link"
                            >
                              Mentions légales
                            </a>
                          </li><li>
                            <a
                              href="/pages/cguv"
                              class="link link--text list-menu__item list-menu__item--link"
                            >
                              CGUV
                            </a>
                          </li><li>
                            <a
                              href="/pages/politique-de-confidentialite"
                              class="link link--text list-menu__item list-menu__item--link"
                            >
                              Politique de confidentialité
                            </a>
                          </li></ul></div><div
                class="footer-block grid__item scroll-trigger animate--slide-in"
                
                
                  data-cascade
 style="--animation-order: 3;"
                
              ><h2 class="footer-block__heading inline-richtext">Notre mission</h2><div class="footer-block__details-content rte">
                      <p>Vous proposer les meilleurs cadeaux pour les amoureux de leurs animaux</p>
                    </div></div></div><div
          class="footer-block--newsletter scroll-trigger animate--slide-in"
          
            data-cascade
><div class="footer-block__newsletter"><h2 class="footer-block__heading inline-richtext">Rejoins la team Klem Klem</h2><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter">
                <div class="newsletter-form__field-wrapper">
                  <div class="field">
                    <input
                      id="NewsletterForm--sections--18183665221897__footer"
                      type="email"
                      name="contact[email]"
                      class="field__input"
                      value=""
                      aria-required="true"
                      autocorrect="off"
                      autocapitalize="off"
                      autocomplete="email"
                      
                      placeholder="E-mail"
                      required
>
                    <label class="field__label" for="NewsletterForm--sections--18183665221897__footer">
                      E-mail
                    </label>
                    <button
                      type="submit"
                      class="newsletter-form__button field__button"
                      name="commit"
                      id="Subscribe"
                      aria-label="S&#39;inscrire"
                    >
                      <svg
  viewbox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>

                    </button>
                  </div></div></form></div>

<ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item">
      <a href="https://www.instagram.com/klemklem_fr" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewbox="0 0 20 20">
  <path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" clip-rule="evenodd"/>
</svg>
<span class="visually-hidden">Instagram</span>
      </a>
    </li><li class="list-social__item">
      <a href="https://www.tiktok.com/@klemklem_fr" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-tiktok" viewbox="0 0 20 20">
  <path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z"/>
</svg>
<span class="visually-hidden">TikTok</span>
      </a>
    </li></ul>
</div>
      </div><div
    class="footer__content-bottom scroll-trigger animate--slide-in"
    
      data-cascade
>
    <div class="footer__content-bottom-wrapper page-width">
      <div class="footer__column footer__localization isolate"></div>
      <div class="footer__column footer__column--info"></div>
    </div>
    <div class="footer__content-bottom-wrapper page-width">
      <div class="footer__copyright caption">
        <small class="copyright__content"
          >&copy; 2024, <a href="/" title="">Klem Klem</a></small>
        <small class="copyright__content"><a target="_blank" rel="nofollow" href="https://fr.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">🐾</a></small></div>
    </div>
  </div>
</footer>


</div>
<!-- END sections: footer-group -->

    <ul hidden>
      <li id="a11y-refresh-page-message">Le choix d&#39;une sélection entraîne l&#39;actualisation de la page entière.</li>
      <li id="a11y-new-window-message">S&#39;ouvre dans une nouvelle fenêtre.</li>
    </ul>

    <script>
      window.shopUrl = 'https://klemklem.com';
      window.routes = {
        cart_add_url: '/cart/add',
        cart_change_url: '/cart/change',
        cart_update_url: '/cart/update',
        cart_url: '/cart',
        predictive_search_url: '/search/suggest',
      };

      window.cartStrings = {
        error: `Une erreur est survenue lors de l’actualisation de votre panier. Veuillez réessayer.`,
        quantityError: `Vous ne pouvez pas ajouter plus de [quantity] de ce produit à votre panier.`,
      };

      window.variantStrings = {
        addToCart: `Ajouter au panier`,
        soldOut: `Épuisé`,
        unavailable: `Non disponible`,
        unavailable_with_option: `[value] – indisponible`,
      };

      window.quickOrderListStrings = {
        itemsAdded: `[quantity] articles ajoutés`,
        itemAdded: `[quantity] article ajouté`,
        itemsRemoved: `[quantity] articles retirés`,
        itemRemoved: `[quantity] article retiré`,
        viewCart: `Voir le panier`,
        each: `[money]/pièce`,
      };

      window.accessibilityStrings = {
        imageAvailable: `L&#39;image [index] est maintenant disponible dans la galerie`,
        shareSuccess: `Lien copié dans le presse-papiers`,
        pauseSlideshow: `Interrompre le diaporama`,
        playSlideshow: `Lire le diaporama`,
        recipientFormExpanded: `Formulaire de destinataire de carte-cadeau agrandi`,
        recipientFormCollapsed: `Formulaire de destinataire de carte-cadeau réduit`,
      };
    </script><script src="//klemklem.com/cdn/shop/t/5/assets/predictive-search.js?v=162273246065392412141697480771" defer="defer"></script><div id="shopify-block-8924079168617604943" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: alireviews_variables --><script type=text/javascript>if( !window.hasOwnProperty('__AR_VARIABLE_INJECT')){
    
    
    
    
    window['__AR_SHOPIFY_DATA'] = typeof Shopify != 'undefined' ? Shopify : {};
    window['__AR_WIDGET_REVIEW_OBJECT']= {
      product_id : "",
      collection_id: "497651810569",
      template_id: "collection",
      shop_id: "69988417801",
      shop_name: "047650-2.myshopify.com",
      name: "Klem Klem",
      customer_id : "",
      tags : "",
      design_mode : false,
      theme_id: window['__AR_SHOPIFY_DATA'].theme && window['__AR_SHOPIFY_DATA'].theme.id || '',
      locale: "fr",
      page_type: "collection",
      product_in_card : "",
      total_order_values : "0",
      last_purchase: "",
    }
    window['__AR_WIDGET_REVIEW_POPUP_DETAIL_SETTING'] = null
    window['__AR_WIDGET_REVIEW_POPUP_DETAIL_CONTENTS'] = null
    window['__AR_BETA_PROMO_BADGE_DATA'] = null
    window['__AR_VARIABLE_INJECT'] = 1
  }</script><!-- END app snippet -->

  <!-- BEGIN app snippet: alireviews_metafield --> <!-- END app snippet -->
  <!-- BEGIN app snippet: config_widget_review_box --><script type=text/javascript>window['__AR_WIDGET_VERSION'] = 1;
    
      window['__AR_WIDGET_REVIEW_BOX'] = 1;
      window['__AR_WIDGET_REVIEW_BOX_SETTING'] = {"layout":"slider","show_summary_section":true,"show_custom_questions_rating":false,"show_cta_buttons":true,"show_qna_section":false,"show_tabs":false,"show_search_box":true,"show_filter":true,"show_sorting":true,"reviews_per_loading_grid":12,"reviews_per_loading_list":5,"number_of_reviews_slider":8,"your_brand_color":"rgba(33,33,33,1)","primary_text_color":"rgba(40,41,61,1)","secondary_text_color":"rgba(143,144,166,1)","border_radius":6,"font_size":14,"rating_icon_spacing":2,"font_family":"inherit","section_background":"rgba(255,255,255,1)","heading_text_font_size":26,"body_text_font_size":14,"accessory_text_font_size":12,"box_shadow":"none","enable_auto_play":true,"auto_play_speed":5,"enable_infinite_loop":true,"slide_behavior":"one_item","max_width":1200,"rating_icon_shape":"default","rating_icon_filled_color":"rgba(250,173,20,1)","rating_icon_empty_color":"rgba(204,204,204,1)","show_rating_icon_border":false,"rating_icon_border_color":"rgba(255,122,0,1)","rating_icon_size":14,"button_background":"rgba(40,41,61,1)","button_text_color":"rgba(255,255,255,1)","links_color":"rgba(40,41,61,1)","button_outline_color":"rgba(228,228,235,1)","card_background_color":"rgba(255,255,255,1)","show_card_border":true,"card_border_color":"rgba(228,228,235,1)","show_review_media":true,"show_review_star":true,"customer_avatar":"auto","customer_name_format":"full_name","show_reviewer_country_flag":true,"show_verified_badge":true,"verified_badge_color":"rgba(6,136,80,1)","show_reaction_icon":true,"show_positive_reactions_only":false,"show_published_date":true,"qna_show_reaction_icon":true,"qna_customer_name_format":"full_name","qna_show_customer_country_flag":true,"qna_show_positive_reactions_only":false,"qna_show_published_date":true,"write_a_review_mode":"new_section","ask_a_question_mode":"new_section","show_title":true,"show_average_rating":true,"show_rating_distribution":true,"default_reviews_sorting":"by_date","show_questions_sorting":false,"default_questions_sorting":"newest_first","show_questions_search_box":false,"custom_css":null,"date_format":"ll","qna_date_format":"ll","hide_for_products_without_reviews":false,"margin_top":20,"margin_bottom":20};
      window['__AR_WIDGET_REVIEW_BOX_CONTENTS'] = {"fr":{"summary_section_title":"Avis des clients","summary_review_singular_format":"[review_number] critique","summary_review_plural_format":"[review_number] critiques","summary_review_submit_label":"Écrire un avis","summary_qna_submit_label":"Posez une question","summary_discount_amount":"Obtenez une remise [discount_amount]","review_empty_title":"Il n'y a pas encore d'avis de clients","review_empty_content":"Soyez le premier à partager vos pensées avec d'autres clients.","qna_empty_title":"Il n'y a pas encore de questions","qna_empty_content":"N'hésitez pas à partager vos préoccupations avec nous.","review_load_more":"Charger plus","review_count":"Avis ([reviews_count])","qna_question_count":"Questions ([questions_count])","review_filter_by":"Filtrer","review_filter_clear":"Éclaircir","review_sort_by_date":"Trier par date","review_sort_by_rating":"Trier par note","review_sort_by_content":"Trier par contenu","qna_sort_by_date":"Trier par date","review_section_title":"Écrire un avis","review_rating_label":"Note","review_rating_empty":"Veuillez nous donner votre note","review_upload_label":"Ajouter des médias","review_upload_max_photo_size":"Taille maximale de téléchargement de la photo : 10 MB","review_upload_max_video_size":"Taille maximale de téléchargement de la vidéo : 100 MB","review_upload_max_attachments":"Pièces jointes maximales : 5 éléments","review_upload_incorrect_format":"Le fichier doit être au format .jpg, .png, .gif, .mp4 ou .mov","review_content_label":"Commentaires","review_content_placeholder":"Partagez vos pensées sur le produit","review_content_required":"Ce champ est requis","review_name_label":"Nom","review_name_placeholder":"Entrez votre nom","review_name_required":"Ce champ est requis","review_email_label":"Courriel","review_email_placeholder":"Entrez votre courriel","review_email_invalid":"Format de courriel non valide","review_email_required":"Ce champ est requis","review_submit_label":"Soumettre l'avis","review_cancel_label":"Annuler","review_discount_suggestion":"Téléchargez votre avis avec des photos ou des vidéos pour obtenir une remise de [discount_amount] immédiatement !","review_thank_you_title":"Merci !","review_thank_you_content":"Merci d'être l'un de nos histoires de réussite !","review_discount_content":"Prenez votre coupon de réduction [discount_amount] maintenant","review_shop_now":"Magasiner maintenant","review_discount_expiry_date":"Date d'expiration : [expiry_date]","qna_section_title":"Écrire une question","qna_question_label":"Question","qna_question_placeholder":"Écrivez votre question icimp est requis","qna_question_required":"Ce champ est requis","qna_name_label":"Nom","qna_name_placeholder":"Entrez votre nom","qna_name_required":"Ce champ est requis","qna_email_label":"Courriel","qna_email_placeholder":"Entrez votre courriel","qna_email_invalid":"Format de courriel non valide","qna_email_required":"Ce champ est requis","qna_submit_label":"Soumettre la question","qna_cancel_label":"Annuler","qna_thank_you_title":"Merci !","qna_thank_you_content":"Merci d'être l'un de nos histoires de réussite !","review_sort_by_media":"Trier par média","qna_sort_by_date_newest":"Les plus récents en premier","qna_sort_by_date_oldest":"Les plus anciens en premier","qna_load_more":"Charger plus","qna_search_box_placeholder":"Rechercher des questions","qna_see_more":"Voir plus","qna_helpful":"Cela vous a-t-il été utile ?","review_search_box_placeholder":"Rechercher des avis","review_see_more":"Voir plus","review_verified_purchase":"Achat vérifié","review_not_verified_purchase":"Notation","review_helpful":"Cela vous a-t-il été utile ?","review_empty":"Il n'y a pas encore d'avis de clients.","custom_question_required":"Ce champ est requis"}};
      window['__AR_WIDGET_REVIEW_BOX_SUMMARY'] = null;
    </script><!-- END app snippet -->
  <!-- BEGIN app snippet: config_widget_review_star_rating --><script type=text/javascript>window['__AR_WIDGET_VERSION'] = 1
    
      window['__AR_WIDGET_REVIEW_STAR_RATING'] = 1;
      window['__AR_WIDGET_REVIEW_STAR_RATING_SETTING'] = {"primary_text_color":"rgba(28,28,40,1)","secondary_text_color":"rgba(143,144,166,1)","body_text_font_size":14,"accessory_text_font_size":12,"border_radius":6,"font_family":"inherit","hidden_no_review_product_page":false,"hidden_no_review_product_items":false,"show_star_rating_detail":true,"abbreviate_the_review_number":false,"rating_icon_shape":"default","rating_icon_spacing":2,"rating_icon_filled_color":"rgba(40,41,61,1)","rating_icon_empty_color":"rgba(217,217,217,1)","show_rating_icon_border":false,"rating_icon_border_color":"rgba(40,41,61,1)","rating_icon_size":16,"custom_css":null};
      window['__AR_WIDGET_REVIEW_STAR_RATING_CONTENTS'] = [];
    </script><!-- END app snippet -->
  <!-- BEGIN app snippet: config_widget_review_tab --><script type=text/javascript>
      window['__AR_WIDGET_REVIEW_TAB'] = 0;
    </script><!-- END app snippet -->
  <!-- BEGIN app snippet: config_widget_review_popup --><script type=text/javascript>window['__AR_WIDGET_VERSION'] = 1;
    
      window['__AR_WIDGET_REVIEW_POPUP'] = 0;
    </script><!-- END app snippet -->
  <!-- BEGIN app snippet: config_widget_reviews_carousel --><script type=text/javascript>window['__AR_WIDGET_VERSION'] = 1
    
    window['__AR_WIDGET_REVIEW_CAROUSEL'] = 0
    </script><!-- END app snippet -->
  <script type='text/javascript'>
    window['__AR_WIDGET_VERSION'] = 1;
    window['__AR_CORE_SNIPPET'] = 1;
  </script>



</div><div id="shopify-block-14684659138027382045" class="shopify-block shopify-app-block">
<!-- XO Gallery: https://apps.shopify.com/xo-gallery -->


  <link href="https://cdn.shopify.com/extensions/24480426-3fbb-421b-88ff-21b95b126e7f/xo-gallery-42/assets/xo-gallery.css" rel="stylesheet" type="text/css" media="all" />
  
  <link href="https://cdn.xotiny.com/assets/shop/047650-2/gallery/main.min.css?v=1707341144390" rel="stylesheet" type="text/css" media="all" />
  <script>var xoUpdate =1707341144390;var xoMultiLang =false;
  var xoDfLang ="fr";
  var xogMoneyFormat = `€{{amount_with_comma_separator}}`;</script>
  <script src="https://cdn.shopify.com/extensions/24480426-3fbb-421b-88ff-21b95b126e7f/xo-gallery-42/assets/xo-gallery.js" defer="defer" type="module"></script>

<!-- End: XO Gallery -->


</div><div id="shopify-block-10910696115237310528" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: hs-querys-graphql --><script>
    window.HSSLIDECART = window.HSSLIDECART || {};
    window.HSSLIDECART = window.HSSLIDECART || {};
    window.HSSLIDECART.VERSION_GRAPHQL = '2024-04';
    window.HSSLIDECART.ROUTE_GRAPHQL = "https://047650-2.myshopify.com/api/2024-04/graphql.json";
    window.HSSLIDECART.QUERY_GRAPHQL ={
    ADD_DISCOUNT:`mutation cartDiscountCodesUpdate($cartId: ID!, $discountCodes: [String!]) {
        cartDiscountCodesUpdate(cartId: $cartId, discountCodes: $discountCodes) {
          cart {
            lines(first: 100){
              nodes {
                merchandise {
                  ... on ProductVariant {
                    id
                    image{
                      url
                    }
                    product{
                      handle
                    }
                    title
                  }
                }
                discountAllocations{
                  discountedAmount{
                    amount
                    currencyCode
                  }
                }
              }
            }
            discountCodes {
              code
              applicable
            }
            discountAllocations{
              discountedAmount{
                amount
              }
            }
            cost {
              subtotalAmount {
                amount
              }
              totalAmount{
                amount
              }
            }
          }
        }
      }`
      }
</script><!-- END app snippet --><!-- BEGIN app snippet: hs-cart-drawer --><script>
    window.HSSLIDECART = window.HSSLIDECART || {};
    window.HSSLIDECART = window.HSSLIDECART || {};
    window.HSSLIDECART.setSettings = {};
    window.HSSLIDECART.setSettings = {};
    window.HSSLIDECART.money_html = `€10,00`;
    window.HSSLIDECART.money_currency_html = `€10,00 EUR`;
    window.HSSLIDECART.shop_url = "047650-2.myshopify.com";
    window.HSSLIDECART.apk = "d53eb6a42dc5c882f52ed0f156d9c8da";
    window.HSSLIDECART.auth = "3c18b47451de8b45f5ccf12f15b07138";
</script>
<link href="//cdn.shopify.com/extensions/1ff233b0-c3e5-4caf-a918-ea9ab2c67add/slide-cart-drawer-cart-upsell-205/assets/hs-swiper-bundle.min.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" integrity="sha256-+1jhGsfZNQccvv6BwELTNLvxDrxMaZEx/5dGdHwG8sc=" crossorigin="anonymous" src="https://cdn.shopify.com/extensions/1ff233b0-c3e5-4caf-a918-ea9ab2c67add/slide-cart-drawer-cart-upsell-205/assets/hs-swiper-bundle.min.js" defer></script>
<script type="text/javascript" integrity="sha256-DlQW8UXnvxbFhQQ1bHMv5+mWcfRpYZTFsUCiUtsC8K8=" crossorigin="anonymous" src="https://cdn.shopify.com/extensions/1ff233b0-c3e5-4caf-a918-ea9ab2c67add/slide-cart-drawer-cart-upsell-205/assets/hs-handlebars.min.js" defer="defer"></script>
<script type="text/javascript" integrity="sha256-F1AAEBCC/sMDbtNxYhZ++XJObfRE/6RqCoX0mtLShak=" crossorigin="anonymous" src="https://cdn.shopify.com/extensions/1ff233b0-c3e5-4caf-a918-ea9ab2c67add/slide-cart-drawer-cart-upsell-205/assets/hs-confetti.min.js" defer></script>
<script type="text/javascript" integrity="sha256-UCibPrr3SJ0Ph15TtUKV/eHIuCrflEalqFmkIKAanpY=" crossorigin="anonymous" src="https://cdn.shopify.com/extensions/1ff233b0-c3e5-4caf-a918-ea9ab2c67add/slide-cart-drawer-cart-upsell-205/assets/hs-circle-progress.js" defer></script>
<script type="text/javascript" integrity="sha256-lDkP1+UMKqpsMioGHRx/r3Wu4OoVgHSytEnifIv4XWI=" crossorigin="anonymous" src="https://cdn.shopify.com/extensions/1ff233b0-c3e5-4caf-a918-ea9ab2c67add/slide-cart-drawer-cart-upsell-205/assets/hs-sl-cart.js" defer></script>
<!-- END app snippet --><!-- BEGIN app snippet: hs-product --><script>
    
        window.HSSLIDECART.SHOP = {};
        window.HSSLIDECART.SHOP.secure_url = 'https://klemklem.com';
        window.HSSLIDECART.CART = {"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};
    
    
    window.HSSLIDECART.TOTAL_SAVE =  0;
        
</script><!-- END app snippet --><!-- BEGIN app snippet: hs-cart-drawer-subscriptions --><div class='hs-customer-session'><form action="/cart" method="post" style="display:none;"><label for="hs-checkout-bold">Checkout:</label><input type="submit" name="checkout" id="hs-checkout-bold" value="Check Out" /><label for="agree">Agree:</label><input type="checkbox" id="agree" checked="checked" /></form></div><!-- END app snippet -->


</div></body> 
</html>