<!doctype html>
<html class="js" lang="fr">
<head>
<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://atelierduportefeuille.com/"><link rel="icon" type="image/png" href="//atelierduportefeuille.com/cdn/shop/files/ChatGPT_Image_Jul_5_2026_12_00_37_PM.png?crop=center&height=32&v=1783245661&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
Portefeuille en cuir homme
– L'Atelier Du Portefeuille</title>
<meta property="og:site_name" content="L'Atelier Du Portefeuille">
<meta property="og:url" content="https://atelierduportefeuille.com/">
<meta property="og:title" content="Portefeuille en cuir homme">
<meta property="og:type" content="website">
<meta property="og:description" content="L'Atelier Du Portefeuille"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Portefeuille en cuir homme">
<meta name="twitter:description" content="L'Atelier Du Portefeuille">
<script type="module">
import * as StandardEvents from 'https://cdn.shopify.com/storefront/standard-events.js';
window.StandardEvents = StandardEvents;
customElements.define('collection-component', StandardEvents.createViewEventElement());
customElements.define(
'product-component',
StandardEvents.createViewEventElement(HTMLElement, { defaultTrigger: 'intersect' }),
);
document.addEventListener('DOMContentLoaded', () => {
const template = document.querySelector('main[data-template]')?.dataset.template || '';
document.dispatchEvent(
new StandardEvents.PageViewEvent({
page: { template, title: document.title, url: window.location.href },
})
);
}, { once: true });
</script>
<script src="//atelierduportefeuille.com/cdn/shop/t/3/assets/constants.js?v=132983761750457495441783237130" defer="defer"></script>
<script src="//atelierduportefeuille.com/cdn/shop/t/3/assets/pubsub.js?v=25310214064522200911783237130" defer="defer"></script>
<script src="//atelierduportefeuille.com/cdn/shop/t/3/assets/global.js?v=1942545902055418081783237130" defer="defer"></script>
<script src="//atelierduportefeuille.com/cdn/shop/t/3/assets/cart-disclosure-modal.js?v=154804774285276548271783237130" defer="defer"></script>
<script src="//atelierduportefeuille.com/cdn/shop/t/3/assets/cart-disclosure-tooltip.js?v=71764992101190568491783237130" defer="defer"></script>
<script src="//atelierduportefeuille.com/cdn/shop/t/3/assets/details-disclosure.js?v=13653116266235556501783237130" defer="defer"></script>
<script src="//atelierduportefeuille.com/cdn/shop/t/3/assets/details-modal.js?v=25581673532751508451783237130" defer="defer"></script>
<script src="//atelierduportefeuille.com/cdn/shop/t/3/assets/search-form.js?v=133129549252120666541783237130" defer="defer"></script>
<script src="//atelierduportefeuille.com/cdn/shop/t/3/assets/standard-actions-override.js?v=179748164002689766821783237130" defer="defer"></script><script src="//atelierduportefeuille.com/cdn/shop/t/3/assets/animations.js?v=88693664871331136111783237130" defer="defer"></script><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/100868784510/digital_wallets/dialog">
<script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR"></script>
<script id="shopify-features" type="application/json">{"accessToken":"583fd30d9849a7812decdf3ea04e58ea","betas":["rich-media-storefront-analytics"],"domain":"atelierduportefeuille.com","predictiveSearch":true,"shopId":100868784510,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "ee7jum-r7.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"Refresh","id":194337538430,"schema_name":"Refresh","schema_version":"15.5.0","theme_store_id":1567,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "atelierduportefeuille.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</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>
window.Shopify = window.Shopify || {};
window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//atelierduportefeuille.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js"></script>
<script type="module">
await import("//atelierduportefeuille.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.fr.esm.js"],"listener":["modules/v2/loader.listener.fr.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.fr.esm.js"],"shop-button":["modules/v2/loader.shop-button.fr.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.fr.esm.js"],"avatar":["modules/v2/loader.avatar.fr.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.fr.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.fr.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.fr.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.fr.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.fr.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.fr.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.fr.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.fr.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.fr.esm.js"],"shop-login":["modules/v2/loader.shop-login.fr.esm.js"],"pay-button":["modules/v2/loader.pay-button.fr.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.fr.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.fr.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.fr.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.fr.esm.js"]};
</script>
<script id="__st">var __st={"a":100868784510,"offset":7200,"reqid":"4f3a306a-1985-4658-bce2-cd306db3ff35-1783446422","pageurl":"atelierduportefeuille.com\/","u":"dae840488bc8","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//atelierduportefeuille.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//atelierduportefeuille.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script><script id="shopify-origin-trials" async="async" integrity="sha256-mqQjA+yhr1DtPsW5MhDIq3zDu+LghfjNT49r/ttG3eY=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-5059b83f.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.MCP = window.Shopify.MCP || {};
window.Shopify.MCP.enabled = true;
window.Shopify.MCP.shop = "ee7jum-r7.myshopify.com";
window.Shopify.MCP.mcpEndpoint = "https:\/\/atelierduportefeuille.com\/api\/mcp";
window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
</script>
<script>var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("https:\/\/cdn.shopify.com\/storefront\/webmcp\/webmcp-0.0.3.js","");
</script>
<script id='scb4127' type='text/javascript' async='' src='https://atelierduportefeuille.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><script id="sections-script" data-sections="header" defer="defer" src="//atelierduportefeuille.com/cdn/shop/t/3/compiled_assets/scripts.js?v=90487813905515327061783237142"></script>
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<style data-shopify>
@font-face {
font-family: Questrial;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//atelierduportefeuille.com/cdn/fonts/questrial/questrial_n4.66abac5d8209a647b4bf8089b0451928ef144c07.woff2") format("woff2"),
url("//atelierduportefeuille.com/cdn/fonts/questrial/questrial_n4.e86c53e77682db9bf4b0ee2dd71f214dc16adda4.woff") format("woff");
}
@font-face {
font-family: Archivo;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//atelierduportefeuille.com/cdn/fonts/archivo/archivo_n7.651b020b3543640c100112be6f1c1b8e816c7f13.woff2") format("woff2"),
url("//atelierduportefeuille.com/cdn/fonts/archivo/archivo_n7.7e9106d320e6594976a7dcb57957f3e712e83c96.woff") format("woff");
}
:root,
.color-scheme-1 {
--color-background: 239,240,245;
--gradient-background: #eff0f5;
--color-foreground: 14,27,77;
--color-background-contrast: 161,166,196;
--color-shadow: 14,27,77;
--color-button: 71,112,219;
--color-button-text: 239,240,245;
--color-secondary-button: 239,240,245;
--color-secondary-button-text: 14,27,77;
--color-link: 14,27,77;
--color-badge-foreground: 14,27,77;
--color-badge-background: 239,240,245;
--color-badge-border: 14,27,77;
--payment-terms-background-color: rgb(239 240 245);
}
.color-scheme-2 {
--color-background: 239,240,245;
--gradient-background: #eff0f5;
--color-foreground: 69,70,73;
--color-background-contrast: 161,166,196;
--color-shadow: 69,70,73;
--color-button: 69,70,73;
--color-button-text: 239,240,245;
--color-secondary-button: 239,240,245;
--color-secondary-button-text: 69,70,73;
--color-link: 69,70,73;
--color-badge-foreground: 69,70,73;
--color-badge-background: 239,240,245;
--color-badge-border: 69,70,73;
--payment-terms-background-color: rgb(239 240 245);
}
.color-scheme-3 {
--color-background: 69,70,73;
--gradient-background: #454649;
--color-foreground: 255,255,255;
--color-background-contrast: 7,7,7;
--color-shadow: 14,27,77;
--color-button: 255,255,255;
--color-button-text: 14,27,77;
--color-secondary-button: 69,70,73;
--color-secondary-button-text: 255,255,255;
--color-link: 255,255,255;
--color-badge-foreground: 255,255,255;
--color-badge-background: 69,70,73;
--color-badge-border: 255,255,255;
--payment-terms-background-color: rgb(69 70 73);
}
.color-scheme-4 {
--color-background: 69,70,73;
--gradient-background: #454649;
--color-foreground: 255,255,255;
--color-background-contrast: 7,7,7;
--color-shadow: 69,70,73;
--color-button: 255,255,255;
--color-button-text: 69,70,73;
--color-secondary-button: 69,70,73;
--color-secondary-button-text: 255,255,255;
--color-link: 255,255,255;
--color-badge-foreground: 255,255,255;
--color-badge-background: 69,70,73;
--color-badge-border: 255,255,255;
--payment-terms-background-color: rgb(69 70 73);
}
.color-scheme-5 {
--color-background: 0,0,0;
--gradient-background: #000000;
--color-foreground: 255,255,255;
--color-background-contrast: 128,128,128;
--color-shadow: 14,27,77;
--color-button: 255,255,255;
--color-button-text: 227,156,2;
--color-secondary-button: 0,0,0;
--color-secondary-button-text: 255,255,255;
--color-link: 255,255,255;
--color-badge-foreground: 255,255,255;
--color-badge-background: 0,0,0;
--color-badge-border: 255,255,255;
--payment-terms-background-color: rgb(0 0 0);
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5 {
color: rgba(var(--color-foreground), 0.75);
background-color: rgb(var(--color-background));
}
:root {
--font-body-family: Questrial, sans-serif;
--font-body-style: normal;
--font-body-weight: 400;
--font-body-weight-bold: 700;
--font-heading-family: Archivo, sans-serif;
--font-heading-style: normal;
--font-heading-weight: 700;
--font-body-scale: 1.05;
--font-heading-scale: 1.0476190476190477;
--media-padding: px;
--media-border-opacity: 0.1;
--media-border-width: 0px;
--media-radius: 20px;
--media-shadow-opacity: 0.0;
--media-shadow-horizontal-offset: 0px;
--media-shadow-vertical-offset: 4px;
--media-shadow-blur-radius: 5px;
--media-shadow-visible: 0;
--page-width: 120rem;
--page-width-margin: 0rem;
--product-card-image-padding: 1.6rem;
--product-card-corner-radius: 1.8rem;
--product-card-text-alignment: left;
--product-card-border-width: 0.1rem;
--product-card-border-opacity: 1.0;
--product-card-shadow-opacity: 0.0;
--product-card-shadow-visible: 0;
--product-card-shadow-horizontal-offset: 0.0rem;
--product-card-shadow-vertical-offset: 0.4rem;
--product-card-shadow-blur-radius: 0.5rem;
--collection-card-image-padding: 1.6rem;
--collection-card-corner-radius: 1.8rem;
--collection-card-text-alignment: left;
--collection-card-border-width: 0.1rem;
--collection-card-border-opacity: 1.0;
--collection-card-shadow-opacity: 0.0;
--collection-card-shadow-visible: 0;
--collection-card-shadow-horizontal-offset: 0.0rem;
--collection-card-shadow-vertical-offset: 0.4rem;
--collection-card-shadow-blur-radius: 0.5rem;
--blog-card-image-padding: 1.6rem;
--blog-card-corner-radius: 1.8rem;
--blog-card-text-alignment: left;
--blog-card-border-width: 0.1rem;
--blog-card-border-opacity: 1.0;
--blog-card-shadow-opacity: 0.0;
--blog-card-shadow-visible: 0;
--blog-card-shadow-horizontal-offset: 0.0rem;
--blog-card-shadow-vertical-offset: 0.4rem;
--blog-card-shadow-blur-radius: 0.5rem;
--badge-corner-radius: 0.0rem;
--popup-border-width: 1px;
--popup-border-opacity: 0.1;
--popup-corner-radius: 18px;
--popup-shadow-opacity: 0.0;
--popup-shadow-horizontal-offset: 0px;
--popup-shadow-vertical-offset: 4px;
--popup-shadow-blur-radius: 5px;
--drawer-border-width: 0px;
--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: 0px;
--spacing-sections-mobile: 0px;
--grid-desktop-vertical-spacing: 4px;
--grid-desktop-horizontal-spacing: 4px;
--grid-mobile-vertical-spacing: 2px;
--grid-mobile-horizontal-spacing: 2px;
--text-boxes-border-opacity: 0.1;
--text-boxes-border-width: 0px;
--text-boxes-radius: 20px;
--text-boxes-shadow-opacity: 0.0;
--text-boxes-shadow-visible: 0;
--text-boxes-shadow-horizontal-offset: 0px;
--text-boxes-shadow-vertical-offset: 4px;
--text-boxes-shadow-blur-radius: 5px;
--buttons-radius: 40px;
--buttons-radius-outset: 41px;
--buttons-border-width: 1px;
--buttons-border-opacity: 1.0;
--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: 26px;
--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: 27px;
--variant-pills-radius: 40px;
--variant-pills-border-width: 1px;
--variant-pills-border-opacity: 0.55;
--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: flex;
flex-direction: column;
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="//atelierduportefeuille.com/cdn/shop/t/3/assets/base.css?v=1539170451765018161783237130" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-cart-items.css?v=21057267699993713401783237130" media="print" onload="this.media='all'"><link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-cart-drawer.css?v=39223250576183958541783237130" rel="stylesheet" type="text/css" media="all" />
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-cart.css?v=164708765130180853531783237130" rel="stylesheet" type="text/css" media="all" />
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-totals.css?v=15906652033866631521783237130" rel="stylesheet" type="text/css" media="all" />
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-price.css?v=47596247576480123001783237130" rel="stylesheet" type="text/css" media="all" />
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-discounts.css?v=152760482443307489271783237130" rel="stylesheet" type="text/css" media="all" />
<link rel="preload" as="font" href="//atelierduportefeuille.com/cdn/fonts/questrial/questrial_n4.66abac5d8209a647b4bf8089b0451928ef144c07.woff2" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="//atelierduportefeuille.com/cdn/fonts/archivo/archivo_n7.651b020b3543640c100112be6f1c1b8e816c7f13.woff2" type="font/woff2" crossorigin>
<link
rel="stylesheet"
href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-predictive-search.css?v=118923337488134913561783237130"
media="print"
onload="this.media='all'"
><script>
if (Shopify.designMode) {
document.documentElement.classList.add('shopify-design-mode');
}
</script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 100868784510,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,r=/bytedance/i;function o(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var r=0,o=e.split(";");r<o.length;r++){var d=o[r],n=d.indexOf("=");if(-1!==n){var t=d.slice(0,n).trim();if(t){var i=void 0;try{i=decodeURIComponent(t)}catch(e){i=t}if("_shopify_s"===i){var a=d.slice(n+1).trim();try{return decodeURIComponent(a)}catch(e){return a}}}}}return}catch(e){return}}return function(d,n,t,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(l=null==(s=window.Shopify)?void 0:s.analytics)?void 0:l.replayQueue)){var s,l;window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(e,r,o){return u.replayQueue.push([e,r,o]),!0};try{self.performance.mark("wpm:start")}catch(e){}var p,h,f,m,g,y,v,w=(h=(p={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,f=p.legacy,(m=navigator.userAgent).match(e)?"bot":m.match(h)?"modern":m.match(f)?"legacy":m.match(r)?"bot":"unknown"),b="modern"===w?"modern":"legacy",P=(null!=i?i:{modern:"",legacy:""})[b],S=[(g={baseUrl:n,hashVersion:t,buildTarget:b}).baseUrl,"/wpm","/b",g.hashVersion,"modern"===g.buildTarget?"m":"l",".js"].join(""),C=function(e){var r=e.version,d=e.browserTarget,n=e.surface,t=e.shopId,i=e.monorailEndpoint,a=window.location.href;return{emit:function(e){var s=e.status,l=e.errorMsg,c=(new Date).getTime(),u=JSON.stringify({metadata:{event_sent_at_ms:c},events:[{schema_id:"web_pixels_manager_load/3.2",payload:{version:r,bundle_target:d,page_url:a,status:s,surface:n,error_msg:l,shop_id:t,visit_token:o()},metadata:{event_created_at_ms:c}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,u)}catch(e){}var p=new XMLHttpRequest;try{return p.open("POST",i,!0),p.setRequestHeader("Content-Type","text/plain"),p.send(u),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:t,browserTarget:w,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});try{a.browserTarget=w,function(e){var r=e.src,o=e.async,d=void 0===o||o,n=e.onload,t=e.onerror,i=e.sri,a=e.scriptDataAttributes,s=void 0===a?{}:a,l=document.createElement("script"),c=document.querySelector("head"),u=document.querySelector("body");if(l.async=d,l.src=r,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{l.dataset[p]=s[p]}catch(e){}if(n&&l.addEventListener("load",n),t&&l.addEventListener("error",t),c)c.appendChild(l);else{if(!u)throw new Error("Did not find a head or body element to append the script");u.appendChild(l)}}({src:S,async:!0,onload:function(){if(!function(){var e,r;return Boolean(null==(r=null==(e=window.Shopify)?void 0:e.analytics)?void 0:r.initialized)}()){var e=window.webPixelsManager.init(d)||void 0;if(e){var r=window.Shopify.analytics;r.replayQueue.forEach(function(r){var o=r[0],d=r[1],n=r[2];e.publishCustomEvent(o,d,n)}),r.replayQueue=[],r.publish=e.publishCustomEvent,r.visitor=e.visitor,r.initialized=!0}}},onerror:function(){return C.emit({status:"failed",errorMsg:"".concat(S," has failed to load")})},sri:(y=P,v=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof y&&v.test(y)?P:""),scriptDataAttributes:a}),C.emit({status:"loading"})}catch(e){C.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 100868784510,storefrontBaseUrl: "https://atelierduportefeuille.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["d5bdd5d0"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0490","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0490","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"L'Atelier Du Portefeuille","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"ee7jum-r7.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/atelierduportefeuille.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"15986412290430","handle":"portefeuille-en-cuir-pour-homme","title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57649514873214","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://atelierduportefeuille.com/cdn","884e51e7w4ac0e82ap522bb270m20c07008",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","themeId":"194337538430","themeStoreId":"1567","themePublished":"true","pageType":"home","shopId":"100868784510","storefrontBaseUrl":"https:\/\/atelierduportefeuille.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"d5bdd5d0\"]","isMerchantRequest":"false","hashVersion":"884e51e7w4ac0e82ap522bb270m20c07008","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"home","requestId":"4f3a306a-1985-4658-bce2-cd306db3ff35-1783446422"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
window.ShopifyAnalytics.lib.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);
if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
try {
window.__TREKKIE_SHIM_QUEUE.push({
from: 'trekkie-stub',
method: method,
args: args.slice(1)
});
} catch (e) {
// no-op
}
}
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: 100868784510,
theme_id: 194337538430,
app_name: "storefront",
context_url: window.location.href,
source_url: "//atelierduportefeuille.com/cdn/s/trekkie.storefront.67561e0d5e9c96760de930de52078bf367e9d8e6.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//atelierduportefeuille.com/cdn/s/trekkie.storefront.67561e0d5e9c96760de930de52078bf367e9d8e6.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//atelierduportefeuille.com/cdn/s/trekkie.storefront.67561e0d5e9c96760de930de52078bf367e9d8e6.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":100868784510,"isMerchantRequest":null,"themeId":194337538430,"themeCityHash":"8672808811832957027","contentLanguage":"fr","currency":"EUR","eventMetadataId":"427c96ad-217a-4d64-8148-5ba0284ffb3b"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"4f3a306a-1985-4658-bce2-cd306db3ff35-1783446422","shopifyEmitted":true});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//atelierduportefeuille.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://atelierduportefeuille.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.6.1.min.js"
data-application="storefront-renderer"
data-shop-id="100868784510"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="194337538430"
data-theme-name="Refresh"
data-theme-version="15.5.0"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://atelierduportefeuille.com/api/collect"
></script>
</head>
<body class="gradient animate--hover-default">
<a class="skip-to-content-link button visually-hidden" href="#MainContent">
Ignorer et passer au contenu
</a>
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/quantity-popover.css?v=160630540099520878331783237130" rel="stylesheet" type="text/css" media="all" />
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-card.css?v=120341546515895839841783237130" rel="stylesheet" type="text/css" media="all" />
<script src="//atelierduportefeuille.com/cdn/shop/t/3/assets/cart.js?v=55895714950147091831783237130" defer="defer"></script>
<script src="//atelierduportefeuille.com/cdn/shop/t/3/assets/quantity-popover.js?v=987015268078116491783237130" defer="defer"></script>
<style>
.drawer {
visibility: hidden;
}
</style>
<cart-drawer class="drawer is-empty">
<div id="CartDrawer" class="cart-drawer">
<div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div>
<div
class="drawer__inner gradient color-scheme-1"
role="dialog"
aria-modal="true"
aria-label="Votre panier"
tabindex="-1"
><div class="drawer__inner-empty">
<div class="cart-drawer__warnings center">
<div class="cart-drawer__empty-content">
<h2 class="cart__empty-text">Votre panier est vide</h2>
<button
class="drawer__close"
type="button"
onclick="this.closest('cart-drawer').close()"
aria-label="Fermer"
>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewbox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</button>
<a href="/collections/all" class="button">
Continuer les achats
</a><p class="cart__login-title h3">Vous possédez un compte ?</p>
<p class="cart__login-paragraph">
<a href="https://atelierduportefeuille.com/customer_authentication/redirect?locale=fr®ion_country=FR" class="link underlined-link">Connectez-vous</a> pour payer plus vite.
</p></div>
</div></div><div class="drawer__header">
<h2 class="drawer__heading">Votre panier</h2>
<button
class="drawer__close"
type="button"
onclick="this.closest('cart-drawer').close()"
aria-label="Fermer"
>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewbox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</button>
</div>
<cart-drawer-items
view-event-payload="{"context":"dialog","cart":null}"
view-event-trigger="manual"
class="is-empty"
>
<form
action="/cart"
id="CartDrawer-Form"
class="cart__contents cart-drawer__form"
method="post"
>
<div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
<p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">
Chargement en cours...
</p>
</div>
<div id="CartDrawer-CartErrors" role="alert"></div>
</form>
</cart-drawer-items>
<div class="drawer__footer"><!-- Start blocks -->
<!-- Subtotals -->
<div class="cart-drawer__footer" >
<div></div>
<div class="totals" role="status">
<h2 class="totals__total">Total estimé</h2>
<p class="totals__total-value">0,00 €</p>
</div>
<small class="tax-note caption-large rte">Taxes incluses. Réductions et frais d’expédition calculés à l’étape du paiement.
</small>
</div>
<!-- CTAs -->
<div class="cart__ctas" >
<button
type="submit"
id="CartDrawer-Checkout"
class="cart__checkout-button button"
name="checkout"
form="CartDrawer-Form"
disabled
>
Procéder au paiement
</button>
</div>
</div>
</div>
</div>
</cart-drawer>
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--28667169341822__announcement-bar" class="shopify-section shopify-section-group-header-group announcement-bar-section"><link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-slideshow.css?v=17933591812325749411783237130" rel="stylesheet" type="text/css" media="all" />
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-slider.css?v=14039311878856620671783237130" rel="stylesheet" type="text/css" media="all" />
<div
class="utility-bar color-scheme-5 gradient utility-bar--bottom-border"
>
<div class="page-width utility-bar__grid"><div
class="announcement-bar"
role="region"
aria-label="Annonce"
><p class="announcement-bar__message h5">
<span>Paiement 100 % sécurisé</span></p></div><div class="localization-wrapper">
</div>
</div>
</div>
</div><div id="shopify-section-sections--28667169341822__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-list-menu.css?v=151968516119678728991783237130" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-search.css?v=165164710990765432851783237130" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-menu-drawer.css?v=147478906057189667651783237130" media="print" onload="this.media='all'">
<link
rel="stylesheet"
href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-cart-notification.css?v=20889559782744007811783237130"
media="print"
onload="this.media='all'"
><link rel="stylesheet" href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-price.css?v=47596247576480123001783237130" media="print" onload="this.media='all'"><link rel="stylesheet" href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-mega-menu.css?v=10110889665867715061783237130" media="print" onload="this.media='all'"><style>
header-drawer {
justify-self: start;
margin-left: -1.2rem;
}@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: 0px 3rem 0px 3rem;
}
.section-header {
position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
margin-bottom: 0px;
}
@media screen and (min-width: 750px) {
.section-header {
margin-bottom: 0px;
}
}
@media screen and (min-width: 990px) {
.header {
padding-top: 0px;
padding-bottom: 0px;
}
}</style><script src="//atelierduportefeuille.com/cdn/shop/t/3/assets/cart-notification.js?v=15724493798342716601783237130" defer="defer"></script>
<sticky-header
data-sticky-type="on-scroll-up"
class="header-wrapper color-scheme-4 gradient"
><header class="header header--middle-left header--mobile-center page-width header--has-menu header--has-account">
<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" fill="none" class="icon icon-hamburger" viewbox="0 0 18 16"><path fill="currentColor" d="M1 .5a.5.5 0 1 0 0 1h15.71a.5.5 0 0 0 0-1zM.5 8a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 8m0 7a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewbox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</summary>
<div id="menu-drawer" class="gradient menu-drawer motion-reduce color-scheme-4">
<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-homme"
href="/collections"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Homme
</a></li><li><a
id="HeaderDrawer-femme"
href="/collections/all"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Femme
</a></li><li><a
id="HeaderDrawer-faq"
href="/"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active"
aria-current="page"
>
FAQ
</a></li><li><a
id="HeaderDrawer-a-propos-de-nous"
href="/"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active"
aria-current="page"
>
À propos de nous
</a></li><li><a
id="HeaderDrawer-contact"
href="/pages/contact"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Contact
</a></li></ul>
</nav>
<div class="menu-drawer__utility-links"><a
href="https://atelierduportefeuille.com/customer_authentication/redirect?locale=fr®ion_country=FR"
class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide"
rel="nofollow"
><account-icon><span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewbox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg>
</span></account-icon>Connexion</a><div class="menu-drawer__localization header-localization">
</div><ul class="list list-social list-unstyled" role="list"></ul>
</div>
</div>
</div>
</div>
</details>
</header-drawer>
<h1 class="header__heading"><a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper">
<img src="//atelierduportefeuille.com/cdn/shop/files/ChatGPT_Image_Jul_6_2026_01_55_11_PM_4c029292-f89e-4dbf-9ec8-5c67184b8c27.png?v=1783346028&width=600" alt="L'Atelier Du Portefeuille" srcset="//atelierduportefeuille.com/cdn/shop/files/ChatGPT_Image_Jul_6_2026_01_55_11_PM_4c029292-f89e-4dbf-9ec8-5c67184b8c27.png?v=1783346028&width=60 60w, //atelierduportefeuille.com/cdn/shop/files/ChatGPT_Image_Jul_6_2026_01_55_11_PM_4c029292-f89e-4dbf-9ec8-5c67184b8c27.png?v=1783346028&width=90 90w, //atelierduportefeuille.com/cdn/shop/files/ChatGPT_Image_Jul_6_2026_01_55_11_PM_4c029292-f89e-4dbf-9ec8-5c67184b8c27.png?v=1783346028&width=120 120w" width="60" height="60.0" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 120px) 50vw, 60px">
</div></a></h1>
<nav class="header__inline-menu">
<ul class="list-menu list-menu--inline" role="list"><li><a
id="HeaderMenu-homme"
href="/collections"
class="header__menu-item list-menu__item link link--text focus-inset"
>
<span
>Homme</span>
</a></li><li><a
id="HeaderMenu-femme"
href="/collections/all"
class="header__menu-item list-menu__item link link--text focus-inset"
>
<span
>Femme</span>
</a></li><li><a
id="HeaderMenu-faq"
href="/"
class="header__menu-item list-menu__item link link--text focus-inset"
aria-current="page"
>
<span
class="header__active-menu-item"
>FAQ</span>
</a></li><li><a
id="HeaderMenu-a-propos-de-nous"
href="/"
class="header__menu-item list-menu__item link link--text focus-inset"
aria-current="page"
>
<span
class="header__active-menu-item"
>À propos de nous </span>
</a></li><li><a
id="HeaderMenu-contact"
href="/pages/contact"
class="header__menu-item list-menu__item link link--text focus-inset"
>
<span
>Contact</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>
<span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewbox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</span>
<span class="svg-wrapper header__icon-close"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewbox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</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"
>
<span class="svg-wrapper"><svg fill="none" stroke="currentColor" class="icon icon-close" viewbox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg>
</span>
</button>
<button class="search__button field__button" aria-label="Recherche">
<span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewbox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</span>
</button>
</div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
<div class="predictive-search__loading-state">
<svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewbox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></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"
>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewbox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</button>
</div>
</div>
</details>
</details-modal>
<a
href="https://atelierduportefeuille.com/customer_authentication/redirect?locale=fr®ion_country=FR"
class="header__icon header__icon--account link focus-inset small-hide"
rel="nofollow"
><account-icon><span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewbox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg>
</span></account-icon><span class="visually-hidden">Connexion</span>
</a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble">
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-cart-empty" viewbox="0 0 40 40"><path fill="currentColor" fill-rule="evenodd" 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.33L28.4 11.8zm0 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"/></svg>
</span>
<span class="visually-hidden">Panier</span></a>
</div>
</header>
</sticky-header>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "L\u0026#39;Atelier Du Portefeuille",
"logo": "https:\/\/atelierduportefeuille.com\/cdn\/shop\/files\/ChatGPT_Image_Jul_6_2026_01_55_11_PM_4c029292-f89e-4dbf-9ec8-5c67184b8c27.png?v=1783346028\u0026width=500",
"sameAs": [
"",
"",
"",
"",
"",
"",
"",
"",
""
],
"url": "https:\/\/atelierduportefeuille.com"
}
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"name": "L\u0026#39;Atelier Du Portefeuille",
"potentialAction": {
"@type": "SearchAction",
"target": "https:\/\/atelierduportefeuille.com\/search?q={search_term_string}",
"query-input": "required name=search_term_string"
},
"url": "https:\/\/atelierduportefeuille.com"
}
</script>
<style> #shopify-section-sections--28667169341822__header .header__menu-item a, #shopify-section-sections--28667169341822__header .header__menu-item span, #shopify-section-sections--28667169341822__header .header__menu-item:hover, #shopify-section-sections--28667169341822__header .header__menu-item:hover > a, #shopify-section-sections--28667169341822__header .header__menu-item:hover > span {text-decoration: none !important;} #shopify-section-sections--28667169341822__header .header__menu-item > a, #shopify-section-sections--28667169341822__header .header__menu-item > span {color: inherit !important;} </style></div>
<!-- END sections: header-group -->
<main
id="MainContent"
class="content-for-layout focus-none"
role="main"
tabindex="-1"
data-template="index"
>
<section id="shopify-section-template--28667168883070__slideshow" class="shopify-section section"><link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/section-image-banner.css?v=124819179385751388401783237130" rel="stylesheet" type="text/css" media="all" />
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-slider.css?v=14039311878856620671783237130" rel="stylesheet" type="text/css" media="all" />
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-slideshow.css?v=17933591812325749411783237130" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>@media screen and (max-width: 749px) {
#Slider-template--28667168883070__slideshow::before,
#Slider-template--28667168883070__slideshow .media::before,
#Slider-template--28667168883070__slideshow:not(.banner--mobile-bottom) .banner__content::before {
padding-bottom: 48.68421052631579%;
content: '';
display: block;
}
}
@media screen and (min-width: 750px) {
#Slider-template--28667168883070__slideshow::before,
#Slider-template--28667168883070__slideshow .media::before {
padding-bottom: 48.68421052631579%;
content: '';
display: block;
}
}</style><slideshow-component
class="slider-mobile-gutter mobile-text-below"
role="region"
aria-roledescription="Carrousel"
aria-label="Slideshow about our brand"
><div
class="slideshow banner banner--adapt_image grid grid--1-col slider slider--everywhere banner--mobile-bottom scroll-trigger animate--fade-in"
id="Slider-template--28667168883070__slideshow"
aria-live="polite"
aria-atomic="true"
data-autoplay="false"
data-speed="5"
><style>
#Slide-template--28667168883070__slideshow-1 .banner__media::after {
opacity: 0.1;
}
</style>
<div
class="slideshow__slide grid__item grid--1-col slider__slide"
id="Slide-template--28667168883070__slideshow-1"
role="group"
aria-roledescription="Diapositive"
aria-label="1 de 1"
tabindex="-1"
>
<div class="slideshow__media banner__media media">
<img src="//atelierduportefeuille.com/cdn/shop/files/ChatGPT_Image_Jul_6_2026_11_08_16_PM.png?v=1783372167&width=3840" alt="" srcset="//atelierduportefeuille.com/cdn/shop/files/ChatGPT_Image_Jul_6_2026_11_08_16_PM.png?v=1783372167&width=375 375w, //atelierduportefeuille.com/cdn/shop/files/ChatGPT_Image_Jul_6_2026_11_08_16_PM.png?v=1783372167&width=550 550w, //atelierduportefeuille.com/cdn/shop/files/ChatGPT_Image_Jul_6_2026_11_08_16_PM.png?v=1783372167&width=750 750w, //atelierduportefeuille.com/cdn/shop/files/ChatGPT_Image_Jul_6_2026_11_08_16_PM.png?v=1783372167&width=1100 1100w, //atelierduportefeuille.com/cdn/shop/files/ChatGPT_Image_Jul_6_2026_11_08_16_PM.png?v=1783372167&width=1500 1500w, //atelierduportefeuille.com/cdn/shop/files/ChatGPT_Image_Jul_6_2026_11_08_16_PM.png?v=1783372167&width=1780 1780w, //atelierduportefeuille.com/cdn/shop/files/ChatGPT_Image_Jul_6_2026_11_08_16_PM.png?v=1783372167&width=2000 2000w, //atelierduportefeuille.com/cdn/shop/files/ChatGPT_Image_Jul_6_2026_11_08_16_PM.png?v=1783372167&width=3000 3000w, //atelierduportefeuille.com/cdn/shop/files/ChatGPT_Image_Jul_6_2026_11_08_16_PM.png?v=1783372167&width=3840 3840w" height="814" sizes="100vw" fetchpriority="high">
</div>
<div class="slideshow__text-wrapper banner__content banner__content--middle-left page-width banner--desktop-transparent scroll-trigger animate--slide-in">
<div class="slideshow__text banner__box content-container content-container--full-width-mobile color-scheme-4 gradient slideshow__text--left slideshow__text-mobile--left"><h2 class="banner__heading inline-richtext hxl">
L'élégance au quotidien
</h2><div class="banner__text rte">
<p>Cuir véritable. Design fonctionnel. Pensé pour durer</p>
</div><div class="banner__buttons">
<a
href="/collections/all"
class="button button--secondary"
>Découvrir la collection</a>
</div></div>
</div>
</div></div></slideshow-component>
</section><section id="shopify-section-template--28667168883070__featured-collection-0" class="shopify-section section"><link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-card.css?v=120341546515895839841783237130" rel="stylesheet" type="text/css" media="all" />
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-price.css?v=47596247576480123001783237130" rel="stylesheet" type="text/css" media="all" />
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-slider.css?v=14039311878856620671783237130" rel="stylesheet" type="text/css" media="all" />
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/template-collection.css?v=58558206033505836701783237130" rel="stylesheet" type="text/css" media="all" />
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/quick-add.css?v=130590836869345997561783237130" rel="stylesheet" type="text/css" media="all" />
<script src="//atelierduportefeuille.com/cdn/shop/t/3/assets/product-form.js?v=30308553270725186821783237130" defer="defer"></script><script src="//atelierduportefeuille.com/cdn/shop/t/3/assets/quick-add.js?v=160137689686588082211783237130" defer="defer"></script><style data-shopify>.section-template--28667168883070__featured-collection-0-padding {
padding-top: 45px;
padding-bottom: 45px;
}
@media screen and (min-width: 750px) {
.section-template--28667168883070__featured-collection-0-padding {
padding-top: 60px;
padding-bottom: 60px;
}
}</style><div
class="color-scheme-1 isolate gradient"
>
<div
class="collection section-template--28667168883070__featured-collection-0-padding"
id="collection-template--28667168883070__featured-collection-0"
data-id="template--28667168883070__featured-collection-0"
>
<div class="collection__title title-wrapper title-wrapper--no-top-margin page-width"><h2 class="title inline-richtext h2 scroll-trigger animate--slide-in">
Featured products
</h2></div>
<slider-component class="slider-mobile-gutter page-width page-width-desktop scroll-trigger animate--slide-in">
<ul
id="Slider-template--28667168883070__featured-collection-0"
data-id="template--28667168883070__featured-collection-0"
class="grid product-grid contains-card contains-card--product grid--4-col-desktop grid--2-col-tablet-down"
role="list"
aria-label="Carrousel"
>
<li
id="Slide-template--28667168883070__featured-collection-0-1"
class="grid__item scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 1;"
>
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-rating.css?v=179577762467860590411783237130" rel="stylesheet" type="text/css" media="all" />
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-volume-pricing.css?v=111870094811454961941783237130" rel="stylesheet" type="text/css" media="all" />
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-price.css?v=47596247576480123001783237130" rel="stylesheet" type="text/css" media="all" />
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/quick-order-list.css?v=86354568948591544181783237130" rel="stylesheet" type="text/css" media="all" />
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/quantity-popover.css?v=160630540099520878331783237130" rel="stylesheet" type="text/css" media="all" />
<product-component view-event-payload="{"product":{"id":15986412290430,"title":"Portefeuille en cuir pour homme","handle":"portefeuille-en-cuir-pour-homme","selectedVariant":null},"context":"collection","selectedOptions":[]}">
<div class="card-wrapper product-card-wrapper underline-links-hover">
<div
class="card card--card card--media color-scheme-1 gradient"
style="--ratio-percent: 125.0%;"
>
<div
class="card__inner ratio"
style="--ratio-percent: 125.0%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//atelierduportefeuille.com/cdn/shop/files/portefeuille-noir-pour-homme.webp?v=1782929253&width=165 165w,//atelierduportefeuille.com/cdn/shop/files/portefeuille-noir-pour-homme.webp?v=1782929253&width=360 360w,//atelierduportefeuille.com/cdn/shop/files/portefeuille-noir-pour-homme.webp?v=1782929253&width=533 533w,//atelierduportefeuille.com/cdn/shop/files/portefeuille-noir-pour-homme.webp?v=1782929253 534w "
src="//atelierduportefeuille.com/cdn/shop/files/portefeuille-noir-pour-homme.webp?v=1782929253&width=533"
sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Portefeuille en cuir pour homme noir fermé en cuir véritable, vue de face élégante"
class="motion-reduce"
width="534"
height="656"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/portefeuille-en-cuir-pour-homme"
id="StandardCardNoMediaLink-template--28667168883070__featured-collection-0-15986412290430"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--28667168883070__featured-collection-0-15986412290430 NoMediaStandardBadge-template--28667168883070__featured-collection-0-15986412290430"
>
Portefeuille en cuir pour homme
</a>
</h3>
</div>
<div class="card__badge top left"><span
id="NoMediaStandardBadge-template--28667168883070__featured-collection-0-15986412290430"
class="badge badge--bottom-left color-scheme-1"
>Épuisé</span></div>
</div>
</div>
<div class="card__content">
<div class="card__information">
<h3
class="card__heading h5"
id="title-template--28667168883070__featured-collection-0-15986412290430"
>
<a
href="/products/portefeuille-en-cuir-pour-homme"
id="CardLink-template--28667168883070__featured-collection-0-15986412290430"
class="full-unstyled-link"
aria-labelledby="CardLink-template--28667168883070__featured-collection-0-15986412290430 Badge-template--28667168883070__featured-collection-0-15986412290430"
>
Portefeuille en cuir pour homme
</a>
</h3>
<div class="card-information"><span class="caption-large light"></span>
<div
class="price price--sold-out"
>
<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">
39,99€
</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">
39,99€
</span>
</div></div></div>
</div>
</div>
<div class="quick-add no-js-hidden"><modal-opener data-modal="#QuickAdd-15986412290430">
<button
id="quick-add-template--28667168883070__featured-collection-015986412290430-submit"
type="submit"
name="add"
class="quick-add__submit button button--full-width button--secondary"
aria-haspopup="dialog"
aria-labelledby="quick-add-template--28667168883070__featured-collection-015986412290430-submit title-template--28667168883070__featured-collection-0-15986412290430"
data-product-url="/products/portefeuille-en-cuir-pour-homme"
>
Choisir des options
<div class="loading__spinner hidden">
<svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewbox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
</div>
</button>
</modal-opener>
<quick-add-modal id="QuickAdd-15986412290430" class="quick-add-modal">
<div
role="dialog"
aria-label="Choisir des options pour Portefeuille en cuir pour homme"
aria-modal="true"
class="quick-add-modal__content global-settings-popup"
tabindex="-1"
>
<button
id="ModalClose-15986412290430"
type="button"
class="quick-add-modal__toggle"
aria-label="Fermer"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewbox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</button>
<div id="QuickAddInfo-15986412290430" class="quick-add-modal__content-info"></div>
</div>
</quick-add-modal></div>
<div class="card__badge top left"><span
id="Badge-template--28667168883070__featured-collection-0-15986412290430"
class="badge badge--bottom-left color-scheme-1"
>Épuisé</span></div>
</div>
</div>
</div>
</product-component>
</li>
</ul></slider-component></div>
</div>
</section><div id="shopify-section-template--28667168883070__1783372298cff17bb2" class="shopify-section">
</div>
</main>
<!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--28667169309054__footer" class="shopify-section shopify-section-group-footer-group">
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/section-footer.css?v=60318643098753476351783237130" rel="stylesheet" type="text/css" media="all" />
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-newsletter.css?v=4727253280200485261783237130" rel="stylesheet" type="text/css" media="all" />
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-list-menu.css?v=151968516119678728991783237130" rel="stylesheet" type="text/css" media="all" />
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-list-payment.css?v=69253961410771838501783237130" rel="stylesheet" type="text/css" media="all" />
<link href="//atelierduportefeuille.com/cdn/shop/t/3/assets/component-list-social.css?v=35792976012981934991783237130" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.footer {
margin-top: 0px;
}
.section-sections--28667169309054__footer-padding {
padding-top: 33px;
padding-bottom: 45px;
}
@media screen and (min-width: 750px) {
.footer {
margin-top: 0px;
}
.section-sections--28667169309054__footer-padding {
padding-top: 44px;
padding-bottom: 60px;
}
}</style><footer class="footer color-scheme-3 gradient section-sections--28667169309054__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 scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 1;"
><div class="footer-block__brand-info"><div class="rte"><p></p></div></div></div></div><div
class="footer-block--newsletter scroll-trigger animate--slide-in"
data-cascade
></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 class="footer__payment">
<span class="visually-hidden">Moyens de paiement</span>
<ul class="list list-payment" role="list"></ul>
</div></div>
</div>
<div class="footer__content-bottom-wrapper page-width">
<div class="footer__copyright caption">
<small class="copyright__content"
>© 2026, <a href="/" title="">L'Atelier Du Portefeuille</a></small>
<small class="copyright__content"><a target="_blank" rel="nofollow" href="https://fr.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Commerce électronique propulsé par Shopify</a></small><ul class="policies list-unstyled"><li>
<small class="copyright__content"
><a href="/policies/privacy-policy">Politique de confidentialité</a></small
>
</li><li>
<small class="copyright__content"
><a href="/policies/refund-policy">Politique de remboursement</a></small
>
</li><li>
<small class="copyright__content"
><a href="/policies/terms-of-service">Conditions d’utilisation</a></small
>
</li><li>
<small class="copyright__content"
><a href="/policies/contact-information">Coordonnées</a></small
>
</li><li>
<small class="copyright__content"
><a href="/policies/#shopifyReshowConsentBanner">Préférences en matière de cookies</a></small
>
</li></ul></div>
</div>
</div>
</footer>
</div>
<!-- END sections: footer-group -->
<ul hidden>
<li id="a11y-refresh-page-message">Le choix d'une sélection entraîne l'actualisation de la page entière.</li>
<li id="a11y-new-window-message">S'ouvre dans une nouvelle fenêtre.</li>
</ul>
<script>
window.shopUrl = 'https://atelierduportefeuille.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(s)`,
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`,
min_error: `Cet article a un minimum de [min]`,
max_error: `Cet article a un maximum de [max]`,
step_error: `Vous pouvez ajouter cet article uniquement par incréments de [step]`,
};
window.accessibilityStrings = {
imageAvailable: `L'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`,
countrySelectorSearchCount: `[count] pays/régions trouvés`,
};
</script><script src="//atelierduportefeuille.com/cdn/shop/t/3/assets/predictive-search.js?v=35771933781168458101783237130" defer="defer"></script><script src="//atelierduportefeuille.com/cdn/shop/t/3/assets/cart-drawer.js?v=141283134586783120501783237130" defer="defer"></script><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
