PageSourceSearch

https://views.fr/

html views.fr collected 2026-10-02 10:18:55 UTC 368,748 bytes, 6,569 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="fr">
3  <head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width,initial-scale=1">
7    <meta name="theme-color" content="">
8    <link rel="canonical" href="https://views.fr/">
9    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin><link
10        rel="icon"
11        type="image/png"
12        href="//views.fr/cdn/shop/files/views-favicon-v.png?crop=center&height=32&v=1787595107&width=32"
13      ><link rel="icon" type="image/png" sizes="96x96" href="//views.fr/cdn/shop/files/views-favicon-v.png?crop=center&height=96&v=1787595107&width=96">
14      <link rel="icon" type="image/svg+xml" href="//views.fr/cdn/shop/t/23/assets/favicon.svg?v=74017448496330128181788180124">
15      <link rel="icon" type="image/png" sizes="192x192" href="//views.fr/cdn/shop/files/views-favicon-v.png?crop=center&height=192&v=1787595107&width=192">
16      <link rel="apple-touch-icon" sizes="180x180" href="//views.fr/cdn/shop/files/views-favicon-v.png?crop=center&height=180&v=1787595107&width=180"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
17      Views — La beauté de comprendre
18</title>
19
20    
21      <meta name="description" content="Depuis sa création en 2016, Views redonne le pouvoir à une génération curieuse, créative et engagée. Cinéma, musique, mode, sport et enjeux de société : Views raconte et analyse ce qui passionne, interroge et rassemble la jeunesse.">
22    
23
24
25    
26<script type="esms-options">
27  {
28    "noLoadEventRetriggers": true
29  }
30</script>
30
31
32<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 32
32
33<script type="importmap">
34  {
35    "imports": {
36      "vendor": "//views.fr/cdn/shop/t/23/assets/vendor.bundle.min.js?v=152731572238495013231788180101",
37      "deferrable-data": "//views.fr/cdn/shop/t/23/assets/deferrable-data.bundle.js?v=160370895301608380811788180087",
38      "product": "//views.fr/cdn/shop/t/23/assets/island-product.bundle.js?v=178329730740261958301788180095",
39      "quick-buy": "//views.fr/cdn/shop/t/23/assets/island-quick-buy.bundle.js?v=109837494147900850231788180093"
40    }
41  }
42</script>
42
43
44
45    
45<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
45<meta name="google-site-verification" content="R3S6s1wHQRvrsOT98NOHC-C38HD_uuv02hCIy3DUhSk">
46<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/93954179404/digital_wallets/dialog">
47<meta id="in-context-paypal-metadata" data-shop-id="93954179404" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="EUR">
48<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
48<script async="async" src="/checkouts/internal/preloads.js?locale=fr-AM"></script>
48
49<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
50<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=fr-AM&shop_id=93954179404" crossorigin="anonymous"></script>
vendor: 1 bytes, line 50
50
51<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":93954179404,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/93954179404","merchantName":"Views","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Views","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 51
51
52<script id="shopify-features" type="application/json">{"accessToken":"707c8f34a916f82465bd5a3d25efb1c9","betas":["rich-media-storefront-analytics"],"domain":"views.fr","predictiveSearch":true,"shopId":93954179404,"locale":"fr"}</script>
vendor: 1 bytes, line 52
52
53<script>var Shopify = Shopify || {};
54Shopify.shop = "biqd0q-jd.myshopify.com";
55Shopify.locale = "fr";
56Shopify.currency = {"active":"EUR","rate":"1.0"};
57Shopify.country = "AM";
58Shopify.theme = {"name":"Views Magazine 007 (WIP) — Baseline 5.4.0","id":204779848012,"schema_name":"Baseline","schema_version":"5.4.0","theme_store_id":910,"role":"main"};
59Shopify.theme.handle = "null";
60Shopify.theme.style = {"id":null,"handle":null};
61Shopify.cdnHost = "views.fr/cdn";
62Shopify.routes = Shopify.routes || {};
63Shopify.routes.root = "/";
64Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
65Shopify.SignInWithShop = Shopify.SignInWithShop || {};
66Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
67Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 67
67
68<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 68
68
69<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>
vendor: 1 bytes, line 69
69
70<script>
71  window.ShopifyPay = window.ShopifyPay || {};
72  window.ShopifyPay.apiHost = "shop.app\/pay";
73  window.ShopifyPay.redirectState = null;
74</script>
vendor: 1 bytes, line 74
74
75<script>
76  window.Shopify = window.Shopify || {};
77  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
78  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
79  window.Shopify.SignInWithShop.eligible = true;
80</script>
vendor: 1 bytes, line 80
80
81<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 81
81
82<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js"></script>
vendor: 1 bytes, line 82
82
83<script type="module">
84  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js");
85
86  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
87
88</script>
vendor: 1 bytes, line 88
88
89<script>
90  window.Shopify = window.Shopify || {};
91  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
92  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.fr.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.fr.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.fr.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.fr.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.fr.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.fr.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.fr.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.fr.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.fr.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.fr.esm.js"],"listener":["modules/v2/loader.listener.fr.esm.js"],"pay-button":["modules/v2/loader.pay-button.fr.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.fr.esm.js"],"shop-button":["modules/v2/loader.shop-button.fr.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.fr.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.fr.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.fr.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.fr.esm.js"],"shop-login":["modules/v2/loader.shop-login.fr.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.fr.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.fr.esm.js"]};
93</script>
vendor: 1 bytes, line 93
93
94<script id="__st">var __st={"a":93954179404,"offset":7200,"reqid":"84c8f667-4f90-4ff6-bbd8-d9ea3e0516f9-1790936334","pageurl":"views.fr\/","u":"d345293b669c","p":"home"};</script>
vendor: 1 bytes, line 94
94
95<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 95
95
96<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.3.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>
vendor: 1 bytes, line 96
96
97<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//views.fr/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 97
97
98<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 = "//views.fr/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>
98<script crossorigin="anonymous" defer="defer" src="//views.fr/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 98
98
99<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 99
99
100<script>
101  window.Shopify = window.Shopify || {};
102  window.Shopify.MCP = window.Shopify.MCP || {};
103  window.Shopify.MCP.enabled = true;
104  window.Shopify.MCP.shop = "biqd0q-jd.myshopify.com";
105  window.Shopify.MCP.mcpEndpoint = "https:\/\/views.fr\/api\/mcp";
106  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"]}}];
107</script>
vendor: 1 bytes, line 107
107
108<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("\/\/views.fr\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
109</script>
vendor: 1 bytes, line 109
109
110<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://views.fr/cdn/shopifycloud/portable-wallets/latest/portable-wallets.fr.js",t.type="module",document.head.appendChild(t)}};
111</script>
vendor: 1 bytes, line 111
111
112<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
113  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
114</script>
vendor: 1 bytes, line 114
114
115<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
116</script>
vendor: 1 bytes, line 116
116
117<script id='scb4127' type='text/javascript' async='' src='https://views.fr/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
117<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://views.fr/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
118<style id="shopify-accelerated-checkout-cart">
119        #shopify-buyer-consent {
120  margin-top: 1em;
121  display: inline-block;
122  width: 100%;
123}
124
125#shopify-buyer-consent.hidden {
126  display: none;
127}
128
129#shopify-subscription-policy-button {
130  background: none;
131  border: none;
132  padding: 0;
133  text-decoration: underline;
134  font-size: inherit;
135  cursor: pointer;
136}
137
138#shopify-subscription-policy-button::before {
139  box-shadow: none;
140}
141
142      </style>
143
144<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
144
145
146    
147
148
149  <link
150    rel="preload"
151    as="font"
152    href="//views.fr/cdn/fonts/libre_caslon_text/librecaslontext_n4.69e40b5499cae01f08d854557f813a31bc80e248.woff2"
153    type="font/woff2"
154    crossorigin
155  >
156
157
158
159  <link
160    rel="preload"
161    as="font"
162    href="//views.fr/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2"
163    type="font/woff2"
164    crossorigin
165  >
166
167
168
169<style data-shopify>
170  @font-face {
171  font-family: "Instrument Sans";
172  font-weight: 400;
173  font-style: normal;
174  font-display: swap;
175  src: url("//views.fr/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2") format("woff2"),
176       url("//views.fr/cdn/fonts/instrument_sans/instrumentsans_n4.510f1b081e58d08c30978f465518799851ef6d8b.woff") format("woff");
177}
178
179  @font-face {
180  font-family: "Libre Caslon Text";
181  font-weight: 400;
182  font-style: normal;
183  font-display: swap;
184  src: url("//views.fr/cdn/fonts/libre_caslon_text/librecaslontext_n4.69e40b5499cae01f08d854557f813a31bc80e248.woff2") format("woff2"),
185       url("//views.fr/cdn/fonts/libre_caslon_text/librecaslontext_n4.64955492c60f32c2546fc5710223f1274518807f.woff") format("woff");
186}
187
188@font-face {
189  font-family: "Instrument Sans";
190  font-weight: 500;
191  font-style: normal;
192  font-display: swap;
193  src: url("//views.fr/cdn/fonts/instrument_sans/instrumentsans_n5.1ce463e1cc056566f977610764d93d4704464858.woff2") format("woff2"),
194       url("//views.fr/cdn/fonts/instrument_sans/instrumentsans_n5.9079eb7bba230c9d8d8d3a7d101aa9d9f40b6d14.woff") format("woff");
195}
196@font-face {
197  font-family: "Instrument Sans";
198  font-weight: 700;
199  font-style: normal;
200  font-display: swap;
201  src: url("//views.fr/cdn/fonts/instrument_sans/instrumentsans_n7.e4ad9032e203f9a0977786c356573ced65a7419a.woff2") format("woff2"),
202       url("//views.fr/cdn/fonts/instrument_sans/instrumentsans_n7.b9e40f166fb7639074ba34738101a9d2990bb41a.woff") format("woff");
203}
204@font-face {
205  font-family: "Instrument Sans";
206  font-weight: 400;
207  font-style: italic;
208  font-display: swap;
209  src: url("//views.fr/cdn/fonts/instrument_sans/instrumentsans_i4.028d3c3cd8d085648c808ceb20cd2fd1eb3560e5.woff2") format("woff2"),
210       url("//views.fr/cdn/fonts/instrument_sans/instrumentsans_i4.7e90d82df8dee29a99237cd19cc529d2206706a2.woff") format("woff");
211}
212@font-face {
213  font-family: "Instrument Sans";
214  font-weight: 700;
215  font-style: italic;
216  font-display: swap;
217  src: url("//views.fr/cdn/fonts/instrument_sans/instrumentsans_i7.d6063bb5d8f9cbf96eace9e8801697c54f363c6a.woff2") format("woff2"),
218       url("//views.fr/cdn/fonts/instrument_sans/instrumentsans_i7.ce33afe63f8198a3ac4261b826b560103542cd36.woff") format("woff");
219}
220@font-face {
221  font-family: "Instrument Sans";
222  font-weight: 700;
223  font-style: normal;
224  font-display: swap;
225  src: url("//views.fr/cdn/fonts/instrument_sans/instrumentsans_n7.e4ad9032e203f9a0977786c356573ced65a7419a.woff2") format("woff2"),
226       url("//views.fr/cdn/fonts/instrument_sans/instrumentsans_n7.b9e40f166fb7639074ba34738101a9d2990bb41a.woff") format("woff");
227}
228</style>
229
230<style>:root {
231
232    --font-size-xs: 0.64rem;
233    --font-size-sm: 0.8rem;
234    --font-size-base: 1rem;
235    --font-size-lg: 1.25rem;
236    --font-size-xl: 1.563rem;
237    --font-size-2xl: 1.953rem;
238    --font-size-3xl: 2.441rem;
239    --font-size-4xl: 3.052rem;
240    --font-size-5xl: 3.815rem;
241    --font-size-6xl: 4.768rem;
242    --font-size-7xl: 5.96rem;
243    --font-size-8xl: 7.451rem;
244    --font-size-9xl: 9.313rem;
245
246    --type-scale-n-2: var(--font-size-xs);
247    --type-scale-n-1: var(--font-size-sm);
248    --type-scale-n0: var(--font-size-base);
249    --type-scale-n1: var(--font-size-lg);
250    --type-scale-n2: var(--font-size-xl);
251    --type-scale-n3: var(--font-size-2xl);
252    --type-scale-n4: var(--font-size-3xl);
253    --type-scale-n5: var(--font-size-4xl);
254    --type-scale-n6: var(--font-size-5xl);
255    --type-scale-n7: var(--font-size-6xl);
256    --type-scale-n8: var(--font-size-7xl);
257    --type-scale-n9: var(--font-size-8xl);
258    --type-scale-n10: var(--font-size-9xl);
259
260    --base-font-size: 93.75%;
261    --base-font-size-from-settings: 15;
262    --base-line-height: 1;
263    --heading-line-height: 1;
264    --subheading-line-height: 1.2;
265    --subheading-symbol-size: 1.0ex;
266
267    font-size: var(--base-font-size);
268    line-height: var(--base-line-height);
269
270    --heading-font-stack: "Libre Caslon Text", serif;
271    --heading-font-weight: 400;
272    --heading-font-style: normal;
273
274
275    --body-font-stack: "Instrument Sans", sans-serif;
276    --body-font-weight: 400;
277    --body-font-medium-weight: 500;
278    --body-font-bold-weight: 700;
279
280    --color-gridline: 0 0 0;
281    --gridline-width: 1px;
282
283    --text-border-width: 1px;
284    --checkbox-width: 1px;
285    --cta-spacing: 1rem;
286
287    --font-heading: "Libre Caslon Text", serif;
288    --font-body: "Instrument Sans", sans-serif;
289    --font-body-weight: 400;
290    --font-body-style: normal;
291    --font-body-bold-weight: bold;
292
293    --heading-letterspacing: -0.05em;
294    --heading-capitalize: none;
295    --heading-decoration: none;
296
297    --standard-heading-size: var(--type-scale-n2);
298    --feature-heading-size: var(--type-scale-n2);
299    --secondary-heading-size: var(--type-scale-n0);
300    --subheading-size: var(--type-scale-n0);
301    --button-size: var(--type-scale-n0);--subheading-font-stack: var(--heading-font-stack);
302      --subheading-font-weight: var(--heading-font-weight);
303      --subheading-font-style: var(--heading-font-style);--subheading-letterspacing: 0.0em;
304    --subheading-capitalize: uppercase;
305    --subheading-decoration: none;
306
307
308
309    --body-copy-transform: none;
310
311    --wrapperWidth: 100vw;
312    --gutter: 1px;
313    --rowHeight: calc((var(--wrapperWidth) - (11 * var(--gutter))) / 12);
314
315    --global-scrolling-items-speed-multiplier: 1;
316
317    --add-to-cart-button-height: 44px;
318    --checkout-button-height: 44px;
319
320    --spacing: 1rem;
321    --spacing-double: 2rem;
322    --spacing-half: 0.5rem;
323    --product-block-spacing: 1rem;
324
325    /* Equivalent to px-2 */
326    --section-horizontal-spacing-mobile: 0.5rem;
327    /* Equivalent to px-4 */
328    --section-horizontal-spacing-desktop: 1rem;
329
330    --section-horizontal-spacing: var(--section-horizontal-spacing-mobile);
331
332    
333
334    --icon-thickness: 1.2;
335
336    /**
337     * Buttons
338     */
339    --button-text-transform: uppercase;
340    --button-after-content: '\00a0\2192';
341    --button-border-radius: 0;
342    --button-border-width: 1px;--button-font-stack: var(--main-font-stack);
343      --button-font-weight: var(--main-font-weight);
344      --button-font-style: var(--main-font-style);
345      --button-line-height: var(--base-line-height);
346      --button-letter-spacing: inherit;/**
347     * Links
348     */
349    --links-bottom-border-width: var(--text-border-width);
350    --links-bottom-padding: 0.25rem;
351    --links-text-transform: none;
352    --links-after-content: '\00a0\2192';
353    --links-before-content: '\2190\00a0';
354
355    /**
356     * Media
357     */--grid-media-border-radius: 0;
358      --thumbnail-border-radius: 0;--media-border-radius-deep-inset: 0px;
359    --media-border-radius: 0px;
360
361    /**
362     * Media padding
363     */--media-padding-from-border-edge: 0px;--media-padding-inset: 2rem;
364
365    /**
366     * Media content padding
367     */--media-content-padding: 0.5rem;/**
368     * Slideshow pagination style
369     */
370    
371
372    /**
373     * Carousel controls
374     */
375    --slide-controls-spacing: var(--spacing-double);
376    --product-slide-controls-spacing: var(--spacing);
377
378    /**
379     * Color scheme colors
380     */
381
382    
383      --color-scheme-scheme1-text: 0 0 0;
384      --color-scheme-scheme1-background: 255 255 255;
385      --color-scheme-scheme1-accent: 255 100 100;
386      --color-scheme-scheme1-accent-contrast: 0 0 0;
387      --color-scheme-scheme1-secondary: 0 0 0;
388
389      
390
391      [data-color-scheme="scheme1"]  {
392        --focus-ring-color: rgb(0, 0, 0, 1);
393      }
394    
395      --color-scheme-scheme2-text: 255 255 255;
396      --color-scheme-scheme2-background: 0 0 0;
397      --color-scheme-scheme2-accent: 255 100 100;
398      --color-scheme-scheme2-accent-contrast: 0 0 0;
399      --color-scheme-scheme2-secondary: 255 255 255;
400
401      
402
403      [data-color-scheme="scheme2"]  {
404        --focus-ring-color: rgb(255, 100, 100);
405      }
406    
407      --color-scheme-scheme3-text: 0 0 0;
408      --color-scheme-scheme3-background: 232 232 232;
409      --color-scheme-scheme3-accent: 255 100 100;
410      --color-scheme-scheme3-accent-contrast: 0 0 0;
411      --color-scheme-scheme3-secondary: 0 0 0;
412
413      
414
415      [data-color-scheme="scheme3"]  {
416        --focus-ring-color: rgb(0, 0, 0, 1);
417      }
418    
419      --color-scheme-scheme4-text: 255 255 255;
420      --color-scheme-scheme4-background: 0 0 0;
421      --color-scheme-scheme4-accent: 255 255 255;
422      --color-scheme-scheme4-accent-contrast: 0 0 0;
423      --color-scheme-scheme4-secondary: 255 255 255;
424
425      
426
427      [data-color-scheme="scheme4"]  {
428        --focus-ring-color: rgb(255, 255, 255);
429      }
430    
431      --color-scheme-scheme5-text: 0 0 0;
432      --color-scheme-scheme5-background: 255 255 255;
433      --color-scheme-scheme5-accent: 0 0 0;
434      --color-scheme-scheme5-accent-contrast: 255 255 255;
435      --color-scheme-scheme5-secondary: 0 0 0;
436
437      
438
439      [data-color-scheme="scheme5"]  {
440        --focus-ring-color: rgb(0, 0, 0);
441      }
442    
443      --color-scheme-scheme-51661053-5c4d-4ff4-87c7-e565f153cbb1-text: 0 0 0;
444      --color-scheme-scheme-51661053-5c4d-4ff4-87c7-e565f153cbb1-background: 255 255 255;
445      --color-scheme-scheme-51661053-5c4d-4ff4-87c7-e565f153cbb1-accent: 255 100 100;
446      --color-scheme-scheme-51661053-5c4d-4ff4-87c7-e565f153cbb1-accent-contrast: 0 0 0;
447      --color-scheme-scheme-51661053-5c4d-4ff4-87c7-e565f153cbb1-secondary: 0 0 0;
448
449      
450
451      [data-color-scheme="scheme-51661053-5c4d-4ff4-87c7-e565f153cbb1"]  {
452        --focus-ring-color: rgb(0, 0, 0, 1);
453      }
454    
455
456    background-color: rgb(var(--color-scheme-background));
457    color: rgb(var(--color-scheme-text));
458
459    /**
460     * Focus
461     */
462    
463      --min-focus-outline-width: 2px;
464    
465
466    
467      --focus-outline-width: calc(var(--min-focus-outline-width) * 2 + var(--gridline-width));
468    
469
470    --zoom-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
471    --zoom-media-scale: 1.05;
472  }
473
474  @media (min-width: 1024px) {
475    :root {
476      --standard-heading-size: var(--type-scale-n4);
477      --feature-heading-size: var(--type-scale-n5);
478      --secondary-heading-size: var(--type-scale-n0);
479      --subheading-size: var(--type-scale-n0);
480      --button-size: var(--type-scale-n0);
481
482      --section-horizontal-spacing: var(--section-horizontal-spacing-desktop);
483      --product-slide-controls-spacing: var(--spacing-double);--media-padding-from-border-edge: 0px;--media-padding-inset: 4rem;
484
485      
486--media-content-padding: 1rem;}
487  }
488
489  
490
491  
492    :root,[data-color-scheme="scheme1"] {
493      --color-scheme-text: var(--color-scheme-scheme1-text);
494      --color-scheme-background: var(--color-scheme-scheme1-background);
495      --color-scheme-accent: var(--color-scheme-scheme1-accent);
496      --color-scheme-accent-contrast: var(--color-scheme-scheme1-accent-contrast);
497      --color-scheme-secondary: var(--color-scheme-scheme1-secondary);
498    }
499
500    [data-color-scheme][data-color-scheme-override="scheme1"] {
501      --color-scheme-text: var(--color-scheme-scheme1-text);
502      --color-scheme-background: var(--color-scheme-scheme1-background);
503      --color-scheme-accent: var(--color-scheme-scheme1-accent);
504      --color-scheme-accent-contrast: var(--color-scheme-scheme1-accent-contrast);
505      --color-scheme-secondary: var(--color-scheme-scheme1-secondary);
506    }
507  
508    [data-color-scheme="scheme2"] {
509      --color-scheme-text: var(--color-scheme-scheme2-text);
510      --color-scheme-background: var(--color-scheme-scheme2-background);
511      --color-scheme-accent: var(--color-scheme-scheme2-accent);
512      --color-scheme-accent-contrast: var(--color-scheme-scheme2-accent-contrast);
513      --color-scheme-secondary: var(--color-scheme-scheme2-secondary);
514    }
515
516    [data-color-scheme][data-color-scheme-override="scheme2"] {
517      --color-scheme-text: var(--color-scheme-scheme2-text);
518      --color-scheme-background: var(--color-scheme-scheme2-background);
519      --color-scheme-accent: var(--color-scheme-scheme2-accent);
520      --color-scheme-accent-contrast: var(--color-scheme-scheme2-accent-contrast);
521      --color-scheme-secondary: var(--color-scheme-scheme2-secondary);
522    }
523  
524    [data-color-scheme="scheme3"] {
525      --color-scheme-text: var(--color-scheme-scheme3-text);
526      --color-scheme-background: var(--color-scheme-scheme3-background);
527      --color-scheme-accent: var(--color-scheme-scheme3-accent);
528      --color-scheme-accent-contrast: var(--color-scheme-scheme3-accent-contrast);
529      --color-scheme-secondary: var(--color-scheme-scheme3-secondary);
530    }
531
532    [data-color-scheme][data-color-scheme-override="scheme3"] {
533      --color-scheme-text: var(--color-scheme-scheme3-text);
534      --color-scheme-background: var(--color-scheme-scheme3-background);
535      --color-scheme-accent: var(--color-scheme-scheme3-accent);
536      --color-scheme-accent-contrast: var(--color-scheme-scheme3-accent-contrast);
537      --color-scheme-secondary: var(--color-scheme-scheme3-secondary);
538    }
539  
540    [data-color-scheme="scheme4"] {
541      --color-scheme-text: var(--color-scheme-scheme4-text);
542      --color-scheme-background: var(--color-scheme-scheme4-background);
543      --color-scheme-accent: var(--color-scheme-scheme4-accent);
544      --color-scheme-accent-contrast: var(--color-scheme-scheme4-accent-contrast);
545      --color-scheme-secondary: var(--color-scheme-scheme4-secondary);
546    }
547
548    [data-color-scheme][data-color-scheme-override="scheme4"] {
549      --color-scheme-text: var(--color-scheme-scheme4-text);
550      --color-scheme-background: var(--color-scheme-scheme4-background);
551      --color-scheme-accent: var(--color-scheme-scheme4-accent);
552      --color-scheme-accent-contrast: var(--color-scheme-scheme4-accent-contrast);
553      --color-scheme-secondary: var(--color-scheme-scheme4-secondary);
554    }
555  
556    [data-color-scheme="scheme5"] {
557      --color-scheme-text: var(--color-scheme-scheme5-text);
558      --color-scheme-background: var(--color-scheme-scheme5-background);
559      --color-scheme-accent: var(--color-scheme-scheme5-accent);
560      --color-scheme-accent-contrast: var(--color-scheme-scheme5-accent-contrast);
561      --color-scheme-secondary: var(--color-scheme-scheme5-secondary);
562    }
563
564    [data-color-scheme][data-color-scheme-override="scheme5"] {
565      --color-scheme-text: var(--color-scheme-scheme5-text);
566      --color-scheme-background: var(--color-scheme-scheme5-background);
567      --color-scheme-accent: var(--color-scheme-scheme5-accent);
568      --color-scheme-accent-contrast: var(--color-scheme-scheme5-accent-contrast);
569      --color-scheme-secondary: var(--color-scheme-scheme5-secondary);
570    }
571  
572    [data-color-scheme="scheme-51661053-5c4d-4ff4-87c7-e565f153cbb1"] {
573      --color-scheme-text: var(--color-scheme-scheme-51661053-5c4d-4ff4-87c7-e565f153cbb1-text);
574      --color-scheme-background: var(--color-scheme-scheme-51661053-5c4d-4ff4-87c7-e565f153cbb1-background);
575      --color-scheme-accent: var(--color-scheme-scheme-51661053-5c4d-4ff4-87c7-e565f153cbb1-accent);
576      --color-scheme-accent-contrast: var(--color-scheme-scheme-51661053-5c4d-4ff4-87c7-e565f153cbb1-accent-contrast);
577      --color-scheme-secondary: var(--color-scheme-scheme-51661053-5c4d-4ff4-87c7-e565f153cbb1-secondary);
578    }
579
580    [data-color-scheme][data-color-scheme-override="scheme-51661053-5c4d-4ff4-87c7-e565f153cbb1"] {
581      --color-scheme-text: var(--color-scheme-scheme-51661053-5c4d-4ff4-87c7-e565f153cbb1-text);
582      --color-scheme-background: var(--color-scheme-scheme-51661053-5c4d-4ff4-87c7-e565f153cbb1-background);
583      --color-scheme-accent: var(--color-scheme-scheme-51661053-5c4d-4ff4-87c7-e565f153cbb1-accent);
584      --color-scheme-accent-contrast: var(--color-scheme-scheme-51661053-5c4d-4ff4-87c7-e565f153cbb1-accent-contrast);
585      --color-scheme-secondary: var(--color-scheme-scheme-51661053-5c4d-4ff4-87c7-e565f153cbb1-secondary);
586    }
587  
588
589  [data-color-scheme] {
590    --payment-terms-background-color: rgb(var(--color-scheme-background));
591
592    --button-color-border: var(--color-scheme-text);
593    --button-color-background: var(--color-scheme-text);
594    --button-color-text: var(--color-scheme-background);
595    --button-color-border-hover: var(--color-scheme-accent);
596    --button-color-background-hover: var(--color-scheme-accent);
597    --button-color-text-hover: var(--color-scheme-accent-contrast);
598    --subheading-color: var(--color-scheme-text);
599  }
600
601  ::selection {
602    background-color: rgb(var(--color-scheme-accent));
603    color: rgb(var(--color-scheme-accent-contrast));
604  }
605
606  @keyframes scrolling-items {
607    0% {
608      transform: translate3d(0, 0, 0);
609    }
610
611    100% {
612      transform: translate3d(-50%, 0, 0);
613    }
614  }
615</style>
616
617<style id="generated-critical-css">
618image-with-placeholder{display:block}.theme-button,.theme-button--secondary{cursor:pointer;display:inline-block;font-family:var(--button-font-stack);font-size:var(--button-size);font-style:var(--subheading-font-style);font-weight:var(--button-font-weight);letter-spacing:var(--button-font-style);line-height:var(--button-line-height);overflow-wrap:anywhere;padding:.5rem 2rem;text-transform:var(--button-text-transform);word-break:normal}.theme-button--secondary:not(.theme-button--with-price):after,.theme-button:not(.theme-button--with-price):after{--tw-content:var(--button-after-content);content:var(--tw-content)}.theme-button--secondary.theme-button--no-arrow:after,.theme-button.theme-button--no-arrow:after{--tw-content:none;content:var(--tw-content)}.theme-button{border-radius:var(--button-border-radius);border-width:var(--text-border-width);--tw-border-opacity:1;border-color:rgb(var(--button-color-border)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--button-color-background)/var(--tw-bg-opacity,1));--tw-text-opacity:1;
618color:rgb(var(--button-color-text)/var(--tw-text-opacity,1))}@media (hover:hover) and (pointer:fine){.theme-button:not(:disabled,[aria-disabled=true],[disabled],.disabled):hover{--tw-border-opacity:1;border-color:rgb(var(--button-color-border-hover)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--button-color-background-hover)/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--button-color-text-hover)/var(--tw-text-opacity,1))}}.theme-button--secondary{border-radius:var(--button-border-radius);border-width:var(--text-border-width);--tw-border-opacity:1;background-color:initial;border-color:rgb(var(--color-scheme-text)/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--color-scheme-text)/var(--tw-text-opacity,1))}:is([data-color-scheme] .theme-button--secondary.rte,[data-color-scheme].theme-button--secondary .rte,[data-color-scheme].theme-button--secondary.rte) a:hover{color:rgb(var(--color-scheme-accent));text-decoration-color:rgb(var(--color-scheme-accent))}:is([data-color-scheme] .theme-button--secondary.rte,[data-color-scheme].theme-button--secondary .rte,[data-color-scheme].theme-button--secondary.rte) blockquote{background:rgb(var(--color-scheme-text));color:rgb(var(--color-scheme-background))}@media (hover:hover) and (pointer:fine){.group:hover .theme-button--secondary:not(:disabled,[aria-disabled=true],[disabled],.disabled).theme-button--in-group,.theme-button--secondary:not(:disabled,[aria-disabled=true],[disabled],.disabled):hover{--tw-border-opacity:1;background-color:initial;border-color:rgb(var(--color-scheme-accent)/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--color-scheme-accent)/var(--tw-text-opacity,1))}}.theme-button[aria-disabled=true]{cursor:not-allowed;opacity:.5}[data-shopify-xr-hidden]{display:none}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.shopify-payment-button__button--hidden{display:none!important}@property --captured-length{syntax:"<length>";initial-value:0;inherits:true}@property --captured-length2{syntax:"<length>";initial-value:0;inherits:true}.splide:not(.is-active) .\[\.splide\:not\(\.is-active\)_\&\]\:pointer-events-none{pointer-events:none}.splide:not(.is-active) .\[\.splide\:not\(\.is-active\)_\&\]\:invisible{visibility:hidden}.splide:not(.is-active) .\[\.splide\:not\(\.is-active\)_\&\]\:\!flex{display:flex!important}.splide:not(.is-active) .\[\.splide\:not\(\.is-active\)_\&\]\:gap-gridline{gap:var(--gridline-width)}@media not all and (min-width:1024px){.splide:not(.is-active) .max-lg\:\[\.splide\:not\(\.is-active\)_\&\]\:hidden{display:none}}
619</style>
620<style id="manual-critical-css">
621  html {
622    background-color: rgb(var(--color-primary-background));
623    color: rgb(var(--color-primary-text));
624    font-size: var(--base-font-size);
625    line-height: var(--base-line-height);
626  }
627
628  [x-cloak] {
629    display: none;
630  }
631
632  data-island {
633    display: block;
634  }
635
636  html.no-js [x-cloak].no-js-undo-cloak {
637    display: revert;
638  }
639
640  body {
641    display: flex;
642    flex-direction: column;
643    min-height: 100vh;
644  }
645
646  @media (min-width: 768px) {
647    [md\:undo-x-cloak-block] {
648      display: block;
649    }
650  }
651
652  @media (max-width: 767px) {
653    [max-md\:undo-x-cloak-block] {
654      display: block;
655    }
656  }
657</style>
658
659
660    <link href="//views.fr/cdn/shop/t/23/assets/base.bundle.css?v=134261791713849992731788180088" rel="stylesheet" type="text/css" media="all" />
661<link href="//views.fr/cdn/shop/t/23/assets/custom-styles.css?v=111068451686037962101788180120" rel="stylesheet" type="text/css" media="all" />
662    <link href="//views.fr/cdn/shop/t/23/assets/views-cart-guard.css?v=102183080529262319041788594336" rel="stylesheet" type="text/css" media="all" />
663    
663<script src="//views.fr/cdn/shop/t/23/assets/views-cart-guard.js?v=164132870855239500811788599571" defer></script>
663<link href="//views.fr/cdn/shop/t/23/assets/views-cart-drawer.css?v=62435894051393423061788462491" rel="stylesheet" type="text/css" media="all" />
664    <style>
665  /* ===== 1. Font smoothing (Firefox) ===== */
666  body {
667    -moz-osx-font-smoothing: grayscale;
668  }
669
670  /* ===== 2. Text wrap balance on headings ===== */
671  h1, h2, h3 {
672    text-wrap: balance;
673  }
674
675  /* ===== 3. Scale on press — all theme buttons ===== */
676  .theme-button,
677  .theme-button--secondary,
678  button[type="submit"],
679  .splide__arrow {
680    transition-property: background-color, color, border-color, transform;
681    transition-duration: 0.2s;
682    transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
683  }
684
685  .theme-button:active,
686  .theme-button--secondary:active,
687  button[type="submit"]:active {
688    transform: scale(0.96);
689  }
690
691  /* ===== 4. Carousel arrows — hover & press ===== */
692  .splide__arrow {
693    transition-property: transform, opacity;
694    transition-duration: 0.15s;
695    transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
696  }
697
698  .splide__arrow:hover {
699    transform: scale(1.1);
700  }
701
702  .splide__arrow:active {
703    transform: scale(0.96);
704  }
705
706  /* ===== 5. Pagination dots — hover scale ===== */
707  .splide__pagination__page {
708    transition-property: transform, background-color;
709    transition-duration: 0.2s;
710    transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
711  }
712
713  .splide__pagination__page:hover {
714    transform: scale(1.4);
715  }
716
717  /* ===== 6. Product tile images — subtle outline ===== */
718  .product-tile img,
719  .splide__slide img {
720    outline: 1px solid rgba(0, 0, 0, 0.05);
721    outline-offset: -1px;
722  }
723
724  /* ===== 7. Collapsible/FAQ buttons — active scale ===== */
725  [x-data] button[aria-controls^="expanded-"] {
726    transition-property: transform;
727    transition-duration: 75ms;
728    transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
729  }
730
731  [x-data] button[aria-controls^="expanded-"]:active {
732    transform: scale(0.98);
733  }
734
735  /* ===== 8. Carousel mobile touch fix ===== */
736  .splide__track {
737    touch-action: pan-x;
738    -webkit-overflow-scrolling: touch;
739  }
740
741  .splide__list {
742    touch-action: pan-x;
743  }
744
745  /* ===== 9. Pretty text wrap on body/rte ===== */
746  .rte p,
747  .richtext p {
748    text-wrap: pretty;
749  }
750
751  /* ===== 10. Tabular numbers on prices ===== */
752  .money,
753  [class*="price"],
754  .product-tile .text-scheme-text {
755    font-variant-numeric: tabular-nums;
756  }
757
758  /* ===== 11. Product tile hover — subtle lift ===== */
759  .product-tile,
760  .splide__slide > a,
761  .splide__slide > div > a {
762    transition-property: transform;
763    transition-duration: 0.2s;
764    transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
765  }
766
767  @media (hover: hover) {
768    .product-tile:hover {
769      transform: translateY(-2px);
770    }
771  }
772
773  /* ===== 12. Links — smooth color transition ===== */
774  a[class*="theme-link"],
775  a[class*="hover:text-scheme-accent"] {
776    transition-property: color;
777    transition-duration: 0.15s;
778    transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
779  }
780
781  /* ===== 13. Swatch border transition ===== */
782  [class*="swatch"] a,
783  [class*="swatch"] button {
784    transition-property: border-color, transform;
785    transition-duration: 0.15s;
786    transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
787  }
788
789  /* ===== 14. Form inputs — focus ring ===== */
790  input:focus-visible,
791  select:focus-visible,
792  textarea:focus-visible {
793    outline: 2px solid currentColor;
794    outline-offset: 2px;
795  }
796
797  /* ===== 15. Video stories — no outline on images ===== */
798  .vs-card img {
799    outline: none;
800  }
801</style>
802
803
804
805<meta property="og:site_name" content="Views">
806<meta property="og:url" content="https://views.fr/">
807<meta property="og:title" content="Views — La beauté de comprendre">
808<meta property="og:type" content="website">
809<meta property="og:description" content="Depuis sa création en 2016, Views redonne le pouvoir à une génération curieuse, créative et engagée. Cinéma, musique, mode, sport et enjeux de société : Views raconte et analyse ce qui passionne, interroge et rassemble la jeunesse."><meta property="og:image" content="http://views.fr/cdn/shop/files/logo_33.png?v=1749204025">
810  <meta
811    property="og:image:secure_url"
812    content="https://views.fr/cdn/shop/files/logo_33.png?v=1749204025"
813  >
814  <meta property="og:image:width" content="5000">
815  <meta property="og:image:height" content="2617"><meta name="twitter:card" content="summary_large_image">
816<meta name="twitter:title" content="Views — La beauté de comprendre">
817<meta name="twitter:description" content="Depuis sa création en 2016, Views redonne le pouvoir à une génération curieuse, créative et engagée. Cinéma, musique, mode, sport et enjeux de société : Views raconte et analyse ce qui passionne, interroge et rassemble la jeunesse.">
818<script>
819  window.THEMENAME = 'Baseline';
820  window.THEMEVERSION = '3.0.0';
821
822  document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
823
824  function debounce(fn, wait) {
825    let t;
826    return (...args) => {
827      clearTimeout(t);
828      t = setTimeout(() => fn.apply(this, args), wait);
829    };
830  }
831
832  function leadingThrottle(callback, limit) {
833    var waiting = false;
834
835    return function () {
836      if (!waiting) {
837        callback.apply(this, arguments);
838        waiting = true;
839        setTimeout(function () {
840          waiting = false;
841        }, limit);
842      }
843    };
844  }
845
846  function trailingThrottle(callback, limit) {
847    var waiting = false;
848    var pendingArgs = null;
849    var context = null;
850
851    return function () {
852      pendingArgs = arguments;
853      context = this;
854
855      if (!waiting) {
856        waiting = true;
857        setTimeout(function () {
858          callback.apply(context, pendingArgs);
859          waiting = false;
860          pendingArgs = null;
861          context = null;
862        }, limit);
863      }
864    };
865  }
866
867  function throttle(callback, limit, trailing) {
868    return trailing ? trailingThrottle(callback, limit) : leadingThrottle(callback, limit);
869  }
870
871  window.theme = {
872    strings: {
873      loading: "Chargement",
874      itemCountOne: "{{ count }} article",
875      itemCountOther: "{{ count }} articles",
876      addToCart: "Ajouter au panier",
877      soldOut: "Épuisé",
878      unavailable: "Non disponible",
879      regularPrice: "Prix normal",
880      salePrice: "Prix réduit",
881      sale: "Solde",
882      unitPrice: "Prix unitaire",
883      unitPriceSeparator: "par",
884      cartEmpty: "Votre panier est vide.",
885      cartCookies: "Activer les cookies pour pouvoir utiliser le panier",
886      update: "Mettre à jour",
887      quantity: "Quantité",
888      discountedTotal: "Total après réduction",
889      regularTotal: "Total avant réduction",
890      priceColumn: "Voir les détails de la réduction dans la colonne Prix.",
891      addedToCart: "Ajouter au panier !",
892      cartError: "Une erreur est survenue lors de l’actualisation de votre panier. Essayez de nouveau s’il vous plaît.",
893      cartAddError: "Tous les {{ title }} sont dans votre panier.",
894      shippingCalculatorResultsTitleOne: "Il y a 1 tarif :",
895      shippingCalculatorResultsTitleMany: "Il y a {{ count }} tarifs :",
896      dateTimeParts: {
897         years: {
898           one: 'an',
899           other: 'ans'
900         },
901         months: {
902           one: 'mois',
903           other: 'mois'
904         },
905         days: {
906           one: 'jour',
907           other: 'jours'
908         },
909         hours: {
910           one: 'heure',
911           other: 'heures'
912         },
913         minutes: {
914           one: 'minute',
915           other: 'minutes'
916         },
917         seconds: {
918           one: 'seconde',
919           other: 'secondes'
920         }
921       },
922       countdownTimerComplete: "Compte à rebours expiré.",
923       countdownTimerSRText: "Minuteur de compte à rebours jusqu\u0026#39;à {{ target }}, avec environ {{ time_left }} restants."
924    },
925    routes: {
926      root_url: "\/",
927      predictive_search_url: "\/search\/suggest",
928      cart_url: "\/cart",
929      cart_add_url: "\/cart\/add",
930      cart_change_url: "\/cart\/change",
931      cart_update_url: "\/cart\/update",
932      cart_clear_url: "\/cart\/clear",
933    },
934    moneyFormat: "€{{amount_with_comma_separator}}",
935    moneyWithCurrencyFormat: "€{{amount_with_comma_separator}} EUR",
936    get defaultMoneyFormat() {
937      return this.moneyFormat;
938    },
939    cartItemCount: 0,
940    settings: {
941      cartType: "page",
942      openDrawerOnAddToCart: true,
943      productAvailabilityMode: "top_down"
944    },
945    locale: {
946      isoCode: 'fr-AM',
947      timeZone: '+0200'
948    },
949    info: {
950      name: 'Baseline',
951    }
952  };
953</script>
953
954<link rel="preload" as="font" type="font/woff2" href="//views.fr/cdn/shop/t/23/assets/NeueHaasUnica-Regular.woff2?v=5342603489214333391788180138" crossorigin>
955<link rel="preload" as="font" type="font/woff2" href="//views.fr/cdn/shop/t/23/assets/NeueHaasUnica-Bold.woff2?v=149055426578686824001788180129" crossorigin>
956
957<style>
958/* --- @font-face : déclare seulement ce que tu utilises au quotidien --- */
959@font-face{
960  font-family: "Neue Haas Unica";
961  src: url("//views.fr/cdn/shop/t/23/assets/NeueHaasUnica-Light.woff2?v=20004283908239087431788180135") format("woff2");
962  font-weight: 300; font-style: normal; font-display: swap;
963}
964@font-face{
965  font-family: "Neue Haas Unica";
966  src: url("//views.fr/cdn/shop/t/23/assets/NeueHaasUnica-Regular.woff2?v=5342603489214333391788180138") format("woff2");
967  font-weight: 400; font-style: normal; font-display: swap;
968}
969@font-face{
970  font-family: "Neue Haas Unica";
971  src: url("//views.fr/cdn/shop/t/23/assets/NeueHaasUnica-Italic.woff2?v=20993476571545308061788180134") format("woff2");
972  font-weight: 400; font-style: italic; font-display: swap;
973}
974@font-face{
975  font-family: "Neue Haas Unica";
976  src: url("//views.fr/cdn/shop/t/23/assets/NeueHaasUnica-Medium.woff2?v=105829431313495192941788180136") format("woff2");
977  font-weight: 500; font-style: normal; font-display: swap;
978}
979@font-face{
980  font-family: "Neue Haas Unica";
981  src: url("//views.fr/cdn/shop/t/23/assets/NeueHaasUnica-Bold.woff2?v=149055426578686824001788180129") format("woff2");
982  font-weight: 700; font-style: normal; font-display: swap;
983}
984@font-face{
985  font-family: "Neue Haas Unica";
986  src: url("//views.fr/cdn/shop/t/23/assets/NeueHaasUnica-BoldItalic.woff2?v=102406801415708186821788180129") format("woff2");
987  font-weight: 700; font-style: italic; font-display: swap;
988}
989
990/* --- Variables globales : on remplace celles du thème (Instrument Sans) --- */
991:root,
992[data-color-scheme]{
993  --heading-font-stack: "Libre Caslon Text", Georgia, serif;
994  --body-font-stack: "Neue Haas Unica", system-ui, -apple-system, "Segoe UI",
995                      Roboto, "Helvetica Neue", Arial, sans-serif;
996
997  /* alias utilisés par pas mal de thèmes */
998  --font-heading: var(--heading-font-stack);
999  --font-body: var(--body-font-stack);
1000}
1001
1002/* Sécurise la police par défaut si le thème ne pose pas la famille sur <body> */
1003html, body { font-family: var(--body-font-stack); }
1004</style>
1004<script src="//views.fr/cdn/shop/t/23/assets/utils.js?v=144936914117470822981788180100" defer></script>
1004
1005    
1005<script src="//views.fr/cdn/shop/t/23/assets/images.js?v=176462044126290700591788180089" defer></script>
1005
1006    
1006<script>
1007      window.themeEventsDebugMode = false;
1008    </script>
1008
1009    
1009<script src="//views.fr/cdn/shop/t/23/assets/theme-events.js?v=89570202488828791981788180100" defer></script>
1009
1010
1011    
1012
1013    
1014
1015
1016<!-- BEGIN app block: shopify://apps/paywhirl-subscriptions/blocks/paywhirl-customer-portal/41e95d60-82cf-46e8-84de-618d7e4c37b7 -->
1017
1018
1019
1020<style>
1021@keyframes paywhirl-customer-portal-loader {
1022  0% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
1023  100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
1024}
1025
1026#paywhirl-customer-portal-frame {
1027  width: 100%;
1028  height: 0;
1029  border: none;
1030}
1031
1032#paywhirl-customer-portal-loader {
1033  margin-top: 100px;
1034  text-align: center;
1035}
1036
1037html.paywhirl-customer-portal main > :not(#paywhirl-customer-portal-wrap) {
1038  display: none !important;
1039}
1040</style>
1041
1042<script type="text/javascript">
1043(function() {
1044  const locale = window.Shopify && window.Shopify.locale ? window.Shopify.locale : 'en';
1045
1046  const showSubscriptionsLink = true;
1047  const showCustomerLoginNote = true;
1048  const showAddressChangeNote = true;
1049
1050  addEventListener('DOMContentLoaded', () => {
1051    const accountPath = '/account'
1052    if (showSubscriptionsLink && location.pathname === accountPath) {
1053      addSubscriptionsUrl()
1054    }
1055
1056    const addressesPath = '/account/addresses'
1057    if (showAddressChangeNote && location.pathname === addressesPath) {
1058      addAddressChangeNote()
1059    }
1060
1061    const accountLoginPath = 'https://views.fr/customer_authentication/redirect?locale=fr&region_country=AM'
1062    if (showCustomerLoginNote && location.pathname === accountLoginPath) {
1063      addCustomerLoginNote()
1064    }
1065  }, { once: true });
1066
1067  const portalPage = (() => {
1068    const match = location.search.match(/[\?&]pw-page=([^&]+)/);
1069    return match ? decodeURIComponent(match[1]) : null;
1070  })()
1071
1072  if (!portalPage) {
1073    return;
1074  }
1075
1076  document.querySelector('html').classList.add('paywhirl-customer-portal');
1077
1078  function addSubscriptionsUrl() {
1079    const addressesLinkElements = document.querySelectorAll('[href="/account/addresses"]');
1080
1081    Array.from(addressesLinkElements).forEach((addressesLinkElement) => {
1082      let targetElement = addressesLinkElement;
1083      let snippet = new DocumentFragment();
1084
1085      const subscriptionLinkElement = document.createElement('A');
1086      const linkClasses = addressesLinkElement.getAttribute('class');
1087      subscriptionLinkElement.innerHTML = t('general:account-subscriptions-link', 'My Subscriptions');
1088      subscriptionLinkElement.setAttribute('href', '/account?pw-page=%2F');
1089      linkClasses && subscriptionLinkElement.setAttribute('class', linkClasses);
1090
1091      if (!targetElement.nextElementSibling && !targetElement.previousElementSibling) {
1092          targetElement = addressesLinkElement.parentElement;
1093
1094          const container = document.createElement(targetElement.tagName);
1095          const containerClasses = targetElement.getAttribute('class');
1096          containerClasses && container.setAttribute('class', containerClasses);
1097
1098          snippet = container;
1099      }
1100
1101      snippet.appendChild(subscriptionLinkElement);
1102
1103      targetElement.after(snippet)
1104
1105      const targetDisplayStyle = window.getComputedStyle(targetElement).display;
1106      if (['inline', 'inline-block'].includes(targetDisplayStyle)) {
1107          targetElement.after(document.createElement('BR'))
1108      }
1109    });
1110  }
1111
1112  function addAddressChangeNote() {
1113    const addressesPath = '/account/addresses'
1114    const forms = document.querySelectorAll('form[action^="' + addressesPath + '"]')
1115
1116    Array.from(forms).forEach((form) => {
1117      const submitButton = form.querySelector('[type="submit"]')
1118      const infoText = document.createElement('P')
1119      const subscriptionsLink = t('general:account-subscriptions-link', 'my subscriptions').toLowerCase()
1120      const text = t('general:default-address-change-note', "Changing your default address does not affect existing subscriptions. If you'd like to change your delivery address for recurring orders, please visit the _SUBSCRIPTIONS_LINK_ page")
1121      infoText.innerHTML = text.replace('_SUBSCRIPTIONS_LINK_', '<a href="/account?pw-page=%2F">' + subscriptionsLink + '</a>')
1122
1123      if (submitButton) {
1124        submitButton.parentElement.insertBefore(infoText, submitButton)
1125        return
1126      }
1127
1128      const defaultAddressInput = form.querySelector('input[name="address[default]"]')
1129      if (defaultAddressInput) {
1130        defaultAddressInput.parentElement.insertBefore(infoText, defaultAddressInput)
1131      }
1132    })
1133  }
1134
1135  function addCustomerLoginNote() {
1136    const accountLoginPath = 'https://views.fr/customer_authentication/redirect?locale=fr&region_country=AM'
1137    const forms = document.querySelectorAll('form[action^="' + accountLoginPath + '"]')
1138
1139    Array.from(forms).forEach((form) => {
1140      const textNote = document.createElement('P')
1141      textNote.innerHTML = t('general:customer-login-page-note', 'In order to access your subscriptions, create an account with the same email address')
1142      form.append(textNote)
1143    })
1144  }
1145
1146  function t(key, defaultValue) {
1147    const settings = {"translations":{"default:general:are-you-sure":"\u00cates-vous s\u00fbr.e ?","default:general:account-header":"My account","default:general:account-return-link":"Return to A
1147ccount Details","default:general:account-subscriptions-link":"My Subscriptions","default:general:account-orders-link":"Orders","default:general:account-log-out-link":"Log out","default:general:account-go-to-store-link":"Go to store","default:general:customer-login-page-note":"In order to access your subscriptions, create an account with the same email address","default:general:default-address-change-note":"Changing your default address does not affect existing subscriptions. If you'd like to change your delivery address for recurring orders, please visit the _SUBSCRIPTIONS_LINK_ page","default:plan-selector:header":"Purchase options","default:plan-selector:one-time-purchase-label":"One-time purchase","default:plan-selector:price-from-label":"from","default:plan-selector:price-each-label":"each","default:plan-selector:price-save-label":"Save","default:plan-selector:price-save-up-to-label":"Save up to","default:plan-selector:about-subscriptions-label":"About subscriptions","default:plan-selector:about-subscriptions-content":"When you purchase a subscription, your payment details will be stored securely and you'll receive repeat deliveries based on the frequency and duration that you select.","fr:general:are-you-sure":"\u00cates-vous s\u00fbr ?","fr:plan-selector:header":"Options d'achat","fr:general:account-header":"Mon compte","fr:general:account-orders-link":"Commandes","fr:general:account-return-link":"Retourner aux d\u00e9tails du compte","fr:general:account-log-out-link":"Se d\u00e9connecter","fr:plan-selector:price-each-label":"chacun","fr:plan-selector:price-from-label":"de","fr:general:account-go-to-store-link":"Aller \u00e0 la boutique","fr:general:customer-login-page-note":"Pour acc\u00e9der \u00e0 vos abonnements, cr\u00e9ez un compte avec la m\u00eame adresse","fr:general:account-subscriptions-link":"Mes abonnements","fr:plan-selector:one-time-purchase-label":"Achat unique (15\u20ac)","fr:plan-selector:about-subscriptions-label":"\u00c0 propos des abonnements","fr:plan-selector:about-subscriptions-content":"Lorsque vous souscrivez \u00e0 un abonnement vos donn\u00e9es sous stock\u00e9es de fa\u00e7on s\u00e9curis\u00e9e et vous recevez le produit au rythme s\u00e9lectionn\u00e9."}};
1148
1149    const defaultKey = `default:${key}`;
1150    const localeKey = `${locale}:${key}`;
1151    const translations = settings && settings.translations ? settings.translations : {};
1152    const defaultTranslation = translations[defaultKey] ? translations[defaultKey] : defaultValue;
1153
1154    return translations[localeKey] ? translations[localeKey] : defaultTranslation;
1155  }
1156
1157  const template = `
1158    <div id="paywhirl-customer-portal-wrap" class="page-width">
1159      <div id="paywhirl-customer-portal-loader">
1160<svg
1161  aria-hidden="true"
1162  focusable="false"
1163  role="presentation"
1164  style="animation: paywhirl-customer-portal-loader 500ms infinite linear;display:inline-block;width:20px;height:20px;vertical-align:middle;fill:currentColor;"
1165  viewBox="0 0 20 20"
1166>
1167  <path d="M7.229 1.173a9.25 9.25 0 1 0 11.655 11.412 1.25 1.25 0 1 0-2.4-.698 6.75 6.75 0 1 1-8.506-8.329 1.25 1.25 0 1 0-.75-2.385z" fill="#919EAB"/>
1168</svg>
1169</div>
1170      <iframe id="paywhirl-customer-portal-frame" src="/a/paywhirl${portalPage}?locale=${locale}&use_built_in_stylesheets=1"></iframe>
1171    </div>
1172  `;
1173
1174  addEventListener('load', () => {
1175    const containerSelector = "main";
1176    const container = document.querySelector(containerSelector);
1177
1178    if (!container) {
1179      return console.log(`The container element '${containerSelector}' for the PayWhirl Customer Portal couldn't be found. Please review the corresponding setting in Theme settings -> App embeds or contact our support.`);
1180    }
1181
1182    container.innerHTML = template;
1183  })
1184})()
1185</script>
1185
1186
1187<!-- END app block --><!-- BEGIN app block: shopify://apps/tinyseo-seo-speed/blocks/website-json-ld-embed/0605268f-f7c4-4e95-b560-e43df7d59ae4 -->
1188
1189
1190
1191
1192
1193
1194<script type="application/ld+json" id="tinyimg-website-json-ld">
1195{
1196    "@context": "https://schema.org",
1197    "@type": "WebSite",
1198    "@id": "https://views.fr#website",
1199    "name": "Views",
1200    
1201"url": "https://views.fr","sameAs": [
1202    
1203      "instagram.com\/viewsfrance"
1204    ],"potentialAction": {
1205      "@type": "SearchAction",
1206      "target": "https://views.fr/search?q={query}",
1207      "query-input": "required name=query",
1208      "url": "https://views.fr"
1209    }
1210}
1211</script>
1211
1212<!-- END app block --><!-- BEGIN app block: shopify://apps/tinyseo-seo-speed/blocks/store-json-ld-embed/0605268f-f7c4-4e95-b560-e43df7d59ae4 -->
1213
1214
1215
1216
1217
1218<script type="application/ld+json" id="tinyimg-store-json-ld">
1219
1220{
1221 "@context": "https://schema.org",
1222 "@type": "BookStore",
1223 "@id": "https://views.fr#bookstore",
1224 "name":"Views",
1225 
1226 "url": "https://views.fr","openingHoursSpecification": {
1227    "@type": "OpeningHoursSpecification",
1228    "dayOfWeek": [
1229      "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"
1230    ],
1231    "opens": "00:00",
1232    "closes": "23:59"
1233  },"description": "Culture of change.","telephone": "0662548544","contactPoint": {
1234   "@type": "ContactPoint",
1235   "contactType": "customer support","telephone": "0662548544","email": "[email protected]"
1236},"image": "https:\/\/cdn.shopify.com\/s\/files\/1\/0939\/5417\/9404\/files\/Views-Logo-2023-Retina-1.png?v=1749597051"
1237 }
1238</script>
1238
1239<!-- END app block --><!-- BEGIN app block: shopify://apps/tinyseo-seo-speed/blocks/breadcrumbs-json-ld-embed/0605268f-f7c4-4e95-b560-e43df7d59ae4 -->
1239<script type="application/ld+json" id="tinyimg-breadcrumbs-json-ld">
1240      {
1241        "@context": "https://schema.org",
1242        "@type": "BreadcrumbList",
1243        "itemListElement": [
1244          {
1245            "@type": "ListItem",
1246            "position": 1,
1247            "item": {
1248              "@id": "https://views.fr",
1249          "name": "Home"
1250        }
1251      }
1252      
1253      ]
1254    }
1255  </script>
1255
1256<!-- END app block --><!-- BEGIN app block: shopify://apps/pagefly-ai-page-builder/blocks/app-embed/83e179f7-59a0-4589-8c66-c0dddf959200 -->
1257
1258<!-- BEGIN app snippet: pagefly-cro-ab-testing-main -->
1259
1260
1261
1262
1263
1264
1265
1266<script>
1267  ;(function () {
1268    const url = new URL(window.location)
1269    const viewParam = url.searchParams.get('view')
1270    if (viewParam && viewParam.includes('variant-pf-')) {
1271      url.searchParams.set('pf_v', viewParam)
1272      url.searchParams.delete('view')
1273      window.history.replaceState({}, '', url)
1274    }
1275  })()
1276</script>
1276
1277
1278
1279
1280<script type='module'>
1281  
1282  window.PAGEFLY_CRO = window.PAGEFLY_CRO || {}
1283
1284  window.PAGEFLY_CRO['data_debug'] = {
1285    original_template_suffix: "home",
1286    allow_ab_test: false,
1287    ab_test_start_time: 0,
1288    ab_test_end_time: 0,
1289    today_date_time: 1790936334000,
1290  }
1291  window.PAGEFLY_CRO['GA4'] = { enabled: false}
1292</script>
1292
1293
1294<!-- END app snippet -->
1295
1296
1297
1298
1299
1300
1301
1302
1303  
1303<script src='https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-helper.js' defer='defer'></script>
1303
1304
1305  
1305<script src='https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-general-helper.js' defer='defer'></script>
1305
1306
1307  
1307<script src='https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-snap-slider.js' defer='defer'></script>
1307
1308
1309  
1309<script src='https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-slideshow-v3.js' defer='defer'></script>
1309
1310
1311  
1311<script src='https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-slideshow-v4.js' defer='defer'></script>
1311
1312
1313  
1313<script src='https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-glider.js' defer='defer'></script>
1313
1314
1315  
1315<script src='https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-slideshow-v1-v2.js' defer='defer'></script>
1315
1316
1317  
1317<script src='https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-product-media.js' defer='defer'></script>
1317
1318
1319  
1319<script src='https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-product.js' defer='defer'></script>
1319
1320
1321
1322<script id='pagefly-helper-data' type='application/json'>
1323  {
1324    "page_optimization": {
1325      "assets_prefetching": false
1326    },
1327    "elements_asset_mapper": {
1328      "Accordion": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-accordion.js",
1329      "Accordion3": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-accordion3.js",
1330      "CountDown": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-countdown.js",
1331      "GMap1": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-gmap.js",
1332      "GMap2": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-gmap.js",
1333      "GMapBasicV2": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-gmap.js",
1334      "GMapAdvancedV2": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-gmap.js",
1335      "HTML.Video": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-htmlvideo.js",
1336      "HTML.Video2": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-htmlvideo2.js",
1337      "HTML.Video3": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-htmlvideo2.js",
1338      "BackgroundVideo": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-htmlvideo2.js",
1339      "Instagram": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-instagram.js",
1340      "Instagram2": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-instagram.js",
1341      "Insta3": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-instagram3.js",
1342      "Tabs": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-tab.js",
1343      "Tabs3": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-tab3.js",
1344      "ProductBox": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-cart.js",
1345      "FBPageBox2": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-facebook.js",
1346      "FBLikeButton2": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-facebook.js",
1347      "TwitterFeed2": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-twitter.js",
1348      "Paragraph4": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-paragraph4.js",
1349
1350      "AliReviews": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1351      "BackInStock": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1352      "GloboBackInStock": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1353      "GrowaveWishlist": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1354      "InfiniteOptionsShopPad": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1355      "InkybayProductPersonalizer": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder
1355-363/assets/pagefly-3rd-elements.js",
1356      "LimeSpot": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1357      "Loox": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1358      "Opinew": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1359      "Powr": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1360      "ProductReviews": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1361      "PushOwl": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1362      "ReCharge": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1363      "Rivyo": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1364      "TrackingMore": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1365      "Vitals": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js",
1366      "Wiser": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-3rd-elements.js"
1367    },
1368    "custom_elements_mapper": {
1369      "pf-click-action-element": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-click-action-element.js",
1370      "pf-dialog-element": "https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-dialog-element.js"
1371    }
1372  }
1373</script>
1373
1374
1375<script id='pagefly-heatmap-config' type='application/json'>
1376  {}
1377</script>
vendor: 1 bytes, line 1377
1377
1378<script>
1379  (function () {
1380    var el = document.getElementById('pagefly-heatmap-config')
1381    if (!el) { window.__pagefly_heatmap_config__ = {}; return }
1382    try {
1383      window.__pagefly_heatmap_config__ = JSON.parse(el.textContent || '{}') || {}
1384    } catch (e) {
1385      window.__pagefly_heatmap_config__ = {}
1386    }
1387  })()
1388</script>
vendor: 1 bytes, line 1388
1388
1389<script>
1390  // Heatmap overlay loader. Three gates, all of them cheap, none of them trusting the URL:
1391  // the visitor must have arrived on a pf_heatmap link, the SERVER must have published an
1392  // overlay path in the metafield, and this page must already be one the merchant enabled
1393  // tracking for. The last gate is what stops a crafted link pulling the asset onto an
1394  // arbitrary storefront page. Everything else is decided inside the asset, and by the server.
1395  (function () {
1396    var cfg = window.__pagefly_heatmap_config__ || {}
1397    var id = (window.__pagefly_page_setting__ || {}).pageId
1398    if (!/[#&]pf_heatmap=/.test(window.location.hash || '')) return
1399    if (!cfg.overlay_data_path || !Array.isArray(cfg.enabled_page_ids)) return
1400    if (!id || cfg.enabled_page_ids.indexOf(id) === -1) return
1401    var s = document.createElement('script')
1402    s.src = 'https://cdn.shopify.com/extensions/01a0f807-168f-7fcf-a3d0-e91e9a539d12/pagefly-ai-page-builder-363/assets/pagefly-heatmap-overlay.js'
1403    s.defer = true
1404    document.head.appendChild(s)
1405  })()
1406</script>
1406
1407
1408<!-- BEGIN app snippet: pf-ai-schema -->
1409<!-- END app snippet -->
1410
1411
1412<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
1413
1414
1415
1416
1417
1418
1419
1420
1421
1422
1423
1424
1425  
1425<script async src="https://static.klaviyo.com/onsite/js/YwgPDR/klaviyo.js?company_id=YwgPDR"></script>
1425
1426  
1426<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>
1426
1427
1428  
1429
1430
1431
1432
1433  
1433<script>
1434    window.klaviyoReviewsProductDesignMode = false
1435  </script>
1435
1436
1437
1438
1439
1440
1441
1442
1443
1444
1445<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1446<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: 93954179404,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>
vendor: 1 bytes, line 1446
1446
1447<script>
1448  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1449</script>
vendor: 1 bytes, line 1449
1449
1450<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,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={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,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1450).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 93954179404,storefrontBaseUrl: "https://views.fr",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://views.fr/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"5601132876","configuration":"{\"appProxyPath\":\"\/apps\/pagefly\",\"analyticsEndpoint\":\"undefined\/analytics-v2\/events\",\"focusDuration\":\"3\",\"enableAdvancedTracking\":\"true\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"1e023fb0c721518c0dce4129e4d87a86","type":"APP","apiClientId":1743893,"privacyPurposes":["ANALYTICS","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"3257598284","configuration":"{\"pixel_id\":\"1183099693749490\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2356412748","configuration":"{\"pixelCode\":\"D18NUI3C77U9NQ0HLMTG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2233434444","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-NTWSX4627D\\\",\\\"GT-WPT2WK3H\\\"],\\\"target_country\\\":\\\"FR\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-1EPX0QY24B\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-1EPX0QY24B\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-1EPX0QY24B\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-1EPX0QY24B\\\",\\\"MC-84130J8QHF\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-1EPX0QY24B\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-1EPX0QY24B\\\",\\\"MC-84130J8QHF\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-1EPX0QY24B\\\",\\\"MC-84130J8QHF\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-1EPX0QY24B\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-1EPX0QY24B\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-1EPX0QY24B\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-1EPX0QY24B\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2205581644","configuration":"{\"accountID\":\"1220658\",\"workspaceId\":\"4be05306-4a95-445c-9c22-029e553b8dcd\",\"projectId\":\"eb700bd5-5c7f-40e8-a7ba-fe533bc7063a\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d98eb033f1e81320021a411362de3a55","type":"APP","apiClientId":5461967,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]}
1450,"dataSharingState":"unrestricted"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Views","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"biqd0q-jd.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/views.fr"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"14894040449356","handle":"views-magazine-007","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52589968130380","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15788180963660","handle":"views-magazine-006-ibrahima-konate","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57680468902220","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14894040285516","handle":"views-magazine-005","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52589967704396","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15418357285196","handle":"views-magazine-004","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56093703962956","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14893943259468","handle":"views-magazine-003","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52589621903692","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14840950161740","handle":"views-magazine-002","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52387021357388","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14841993167180","handle":"views-magazine-001","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52392160198988","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://views.fr/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"204779848012","themeStoreId":"910","themePublished":"true","eventMetadataId":"75b70bb5-ed3b-4000-9538-f115357d3078","pageType":"home","shopId":"93954179404","storefrontBaseUrl":"https:\/\/views.fr","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1450<script>
1451  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1452  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1453  window.ShopifyAnalytics.meta.currency = 'EUR';
1454  var meta = {"page":{"pageType":"home","requestId":"84c8f667-4f90-4ff6-bbd8-d9ea3e0516f9-1790936334"}};
1455  for (var attr in meta) {
1456    window.ShopifyAnalytics.meta[attr] = meta[attr];
1457  }
1458</script>
vendor: 1 bytes, line 1458
1458
1459<script class="analytics">
1460  (function () {
1461    var customDocumentWrite = function(content) {
1462      var jquery = null;
1463
1464      if (window.jQuery) {
1465        jquery = window.jQuery;
1466      } else if (window.Checkout && window.Checkout.$) {
1467        jquery = window.Checkout.$;
1468      }
1469
1470      if (jquery) {
1471        jquery('body').append(content);
1472      }
1473    };
1474
1475    var hasLoggedConversion = function(token) {
1476      if (token) {
1477        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1478      }
1479      return false;
1480    }
1481
1482    var setCookieIfConversion = function(token) {
1483      if (token) {
1484        var twoMonthsFromNow = new Date(Date.now());
1485        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1486
1487        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1488      }
1489    }
1490
1491    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1492    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1493    if (trekkie.integrations) {
1494      return;
1495    }
1496    trekkie.methods = [
1497      'identify',
1498      'page',
1499      'ready',
1500      'track',
1501      'trackForm',
1502      'trackLink'
1503    ];
1504    trekkie.factory = function(method) {
1505      return function() {
1506        var args = Array.prototype.slice.call(arguments);
1507        args.unshift(method);
1508        trekkie.push(args);
1509        if (method == 'track' || method == 'page') {
1510          var pageUrl;
1511          try {
1512            pageUrl = window.location.href;
1513          } catch (e) {}
1514          var pageReferrer;
1515          try {
1516            pageReferrer = document.referrer;
1517          } catch (e) {}
1518          try {
1519            if (window.__TREKKIE_SHIM_QUEUE == null) {
1520              window.__TREKKIE_SHIM_QUEUE = [];
1521            }
1522            window.__TREKKIE_SHIM_QUEUE.push({
1523              from: 'trekkie-stub',
1524              method: method,
1525              args: args.slice(1),
1526              pageContext: {
1527                url: pageUrl,
1528                referrer: pageReferrer
1529              }
1530            });
1531          } catch (e) {
1532            // no-op
1533          }
1534        }
1535        return trekkie;
1536      };
1537    };
1538    for (var i = 0; i < trekkie.methods.length; i++) {
1539      var key = trekkie.methods[i];
1540      trekkie[key] = trekkie.factory(key);
1541    }
1542    trekkie.load = function(config) {
1543      trekkie.config = config || {};
1544      trekkie.config.initialDocumentCookie = document.cookie;
1545      var first = document.getElementsByTagName('script')[0];
1546var script = document.createElement('script');
1547script.type = 'text/javascript';
1548script.onerror = function(e) {
1549  var scriptFallback = document.createElement('script');
1550  scriptFallback.type = 'text/javascript';
1551  scriptFallback.onerror = function(error) {
1552          var Monorail = {
1553      produce: function produce(monorailDomain, schemaId, payload) {
1554        var currentMs = new Date().getTime();
1555        var event = {
1556          schema_id: schemaId,
1557          payload: payload,
1558          metadata: {
1559            event_created_at_ms: currentMs,
1560            event_sent_at_ms: currentMs
1561          }
1562        };
1563        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1564      },
1565      sendRequest: function sendRequest(endpointUrl, payload) {
1566        // Try the sendBeacon API
1567        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1568          var blobData = new window.Blob([payload], {
1569            type: 'text/plain'
1570          });
1571
1572          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1573            return true;
1574          } // sendBeacon was not successful
1575
1576        } // XHR beacon
1577
1578        var xhr = new XMLHttpRequest();
1579
1580        try {
1581          xhr.open('POST', endpointUrl);
1582          xhr.setRequestHeader('Content-Type', 'text/plain');
1583          xhr.send(payload);
1584        } catch (e) {
1585          console.log(e);
1586        }
1587
1588        return false;
1589      },
1590      isIos12: function isIos12() {
1591        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1592      }
1593    };
1594    Monorail.produce('monorail-edge.shopifysvc.com',
1595      'trekkie_storefront_load_errors/1.1',
1596      {shop_id: 93954179404,
1597      theme_id: 204779848012,
1598      app_name: "storefront",
1599      context_url: window.location.href,
1600      source_url: "//views.fr/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1601
1602  };
1603  scriptFallback.async = true;
1604  scriptFallback.src = '//views.fr/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1605  first.parentNode.insertBefore(scriptFallback, first);
1606};
1607script.async = true;
1608script.src = '//views.fr/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1609first.parentNode.insertBefore(script, first);
1610
1611    };
1612    trekkie.load(
1613      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":93954179404,"isMerchantRequest":null,"themeId":204779848012,"themeCityHash":"14947348532009597979","contentLanguage":"fr","currency":"EUR","eventMetadataId":"75b70bb5-ed3b-4000-9538-f115357d3078"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1614    );
1615
1616    var loaded = false;
1617    trekkie.ready(function() {
1618      if (loaded) return;
1619      loaded = true;
1620
1621      window.ShopifyAnalytics.lib = window.trekkie;
1622
1623      var originalDocumentWrite = document.write;
1624      document.write = customDocumentWrite;
1625      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1626      document.write = originalDocumentWrite;
1627
1628      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1629      var token = match? match[1]: undefined;
1630      if (!hasLoggedConversion(token)) {
1631        setCookieIfConversion(token);
1632        
1633      }
1634    });
1635
1636    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"84c8f667-4f90-4ff6-bbd8-d9ea3e0516f9-1790936334","shopifyEmitted":true});
1637
1638    var eventsListenerScript = document.createElement('script');
1639    eventsListenerScript.async = true;
1640    eventsListenerScript.src = "//views.fr/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1641    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1642})();</script>
vendor: 1 bytes, line 1642
1642
1643<script
1644  defer
1645  src="https://views.fr/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1646  data-application="storefront-renderer"
1647  data-shop-id="93954179404"
1648  data-render-region="gcp-europe-west1"
1649  data-page-type="index"
1650  data-theme-instance-id="204779848012"
1651  data-theme-name="Baseline"
1652  data-theme-version="5.4.0"
1653  data-monorail-region="shop_domain"
1654  data-resource-timing-sampling-rate="10"
1655  data-shs="true"
1656  data-shs-beacon="true"
1657  data-shs-export-with-fetch="true"
1658  data-shs-logs-sample-rate="1"
1659  data-shs-beacon-endpoint="https://views.fr/api/collect"
1660></script>
vendor: 1 bytes, line 1660
1660
1661<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1661<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"93954179404","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Se connecter ou créer un compte"},{"key":"account_menu.signed_out_state.section_divider","value":"Autres moyens de connexion"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OU"},{"key":"account_menu.signed_out_state.email_field_label","value":"E-mail"},{"key":"account_menu.signed_out_state.orders_button","value":"Commandes"},{"key":"account_menu.signed_out_state.profile_button","value":"Profil"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Se connecter avec Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continuer avec Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continuer avec Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Envoyez-moi des nouvelles et des offres par e-mail"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Bonjour, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Compte"},{"key":"account_menu.signed_in_state.orders_button","value":"Commandes"},{"key":"account_menu.signed_in_state.profile_button","value":"Profil"},{"key":"account_menu.location_picker.sheet_title","value":"Emplacements"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Rechercher"},{"key":"account_menu.aria_labels.close_menu","value":"Fermer le menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Retour au menu principal depuis {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, ouvre le sous-menu"},{"key":"account_menu.aria_labels.loading_menu","value":"Chargement du menu"},{"key":"account_menu.aria_labels.account","value":"Compte"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Se connecter avec e-mail"},{"key":"account_menu.aria_labels.sign_in","value":"Se connecter"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"AM","language":"fr"}}</script>
1661
1662<meta name="shopify-y" content="990c06aa-048c-4385-8503-fdca5fb5da7b" data-expiration="1822493934000"><meta name="shopify-s" content="fae7a95a-9c6f-4b87-bcd9-c1d2b9ed2563" data-expiration="1790938134000"><meta name="new-cookie-storage-activated" content="t">
1663</head>
1663<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
1663
1664
1665  <body class="">
1666    <a class="skip-link" href="#MainContent">Passer au contenu</a>
1667
1668    <!-- BEGIN sections: header-group -->
1669<div id="shopify-section-sections--31700916961612__header" class="shopify-section shopify-section-group-header-group section-header relative z-60">
1670
1671
1672
1673<data-island
1674  x-data="Header"
1675  class="block"
1676  :class="{ 'is-stuck' : isStuck }"
1677  
1678    data-sticky="true"
1679  
1680  
1681  data-color-scheme="scheme1"
1682  data-overlay-header-with-sticky="false"
1683  data-overlay-text-color-scheme="scheme4"
1684  id="sections--31700916961612__header"
1685  data-theme-header
1686>
1687  
1688    <sticky-header-height-helper hidden></sticky-header-height-helper>
1689  
1690  <header
1691    x-ref="header"
1692    class="relative z-10 border-b-gridline border-gridline-color text-scheme-text  border-gridline-color bg-scheme-background"
1693    data-color-scheme="scheme1"
1694  >
1695    <nav
1696      class="relative hidden uppercase lg:block"
1697      aria-label="Principale"
1698    >
1699      <div class="flex items-stretch justify-between gap-x-4 px-section-horizontal-spacing "><div class="flex flex-grow items-stretch">
1700          
1701            <div class="flex mr-6">
1702              <a
1703    href="/"
1704    class="break-word my-auto inline-block py-2 font-body uppercase"
1705    style="--logo-max-width-mobile: 100px; --logo-max-width: 120px;"
1706  >
1707    
1708      <h1 class="contents">
1709    
1710    
1711      <div class="max-w-[var(--logo-max-width-mobile)] lg:max-w-[var(--logo-max-width)]">
1712        
1713<img
1714            src="//views.fr/cdn/shop/files/Logo_Views_Noir_1924a200-a1f8-479f-b249-e527cca88ee3.png?v=1746129265&width=120"
1715            srcset="//views.fr/cdn/shop/files/Logo_Views_Noir_1924a200-a1f8-479f-b249-e527cca88ee3.png?v=1746129265&width=100 100w,//views.fr/cdn/shop/files/Logo_Views_Noir_1924a200-a1f8-479f-b249-e527cca88ee3.png?v=1746129265&width=200 200w,//views.fr/cdn/shop/files/Logo_Views_Noir_1924a200-a1f8-479f-b249-e527cca88ee3.png?v=1746129265&width=300 300w,//views.fr/cdn/shop/files/Logo_Views_Noir_1924a200-a1f8-479f-b249-e527cca88ee3.png?v=1746129265&width=120 120w,//views.fr/cdn/shop/files/Logo_Views_Noir_1924a200-a1f8-479f-b249-e527cca88ee3.png?v=1746129265&width=240 240w,//views.fr/cdn/shop/files/Logo_Views_Noir_1924a200-a1f8-479f-b249-e527cca88ee3.png?v=1746129265&width=360 360w
1716            "
1717            width="1712"
1718            height="425"
1719            loading="eager"
1720            
1721              sizes="(min-width: 1024px) 120px, 100px"
1722            
1723            alt="Views"
1724            
1725          >
1726        
1727
1728        
1729      </div>
1730    
1731    
1732      </h1>
1733    
1734  </a>
1735            </div>
1736          
1737          
1738            <ul
1739    class="flex flex-wrap content-center items-stretch gap-x-4 self-stretch justify-start grow"
1740  >
1741<li class="inline-flex items-center">
1742        
1743      <a
1744        
1745        class="relative flex py-2  font-body uppercase"
1746        href="/collections/abonnement"
1747      >
1748        <span class="m-auto inline-block">S'ABONNER</span>
1749        
1750        
1751      </a>
1752    
1753      </li>
1754<li class="inline-flex items-center">
1755        
1756      <a
1757        
1758        class="relative flex py-2  font-body uppercase"
1759        href="/collections/shop"
1760      >
1761        <span class="m-auto inline-block">SHOP</span>
1762        
1763        
1764      </a>
1765    
1766      </li>
1767<li class="inline-flex items-center">
1768        
1769      <a
1770        
1771        class="relative flex py-2  font-body uppercase"
1772        href="/blogs/interviews"
1773      >
1774        <span class="m-auto inline-block">INTERVIEWS</span>
1775        
1776        
1777      </a>
1778    
1779      </li>
1780<li class="inline-flex items-center">
1781        
1782      <a
1783        
1784        class="relative flex py-2  font-body uppercase"
1785        href="/blogs/stories"
1786      >
1787        <span class="m-auto inline-block">STORIES</span>
1788        
1789        
1790      </a>
1791    
1792      </li>
1793<li class="inline-flex items-center lg:ml-auto">
1794        
1795      <a
1796        
1797        class="relative flex py-2  font-body uppercase"
1798        href="/pages/mon-abonnement"
1799      >
1800        <span class="m-auto inline-block">MON ABONNEMENT</span>
1801        
1802        
1803      </a>
1804    
1805      </li>
1806<li class="inline-flex items-center">
1807        
1808      <a
1809        
1810        class="relative flex py-2  font-body uppercase"
1811        href="/pages/agnes-b-views"
1812      >
1813        <span class="m-auto inline-block">agnès b. × Views</span>
1814        
1815        
1816      </a>
1817    
1818      </li></ul>
1819          
1820        </div>
1821
1822        
1823<div class="flex items-stretch justify-end gap-x-4 text-right "><div class="flex items-stretch whitespace-nowrap">
1824              
1825    <div
1826      class="inline-flex  font-body uppercase"
1827      data-color-scheme="scheme1"
1828    ><shopify-store store-domain="https://views.fr" country="AM" language="fr"></shopify-store>
1829<shopify-account
1830        menu="customer-account-main-menu"
1831        class="my-auto flex h-6 w-6 items-center justify-center antialiased"
1832        style="
1833  --shopify-account-font-heading: var(--heading-font-stack);
1834  --shopify-account-font-heading-weight: var(--heading-font-weight);
1835  --shopify-account-font-heading-transform: var(--heading-capitalize);
1836  --shopify-account-font-body: var(--body-font-stack);
1837  --shopify-account-font-body-weight: var(--body-font-weight);
1838  --shopify-account-font-body-transform: var(--body-copy-transform);
1839  --shopify-account-radius-base: 0.5rem;
1840  --shopify-account-color-background: rgb(var(--color-scheme-background));
1841  --shopify-account-color-text: rgb(var(--color-scheme-text));
1842  --shopify-account-color-accent: rgb(var(--button-color-background));
1843  --shopify-account-color-accent-hover: rgb(var(--button-color-background));
1844  --shopify-account-color-accent-text: rgb(var(--button-color-text));
1845  --shopify-account-dialog-position-top: var(--sticky-header-height, 20px);
1846  --shopify-account-radius-button: var(--button-border-radius);
1847  --shopify-account-signed-in-avatar-size: 1.5rem;
1848  --shopify-account-avatar-size: 1.5rem;
1849"
1850      ><span
1851            slot="signed-out-avatar"
1852            aria-hidden="true"
1853            class="my-auto inline-block h-6 w-6"
1854            data-color-scheme="header"
1855          >
1856            <svg
1857  class="theme-icon"
1858  xmlns="http://www.w3.org/2000/svg"
1859  fill="none"
1860  viewBox="0 0 24 24"
1861>
1862  <path stroke="currentColor" d="M12 16a19.91 19.91 0 0 0-9.5 2.396V22h19v-3.604A19.91 19.91 0 0 0 12 16ZM7 8a5 5 0 1 0 10 0A5 5 0 0 0 7 8Z" vector-effect="non-scaling-stroke"/>
1863</svg>
1864
1865          </span></shopify-account></div>
1866            </div>
1867            <div class="flex items-stretch whitespace-nowrap">
1868              <data-island
1869  x-data="{ searchOpen: false }"
1870  class="contents"
1871>
1872  <a
1873    x-ref="searchToggle"
1874    @click.prevent="searchOpen = true"
1875    @keydown.space.prevent="searchOpen = true"
1876    class="inline-flex py-2 font-body uppercase"
1877    href="/search"
1878    :role="`button`"
1879  ><span class="sr-only">Rechercher</span>
1880      <span class="my-auto inline-block h-6 w-6 align-middle"><svg
1881  class="theme-icon"
1882  xmlns="http://www.w3.org/2000/svg"
1883  fill="none"
1884  viewBox="0 0 24 24"
1885>
1886  <path stroke="currentColor" d="M2 11a9 9 0 1 0 18 0 9 9 0 0 0-18 0Zm15.364 6.364L22 22" vector-effect="non-scaling-stroke"/>
1887</svg>
1888</span></a>
1889
1890  <data-island
1891    class="absolute z-20 border-y-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing py-2 text-scheme-text  w-full top-full bottom-auto left-0"
1892    x-cloak
1893    x-show="searchOpen"
1894    x-transition:enter="ease duration-200"
1895    x-transition:enter-start="opacity-0"
1896    x-transition:enter-end="opacity-100"
1897    x-transition:leave="ease duration-200"
1898    x-transition:leave-start="opacity-100"
1899    x-transition:leave-end="opacity-0"
1900    
1901      x-data="PredictiveSearch('product,collection,article,page,query')"
1902      x-trap.inert.noscroll="resultsOpen"
1903      @keyup="onKeyup"
1904      @keydown="onKeydown"
1905      @click.outside.prevent="close()"
1906      @keyup.escape.prevent.stop="close(true, $refs.searchToggle)"
1907      @focusin.window="( searchOpen && ! $root.contains($event.target) ) && close()"
1908      style="--results-height: calc(100vh - var(--header-group-height) - var(--search-bar-height) + var(--gridline-width));"
1909      src="//views.fr/cdn/shop/t/23/assets/island-predictive-search.bundle.js?v=181601895277339900721788180092"
1910    
1911    x-ref="searchComponent"
1912    data-color-scheme="scheme1"
1913    on="idle"
1914  >
1915    <div
1916      class="w-full whitespace-normal"
1917    >
1918      <form
1919        action="/search"
1920        method="get"
1921        class="predictive-search-form input-group search"
1922        role="search"
1923      >
1924        <input type="hidden" name="options[prefix]" value="last"><label
1925          for="search-logo_left_menu_left-desktop"
1926          class="hidden"
1927        >Soumettre</label>
1928
1929        <div
1930          class="flex items-center justify-between"
1931        >
1932          <button
1933            class="mr-4 py-2"
1934            aria-label="Soumettre"
1935            type="submit"
1936          >
1937            <span class="inline-block h-6 w-6 align-middle"><svg
1938  class="theme-icon"
1939  xmlns="http://www.w3.org/2000/svg"
1940  fill="none"
1941  viewBox="0 0 24 24"
1942>
1943  <path stroke="currentColor" d="M2 11a9 9 0 1 0 18 0 9 9 0 0 0-18 0Zm15.364 6.364L22 22" vector-effect="non-scaling-stroke"/>
1944</svg>
1945</span>
1946            <span class="sr-only">Soumettre</span>
1947          </button>
1948          <input
1949            id="search-logo_left_menu_left-desktop"
1950            type="search"
1951            name="q"
1952            value=""
1953            placeholder="Rechercher"
1954            class="font-body block w-full bg-transparent placeholder-current"
1955            aria-label="Rechercher"
1956            data-search-input
1957            
1958              :aria-expanded="resultsOpen"
1959              :aria-activedescendant="resultsOpen ? 'predictive-search-results' : false"
1960              aria-owns="predictive-search-results"
1961              aria-controls="predictive-search-results"
1962              aria-autocomplete="list"
1963              autocorrect="off"
1964              autocomplete="off"
1965              autocapitalize="off"
1966              spellcheck="false"
1967              x-ref="input"
1968              x-model.debounce.300="rawQuery"
1969              @focus="onFocus"
1970            
1971          >
1972          <button
1973            class="button__icon ml-4 py-2"
1974            
1975              @click="close()"
1976            
1977            type="button"
1978          >
1979            <span class="sr-only">Fermer</span>
1980            <span class="inline-block h-6 w-6 align-middle"><svg
1981  class="theme-icon"
1982  xmlns="http://www.w3.org/2000/svg"
1983  fill="none"
1984  viewBox="0 0 24 24"
1985>
1986  <path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/>
1987</svg>
1988</span>
1989          </button>
1990        </div><div
1991            tabindex="-1"
1992            x-cloak
1993            class="predictive-search-results absolute left-0 right-0 top-[calc(100%_+_var(--gridline-width))] z-50 h-screen text-scheme-text transition-colors duration-300 ease-out"
1994          >
1995            <template x-if="loading">
1996              <div class="border-b-gridline border-gridline-color bg-scheme-background">
1997                <div
1998                  class="mx-auto py-6 text-center"
1999                >
2000                  <div>Chargement&hellip;</div>
2001                </div>
2002              </div>
2003            </template>
2004            <template x-if="resultsOpen">
2005              <div
2006                x-show="!loading && resultsHTML && resultsOpen"
2007                class="px-section max-h-[--results-height] scroll-py-5 overflow-hidden overflow-y-auto overscroll-none border-b-gridline border-gridline-color bg-scheme-background"
2008                x-html-if-set="resultsHTML"
2009              ></div>
2010            </template>
2011          </div>
2012          <span
2013            class="predictive-search-status sr-only"
2014            role="status"
2015            aria-hidden="true"
2016          ></span></form>
2017    </div>
2018  </data-island>
2019</data-island>
2020
2021            </div>
2022          
2023
2024          <div class="flex items-stretch whitespace-nowrap">
2025            
2026  <a
2027    href="/cart"
2028    class="inline-flex py-2 uppercase  font-body"
2029    
2030  ><div class="pointer-events-none relative my-auto align-middle">
2031        <span
2032          x-show="$store.cartCount.count > 0"
2033          class="absolute right-0 top-1 h-2 w-2 rounded-full bg-scheme-accent"
2034          data-color-scheme="scheme1"
2035          style="display: none;"
2036        ></span>
2037        <span class="inline-block h-6 w-6 fill-current align-top [&_*]:pointer-events-none"><svg
2038  class="theme-icon"
2039  xmlns="http://www.w3.org/2000/svg"
2040  fill="none"
2041  viewBox="0 0 24 24"
2042>
2043  <path stroke="currentColor" d="M2 7h20v15H2V7Zm15 0v-.2A4.8 4.8 0 0 0 12.2 2h-.4A4.8 4.8 0 0 0 7 6.8V7" vector-effect="non-scaling-stroke"/>
2044</svg>
2045</span>
2046        <span class="sr-only" x-text="$store.cartCount.countWithText()">
2047          
20480 articles
2049        </span>
2050      </div></a>
2051          </div>
2052        </div>
2053      </div>
2054
2055      
2056    </nav>
2057
2058    
2059    <nav
2060      aria-label="En-tête"
2061      class="lg:hidden uppercase"
2062    >
2063      <div class="flex items-center justify-between px-section-horizontal-spacing lg:relative">
2064        <div class="flex gap-2 items-center">
2065          
2066            <div>
2067              <a
2068    href="/"
2069    class="break-word my-auto inline-block py-2 font-body uppercase"
2070    style="--logo-max-width-mobile: 100px; --logo-max-width: 120px;"
2071  >
2072    
2073      <h1 class="contents">
2074    
2075    
2076      <div class="max-w-[var(--logo-max-width-mobile)] lg:max-w-[var(--logo-max-width)]">
2077        
2078<img
2079            src="//views.fr/cdn/shop/files/Logo_Views_Noir_1924a200-a1f8-479f-b249-e527cca88ee3.png?v=1746129265&width=120"
2080            srcset="//views.fr/cdn/shop/files/Logo_Views_Noir_1924a200-a1f8-479f-b249-e527cca88ee3.png?v=1746129265&width=100 100w,//views.fr/cdn/shop/files/Logo_Views_Noir_1924a200-a1f8-479f-b249-e527cca88ee3.png?v=1746129265&width=200 200w,//views.fr/cdn/shop/files/Logo_Views_Noir_1924a200-a1f8-479f-b249-e527cca88ee3.png?v=1746129265&width=300 300w,//views.fr/cdn/shop/files/Logo_Views_Noir_1924a200-a1f8-479f-b249-e527cca88ee3.png?v=1746129265&width=120 120w,//views.fr/cdn/shop/files/Logo_Views_Noir_1924a200-a1f8-479f-b249-e527cca88ee3.png?v=1746129265&width=240 240w,//views.fr/cdn/shop/files/Logo_Views_Noir_1924a200-a1f8-479f-b249-e527cca88ee3.png?v=1746129265&width=360 360w
2081            "
2082            width="1712"
2083            height="425"
2084            loading="eager"
2085            
2086              sizes="(min-width: 1024px) 120px, 100px"
2087            
2088            alt="Views"
2089            
2090          >
2091        
2092
2093        
2094      </div>
2095    
2096    
2097      </h1>
2098    
2099  </a>
2100            </div>
2101          
2102          
2103        </div>
2104
2105        
2106
2107        <div class="flex justify-end gap-2 text-right">
2108          
2109            <button
2110    class="inline-block no-js:hidden py-2 uppercase font-body"
2111    :aria-expanded="$store.modals.leftDrawer.contents === 'sidebar'"
2112    @click="$store.modals.open('sidebar')"
2113  ><span class="sr-only pointer-events-none">Menu</span>
2114      <span class="pointer-events-none inline-block h-6 w-6 align-middle"><svg
2115  class="theme-icon"
2116  xmlns="http://www.w3.org/2000/svg"
2117  fill="none"
2118  viewBox="0 0 24 24"
2119>
2120  <path stroke="currentColor" d="M1 4.545h22M1 12h22M1 19.455h22" vector-effect="non-scaling-stroke"/>
2121</svg>
2122</span></button>
2123          
2124
2125          
2126
2127          
2128            <div class="whitespace-nowrap lg:ml-4">
2129              <data-island
2130  x-data="{ searchOpen: false }"
2131  class="contents"
2132>
2133  <a
2134    x-ref="searchToggle"
2135    @click.prevent="searchOpen = true"
2136    @keydown.space.prevent="searchOpen = true"
2137    class="inline-flex py-2 font-body uppercase"
2138    href="/search"
2139    :role="`button`"
2140  ><span class="sr-only">Rechercher</span>
2141      <span class="my-auto inline-block h-6 w-6 align-middle"><svg
2142  class="theme-icon"
2143  xmlns="http://www.w3.org/2000/svg"
2144  fill="none"
2145  viewBox="0 0 24 24"
2146>
2147  <path stroke="currentColor" d="M2 11a9 9 0 1 0 18 0 9 9 0 0 0-18 0Zm15.364 6.364L22 22" vector-effect="non-scaling-stroke"/>
2148</svg>
2149</span></a>
2150
2151  <data-island
2152    class="absolute z-20 border-y-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing py-2 text-scheme-text  w-full top-full bottom-auto left-0"
2153    x-cloak
2154    x-show="searchOpen"
2155    x-transition:enter="ease duration-200"
2156    x-transition:enter-start="opacity-0"
2157    x-transition:enter-end="opacity-100"
2158    x-transition:leave="ease duration-200"
2159    x-transition:leave-start="opacity-100"
2160    x-transition:leave-end="opacity-0"
2161    
2162      x-data="PredictiveSearch('product,collection,article,page,query')"
2163      x-trap.inert.noscroll="resultsOpen"
2164      @keyup="onKeyup"
2165      @keydown="onKeydown"
2166      @click.outside.prevent="close()"
2167      @keyup.escape.prevent.stop="close(true, $refs.searchToggle)"
2168      @focusin.window="( searchOpen && ! $root.contains($event.target) ) && close()"
2169      style="--results-height: calc(100vh - var(--header-group-height) - var(--search-bar-height) + var(--gridline-width));"
2170      src="//views.fr/cdn/shop/t/23/assets/island-predictive-search.bundle.js?v=181601895277339900721788180092"
2171    
2172    x-ref="searchComponent"
2173    data-color-scheme="scheme1"
2174    on="idle"
2175  >
2176    <div
2177      class="w-full whitespace-normal"
2178    >
2179      <form
2180        action="/search"
2181        method="get"
2182        class="predictive-search-form input-group search"
2183        role="search"
2184      >
2185        <input type="hidden" name="options[prefix]" value="last"><label
2186          for="search-logo_left_menu_left-mobile"
2187          class="hidden"
2188        >Soumettre</label>
2189
2190        <div
2191          class="flex items-center justify-between"
2192        >
2193          <button
2194            class="mr-4 py-2"
2195            aria-label="Soumettre"
2196            type="submit"
2197          >
2198            <span class="inline-block h-6 w-6 align-middle"><svg
2199  class="theme-icon"
2200  xmlns="http://www.w3.org/2000/svg"
2201  fill="none"
2202  viewBox="0 0 24 24"
2203>
2204  <path stroke="currentColor" d="M2 11a9 9 0 1 0 18 0 9 9 0 0 0-18 0Zm15.364 6.364L22 22" vector-effect="non-scaling-stroke"/>
2205</svg>
2206</span>
2207            <span class="sr-only">Soumettre</span>
2208          </button>
2209          <input
2210            id="search-logo_left_menu_left-mobile"
2211            type="search"
2212            name="q"
2213            value=""
2214            placeholder="Rechercher"
2215            class="font-body block w-full bg-transparent placeholder-current"
2216            aria-label="Rechercher"
2217            data-search-input
2218            
2219              :aria-expanded="resultsOpen"
2220              :aria-activedescendant="resultsOpen ? 'predictive-search-results' : false"
2221              aria-owns="predictive-search-results"
2222              aria-controls="predictive-search-results"
2223              aria-autocomplete="list"
2224              autocorrect="off"
2225              autocomplete="off"
2226              autocapitalize="off"
2227              spellcheck="false"
2228              x-ref="input"
2229              x-model.debounce.300="rawQuery"
2230              @focus="onFocus"
2231            
2232          >
2233          <button
2234            class="button__icon ml-4 py-2"
2235            
2236              @click="close()"
2237            
2238            type="button"
2239          >
2240            <span class="sr-only">Fermer</span>
2241            <span class="inline-block h-6 w-6 align-middle"><svg
2242  class="theme-icon"
2243  xmlns="http://www.w3.org/2000/svg"
2244  fill="none"
2245  viewBox="0 0 24 24"
2246>
2247  <path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/>
2248</svg>
2249</span>
2250          </button>
2251        </div><div
2252            tabindex="-1"
2253            x-cloak
2254            class="predictive-search-results absolute left-0 right-0 top-[calc(100%_+_var(--gridline-width))] z-50 h-screen text-scheme-text transition-colors duration-300 ease-out"
2255          >
2256            <template x-if="loading">
2257              <div class="border-b-gridline border-gridline-color bg-scheme-background">
2258                <div
2259                  class="mx-auto py-6 text-center"
2260                >
2261                  <div>Chargement&hellip;</div>
2262                </div>
2263              </div>
2264            </template>
2265            <template x-if="resultsOpen">
2266              <div
2267                x-show="!loading && resultsHTML && resultsOpen"
2268                class="px-section max-h-[--results-height] scroll-py-5 overflow-hidden overflow-y-auto overscroll-none border-b-gridline border-gridline-color bg-scheme-background"
2269                x-html-if-set="resultsHTML"
2270              ></div>
2271            </template>
2272          </div>
2273          <span
2274            class="predictive-search-status sr-only"
2275            role="status"
2276            aria-hidden="true"
2277          ></span></form>
2278    </div>
2279  </data-island>
2280</data-island>
2281
2282            </div>
2283          
2284          <div class="whitespace-nowrap lg:ml-4">
2285            
2286  <a
2287    href="/cart"
2288    class="inline-flex py-2 uppercase  font-body"
2289    
2290  ><div class="pointer-events-none relative my-auto align-middle">
2291        <span
2292          x-show="$store.cartCount.count > 0"
2293          class="absolute right-0 top-1 h-2 w-2 rounded-full bg-scheme-accent"
2294          data-color-scheme="scheme1"
2295          style="display: none;"
2296        ></span>
2297        <span class="inline-block h-6 w-6 fill-current align-top [&_*]:pointer-events-none"><svg
2298  class="theme-icon"
2299  xmlns="http://www.w3.org/2000/svg"
2300  fill="none"
2301  viewBox="0 0 24 24"
2302>
2303  <path stroke="currentColor" d="M2 7h20v15H2V7Zm15 0v-.2A4.8 4.8 0 0 0 12.2 2h-.4A4.8 4.8 0 0 0 7 6.8V7" vector-effect="non-scaling-stroke"/>
2304</svg>
2305</span>
2306        <span class="sr-only" x-text="$store.cartCount.countWithText()">
2307          
23080 articles
2309        </span>
2310      </div></a>
2311          </div>
2312        </div>
2313      </div>
2314    </nav>
2315  </header>
2316</data-island>
2317
2318<noscript>
2319  <style data-shopify>
2320    .no-js-focus-wrapper:focus-within .no-js-focus-container {
2321      display: block !important;
2322    }
2323
2324    </style>
2325</noscript>
2326
2327<style data-shopify>
2328  
2329    #shopify-section-sections--31700916961612__header {
2330      position: sticky;
2331      top: 0;
2332      z-index: 60;
2333    }
2334  
2335
2336  :root {
2337    --sticky-header-height: 0;
2338  }
2339</style>
2340
2341
2342
2343  
2343<script>
2344  if (!customElements.get('sticky-header-height-helper')) {
2345    class StickyHeaderHeightHelper extends HTMLElement {
2346      constructor() {
2347        super();
2348      }
2349
2350      connectedCallback() {
2351        const headerEl = this.closest('[data-theme-header]');
2352
2353        const updateStickyHeaderHeight = () => {
2354          if (headerEl && headerEl.getAttribute('data-sticky')) {
2355            document.documentElement.style.setProperty(
2356              '--sticky-header-height',
2357              `${
2358                headerEl.closest('.shopify-section').getBoundingClientRect()
2359                  .height
2360              }px`
2361            );
2362          } else {
2363            
2364
2365            document.documentElement.style.setProperty(
2366              '--sticky-header-height',
2367              '0px'
2368            );
2369          }
2370        };
2371
2372        const debouncedUpdateStickyHeaderHeight = debounce(updateStickyHeaderHeight, 50);
2373
2374        this.resizeObserver = new ResizeObserver(debouncedUpdateStickyHeaderHeight);
2375
2376        this.resizeObserver.observe(headerEl);
2377      }
2378
2379      disconnectedCallback() {
2380        this.resizeObserver.disconnect();
2381        this.resizeObserver = null;
2382      }
2383    }
2384
2385    customElements.define(
2386      'sticky-header-height-helper',
2387      StickyHeaderHeightHelper
2388    );
2389  }
2390  </script>
2390
2391
2392
2393
2394</div>
2395<!-- END sections: header-group --><div id="shopify-section-menu-drawer" class="shopify-section">
2396
2397
2398
2399<data-island
2400  
2401    x-data
2402  
2403  x-init="initTeleport($root); $store.modals.register('sidebar', 'leftDrawer');"
2404  on="idle"
2405>
2406  <template data-should-teleport="#left-drawer-slot">
2407    <template
2408      id="sidebar"
2409      x-if="$store.modals.leftDrawer.contents === 'sidebar'"
2410    >
2411      
2412  <div
2413    
2414      class="uppercase"
2415    
2416    data-modal-label="Menu"
2417  >
2418    <div class="sticky top-0 z-1 flex items-center justify-between border-b-gridline border-gridline-color px-section-horizontal-spacing py-4">
2419      <div aria-hidden="true">&nbsp;</div>
2420      <button
2421        @click.prevent="$store.modals.close('sidebar')"
2422        class="button__icon absolute right-0 top-0 block h-full"
2423        type="button"
2424      >
2425        <span class="sr-only">Fermer</span>
2426        <div class="my-auto mr-section-horizontal-spacing h-6 w-6"><svg
2427  class="theme-icon"
2428  xmlns="http://www.w3.org/2000/svg"
2429  fill="none"
2430  viewBox="0 0 24 24"
2431>
2432  <path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/>
2433</svg>
2434</div>
2435      </button>
2436    </div>
2437    <nav
2438      
2439      aria-label="Principale"
2440    >
2441      <ul><li
2442            class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
2443          ><a class="inline-block py-4 w-full text-heading-standard font-body uppercase" href="/collections/abonnement">
2444                S'ABONNER
2445              </a></li><li
2446            class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
2447          ><a class="inline-block py-4 w-full text-heading-standard font-body uppercase" href="/collections/shop">
2448                SHOP
2449              </a></li><li
2450            class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
2451          ><a class="inline-block py-4 w-full text-heading-standard font-body uppercase" href="/blogs/interviews">
2452                INTERVIEWS
2453              </a></li><li
2454            class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
2455          ><a class="inline-block py-4 w-full text-heading-standard font-body uppercase" href="/blogs/stories">
2456                STORIES
2457              </a></li><li
2458            class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
2459          ><a class="inline-block py-4 w-full text-heading-standard font-body uppercase" href="/pages/mon-abonnement">
2460                MON ABONNEMENT
2461              </a></li><li
2462            class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
2463          ><a class="inline-block py-4 w-full text-heading-standard font-body uppercase" href="/pages/agnes-b-views">
2464                agnès b. × Views
2465              </a></li></ul>
2466    </nav>
2467    <div class="border-t-gridline border-gridline-color">
2468      <nav class="my-6" aria-label="Secondaire">
2469        <ul></ul>
2470      </nav>
2471
2472      
2473
2474      
2475        <div class="px-section-horizontal-spacing">
2476          <shopify-account
2477            menu="customer-account-main-menu"
2478            class="antialiased"
2479            style="
2480  --shopify-account-font-heading: var(--heading-font-stack);
2481  --shopify-account-font-heading-weight: var(--heading-font-weight);
2482  --shopify-account-font-heading-transform: var(--heading-capitalize);
2483  --shopify-account-font-body: var(--body-font-stack);
2484  --shopify-account-font-body-weight: var(--body-font-weight);
2485  --shopify-account-font-body-transform: var(--body-copy-transform);
2486  --shopify-account-radius-base: 0.5rem;
2487  --shopify-account-color-background: rgb(var(--color-scheme-background));
2488  --shopify-account-color-text: rgb(var(--color-scheme-text));
2489  --shopify-account-color-accent: rgb(var(--button-color-background));
2490  --shopify-account-color-accent-hover: rgb(var(--button-color-background));
2491  --shopify-account-color-accent-text: rgb(var(--button-color-text));
2492  --shopify-account-dialog-position-top: var(--sticky-header-height, 20px);
2493  --shopify-account-radius-button: var(--button-border-radius);
2494  --shopify-account-signed-in-avatar-size: 1.5rem;
2495  --shopify-account-avatar-size: 1.5rem;
2496"
2497          >
2498            <span
2499              slot="signed-out-avatar"
2500              class="text-base"
2501            >Compte</span>
2502          </shopify-account>
2503        </div>
2504      
2505<form
2506          class="my-6 px-section-horizontal-spacing"
2507          action="/search"
2508          method="get"
2509          role="search"
2510        >
2511          <div class="flex w-full max-w-xs items-end">
2512            <label for="menu-drawer-search" class="sr-only">Rechercher</label>
2513            <input
2514              class="min-w-0 flex-auto border-b-text border-current bg-transparent py-1.5 placeholder-current uppercase"
2515              id="menu-drawer-search"
2516              type="text"
2517              name="q"
2518              placeholder="Rechercher"
2519            >
2520            <button
2521              class="px-1"
2522              type="submit"
2523            >
2524              <span class="inline-block h-6 w-6"><svg
2525  class="theme-icon"
2526  xmlns="http://www.w3.org/2000/svg"
2527  fill="none"
2528  viewBox="0 0 24 24"
2529>
2530  <path stroke="currentColor" d="M2 11a9 9 0 1 0 18 0 9 9 0 0 0-18 0Zm15.364 6.364L22 22" vector-effect="non-scaling-stroke"/>
2531</svg>
2532</span>
2533              <span class="sr-only">Soumettre</span>
2534            </button>
2535          </div>
2536        </form>
2537    </div>
2538  </div>
2539
2540    </template>
2541  </template>
2542</data-island>
2543
2544<noscript>
2545  <section class="section-sidebar uppercase">
2546    <div class="px-section-horizontal-spacing py-2 text-right">
2547      <button
2548        class="inline-flex items-center justify-center py-2 uppercase"
2549        data-menu-drawer-toggle
2550      >
2551        <span class="mr-2 inline-block h-6 w-6 align-middle"><svg
2552  class="theme-icon"
2553  xmlns="http://www.w3.org/2000/svg"
2554  fill="none"
2555  viewBox="0 0 24 24"
2556>
2557  <path stroke="currentColor" d="M1 4.545h22M1 12h22M1 19.455h22" vector-effect="non-scaling-stroke"/>
2558</svg>
2559</span>
2560        <span>Menu</span>
2561      </button>
2562    </div>
2563    <div class="sidebar-container z-80 border-r-grid border-grid-color fixed bottom-0 left-0 top-0 w-11/12 max-w-xl transform overflow-y-auto bg-scheme-background text-scheme-text transition-transform">
2564      
2565  <div
2566    
2567      class="uppercase"
2568    
2569    data-modal-label="Menu"
2570  >
2571    <div class="sticky top-0 z-1 flex items-center justify-between border-b-gridline border-gridline-color px-section-horizontal-spacing py-4">
2572      <div aria-hidden="true">&nbsp;</div>
2573      <button
2574        @click.prevent="$store.modals.close('sidebar')"
2575        class="button__icon absolute right-0 top-0 block h-full"
2576        type="button"
2577      >
2578        <span class="sr-only">Fermer</span>
2579        <div class="my-auto mr-section-horizontal-spacing h-6 w-6"><svg
2580  class="theme-icon"
2581  xmlns="http://www.w3.org/2000/svg"
2582  fill="none"
2583  viewBox="0 0 24 24"
2584>
2585  <path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/>
2586</svg>
2587</div>
2588      </button>
2589    </div>
2590    <nav
2591      
2592      aria-label="Principale"
2593    >
2594      <ul><li
2595            class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
2596          ><a class="inline-block py-4 w-full text-heading-standard font-body uppercase" href="/collections/abonnement">
2597                S'ABONNER
2598              </a></li><li
2599            class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
2600          ><a class="inline-block py-4 w-full text-heading-standard font-body uppercase" href="/collections/shop">
2601                SHOP
2602              </a></li><li
2603            class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
2604          ><a class="inline-block py-4 w-full text-heading-standard font-body uppercase" href="/blogs/interviews">
2605                INTERVIEWS
2606              </a></li><li
2607            class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
2608          ><a class="inline-block py-4 w-full text-heading-standard font-body uppercase" href="/blogs/stories">
2609                STORIES
2610              </a></li><li
2611            class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gr
2611idline-color first-of-type:border-t-0"
2612          ><a class="inline-block py-4 w-full text-heading-standard font-body uppercase" href="/pages/mon-abonnement">
2613                MON ABONNEMENT
2614              </a></li><li
2615            class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
2616          ><a class="inline-block py-4 w-full text-heading-standard font-body uppercase" href="/pages/agnes-b-views">
2617                agnès b. × Views
2618              </a></li></ul>
2619    </nav>
2620    <div class="border-t-gridline border-gridline-color">
2621      <nav class="my-6" aria-label="Secondaire">
2622        <ul></ul>
2623      </nav>
2624
2625      
2626
2627      
2628        <div class="px-section-horizontal-spacing">
2629          <shopify-account
2630            menu="customer-account-main-menu"
2631            class="antialiased"
2632            style="
2633  --shopify-account-font-heading: var(--heading-font-stack);
2634  --shopify-account-font-heading-weight: var(--heading-font-weight);
2635  --shopify-account-font-heading-transform: var(--heading-capitalize);
2636  --shopify-account-font-body: var(--body-font-stack);
2637  --shopify-account-font-body-weight: var(--body-font-weight);
2638  --shopify-account-font-body-transform: var(--body-copy-transform);
2639  --shopify-account-radius-base: 0.5rem;
2640  --shopify-account-color-background: rgb(var(--color-scheme-background));
2641  --shopify-account-color-text: rgb(var(--color-scheme-text));
2642  --shopify-account-color-accent: rgb(var(--button-color-background));
2643  --shopify-account-color-accent-hover: rgb(var(--button-color-background));
2644  --shopify-account-color-accent-text: rgb(var(--button-color-text));
2645  --shopify-account-dialog-position-top: var(--sticky-header-height, 20px);
2646  --shopify-account-radius-button: var(--button-border-radius);
2647  --shopify-account-signed-in-avatar-size: 1.5rem;
2648  --shopify-account-avatar-size: 1.5rem;
2649"
2650          >
2651            <span
2652              slot="signed-out-avatar"
2653              class="text-base"
2654            >Compte</span>
2655          </shopify-account>
2656        </div>
2657      
2658<form
2659          class="my-6 px-section-horizontal-spacing"
2660          action="/search"
2661          method="get"
2662          role="search"
2663        >
2664          <div class="flex w-full max-w-xs items-end">
2665            <label for="menu-drawer-search" class="sr-only">Rechercher</label>
2666            <input
2667              class="min-w-0 flex-auto border-b-text border-current bg-transparent py-1.5 placeholder-current uppercase"
2668              id="menu-drawer-search"
2669              type="text"
2670              name="q"
2671              placeholder="Rechercher"
2672            >
2673            <button
2674              class="px-1"
2675              type="submit"
2676            >
2677              <span class="inline-block h-6 w-6"><svg
2678  class="theme-icon"
2679  xmlns="http://www.w3.org/2000/svg"
2680  fill="none"
2681  viewBox="0 0 24 24"
2682>
2683  <path stroke="currentColor" d="M2 11a9 9 0 1 0 18 0 9 9 0 0 0-18 0Zm15.364 6.364L22 22" vector-effect="non-scaling-stroke"/>
2684</svg>
2685</span>
2686              <span class="sr-only">Soumettre</span>
2687            </button>
2688          </div>
2689        </form>
2690    </div>
2691  </div>
2692
2693    </div>
2694  </section>
2695
2696  <style>
2697    .section-sidebar {
2698      display: block !important;
2699    }
2700
2701    @media (min-width: 1024px) {
2702      .section-sidebar {
2703        display: none !important;
2704      }
2705    }
2706
2707    .sidebar-container {
2708      position: static;
2709      width: 100%;
2710      max-width: 100%;
2711      border-right: 0;
2712      display: none;
2713    }
2714
2715    .section-sidebar:focus-within .sidebar-container {
2716      display: block !important;
2717    }
2718  </style>
2719</noscript>
2720
2721
2722</div>
2722<script>
2723  const calculateHeaderHeights = () => {
2724    const headerGroupHeights = [];
2725
2726    document
2727      .querySelectorAll('.shopify-section-group-header-group')
2728      .forEach((headerGroupSectionEl) => {
2729        headerGroupHeights.push(
2730          headerGroupSectionEl.getBoundingClientRect().height
2731        );
2732      });
2733
2734    document.documentElement.style.setProperty(
2735      '--header-group-height',
2736      `${headerGroupHeights.reduce((subtotal, a) => subtotal + a, 0)}px`
2737    );
2738  };
2739
2740  calculateHeaderHeights();
2741
2742  const debouncedCalculateHeaderHeights = debounce(calculateHeaderHeights, 300);
2743
2744  window.addEventListener('resize', debouncedCalculateHeaderHeights);
2745</script>
2745
2746
2747
2748
2749<style>
2750  #MainContent
2751    > .shopify-section.banner-section:first-child
2752    [data-media-container].h-screen {
2753    height: calc(100vh - var(--header-group-height));
2754  }
2755
2756  @media (min-width: 990px) {
2757    #MainContent
2758      > .shopify-section.banner-section:first-child
2759      [data-media-container].lg\:h-auto {
2760      height: auto;
2761    }
2762
2763    #MainContent
2764      > .shopify-section.banner-section:first-child
2765      [data-media-container].lg\:h-screen {
2766      height: calc(100vh - var(--header-group-height));
2767    }
2768  }
2769</style>
2770
2771
2772    <main id="MainContent">
2773      <div id="shopify-section-template--31700916371788__depth_rooms_views007" class="shopify-section section-depth-rooms"><link href="//views.fr/cdn/shop/t/23/assets/depth-rooms.css?v=148910704424319093821788886153" rel="stylesheet" type="text/css" media="all" />
2774<script src="//views.fr/cdn/shop/t/23/assets/depth-rooms.js?v=128085570794466872281788633254" defer></script>
2774
2775
2776<section
2777  id="depth-rooms-template--31700916371788__depth_rooms_views007"
2778  class="depth-rooms bg-scheme-background border-b-gridline border-gridline-color relative overflow-hidden h-screen-less-double-gridline max-lg:first-section:h-screen-less-header-group-less-gridline lg:aspect-unset lg:h-screen-less-double-gridline lg:first-section:h-screen-less-header-group-less-gridline"
2779  data-color-scheme="scheme1"
2780  data-depth-rooms
2781  data-section-id="template--31700916371788__depth_rooms_views007"
2782  data-intensity="12"
2783  data-intensity-mobile="10"
2784  data-idle="true"
2785  data-gyro="true"
2786  data-duration="1100"
2787  data-fit="md"
2788  tabindex="-1"
2789  aria-roledescription="carrousel"
2790  aria-label="Les décors du numéro"
2791>
2792  
2792<script type="application/json" data-depth-rooms-data>
2793    [{
2794              "type": "scene",
2795              "id": "scene_salon",
2796              "title": "Le salon",
2797              "invert": false,
2798              "relief": 100,
2799              "mobileCenterX": 0,
2800              "frame": [35, 5, 66, 100],
2801              "image": "\/\/views.fr\/cdn\/shop\/files\/views-007-depth-st3_ph1_v01_feve.jpg?v=1788365015\u0026width=2400",
2802              "depth": "\/\/views.fr\/cdn\/shop\/files\/views-007-depth-st3_ph1_v01_NOfeve-map.png?v=1788365066\u0026width=768",
2803              "ratio": 1.5581253804017041,
2804              "focal": [50.0, 50.0],
2805              "imageMobile": "\/\/views.fr\/cdn\/shop\/files\/views-007-depth-st3_ph1_v01_feve.jpg?v=1788365015\u0026width=1400",
2806              "depthMobile": "\/\/views.fr\/cdn\/shop\/files\/views-007-depth-st3_ph1_v01_NOfeve-map.png?v=1788365066\u0026width=512",
2807              "ratioMobile": 1.5581253804017041,
2808              "focalMobile": [50.0, 50.0],
2809              "subject": "\/\/views.fr\/cdn\/shop\/files\/views-007-depth-st3_ph1_v01_feve-sujet.png?v=1788365628\u0026width=2400",
2810              "subjectMobile": "\/\/views.fr\/cdn\/shop\/files\/views-007-depth-st3_ph1_v01_feve-sujet.png?v=1788365628\u0026width=1400",
2811              "background": "\/\/views.fr\/cdn\/shop\/files\/views-007-depth-st3_ph1_v01_NOfeve.jpg?v=1788365057\u0026width=2400",
2812              "backgroundMobile": "\/\/views.fr\/cdn\/shop\/files\/views-007-depth-st3_ph1_v01_NOfeve.jpg?v=1788365057\u0026width=1400"
2813},{
2814            "type": "hotspot",
2815            "id": "spot_salon_studio",
2816            "kind": "passage",
2817            "x": 86,
2818            "y": 58,
2819            "xm": 80,
2820            "ym": 22,
2821            "onSubject": false,
2822            "target": 2,
2823            "label": "Le studio"
2824          },{
2825            "type": "hotspot",
2826            "id": "spot_salon_plage",
2827            "kind": "passage",
2828            "x": 70,
2829            "y": 40,
2830            "xm": 20,
2831            "ym": 22,
2832            "onSubject": false,
2833            "target": 4,
2834            "label": "L'extérieur"
2835          },{
2836            "type": "hotspot",
2837            "id": "spot_salon_costume",
2838            "kind": "objet",
2839            "x": 41,
2840            "y": 44,
2841            "xm": 78,
2842            "ym": 69,
2843            "onSubject": true,
2844            "target": 1,
2845            "label": "Le numéro"
2846          },{
2847              "type": "scene",
2848              "id": "scene_studio",
2849              "title": "Le studio",
2850              "invert": false,
2851              "relief": 100,
2852              "mobileCenterX": 0,
2853              "frame": [60, 50, 87, 96],
2854              "image": "\/\/views.fr\/cdn\/shop\/files\/views-007-depth-st4_ph1_v01.jpg?v=1788365075\u0026width=2400",
2855              "depth": "\/\/views.fr\/cdn\/shop\/t\/23\/assets\/views-depth-studio-aligned.png?v=44185403194032862221788633236",
2856              "ratio": 1.5581253804017041,
2857              "focal": [50.0, 50.0],
2858              "imageMobile": "\/\/views.fr\/cdn\/shop\/files\/views-007-depth-st4_ph1_v01.jpg?v=1788365075\u0026width=1400",
2859              "depthMobile": "\/\/views.fr\/cdn\/shop\/t\/23\/assets\/views-depth-studio-aligned.png?v=44185403194032862221788633236",
2860              "ratioMobile": 1.5581253804017041,
2861              "focalMobile": [50.0, 50.0]},{
2862            "type": "hotspot",
2863            "id": "spot_studio_enceintes",
2864            "kind": "passage",
2865            "x": 85,
2866            "y": 50,
2867            "xm": 82,
2868            "ym": 48,
2869            "onSubject": false,
2870            "target": 3,
2871            "label": "Les enceintes"
2872          },{
2873            "type": "hotspot",
2874            "id": "spot_studio_salon",
2875            "kind": "passage",
2876            "x": 15,
2877            "y": 50,
2878            "xm": 22,
2879            "ym": 38,
2880            "onSubject": false,
2881            "target": 1,
2882            "label": "Le salon"
2883          },{
2884            "type": "hotspot",
2885            "id": "spot_studio_console",
2886            "kind": "objet",
2887            "x": 47,
2888            "y": 60,
2889            "xm": 80,
2890            "ym": 66,
2891            "onSubject": false,
2892            "target": 1,
2893            "label": "L'abonnement"
2894          },{
2895              "type": "scene",
2896              "id": "scene_enceintes",
2897              "title": "Les enceintes",
2898              "invert": false,
2899              "relief": 100,
2900              "mobileCenterX": 60,
2901              "frame": [22, 32, 79, 87],
2902              "image": "\/\/views.fr\/cdn\/shop\/files\/views-007-depth-st4_ph3_v01.jpg?v=1788459006\u0026width=2400",
2903              "depth": "\/\/views.fr\/cdn\/shop\/t\/23\/assets\/views-depth-enceintes-aligned.png?v=16213487900146272501788950381",
2904              "ratio": 1.5581253804017041,
2905              "focal": [50.0, 50.0],
2906              "imageMobile": "\/\/views.fr\/cdn\/shop\/files\/views-007-depth-st4_ph3_v01.jpg?v=1788459006\u0026width=1400",
2907              "depthMobile": "\/\/views.fr\/cdn\/shop\/t\/23\/assets\/views-depth-enceintes-aligned.png?v=16213487900146272501788950381",
2908              "ratioMobile": 1.5581253804017041,
2909              "focalMobile": [50.0, 50.0]},{
2910            "type": "hotspot",
2911            "id": "spot_enceintes_plage",
2912            "kind": "passage",
2913            "x": 50,
2914            "y": 34,
2915            "xm": 78,
2916            "ym": 18,
2917            "onSubject": false,
2918            "target": 4,
2919            "label": "L'extérieur"
2920          },{
2921            "type": "hotspot",
2922            "id": "spot_enceintes_studio",
2923            "kind": "passage",
2924            "x": 12,
2925            "y": 45,
2926            "xm": 22,
2927            "ym": 23,
2928            "onSubject": false,
2929            "target": 2,
2930            "label": "Le studio"
2931          },{
2932            "type": "hotspot",
2933            "id": "spot_enceintes_veste",
2934            "kind": "objet",
2935            "x": 66,
2936            "y": 52,
2937            "xm": 22,
2938            "ym": 72,
2939            "onSubject": false,
2940            "target": 1,
2941            "label": "Le numéro"
2942          },{
2943              "type": "scene",
2944              "id": "scene_plage",
2945              "title": "L'extérieur",
2946              "invert": false,
2947              "relief": 100,
2948              "mobileCenterX": 0,
2949              "frame": [53, 44, 83, 89],
2950              "image": "\/\/views.fr\/cdn\/shop\/files\/views-007-depth-st1_ph2_v01.jpg?v=1788365041\u0026width=2400",
2951              "depth": "\/\/views.fr\/cdn\/shop\/t\/23\/assets\/views-depth-plage-aligned.png?v=120934008004786671341788633236",
2952              "ratio": 1.5581253804017041,
2953              "focal": [50.0, 50.0],
2954              "imageMobile": "\/\/views.fr\/cdn\/shop\/files\/views-007-depth-st1_ph2_v01.jpg?v=1788365041\u0026width=1400",
2955              "depthMobile": "\/\/views.fr\/cdn\/shop\/t\/23\/assets\/views-depth-plage-aligned.png?v=120934008004786671341788633236",
2956              "ratioMobile": 1.5581253804017041,
2957              "focalMobile": [50.0, 50.0]},{
2958            "type": "hotspot",
2959            "id": "spot_plage_salon",
2960            "kind": "passage",
2961            "x": 25,
2962            "y": 42,
2963            "xm": 20,
2964            "ym": 40,
2965            "onSubject": false,
2966            "target": 1,
2967            "label": "Le bunker"
2968          },{
2969            "type": "hotspot",
2970            "id": "spot_plage_bunker",
2971            "kind": "objet",
2972            "x": 70,
2973            "y": 66,
2974            "xm": 80,
2975            "ym": 49,
2976            "onSubject": false,
2977            "target": 1,
2978            "label": "L'abonnement"
2979          }]
2980  </script>
2980
2981
2982  <div class="depth-rooms__stage"><div class="depth-rooms__fallback" data-scene-id="scene_salon" ><picture><img src="//views.fr/cdn/shop/files/views-007-depth-st3_ph1_v01_feve.jpg?v=1788365015&amp;width=2400" alt="Views 007 — salon, personnage en costume (photo relief)" srcset="//views.fr/cdn/shop/files/views-007-depth-st3_ph1_v01_feve.jpg?v=1788365015&amp;width=750 750w, //views.fr/cdn/shop/files/views-007-depth-st3_ph1_v01_feve.jpg?v=1788365015&amp;width=1100 1100w, //views.fr/cdn/shop/files/views-007-depth-st3_ph1_v01_feve.jpg?v=1788365015&amp;width=1400 1400w, //views.fr/cdn/shop/files/views-007-depth-st3_ph1_v01_feve.jpg?v=1788365015&amp;width=1800 1800w, //views.fr/cdn/shop/files/views-007-depth-st3_ph1_v01_feve.jpg?v=1788365015&amp;width=2400 2400w" width="2400" height="1540" loading="eager" sizes="(min-width: 1024px) 100vw, 180vh" fetchpriority="high" class="depth-rooms__fallback-image">
2983          </picture>
2984        </div><div class="depth-rooms__fallback" data-scene-id="scene_studio" hidden><picture><img src="//views.fr/cdn/shop/files/views-007-depth-st4_ph1_v01.jpg?v=1788365075&amp;width=2400" alt="Views 007 — studio, console de mixage (photo relief)" srcset="//views.fr/cdn/shop/files/views-007-depth-st4_ph1_v01.jpg?v=1788365075&amp;width=750 750w, //views.fr/cdn/shop/files/views-007-depth-st4_ph1_v01.jpg?v=1788365075&amp;width=1100 1100w, //views.fr/cdn/shop/files/views-007-depth-st4_ph1_v01.jpg?v=1788365075&amp;width=1400 1400w, //views.fr/cdn/shop/files/views-007-depth-st4_ph1_v01.jpg?v=1788365075&amp;width=1800 1800w, //views.fr/cdn/shop/files/views-007-depth-st4_ph1_v01.jpg?v=1788365075&amp;width=2400 2400w" width="2400" height="1540" loading="lazy" sizes="(min-width: 1024px) 100vw, 180vh" fetchpriority="auto" class="depth-rooms__fallback-image">
2985          </picture>
2986        </div><div class="depth-rooms__fallback" data-scene-id="scene_enceintes" hidden><picture><img src="//views.fr/cdn/shop/files/views-007-depth-st4_ph3_v01.jpg?v=1788459006&amp;width=2400" alt="Views 007 — studio, mur d&#39;enceintes (photo relief)" srcset="//views.fr/cdn/shop/files/views-007-depth-st4_ph3_v01.jpg?v=1788459006&amp;width=750 750w, //views.fr/cdn/shop/files/views-007-depth-st4_ph3_v01.jpg?v=1788459006&amp;width=1100 1100w, //views.fr/cdn/shop/files/views-007-depth-st4_ph3_v01.jpg?v=1788459006&amp;width=1400 1400w, //views.fr/cdn/shop/files/views-007-depth-st4_ph3_v01.jpg?v=1788459006&amp;width=1800 1800w, //views.fr/cdn/shop/files/views-007-depth-st4_ph3_v01.jpg?v=1788459006&amp;width=2400 2400w" width="2400" height="1540" loading="lazy" sizes="(min-width: 1024px) 100vw, 180vh" fetchpriority="auto" class="depth-rooms__fallback-image">
2987          </picture>
2988        </div><div class="depth-rooms__fallback" data-scene-id="scene_plage" hidden><picture><img src="//views.fr/cdn/shop/files/views-007-depth-st1_ph2_v01.jpg?v=1788365041&amp;width=2400" alt="Views 007 — plage, bunker et personnage assis (photo relief)" srcset="//views.fr/cdn/shop/files/views-007-depth-st1_ph2_v01.jpg?v=1788365041&amp;width=750 750w, //views.fr/cdn/shop/files/views-007-depth-st1_ph2_v01.jpg?v=1788365041&amp;width=1100 1100w, //views.fr/cdn/shop/files/views-007-depth-st1_ph2_v01.jpg?v=1788365041&amp;width=1400 1400w, //views.fr/cdn/shop/files/views-007-depth-st1_ph2_v01.jpg?v=1788365041&amp;width=1800 1800w, //views.fr/cdn/shop/files/views-007-depth-st1_ph2_v01.jpg?v=1788365041&amp;width=2400 2400w" width="2400" height="1540" loading="lazy" sizes="(min-width: 1024px) 100vw, 180vh" fetchpriority="auto" class="depth-rooms__fallback-image">
2989          </picture>
2990        </div><canvas class="depth-rooms__canvas" aria-hidden="true"></canvas>
2991  </div>
2992
2993  <h1 class="visually-hidden">Views Magazine 007 — La Fève</h1>
2994  <div class="depth-rooms__layers"><div class="depth-rooms__layer" data-scene-id="scene_salon" ><a href="/products/views-magazine-007" class="depth-rooms__overlay depth-rooms__overlay--middle-left" style="--ov-w: 24%; --ov-mobile-y: 56%;" aria-label="Découvrir le numéro 007"><img src="//views.fr/cdn/shop/files/views-home-title-a.png?v=1788515603&amp;width=1600" alt="Titrage homepage A" srcset="//views.fr/cdn/shop/files/views-home-title-a.png?v=1788515603&amp;width=600 600w, //views.fr/cdn/shop/files/views-home-title-a.png?v=1788515603&amp;width=900 900w, //views.fr/cdn/shop/files/views-home-title-a.png?v=1788515603&amp;width=1200 1200w, //views.fr/cdn/shop/files/views-home-title-a.png?v=1788515603&amp;width=1600 1600w" width="1600" height="630" loading="lazy" sizes="(min-width: 1024px) 40vw, 90vw">
2995</a><button
2996          type="button"
2997          class="depth-rooms__spot depth-rooms__spot--passage"
2998          data-spot-id="spot_salon_studio"
2999          style="left: 86%; top: 58%;"
3000          aria-label="Le studio"
3001          
3002        >
3003          <span class="depth-rooms__spot-target" aria-hidden="true"><span class="depth-rooms__spot-dot"></span></span>
3004          <span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tag" aria-hidden="true">
3005              <span class="depth-rooms__spot-index">01</span>
3006              <span class="depth-rooms__spot-text"><span class="depth-rooms__spot-arrow">&rarr;</span>Le studio</span>
3007            </span></button><button
3008          type="button"
3009          class="depth-rooms__spot depth-rooms__spot--passage"
3010          data-spot-id="spot_salon_plage"
3011          style="left: 70%; top: 40%;"
3012          aria-label="L&#39;extérieur"
3013          
3014        >
3015          <span class="depth-rooms__spot-target" aria-hidden="true"><span class="depth-rooms__spot-dot"></span></span>
3016          <span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tag" aria-hidden="true">
3017              <span class="depth-rooms__spot-index">02</span>
3018              <span class="depth-rooms__spot-text"><span class="depth-rooms__spot-arrow">&rarr;</span>L'extérieur</span>
3019            </span></button><button
3020          type="button"
3021          class="depth-rooms__spot depth-rooms__spot--objet"
3022          data-spot-id="spot_salon_costume"
3023          style="left: 41%; top: 44%;"
3024          aria-label="Le numéro"
3025          
3026        >
3027          <span class="depth-rooms__spot-target" aria-hidden="true"><span class="depth-rooms__spot-dot"></span></span>
3028          <span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tag" aria-hidden="true">
3029              <span class="depth-rooms__spot-index">03</span>
3030              <span class="depth-rooms__spot-text">Le numéro</span>
3031            </span></button><template data-card-for="spot_salon_costume"><p class="depth-rooms__card-kicker">Le salon</p><h3 class="depth-rooms__card-title font-heading">La Fève — Fin du jeu</h3><div class="depth-rooms__card-text rte"><p>Views Magazine 007. Avec La Fève, Zahia Dehar et Dora Abodi. Au sommaire : PNL, la parfumerie de niche et les mots de nos relations.</p></div><a class="depth-rooms__card-link" href="/products/views-magazine-007">Découvrir le numéro 007<span aria-hidden="true">&nbsp;&rarr;</span></a></template></div><div class="depth-rooms__layer" data-scene-id="scene_studio" ><a href="/collections/abonnement" class="depth-rooms__overlay depth-rooms__overlay--middle-left" style="--ov-w: 26%; --ov-mobile-y: 26%;" aria-label="Découvrir les abonnements Views"><img src="//views.fr/cdn/shop/files/views-home-title-b.png?v=1788515609&amp;width=1600" alt="Titrage homepage B" srcset="//views.fr/cdn/shop/files/views-home-title-b.png?v=1788515609&amp;width=600 600w, //views.fr/cdn/shop/files/views-home-title-b.png?v=1788515609&amp;width=900 900w, //views.fr/cdn/shop/files/views-home-title-b.png?v=1788515609&amp;width=1200 1200w, //views.fr/cdn/shop/files/views-home-title-b.png?v=1788515609&amp;width=1600 1600w" width="1600" height="616" loading="lazy" sizes="(min-width: 1024px) 40vw, 90vw">
3032</a><button
3033          type="button"
3034          class="depth-rooms__spot depth-rooms__spot--passage"
3035          data-spot-id="spot_studio_enceintes"
3036          style="left: 85%; top: 50%;"
3037          aria-label="Les enceintes"
3038          
3039        >
3040          <span class="depth-rooms__spot-target" aria-hidden="true"><span class="depth-rooms__spot-dot"></span></span>
3041          <span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tag" aria-hidden="true">
3042              <span class="depth-rooms__spot-index">01</span>
3043              <span class="depth-rooms__spot-text"><span class="depth-rooms__spot-arrow">&rarr;</span>Les enceintes</span>
3044            </span></button><button
3045          type="button"
3046          class="depth-rooms__spot depth-rooms__spot--passage"
3047          data-spot-id="spot_studio_salon"
3048          style="left: 15%; top: 50%;"
3049          aria-label="Le salon"
3050          
3051        >
3052          <span class="depth-rooms__spot-target" aria-hidden="true"><span class="depth-rooms__spot-dot"></span></span>
3053          <span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tag" aria-hidden="true">
3054              <span class="depth-rooms__spot-index">02</span>
3055              <span class="depth-rooms__spot-text"><span class="depth-rooms__spot-arrow">&rarr;</span>Le salon</span>
3056            </span></button><button
3057          type="button"
3058          class="depth-rooms__spot depth-rooms__spot--objet"
3059          data-spot-id="spot_studio_console"
3060          style="left: 47%; top: 60%;"
3061          aria-label="L&#39;abonnement"
3062          
3063        >
3064          <span class="depth-rooms__spot-target" aria-hidden="true"><span class="depth-rooms__spot-dot"></span></span>
3065          <span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tag" aria-hidden="true">
3066              <span class="depth-rooms__spot-index">03</span>
3067              <span class="depth-rooms__spot-text">L'abonnement</span>
3068            </span></button><template data-card-for="spot_studio_console"><p class="depth-rooms__card-kicker">Le studio</p><h3 class="depth-rooms__card-title font-heading">Abonnements provisoirement fermés</h3>
3069    <div class="depth-rooms__card-text rte">
3070      <p>
3071        Ils rouvriront bientôt. En attendant, les numéros encore disponibles s’achètent à l’unité.
3072      </p>
3073    </div><a class="depth-rooms__card-link" href="/collections/magazine">Voir les numéros disponibles<span aria-hidden="true">&nbsp;&rarr;</span></a></template></div><div class="depth-rooms__layer" data-scene-id="scene_enceintes" ><a href="/products/views-magazine-007" class="depth-rooms__overlay depth-rooms__overlay--middle-left" style="--ov-w: 24%; --ov-mobile-y: 56%;" aria-label="Découvrir le numéro 007"><img src="//views.fr/cdn/shop/files/views-home-title-a.png?v=1788515603&amp;width=1600" alt="Titrage homepage A" srcset="//views.fr/cdn/shop/files/views-home-title-a.png?v=1788515603&amp;width=600 600w, //views.fr/cdn/shop/files/views-home-title-a.png?v=1788515603&amp;width=900 900w, //views.fr/cdn/shop/files/views-home-title-a.png?v=1788515603&amp;width=1200 1200w, //views.fr/cdn/shop/files/views-home-title-a.png?v=1788515603&amp;width=1600 1600w" width="1600" height="630" loading="lazy" sizes="(min-width: 1024px) 40vw, 90vw">
3074</a><button
3075          type="button"
3076          class="depth-rooms__spot depth-rooms__spot--passage"
3077          data-spot-id="spot_enceintes_plage"
3078          style="left: 50%; top: 34%;"
3079          aria-label="L&#39;extérieur"
3080          
3081        >
3082          <span class="depth-rooms__spot-target" aria-hidden="true"><span class="depth-rooms__spot-dot"></span></span>
3083          <span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tag" aria-hidden="true">
3084              <span class="depth-rooms__spot-index">01</span>
3085              <span class="depth-rooms__spot-text"><span class="depth-rooms__spot-arrow">&rarr;</span>L'extérieur</span>
3086            </span></button><button
3087          type="button"
3088          class="depth-rooms__spot depth-rooms__spot--passage"
3089          data-spot-id="spot_enceintes_studio"
3090          style="left: 12%; top: 45%;"
3091          aria-label="Le studio"
3092          
3093        >
3094          <span class="depth-rooms__spot-target" aria-hidden="true"><span class="depth-rooms__spot-dot"></span></span>
3095          <span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tag" aria-hidden="true">
3096              <span class="depth-rooms__spot-index">02</span>
3097              <span class="depth-rooms__spot-text"><span class="depth-rooms__spot-arrow">&rarr;</span>Le studio</span>
3098            </span></button><button
3099          type="button"
3100          class="depth-rooms__spot depth-rooms__spot--objet"
3101          data-spot-id="spot_enceintes_veste"
3102          style="left: 66%; top: 52%;"
3103          aria-label="Le numéro"
3104          
3105        >
3106          <span class="depth-rooms__spot-target" aria-hidden="true"><span class="depth-rooms__spot-dot"></span></span>
3107          <span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tag" aria-hidden="true">
3108              <span class="depth-rooms__spot-index">03</span>
3109              <span class="depth-rooms__spot-text">Le numéro</span>
3110            </span></button><template data-card-for="spot_enceintes_veste"><p class="depth-rooms__card-kicker">Les enceintes</p><h3 class="depth-rooms__card-title font-heading">La Fève — Fin du jeu</h3><div class="depth-rooms__card-text rte"><p>Views Magazine 007. Avec La Fève, Zahia Dehar et Dora Abodi. Au sommaire : PNL, la parfumerie de niche et les mots de nos relations.</p></div><a class="depth-rooms__card-link" href="/products/views-magazine-007">Découvrir le numéro 007<span aria-hidden="true">&nbsp;&rarr;</span></a></template></div><div class="depth-rooms__layer" data-scene-id="scene_plage" ><a href="/collections/abonnement" class="depth-rooms__overlay depth-rooms__overlay--middle-left" style="--ov-w: 26%; --ov-mobile-y: 26%;" aria-label="Découvrir les abonnements Views"><img src="//views.fr/cdn/shop/files/views-home-title-b.png?v=1788515609&amp;width=1600" alt="Titrage homepage B" srcset="//views.fr/cdn/shop/files/views-home-title-b.png?v=1788515609&amp;width=600 600w, //views.fr/cdn/shop/files/views-home-title-b.png?v=1788515609&amp;width=900 900w, //views.fr/cdn/shop/files/views-home-title-b.png?v=1788515609&amp;width=1200 1200w, //views.fr/cdn/shop/files/views-home-title-b.png?v=1788515609&amp;width=1600 1600w" width="1600" height="616" loading="lazy" sizes="(min-width: 1024px) 40vw, 90vw">
3111</a><button
3112          type="button"
3113          class="depth-rooms__spot depth-rooms__spot--passage"
3114          data-spot-id="spot_plage_salon"
3115          style="left: 25%; top: 42%;"
3116          aria-label="Le bunker"
3117          
3118        >
3119          <span class="depth-rooms__spot-target" aria-hidden="true"><span class="depth-rooms__spot-dot"></span></span>
3120          <span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tag" aria-hidden="true">
3121              <span class="depth-rooms__spot-index">01</span>
3122              <span class="depth-rooms__spot-text"><span class="depth-rooms__spot-arrow">&rarr;</span>Le bunker</span>
3123            </span></button><button
3124          type="button"
3125          class="depth-rooms__spot depth-rooms__spot--objet"
3126          data-spot-id="spot_plage_bunker"
3127          style="left: 70%; top: 66%;"
3128          aria-label="L&#39;abonnement"
3129          
3130        >
3131          <span class="depth-rooms__spot-target" aria-hidden="true"><span class="depth-rooms__spot-dot"></span></span>
3132          <span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tick" aria-hidden="true"></span><span class="depth-rooms__spot-tag" aria-hidden="true">
3133              <span class="depth-rooms__spot-index">02</span>
3134              <span class="depth-rooms__spot-text">L'abonnement</span>
3135            </span></button><template data-card-for="spot_plage_bunker"><p class="depth-rooms__card-kicker">L'extérieur</p><h3 class="depth-rooms__card-title font-heading">Abonnements provisoirement fermés</h3>
3136    <div class="depth-rooms__card-text rte">
3137      <p>
3138        Ils rouvriront bientôt. En attendant, les numéros encore disponibles s’achètent à l’unité.
3139      </p>
3140    </div><a class="depth-rooms__card-link" href="/collections/magazine">Voir les numéros disponibles<span aria-hidden="true">&nbsp;&rarr;</span></a></template></div></div>
3141
3142  <div class="depth-rooms__card" role="dialog" aria-modal="true" aria-label="Découvrir dans ce décor" hidden>
3143    <button type="button" class="depth-rooms__card-close" aria-label="Fermer">
3144      <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true"><path d="M3 3l10 10M13 3L3 13"/></svg>
3145    </button>
3146    <div class="depth-rooms__card-body"></div>
3147  </div>
3148
3149  <div class="depth-rooms__bar">
3150    <div class="depth-rooms__meta"><span class="depth-rooms__hint" aria-hidden="true">Explorer le décor</span></div>
3151    <div class="depth-rooms__tools">
3152      <button type="button" class="depth-rooms__gyro" aria-label="Activer le relief avec les mouvements du téléphone">Activer le relief</button><button type="button" class="depth-rooms__arrow depth-rooms__arrow--prev" aria-label="Décor précédent"><span aria-hidden="true">&larr;</span><span class="depth-rooms__arrow-text">Préc.</span></button>
3153        <button type="button" class="depth-rooms__arrow depth-rooms__arrow--next" aria-label="Décor suivant"><span class="depth-rooms__arrow-text">Suiv.</span><span aria-hidden="true">&rarr;</span></button></div>
3154  </div>
3155  <span class="depth-rooms__status visually-hidden" role="status"></span>
3156</section>
3157
3158
3159</div><div id="shopify-section-template--31700916371788__social_proof_reviews_NLKVgn" class="shopify-section social-proof-section">
3160
3161<div class="social-proof" style="
3162  display: flex;
3163  align-items: center;
3164  justify-content: center;
3165  gap: 0.5em;
3166  padding: 12px 1.5rem 12px;
3167  background: #ffffff;
3168  font-family: instrument sans;
3169  font-size: 13px;
3170  font-weight: 700;
3171  color: #000000;
3172  letter-spacing: -0.01em;
3173"><span class="social-proof__stars" aria-hidden="true" style="letter-spacing: 0.04em;">★★★★★</span>
3174
3175  <span class="social-proof__text">
3176    4,8/5 • +2000 lecteurs
3177  </span>
3178</div>
3179
3180
3181</div><div id="shopify-section-template--31700916371788__image_slider_et3Xbr" class="shopify-section image-slider-section">
3182<style>@font-face {
3183  font-family: "Libre Caslon Text";
3184  font-weight: 400;
3185  font-style: normal;
3186  src: url("//views.fr/cdn/fonts/libre_caslon_text/librecaslontext_n4.69e40b5499cae01f08d854557f813a31bc80e248.woff2") format("woff2"),
3187       url("//views.fr/cdn/fonts/libre_caslon_text/librecaslontext_n4.64955492c60f32c2546fc5710223f1274518807f.woff") format("woff");
3188}
3189@font-face {
3190  font-family: Inter;
3191  font-weight: 400;
3192  font-style: normal;
3193  src: url("//views.fr/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
3194       url("//views.fr/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
3195}
3196
3197  #image-slider-template--31700916371788__image_slider_et3Xbr {
3198    background: #ffffff;
3199    padding: 40px 200px 20px;
3200    margin-top: 0px;
3201    margin-bottom: 0px;
3202    overflow: hidden;
3203    text-align: center;
3204  }
3205
3206  @media (max-width: 749px) {
3207    #image-slider-template--31700916371788__image_slider_et3Xbr {
3208      margin-top: 0px;
3209      margin-bottom: 0px;
3210      padding: 28px 0px 0px;
3211    }
3212  }
3213
3214  #image-slider-template--31700916371788__image_slider_et3Xbr .slider-headline {
3215    color: #000000;
3216    font-family: "Libre Caslon Text", serif;
3217    font-size: 20px;
3218    font-weight: 400;
3219    text-transform: none;
3220    line-height: 100%;
3221    letter-spacing: -0.05em;
3222    margin: 0 0 30px;
3223    padding: 0 20px;
3224  }
3225
3226  @media (max-width: 749px) {
3227    #image-slider-template--31700916371788__image_slider_et3Xbr .slider-headline {
3228      font-size: 20px;
3229      margin-bottom: 20px;
3230    }
3231  }#image-slider-template--31700916371788__image_slider_et3Xbr .slider-headline circle-word {
3232    display: inline-block;
3233    border: 2.5px solid #000000;
3234    border-radius: 999px;
3235    padding: 2px 16px;
3236    margin-left: 4px;
3237  }
3238
3239  #image-slider-template--31700916371788__image_slider_et3Xbr .slider-subtitle {
3240    color: #000000;
3241    font-family: Inter, sans-serif;
3242    font-size: 10px;
3243    font-weight: 900;
3244    text-transform: none;
3245    line-height: 95%;
3246    letter-spacing: 0.0em;
3247    margin: 0 0 16px;
3248    padding: 0 20px;
3249    text-align: center;
3250  }
3251
3252  #image-slider-template--31700916371788__image_slider_et3Xbr .slider-track-wrapper {
3253    position: relative;
3254    width: 100%;
3255    overflow: hidden;
3256  }
3257
3258  #image-slider-template--31700916371788__image_slider_et3Xbr .slider-track-wrapper::before,
3259  #image-slider-template--31700916371788__image_slider_et3Xbr .slider-track-wrapper::after {
3260    content: '';
3261    position: absolute;
3262    top: 0;
3263    bottom: 0;
3264    width: 80px;
3265    z-index: 2;
3266    pointer-events: none;
3267  }#image-slider-template--31700916371788__image_slider_et3Xbr .slider-track-wrapper::before {
3268    left: 0;
3269    background: linear-gradient(to right, #ffffff, transparent);
3270  }
3271  #image-slider-template--31700916371788__image_slider_et3Xbr .slider-track-wrapper::after {
3272    right: 0;
3273    background: linear-gradient(to left, #ffffff, transparent);
3274  }#image-slider-template--31700916371788__image_slider_et3Xbr .slider-track {
3275    display: flex;
3276    align-items: center;
3277    gap: 50px;
3278    width: max-content;
3279    animation: slider-scroll-template--31700916371788__image_slider_et3Xbr 13s linear infinite;
3280  }
3281
3282  #image-slider-template--31700916371788__image_slider_et3Xbr .slider-track:hover {
3283    animation-play-state: paused;
3284  }
3285
3286  @keyframes slider-scroll-template--31700916371788__image_slider_et3Xbr {
3287    0% { transform: translateX(0); }
3288    100% { transform: translateX(-12.5%); }
3289  }
3290
3291  #image-slider-template--31700916371788__image_slider_et3Xbr .slider-slide {
3292    flex-shrink: 0;
3293    display: flex;
3294    align-items: center;
3295    justify-content: center;
3296    height: 80px;
3297    padding: 0 18px;border-radius: 0px;}
3298
3299  @media (min-width: 750px) {
3300    #image-slider-template--31700916371788__image_slider_et3Xbr .slider-slide {
3301      height: 120px;
3302    }
3303    #image-slider-template--31700916371788__image_slider_et3Xbr .slider-slide img {
3304      max-height: 104px;
3305    }
3306  }
3307
3308  #image-slider-template--31700916371788__image_slider_et3Xbr .slider-slide img {
3309    max-height: 64px;
3310    width: auto;
3311    object-fit: contain;}</style>
3312
3313<div id="image-slider-template--31700916371788__image_slider_et3Xbr" class="border-b-gridline border-gr
3313idline-color"><h2 class="slider-headline">« Views a réussi à transposer sur papier ce qui faisait déjà sa singularité sur les réseaux : un goût obsessionnel pour l'image juste, la maquette soignée et une véritable orfèvrerie visuelle. »</h2><p class="slider-subtitle">Le Point</p></div>
3314</div><div id="shopify-section-template--31700916371788__featured_product_MqxQKM" class="shopify-section">
3315
3316<script>
3317  window.theme = window.theme || {};
3318  // On utilise raw/endraw pour injecter littéralement €
3319  window.theme.moneyFormat = "{{amount_no_decimals}}€";
3320</script>
3320
3321  <data-island
3322    class="grid grid-flow-row-dense grid-cols-1 border-b-gridline border-gridline-color lg:grid-cols-12 lg:gap-gutter lg:bg-gridline-color"
3323    x-data="
3324      Product({
3325        product: {&quot;id&quot;:14894040449356,&quot;title&quot;:&quot;Views Magazine 007 - La Fève&quot;,&quot;handle&quot;:&quot;views-magazine-007&quot;,&quot;description&quot;:&quot;\u003cdiv class=\&quot;block-wrap-native block-wrap block-wrap-59 block-css-76569 block-wrap-text block-wrap-no-9 columns__m--1 elements-design-1 block-skin-0 block-is-nest clearfix\&quot; id=\&quot;block-wrap-76569\&quot;\u003e\n\u003cdiv class=\&quot;tipi-row-inner-style clearfix\&quot;\u003e\n\u003cp class=\&quot;tipi-row-inner-box contents sticky--wrap\&quot;\u003e\u003cstrong\u003eAvec\u003c\/strong\u003e : \u003cmeta charset=\&quot;UTF-8\&quot;\u003e\u003cspan\u003eLa Fève, Zahia Dehar, Sophie Green, Dora Abodi (ABODI Transylvania)\u003c\/span\u003e\u003cb\u003e, \u003c\/b\u003e\u003cspan\u003eDita…\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\&quot;tipi-row-inner-style clearfix\&quot;\u003e\n\u003cdiv class=\&quot;tipi-row-inner-box contents sticky--wrap\&quot;\u003e\n\u003cp class=\&quot;block-html-content clearfix link-color-wrap\&quot;\u003e\u003cstrong\u003ePages\u003c\/strong\u003e : 136 pages\u003cbr\u003e\u003cstrong\u003eDimensions\u003c\/strong\u003e : 22,1 cm x 28,4 cm\u003cbr\u003e\u003cstrong\u003ePoids\u003c\/strong\u003e : \u003cspan\u003e432 grammes\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\&quot;block-html-content clearfix link-color-wrap\&quot;\u003e\u003cspan\u003e\u003cmeta charset=\&quot;UTF-8\&quot;\u003e\n\u003cb\u003eLa Fève en couverture du septième numéro de Views Magazine.\u003c\/b\u003e\u003cbr\u003eÀ quoi reconnaît-on encore quelque chose, ou quelqu&#39;un, de vraiment singulier ? Jamais nous n&#39;avons eu autant de possibilités de découvrir, de nous inspirer et d&#39;élargir notre culture. Pourtant, de nos façons de parler aux lieux que nous fréquentons, les mêmes codes se diffusent et franchissent les frontières comme les milieux sociaux. Comment trouver sa singularité quand les signes qui nous distinguent se diffusent en quelques mois ?\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\&quot;block-html-content clearfix link-color-wrap\&quot;\u003e\u003cspan\u003e\u003cbr\u003eIl y a une décennie, PNL faisait de son indépendance et de son silence médiatique une force, avant de voir ses codes irriguer le rap français. La Fève, en couverture de cette édition, appartient à la génération qui a grandi dans cet espace, où une scène marginale peut imposer ses propres règles. Zahia Dehar échappe encore aux catégories qui prétendent l&#39;enfermer. Avec son écosystème artistique, ABODI Transylvania, la créatrice Dora Abodi puise dans les mythes de sa Transylvanie natale pour fabriquer un nouveau monde à partir d&#39;un héritage.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\&quot;block-html-content clearfix link-color-wrap\&quot;\u003e\u003cspan\u003eC&#39;est là, sans doute, que se joue encore la singularité. Pas dans la quête permanente de la différence absolue, mais dans la façon de s&#39;approprier ce qui existe déjà, dans ce que chacun et chacune choisit de préserver, de transformer et de transmettre.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e&quot;,&quot;published_at&quot;:&quot;2026-09-08T14:50:43+02:00&quot;,&quot;created_at&quot;:&quot;2025-05-19T17:50:04+02:00&quot;,&quot;vendor&quot;:&quot;Views Magazine&quot;,&quot;type&quot;:&quot;Magazine&quot;,&quot;tags&quot;:[&quot;a-paraitre&quot;,&quot;Joy subscriptions&quot;,&quot;magazine&quot;],&quot;price&quot;:1500,&quot;price_min&quot;:1500,&quot;price_max&quot;:1500,&quot;available&quot;:false,&quot;price_varies&quot;:false,&quot;compare_at_price&quot;:null,&quot;compare_at_price_min&quot;:0,&quot;compare_at_price_max&quot;:0,&quot;compare_at_price_varies&quot;:false,&quot;variants&quot;:[{&quot;id&quot;:52589968130380,&quot;title&quot;:&quot;Default Title&quot;,&quot;option1&quot;:&quot;Default Title&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:null,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:false,&quot;name&quot;:&quot;Views Magazine 007 - La Fève&quot;,&quot;public_title&quot;:null,&quot;options&quot;:[&quot;Default Title&quot;],&quot;price&quot;:1500,&quot;weight&quot;:532,&quot;compare_at_price&quot;:null,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:null,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[{&quot;price_adjustments&quot;:[{&quot;position&quot;:1,&quot;price&quot;:3600}],&quot;price&quot;:3600,&quot;compare_at_price&quot;:6000,&quot;per_delivery_price&quot;:900,&quot;selling_plan_id&quot;:689781473612,&quot;selling_plan_group_id&quot;:&quot;78f1fc08e0e6e63e779092eab2e11bfbbe412175&quot;},{&quot;price_adjustments&quot;:[{&quot;position&quot;:1,&quot;price&quot;:4800}],&quot;price&quot;:4800,&quot;compare_at_price&quot;:12000,&quot;per_delivery_price&quot;:600,&quot;selling_plan_id&quot;:689781506380,&quot;selling_plan_group_id&quot;:&quot;78f1fc08e0e6e63e779092eab2e11bfbbe412175&quot;}],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}}],&quot;images&quot;:[&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-5802314.png?v=1788950501&quot;,&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-5096148.png?v=1788950500&quot;,&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-8803165.png?v=1788950501&quot;,&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-8113802.png?v=1788950502&quot;,&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-7311295.png?v=1788950501&quot;,&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-2286142.png?v=1788950500&quot;,&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-8971950.png?v=1788950501&quot;,&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-2604696.png?v=1788950501&quot;],&quot;featured_image&quot;:&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-5802314.png?v=1788950501&quot;,&quot;options&quot;:[&quot;Title&quot;],&quot;media&quot;:[{&quot;alt&quot;:&quot;Views Magazine 007 - La Fève - Views&quot;,&quot;id&quot;:75800801149260,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:3000,&quot;width&quot;:3000,&quot;src&quot;:&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-5802314.png?v=1788950501&quot;},&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:3000,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-5802314.png?v=1788950501&quot;,&quot;width&quot;:3000},{&quot;alt&quot;:&quot;Views Magazine 007 - La Fève - Views&quot;,&quot;id&quot;:75800801476940,&quot;position&quot;:2,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:3840,&quot;width&quot;:3840,&quot;src&quot;:&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-5096148.png?v=1788950500&quot;},&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:3840,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-5096148.png?v=1788950500&quot;,&quot;width&quot;:3840},{&quot;alt&quot;:&quot;Views Magazine 007 - La Fève - Views&quot;,&quot;id&quot;:75800802165068,&quot;position&quot;:3,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:3840,&quot;width&quot;:3840,&quot;src&quot;:&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-8803165.png?v=1788950501&quot;},&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:3840,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-8803165.png?v=1788950501&quot;,&quot;width&quot;:3840},{&quot;alt&quot;:&quot;Views Magazine 007 - La Fève - Views&quot;,&quot;id&quot;:75800804360524,&quot;position&quot;:4,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:3840,&quot;width&quot;:3840,&quot;src&quot;:&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-8113802.png?v=1788950502&quot;},&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:3840,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-8113802.png?v=1788950502&quot;,&quot;width&quot;:3840},{&quot;alt&quot;:&quot;Views Magazine 007 - La Fève - Views&quot;,&quot;id&quot;:75800802230604,&quot;position&quot;:5,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:3840,&quot;width&quot;:3840,&quot;src&quot;:&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-7311295.png?v=1788950501&quot;},&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:3840,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-7311295.png?v=1788950501&quot;,&quot;width&quot;:3840},{&quot;alt&quot;:&quot;Views Magazine 007 - La Fève - Views&quot;,&quot;id&quot;:75800804098380,&quot;position&quot;:6,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:3840,&quot;width&quot;:3840,&quot;src&quot;:&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-2286142.png?v=1788950500&quot;},&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:3840,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-2286142.png?v=1788950500&quot;,&quot;width&quot;:3840},{&quot;alt&quot;:&quot;Views Magazine 007 - La Fève - Views&quot;,&quot;id&quot;:75800808161612,&quot;position&quot;:7,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:3840,&quot;width&quot;:3840,&quot;src&quot;:&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-8971950.png?v=1788950501&quot;},&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:3840,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-8971950.png?v=1788950501&quot;,&quot;width&quot;:3840},{&quot;alt&quot;:&quot;Views Magazine 007 - La Fève - Views&quot;,&quot;id&quot;:75800812585292,&quot;position&quot;:8,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:3840,&quot;width&quot;:3840,&quot;src&quot;:&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-2604696.png?v=1788950501&quot;},&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:3840,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-2604696.png?v=1788950501&quot;,&quot;width&quot;:3840}],&quot;requires_selling_plan&quot;:false,&quot;selling_plan_groups&quot;:[{&quot;id&quot;:&quot;78f1fc08e0e6e63e779092eab2e11bfbbe412175&quot;,&quot;name&quot;:&quot;Abonnement à Views Magazine&quot;,&quot;options&quot;:[{&quot;name&quot;:&quot;Type d&#39;abonnement&quot;,&quot;position&quot;:1,&quot;values&quot;:[&quot;1 an — 4 numéros (36€ au lieu de 60€)&quot;,&quot;2 ans — 8 numéros (48€ au lieu de 120€)&quot;]}],&quot;selling_plans&quot;:[{&quot;id&quot;:689781473612,&quot;name&quot;:&quot;Abonnement 1 an (4 numéros) — Livraison chaque trimestre — Reconduction tacite à la fin de l&#39;abonnement&quot;,&quot;description&quot;:null,&quot;options&quot;:[{&quot;name&quot;:&quot;Type d&#39;abonnement&quot;,&quot;position&quot;:1,&quot;value&quot;:&quot;1 an — 4 numéros (36€ au lieu de 60€)&quot;}],&quot;recurring_deliveries&quot;:true,&quot;price_adjustments&quot;:[{&quot;order_count&quot;:null,&quot;position&quot;:1,&quot;value_type&quot;:&quot;price&quot;,&quot;value&quot;:3600}],&quot;checkout_charge&quot;:{&quot;value_type&quot;:&quot;percentage&quot;,&quot;value&quot;:100}},{&quot;id&quot;:689781506380,&quot;name&quot;:&quot;Abonnement 2 ans (8 numéros) — Livraison chaque trimestre — Reconduction tacite à la fin de l&#39;abonnement&quot;,&quot;description&quot;:null,&quot;options&quot;:[{&quot;name&quot;:&quot;Type d&#39;abonnement&quot;,&quot;position&quot;:1,&quot;value&quot;:&quot;2 ans — 8 numéros (48€ au lieu de 120€)&quot;}],&quot;recurring_deliveries&quot;:true,&quot;price_adjustments&quot;:[{&quot;order_count&quot;:null,&quot;position&quot;:1,&quot;value_type&quot;:&quot;price&quot;,&quot;value&quot;:4800}],&quot;checkout_charge&quot;:{&quot;value_type&quot;:&quot;percentage&quot;,&quot;value&quot;:100}}],&quot;app_id&quot;:&quot;paywhirl&quot;}],&quot;content&quot;:&quot;\u003cdiv class=\&quot;block-wrap-native block-wrap block-wrap-59 block-css-76569 block-wrap-text block-wrap-no-9 columns__m--1 elements-design-1 block-skin-0 block-is-nest clearfix\&quot; id=\&quot;block-wrap-76569\&quot;\u003e\n\u003cdiv class=\&quot;tipi-row-inner-style clearfix\&quot;\u003e\n\u003cp class=\&quot;tipi-row-inner-box contents sticky--wrap\&quot;\u003e\u003cstrong\u003eAvec\u003c\/strong\u003e : \u003cmeta charset=\&quot;UTF-8\&quot;\u003e\u003cspan\u003eLa Fève, Zahia Dehar, Sophie Green, Dora Abodi (ABODI Transylvania)\u003c\/span\u003e\u003cb\u003e, \u003c\/b\u003e\u003cspan\u003eDita…\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\&quot;tipi-row-inner-style clearfix\&quot;\u003e\n\u003cdiv class=\&quot;tipi-row-inner-box contents sticky--wrap\&quot;\u003e\n\u003cp class=\&quot;block-html-content clearfix link-color-wrap\&quot;\u003e\u003cstrong\u003ePages\u003c\/strong\u003e : 136 pages\u003cbr\u003e\u003cstrong\u003eDimensions\u003c\/strong\u003e : 22,1 cm x 28,4 cm\u003cbr\u003e\u003cstrong\u003ePoids\u003c\/strong\u003e : \u003cspan\u003e432 grammes\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\&quot;block-html-content clearfix link-color-wrap\&quot;\u003e\u003cspan\u003e\u003cmeta charset=\&quot;UTF-8\&quot;\u003e\n\u003cb\u003eLa Fève en couverture du septième numéro de Views Magazine.\u003c\/b\u003e\u003cbr\u003eÀ quoi reconnaît-on encore quelque chose, ou quelqu&#39;un, de vraiment singulier ? Jamais nous n&#39;avons eu autant de possibilités de découvrir, de nous inspirer et d&#39;élargir notre culture. Pourtant, de nos façons de parler aux lieux que nous fréquentons, les mêmes codes se diffusent et franchissent les frontières comme les milieux sociaux. Comment trouver sa singularité quand les signes qui nous distinguent se diffusent en quelques mois ?\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\&quot;block-html-content clearfix link-color-wrap\&quot;\u003e\u003cspan\u003e\u003cbr\u003eIl y a une décennie, PNL faisait de son indépendance et de son silence médiatique une force, avant de voir ses codes irriguer le rap français. La Fève, en couverture de cette édition, appartient à la génération qui a grandi dans cet espace, où une scène marginale peut imposer ses propres règles. Zahia Dehar échappe encore aux catégories qui prétendent l&#39;enfermer. Avec son écosystème artistique, ABODI Transylvania, la créatrice Dora Abodi puise dans les mythes de sa Transylvanie natale pour fabriquer un nouveau monde à partir d&#39;un héritage.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\&quot;block-html-content clearfix link-color-wrap\&quot;\u003e\u003cspan\u003eC&#39;est là, sans doute, que se joue encore la singularité. Pas dans la quête permanente de la différence absolue, mais dans la façon de s&#39;approprier ce qui existe déjà, dans ce que chacun et chacune choisit de préserver, de transformer et de transmettre.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e&quot;},
3326        initialVariant: {&quot;id&quot;:52589968130380,&quot;title&quot;:&quot;Default Title&quot;,&quot;option1&quot;:&quot;Default Title&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:null,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:false,&quot;name&quot;:&quot;Views Magazine 007 - La Fève&quot;,&quot;public_title&quot;:null,&quot;options&quot;:[&quot;Default Title&quot;],&quot;price&quot;:1500,&quot;weight&quot;:532,&quot;compare_at_pr
3326ice&quot;:null,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:null,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[{&quot;price_adjustments&quot;:[{&quot;position&quot;:1,&quot;price&quot;:3600}],&quot;price&quot;:3600,&quot;compare_at_price&quot;:6000,&quot;per_delivery_price&quot;:900,&quot;selling_plan_id&quot;:689781473612,&quot;selling_plan_group_id&quot;:&quot;78f1fc08e0e6e63e779092eab2e11bfbbe412175&quot;},{&quot;price_adjustments&quot;:[{&quot;position&quot;:1,&quot;price&quot;:4800}],&quot;price&quot;:4800,&quot;compare_at_price&quot;:12000,&quot;per_delivery_price&quot;:600,&quot;selling_plan_id&quot;:689781506380,&quot;selling_plan_group_id&quot;:&quot;78f1fc08e0e6e63e779092eab2e11bfbbe412175&quot;}],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},
3327        optionsWithValues: [{&quot;name&quot;:&quot;Title&quot;,&quot;position&quot;:1,&quot;values&quot;:[&quot;Default Title&quot;]}],
3328        featuredMediaId: 75800801149260,
3329        shouldUpdateHistoryState: false,
3330      })
3331    "
3332    src="product"
3333    role="banner"
3334    data-product-root="template--31700916371788__featured_product_MqxQKM"
3335    data-enable-image-zoom="false"
3336    data-color-scheme="scheme1"
3337  >
3338    <div
3339      class="flex items-start product-media-container relative bg-scheme-background text-scheme-text lg:col-span-6 border-b-gridline border-gridline-color lg:border-0"
3340      data-product-media-container
3341      
3342    >
3343      <div class="w-full">
3344        <div class="lg:p-4"><style>
3345            .fp-carousel__viewport {
3346              position: relative !important;
3347              overflow: hidden !important;
3348              width: 100% !important;
3349              border-radius: 0;
3350            }
3351            .fp-carousel__track {
3352              display: flex !important;
3353              flex-wrap: nowrap !important;
3354              transition: transform 0.35s ease;
3355              width: 100% !important;
3356            }
3357            .fp-carousel__slide {
3358              flex: 0 0 100% !important;
3359              min-width: 100% !important;
3360              max-width: 100% !important;
3361              width: 100% !important;
3362            }
3363            .fp-carousel__slide img,
3364            .fp-carousel__slide .media-item,
3365            .fp-carousel__slide > div {
3366              width: 100% !important;
3367            }
3368            .fp-carousel__arrow {
3369              position: absolute !important;
3370              top: 50% !important;
3371              transform: translateY(-50%) !important;
3372              z-index: 3 !important;
3373              background: rgba(255,255,255,0.85) !important;
3374              border: none !important;
3375              border-radius: 50% !important;
3376              width: 36px !important;
3377              height: 36px !important;
3378              cursor: pointer !important;
3379              display: flex !important;
3380              align-items: center !important;
3381              justify-content: center !important;
3382              font-size: 18px !important;
3383              box-shadow: 0 1px 4px rgba(0,0,0,0.12) !important;
3384              line-height: 1;
3385            }
3386            .fp-carousel__arrow--left { left: 8px !important; }
3387            .fp-carousel__arrow--right { right: 8px !important; }
3388            .fp-carousel__dots {
3389              display: none !important;
3390            }
3391            .fp-carousel__dot {
3392              width: 8px !important;
3393              height: 8px !important;
3394              border-radius: 50% !important;
3395              border: none !important;
3396              cursor: pointer !important;
3397              padding: 0 !important;
3398              transition: background 0.2s;
3399            }
3400          </style>
3401
3402          <div
3403            class="fp-carousel"
3404            x-data="{
3405              current: 0,
3406              count: 8,
3407              startX: 0,
3408              delta: 0,
3409              swiping: false,
3410              next() { this.current = (this.current + 1) % this.count },
3411              prev() { this.current = (this.current - 1 + this.count) % this.count },
3412              goTo(i) { this.current = i }
3413            }"x-init="$watch('current', (val) => { currentMediaId = [75800801149260,75800801476940,75800802165068,75800804360524,75800802230604,75800804098380,75800808161612,75800812585292][val] })">
3414            <div class="fp-carousel__viewport">
3415              <div
3416                class="fp-carousel__track"
3417                :style="'transform: translateX(-' + (current * 100) + '%)'"
3418                @touchstart.passive="startX = $event.touches[0].clientX; swiping = true"
3419                @touchmove.passive="if(swiping) delta = $event.touches[0].clientX - startX"
3420                @touchend="if(Math.abs(delta) > 40) { delta < 0 ? next() : prev() }; delta = 0; swiping = false"
3421                @mousedown.prevent="startX = $event.clientX; swiping = true"
3422                @mousemove="if(swiping) delta = $event.clientX - startX"
3423                @mouseup="if(Math.abs(delta) > 40) { delta < 0 ? next() : prev() }; delta = 0; swiping = false"
3424                @mouseleave="delta = 0; swiping = false"
3425              ><div class="fp-carousel__slide">
3426                      <div
3427  class="focus-inset relative  p-grid-media w-full"
3428  data-media-id="75800801149260"
3429  data-product-single-media-wrapper
3430  
3431    data-product-media-type-image data-product-image-index=""
3432    
3433  
3434  
3435  
3436  
3437  
3438>
3439  
3440      <image-with-placeholder
3441  class="relative overflow-hidden rounded-grid-media"
3442><img src="//views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&amp;width=3000" alt="Views Magazine 007 - La Fève - Views" srcset="//views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&amp;width=200 200w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&amp;width=350 350w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&amp;width=450 450w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&amp;width=750 750w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&amp;width=850 850w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&amp;width=960 960w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&amp;width=1280 1280w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&amp;width=1440 1440w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&amp;width=1536 1536w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&amp;width=1706 1706w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&amp;width=1782 1782w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&amp;width=1920 1920w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&amp;width=2560 2560w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&amp;width=2880 2880w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="image peer/image object-cover" sizes="(min-width: 1024px) 50vw, 100vw">
3443  
3444    <div
3445      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
3446    ></div>
3447  
3448  
3449</image-with-placeholder>
3450
3451      
3452    
3453</div>
3454
3455                    </div><div class="fp-carousel__slide">
3456                      <div
3457  class="focus-inset relative  p-grid-media w-full"
3458  data-media-id="75800801476940"
3459  data-product-single-media-wrapper
3460  
3461    data-product-media-type-image data-product-image-index=""
3462    
3463  
3464  
3465  
3466  
3467  
3468>
3469  
3470      <image-with-placeholder
3471  class="relative overflow-hidden rounded-grid-media"
3472><img src="//views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&amp;width=3000" alt="Views Magazine 007 - La Fève - Views" srcset="//views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&amp;width=200 200w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&amp;width=350 350w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&amp;width=450 450w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&amp;width=750 750w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&amp;width=850 850w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&amp;width=960 960w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&amp;width=1280 1280w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&amp;width=1440 1440w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&amp;width=1536 1536w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&amp;width=1706 1706w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&amp;width=1782 1782w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&amp;width=1920 1920w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&amp;width=2560 2560w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&amp;width=2880 2880w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="image peer/image object-cover" sizes="(min-width: 1024px) 50vw, 100vw">
3473  
3474    <div
3475      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
3476    ></div>
3477  
3478  
3479</image-with-placeholder>
3480
3481      
3482    
3483</div>
3484
3485                    </div><div class="fp-carousel__slide">
3486                      <div
3487  class="focus-inset relative  p-grid-media w-full"
3488  data-media-id="75800802165068"
3489  data-product-single-media-wrapper
3490  
3491    data-product-media-type-image data-product-image-index=""
3492    
3493  
3494  
3495  
3496  
3497  
3498>
3499  
3500      <image-with-placeholder
3501  class="relative overflow-hidden rounded-grid-media"
3502><img src="//views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&amp;width=3000" alt="Views Magazine 007 - La Fève - Views" srcset="//views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&amp;width=200 200w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&amp;width=350 350w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&amp;width=450 450w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&amp;width=750 750w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&amp;width=850 850w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&amp;width=960 960w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&amp;width=1280 1280w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&amp;width=1440 1440w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&amp;width=1536 1536w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&amp;width=1706 1706w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&amp;width=1782 1782w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&amp;width=1920 1920w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&amp;width=2560 2560w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&amp;width=2880 2880w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="image peer/image object-cover" sizes="(min-width: 1024px) 50vw, 100vw">
3503  
3504    <div
3505      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
3506    ></div>
3507  
3508  
3509</image-with-placeholder>
3510
3511      
3512    
3513</div>
3514
3515                    </div><div class="fp-carousel__slide">
3516                      <div
3517  class="focus-inset relative  p-grid-media w-full"
3518  data-media-id="75800804360524"
3519  data-product-single-media-wrapper
3520  
3521    data-product-media-type-image data-product-image-index=""
3522    
3523  
3524  
3525  
3526  
3527  
3528>
3529  
3530      <image-with-placeholder
3531  class="relative overflow-hidden rounded-grid-media"
3532><img src="//views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&amp;width=3000" alt="Views Magazine 007 - La Fève - Views" srcset="//views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&amp;width=200 200w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&amp;width=350 350w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&amp;width=450 450w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&amp;width=750 750w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&amp;width=850 850w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&amp;width=960 960w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&amp;width=1280 1280w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&amp;width=1440 1440w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&amp;width=1536 1536w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&amp;width=1706 1706w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&amp;width=1782 1782w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&amp;width=1920 1920w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&amp;width=2560 2560w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&amp;width=2880 2880w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="image peer/image object-cover" sizes="(min-width: 1024px) 50vw, 100vw">
3533  
3534    <div
3535      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
3536    ></div>
3537  
3538  
3539</image-with-placeholder>
3540
3541      
3542    
3543</div>
3544
3545                    </div><div class="fp-carousel__slide">
3546                      <div
3547  class="focus-inset relative  p-grid-media w-full"
3548  data-media-id="75800802230604"
3549  data-product-single-media-wrapper
3550  
3551    data-product-media-type-image data-product-image-index=""
3552    
3553  
3554  
3555  
3556  
3557  
3558>
3559  
3560      <image-with-placeholder
3561  class="relative overflow-hidden rounded-grid-media"
3562><img src="//views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&amp;width=3000" alt="Views Magazine 007 - La Fève - Views" srcset="//views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&amp;width=200 200w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&amp;width=350 350w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&amp;width=450 450w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&amp;width=750 750w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&amp;width=850 850w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&amp;width=960 960w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&amp;width=1280 1280w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&amp;width=1440 1440w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&amp;width=1536 1536w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&amp;width=1706 1706w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&amp;width=1782 1782w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&amp;width=1920 1920w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&amp;width=2560 2560w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&amp;width=2880 2880w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="image peer/image object-cover" sizes="(min-width: 1024px) 50vw, 100vw">
3563  
3564    <div
3565      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
3566    ></div>
3567  
3568  
3569</image-with-placeholder>
3570
3571      
3572    
3573</div>
3574
3575                    </div><div class="fp-carousel__slide">
3576                      <div
3577  class="focus-inset relative  p-grid-media w-full"
3578  data-media-id="75800804098380"
3579  data-product-single-media-wrapper
3580  
3581    data-product-media-type-image data-product-image-index=""
3582    
3583  
3584  
3585  
3586  
3587  
3588>
3589  
3590      <image-with-placeholder
3591  class="relative overflow-hidden rounded-grid-media"
3592><img src="//views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&amp;width=3000" alt="Views Magazine 007 - La Fève - Views" srcset="//views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&amp;width=200 200w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&amp;width=350 350w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&amp;width=450 450w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&amp;width=750 750w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&amp;width=850 850w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&amp;width=960 960w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&amp;width=1280 1280w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&amp;width=1440 1440w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&amp;width=1536 1536w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&amp;width=1706 1706w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&amp;width=1782 1782w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&amp;width=1920 1920w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&amp;width=2560 2560w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&amp;width=2880 2880w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="image peer/image object-cover" sizes="(min-width: 1024px) 50vw, 100vw">
3593  
3594    <div
3595      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
3596    ></div>
3597  
3598  
3599</image-with-placeholder>
3600
3601      
3602    
3603</div>
3604
3605                    </div><div class="fp-carousel__slide">
3606                      <div
3607  class="focus-inset relative  p-grid-media w-full"
3608  data-media-id="75800808161612"
3609  data-product-single-media-wrapper
3610  
3611    data-product-media-type-image data-product-image-index=""
3612    
3613  
3614  
3615  
3616  
3617  
3618>
3619  
3620      <image-with-placeholder
3621  class="relative overflow-hidden rounded-grid-media"
3622><img src="//views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&amp;width=3000" alt="Views Magazine 007 - La Fève - Views" srcset="//views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&amp;width=200 200w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&amp;width=350 350w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&amp;width=450 450w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&amp;width=750 750w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&amp;width=850 850w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&amp;width=960 960w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&amp;width=1280 1280w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&amp;width=1440 1440w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&amp;width=1536 1536w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&amp;width=1706 1706w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&amp;width=1782 1782w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&amp;width=1920 1920w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971
3622950.png?v=1788950501&amp;width=2560 2560w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&amp;width=2880 2880w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="image peer/image object-cover" sizes="(min-width: 1024px) 50vw, 100vw">
3623  
3624    <div
3625      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
3626    ></div>
3627  
3628  
3629</image-with-placeholder>
3630
3631      
3632    
3633</div>
3634
3635                    </div><div class="fp-carousel__slide">
3636                      <div
3637  class="focus-inset relative  p-grid-media w-full"
3638  data-media-id="75800812585292"
3639  data-product-single-media-wrapper
3640  
3641    data-product-media-type-image data-product-image-index=""
3642    
3643  
3644  
3645  
3646  
3647  
3648>
3649  
3650      <image-with-placeholder
3651  class="relative overflow-hidden rounded-grid-media"
3652><img src="//views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&amp;width=3000" alt="Views Magazine 007 - La Fève - Views" srcset="//views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&amp;width=200 200w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&amp;width=350 350w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&amp;width=450 450w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&amp;width=750 750w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&amp;width=850 850w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&amp;width=960 960w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&amp;width=1280 1280w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&amp;width=1440 1440w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&amp;width=1536 1536w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&amp;width=1706 1706w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&amp;width=1782 1782w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&amp;width=1920 1920w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&amp;width=2560 2560w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&amp;width=2880 2880w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="image peer/image object-cover" sizes="(min-width: 1024px) 50vw, 100vw">
3653  
3654    <div
3655      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
3656    ></div>
3657  
3658  
3659</image-with-placeholder>
3660
3661      
3662    
3663</div>
3664
3665                    </div></div><button @click="prev()" class="fp-carousel__arrow fp-carousel__arrow--left" aria-label="Image précédente">&#8249;</button>
3666                <button @click="next()" class="fp-carousel__arrow fp-carousel__arrow--right" aria-label="Image suivante">&#8250;</button></div><div class="fp-carousel__dots"><button
3667                    @click="goTo(0)"
3668                    class="fp-carousel__dot"
3669                    :style="current === 0 ? 'background: #1a1a1a' : 'background: #ccc'"
3670                    aria-label="Image 1"
3671                  ></button><button
3672                    @click="goTo(1)"
3673                    class="fp-carousel__dot"
3674                    :style="current === 1 ? 'background: #1a1a1a' : 'background: #ccc'"
3675                    aria-label="Image 2"
3676                  ></button><button
3677                    @click="goTo(2)"
3678                    class="fp-carousel__dot"
3679                    :style="current === 2 ? 'background: #1a1a1a' : 'background: #ccc'"
3680                    aria-label="Image 3"
3681                  ></button><button
3682                    @click="goTo(3)"
3683                    class="fp-carousel__dot"
3684                    :style="current === 3 ? 'background: #1a1a1a' : 'background: #ccc'"
3685                    aria-label="Image 4"
3686                  ></button><button
3687                    @click="goTo(4)"
3688                    class="fp-carousel__dot"
3689                    :style="current === 4 ? 'background: #1a1a1a' : 'background: #ccc'"
3690                    aria-label="Image 5"
3691                  ></button><button
3692                    @click="goTo(5)"
3693                    class="fp-carousel__dot"
3694                    :style="current === 5 ? 'background: #1a1a1a' : 'background: #ccc'"
3695                    aria-label="Image 6"
3696                  ></button><button
3697                    @click="goTo(6)"
3698                    class="fp-carousel__dot"
3699                    :style="current === 6 ? 'background: #1a1a1a' : 'background: #ccc'"
3700                    aria-label="Image 7"
3701                  ></button><button
3702                    @click="goTo(7)"
3703                    class="fp-carousel__dot"
3704                    :style="current === 7 ? 'background: #1a1a1a' : 'background: #ccc'"
3705                    aria-label="Image 8"
3706                  ></button></div></div>
3707        </div>
3708        
3709</div>
3710    </div>
3711
3712    <div
3713      class="flex items-start product-content-container bg-scheme-background px-section-horizontal-spacing text-scheme-text lg:col-span-6"
3714    >
3715      <div class="product-block-area w-full py-section-vertical-spacing w-full">
3716
3717<h2
3718  class="product-title-block font-heading break-word text-heading-feature"
3719  data-product-title
3720><a href="/products/views-magazine-007">Views Magazine 007 - La Fève</a></h2>
3721<style>
3722  [data-block-id="richtext_89DTn6"].rt-block,
3723  [data-block-id="richtext_89DTn6"].rt-block p,
3724  [data-block-id="richtext_89DTn6"].rt-block li,
3725  [data-block-id="richtext_89DTn6"].rt-block span {
3726    font-size: 17px !important;
3727    line-height: 150% !important;
3728    letter-spacing: -0.03em !important;
3729  }
3730</style>
3731<div class="rte rt-block lg:hidden" data-block-id="richtext_89DTn6" style="margin-top: 5px !important; text-align: left;" >
3732  <p><strong>Livraison gratuite</strong></p>
3733</div>
3734<style>
3735  [data-block-id="richtext_nrYDAk"].rt-block,
3736  [data-block-id="richtext_nrYDAk"].rt-block p,
3737  [data-block-id="richtext_nrYDAk"].rt-block li,
3738  [data-block-id="richtext_nrYDAk"].rt-block span {
3739    font-size: 13px !important;
3740    line-height: 150% !important;
3741    letter-spacing: -0.03em !important;
3742  }
3743</style>
3744<div class="rte rt-block lg:hidden" data-block-id="richtext_nrYDAk" style="margin-top: 5px !important; text-align: left;" >
3745  <p><strong>Avec</strong> : La Fève, Zahia Dehar, Sophie Green, Dora Abodi, Dita...</p>
3746</div>
3747<style>
3748  [data-block-id="richtext_rN9GmQ"].rt-block,
3749  [data-block-id="richtext_rN9GmQ"].rt-block p,
3750  [data-block-id="richtext_rN9GmQ"].rt-block li,
3751  [data-block-id="richtext_rN9GmQ"].rt-block span {
3752    font-size: 17px !important;
3753    line-height: 150% !important;
3754    letter-spacing: -0.03em !important;
3755  }
3756</style>
3757<div class="rte rt-block max-lg:hidden" data-block-id="richtext_rN9GmQ" style="margin-top: 8px !important; text-align: left;" >
3758  <p><strong>Livraison gratuite pour tout abonnement</strong></p>
3759</div>
3760<style>
3761  [data-block-id="richtext_4x8Jik"].rt-block,
3762  [data-block-id="richtext_4x8Jik"].rt-block p,
3763  [data-block-id="richtext_4x8Jik"].rt-block li,
3764  [data-block-id="richtext_4x8Jik"].rt-block span {
3765    font-size: 16px !important;
3766    line-height: 150% !important;
3767    letter-spacing: 0.0em !important;
3768  }
3769</style>
3770<div class="rte rt-block max-lg:hidden" data-block-id="richtext_4x8Jik" style="margin-top: 32px !important; text-align: left;" >
3771  <p><strong>Avec</strong> : La Fève, Zahia Dehar, Sophie Green, Dora Abodi, Dita...</p><p><strong>La Fève en couverture du septième numéro de Views Magazine.</strong></p>
3772</div>
3773<div class="social-proof"  style="
3774  display: flex;
3775  align-items: center;
3776  justify-content: flex-start;
3777  gap: 0.5em;
3778  padding: 0px 0 0px;
3779  background: #ffffff;
3780  font-family: instrument sans;
3781  font-size: 14px;
3782  font-weight: 700;
3783  color: #1a1a1a;
3784  letter-spacing: -0.01em;
3785  margin-top: 1rem;
3786  margin-bottom: 1rem;
3787  border-radius: 4px;
3788"><span class="social-proof__stars" aria-hidden="true" style="letter-spacing: 0.04em;">★★★★★</span>
3789
3790  <span class="social-proof__text">
3791    4,8/5 • +5000 lecteurs
3792  </span>
3793</div>
3794<div><div id="shopify-block-ARnBzdEF3RTlEL0JvO__paywhirl_subscriptions_paywhirl_plan_selector_kGrWar" class="shopify-block shopify-app-block">
3795
3796
3797
3798
3799  
3800    
3801    
3802  
3803    
3804    
3805  
3806
3807
3808
3809
3810
3811
3812
3813
3814
3815
3816
3817
3818
3819
3820
3821
3822
3823
3824
3825
3826
3827
3828
3829
3830
3831
3832
3833
3834
3835
3836
3837
3838
3839<!-- BEGIN app snippet: plan-selector-styles --><link href="https://cdn.shopify.com/extensions/01a04202-805b-7626-ac34-06a11831f688/shopwhirl-prod-env-141/assets/paywhirl-styles.css" rel="stylesheet" type="text/css" media="all">
3840
3841
3842
3843<style>
3844  #shopify-block-ARnBzdEF3RTlEL0JvO__paywhirl_subscriptions_paywhirl_plan_selector_kGrWar .paywhirl-plan-selector {
3845    font-size: calc(max(1em, 16px) * var(--font-body-scale, 1) * 0.8125 * 1.0 );
3846  }
3847  :root {
3848    --paywhirl-theme-color: #000000;
3849    
3850  }
3851
3852</style>
3853<!-- END app snippet -->
3854
3855
3856 
3857
3858<script>
3859  (function() {
3860    //  is an empty array in Liquid
3861    // even in eligible stores. It only disappears after encoding as JSON
3862
3863    var product = {"id":14894040449356,"title":"Views Magazine 007 - La Fève","handle":"views-magazine-007","description":"\u003cdiv class=\"block-wrap-native block-wrap block-wrap-59 block-css-76569 block-wrap-text block-wrap-no-9 columns__m--1 elements-design-1 block-skin-0 block-is-nest clearfix\" id=\"block-wrap-76569\"\u003e\n\u003cdiv class=\"tipi-row-inner-style clearfix\"\u003e\n\u003cp class=\"tipi-row-inner-box contents sticky--wrap\"\u003e\u003cstrong\u003eAvec\u003c\/strong\u003e : \u003cmeta charset=\"UTF-8\"\u003e\u003cspan\u003eLa Fève, Zahia Dehar, Sophie Green, Dora Abodi (ABODI Transylvania)\u003c\/span\u003e\u003cb\u003e, \u003c\/b\u003e\u003cspan\u003eDita…\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tipi-row-inner-style clearfix\"\u003e\n\u003cdiv class=\"tipi-row-inner-box contents sticky--wrap\"\u003e\n\u003cp class=\"block-html-content clearfix link-color-wrap\"\u003e\u003cstrong\u003ePages\u003c\/strong\u003e : 136 pages\u003cbr\u003e\u003cstrong\u003eDimensions\u003c\/strong\u003e : 22,1 cm x 28,4 cm\u003cbr\u003e\u003cstrong\u003ePoids\u003c\/strong\u003e : \u003cspan\u003e432 grammes\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"block-html-content clearfix link-color-wrap\"\u003e\u003cspan\u003e\u003cmeta charset=\"UTF-8\"\u003e\n\u003cb\u003eLa Fève en couverture du septième numéro de Views Magazine.\u003c\/b\u003e\u003cbr\u003eÀ quoi reconnaît-on encore quelque chose, ou quelqu'un, de vraiment singulier ? Jamais nous n'avons eu autant de possibilités de découvrir, de nous inspirer et d'élargir notre culture. Pourtant, de nos façons de parler aux lieux que nous fréquentons, les mêmes codes se diffusent et franchissent les frontières comme les milieux sociaux. Comment trouver sa singularité quand les signes qui nous distinguent se diffusent en quelques mois ?\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"block-html-content clearfix link-color-wrap\"\u003e\u003cspan\u003e\u003cbr\u003eIl y a une décennie, PNL faisait de son indépendance et de son silence médiatique une force, avant de voir ses codes irriguer le rap français. La Fève, en couverture de cette édition, appartient à la génération qui a grandi dans cet espace, où une scène marginale peut imposer ses propres règles. Zahia Dehar échappe encore aux catégories qui prétendent l'enfermer. Avec son écosystème artistique, ABODI Transylvania, la créatrice Dora Abodi puise dans les mythes de sa Transylvanie natale pour fabriquer un nouveau monde à partir d'un héritage.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"block-html-content clearfix link-color-wrap\"\u003e\u003cspan\u003eC'est là, sans doute, que se joue encore la singularité. Pas dans la quête permanente de la différence absolue, mais dans la façon de s'approprier ce qui existe déjà, dans ce que chacun et chacune choisit de préserver, de transformer et de transmettre.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","published_at":"2026-09-08T14:50:43+02:00","created_at":"2025-05-19T17:50:04+02:00","vendor":"Views Magazine","type":"Magazine","tags":["a-paraitre","Joy subscriptions","magazine"],"price":1500,"price_min":1500,"price_max":1500,"available":false,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":52589968130380,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Views Magazine 007 - La Fève","public_title":null,"options":["Default Title"],"price":1500,"weight":532,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3600}],"price":3600,"compare_at_price":6000,"per_delivery_price":900,"selling_plan_id":689781473612,"selling_plan_group_id":"78f1fc08e0e6e63e779092eab2e11bfbbe412175"},{"price_adjustments":[{"position":1,"price":4800}],"price":4800,"compare_at_price":12000,"per_delivery_price":600,"selling_plan_id":689781506380,"selling_plan_group_id":"78f1fc08e0e6e63e779092eab2e11bfbbe412175"}],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-5802314.png?v=1788950501","\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-5096148.png?v=1788950500","\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-8803165.png?v=1788950501","\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-8113802.png?v=1788950502","\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-7311295.png?v=1788950501","\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-2286142.png?v=1788950500","\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-8971950.png?v=1788950501","\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-2604696.png?v=1788950501"],"featured_image":"\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-5802314.png?v=1788950501","options":["Title"],"media":[{"alt":"Views Magazine 007 - La Fève - Views","id":75800801149260,"position":1,"preview_image":{"aspect_ratio":1.0,"height":3000,"width":3000,"src":"\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-5802314.png?v=1788950501"},"aspect_ratio":1.0,"height":3000,"media_type":"image","src":"\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-5802314.png?v=1788950501","width":3000},{"alt":"Views Magazine 007 - La Fève - Views","id":75800801476940,"position":2,"preview_image":{"aspect_ratio":1.0,"height":3840,"width":3840,"src":"\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-5096148.png?v=1788950500"},"aspect_ratio":1.0,"height":3840,"media_type":"image","src":"\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-5096148.png?v=1788950500","width":3840},{"alt":"Views Magazine 007 - La Fève - Views","id":75800802165068,"position":3,"preview_image":{"aspect_ratio":1.0,"height":3840,"width":3840,"src":"\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-8803165.png?v=1788950501"},"aspect_ratio":1.0,"height":3840,"media_type":"image","src":"\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-8803165.png?v=1788950501","width":3840},{"alt":"Views Magazine 007 - La Fève - Views","id":75800804360524,"position":4,"preview_image":{"aspect_ratio":1.0,"height":3840,"width":3840,"src":"\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-8113802.png?v=1788950502"},"aspect_ratio":1.0,"height":3840,"media_type":"image","src":"\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-8113802.png?v=1788950502","width":3840},{"alt":"Views Magazine 007 - La Fève - Views","id":75800802230604,"position":5,"preview_image":{"aspect_ratio":1.0,"height":3840,"width":3840,"src":"\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-7311295.png?v=1788950501"},"aspect_ratio":1.0,"height":3840,"media_type":"image","src":"\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-7311295.png?v=1788950501","width":3840},{"alt":"Views Magazine 007 - La Fève - Views","id":75800804098380,"position":6,"preview_image":{"aspect_ratio":1.0,"height":3840,"width":3840,"src":"\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-2286142.png?v=1788950500"},"aspect_ratio":1.0,"height":3840,"media_type":"image","src":"\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-2286142.png?v=1788950500","width":3840},{"alt":"Views Magazine 007 - La Fève - Views","id":75800808161612,"position":7,"preview_image":{"aspect_ratio":1.0,"height":3840,"width":3840,"src":"\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-8971950.png?v=1788950501"},"aspect_ratio":1.0,"height":3840,"media_type":"image","src":"\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-8971950.png?v=1788950501","width":3840},{"alt":"Views Magazine 007 - La Fève - Views","id":75800812585292,"position":8,"preview_image":{"aspect_ratio":1.0,"height":3840,"width":3840,"src":"\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-2604696.png?v=1788950501"},"aspect_ratio":1.0,"height":3840,"media_type":"image","src":"\/\/views.fr\/cdn\/shop\/files\/views-magazine-007-la-feve-2604696.png?v=1788950501","width":3840}],"requires_selling_plan":false,"selling_plan_groups":[{"id":"78f1fc08e0e6e63e779092eab2e11bfbbe412175","name":"Abonnement à Views Magazine","options":[{"name":"Type d'abonnement","position":1,"values":["1 an — 4 numéros (36€ au lieu de 60€)","2 ans — 8 numéros (48€ au lieu de 120€)"]}],"selling_plans":[{"id":689781473612,"name":"Abonnement 1 an (4 numéros) — Livraison chaque trimestre — Reconduction tacite à la fin de l'abonnement","description":null,"options":[{"name":"Type d'abonnement","position":1,"value":"1 an — 4 numéros (36€ au lieu de 60€)"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"price","value":3600}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":689781506380,"name":"Abonnement 2 ans (8 numéros) — Livraison chaque trimestre — Reconduction tacite à la fin de l'abonnement","description":null,"options":[{"name":"Type d'abonnement","position":1,"value":"2 ans — 8 numéros (48€ au lieu de 120€)"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"price","value":4800}],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"paywhirl"}],"content":"\u003cdiv class=\"block-wrap-native block-wrap block-wrap-59 block-css-76569 block-wrap-text block-wrap-no-9 columns__m--1 elements-design-1 block-skin-0 block-is-nest clearfix\" id=\"block-wrap-76569\"\u003e\n\u003cdiv class=\"tipi-row-inner-style clearfix\"\u003e\n\u003cp class=\"tipi-row-inner-box contents sticky--wrap\"\u003e\u003cstrong\u003eAvec\u003c\/strong\u003e : \u003cmeta charset=\"UTF-8\"\u003e\u003cspan\u003eLa Fève, Zahia Dehar, Sophie Green, Dora Abodi (ABODI Transylvania)\u003c\/span\u003e\u003cb\u003e, \u003c\/b\u003e\u003cspan\u003eDita…\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tipi-row-inner-style clearfix\"\u003e\n\u003cdiv class=\"tipi-row-inner-box contents sticky--wrap\"\u003e\n\u003cp class=\"block-html-content clearfix link-color-wrap\"\u003e\u003cstrong\u003ePages\u003c\/strong\u003e : 136 pages\u003cbr\u003e\u003cstrong\u003eDimensions\u003c\/strong\u003e : 22,1 cm x 28,4 cm\u003cbr\u003e\u003cstrong\u003ePoids\u003c\/strong\u003e : \u003cspan\u003e432 grammes\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"block-html-content clearfix link-color-wrap\"\u003e\u003cspan\u003e\u003cmeta charset=\"UTF-8\"\u003e\n\u003cb\u003eLa Fève en couverture du septième numéro de Views Magazine.\u003c\/b\u003e\u003cbr\u003eÀ quoi reconnaît-on encore quelque chose, ou quelqu'un, de vraiment singulier ? Jamais nous n'avons eu autant de possibilités de découvrir, de nous inspirer et d'élargir notre culture. Pourtant, de nos façons de parler aux lieux que nous fréquentons, les mêmes codes se diffusent et franchissent les frontières comme les milieux sociaux. Comment trouver sa singularité quand les signes qui nous distinguent se diffusent en quelques mois ?\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"block-html-content clearfix link-color-wrap\"\u003e\u003cspan\u003e\u003cbr\u003eIl y a une décennie, PNL faisait de son indépendance et de son silence médiatique une force, avant de voir ses codes irriguer le rap français. La Fève, en couverture de cette édition, appartient à la génération qui a grandi dans cet espace, où une scène marginale peut imposer ses propres règles. Zahia Dehar échappe encore aux catégories qui prétendent l'enfermer. Avec son écosystème artistique, ABODI Transylvania, la créatrice Dora Abodi puise dans les mythes de sa Transylvanie natale pour fabriquer un nouveau monde à partir d'un héritage.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"block-html-content clearfix link-color-wrap\"\u003e\u003cspan\u003eC'est là, sans doute, que se joue encore la singularité. Pas dans la quête permanente de la différence absolue, mais dans la façon de s'approprier ce qui existe déjà, dans ce que chacun et chacune choisit de préserver, de transformer et de transmettre.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e"};
3864
3865    if (typeof product.selling_plan_groups === 'undefined') {
3866      console.log("This shop is not eligible for subscriptions. Please make sure to be using Shopify Payments");
3867    }
3868  })();
3869</script>
3869
3870
3871
3872
3873
3874</div></div>
3875
3876<data-island
3877  x-data="ProductForm"
3878  
3879    data-variant-fragment="buy-buttons"
3880  
3881  src="product"
3882>
3883  <form method="post" action="/cart/add" id="product-form-template--31700916371788__featured_product_MqxQKM" accept-charset="UTF-8" class="flex flex-col gap-4" enctype="multipart/form-data" data-product-form=""><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
3884    
3885
3886    
3887      <input type="hidden" name="id" value="52589968130380">
3888    
3889
3890    <div
3891      class="text-sm "
3892      x-show="errorMessage"
3893      x-transition:enter="transition ease duration-300"
3894      x-transition:enter-start="opacity-0"
3895      x-transition:enter-end="opacity-100"
3896      x-transition:leave="transition ease duration-300"
3897      x-transition:leave-start="opacity-100"
3898      x-transition:leave-end="opacity-0"
3899      style="display: none;"
3900    >
3901      <span class="text-scheme-accent" x-text="errorMessage"></span>
3902    </div>
3903
3904    
3905<div
3906        class="mb-8 mt-4"
3907        x-show="addedToCart"
3908        x-transition:enter="transition ease duration-300"
3909        x-transition:enter-start="opacity-0"
3910        x-transition:enter-end="opacity-100"
3911        x-transition:leave="transition ease duration-300"
3912        x-transition:leave-start="opacity-100"
3913        x-transition:leave-end="opacity-0"
3914        style="display: none;"
3915      >
3916        <p>Ajouté au panier à l&#39;instant !</p>
3917        <p class="has-theme-links">
3918          <a data-after-add-cart-trigger  href="/cart">Afficher le panier</a> ou <a href="/collections/all">continuer tes achats</a>.
3919        </p>
3920      </div><div
3921      class="add-to-cart-container max-w-2xl"
3922    >
3923
3924      <div class="atc-container "><button
3925          class="add-to-cart font-button inline-block w-full justify-center  px-1 py-2 align-middle uppercase theme-button [&.disabled--transient]:cursor-not-allowed [&.disabled--unavailable]:cursor-not-allowed [&.disabled--unavailable]:opacity-50 [&.disabled--unavailable]:after:content-none disabled--unavailable"
3926          type="submit"
3927          
3928            disabled
3929          
3930          
3931        >
3932          
3933          <span
3934            
3935          >
3936            
3937              
3938                Épuisé
3939              
3940              
3941            
3942          </span>
3943        </button>
3944      </div></div>
3945  <input type="hidden" name="product-id" value="14894040449356" /><input type="hidden" name="section-id" value="template--31700916371788__featured_product_MqxQKM" /></form>
3946
3947  
3948</data-island>
3949
3950
3951  <style data-shopify>
3952    .add-to-cart-container .shopify-payment-button__button--unbranded:after {
3953      content: '\00a0\2192';
3954    }
3955  </style>
3956
3957<div data-variant-fragment="kiosque_007_appel">
3958  <link href="//views.fr/cdn/shop/t/23/assets/views-kiosques-007.css?v=177178448269000261971790329501" rel="stylesheet" type="text/css" media="all" />
3959<div class="vk-appel" data-vk-variantes="52589968130380">
3960  <p class="vk-appel__titre">Épuisé en ligne, toujours disponible en kiosque</p>
3961  <p class="vk-appel__texte">Trouve les trois points de vente les plus proches de chez toi.</p>
3962  <a class="vk-appel__bouton" href="/products/views-magazine-007#points-de-vente">Trouver un point de vente <span aria-hidden="true">→</span></a>
3963  <p class="vk-appel__texte"><a
3964    href="https://kdpresse.com/products/views-n-7"
3965    target="_blank"
3966    rel="noopener"
3967    class="theme-link"
3968    style="position: relative; z-index: 31;"
3969  >Disponible sur KD Presse</a></p>
3970</div>
3970<script>
3971(function () {
3972  var script = document.currentScript;
3973  var appel = script && script.previousElementSibling;
3974  if (!appel || !appel.classList.contains('vk-appel')) return;
3975  var zone = appel.closest('.shopify-section');
3976  var champ = zone && zone.querySelector('form input[name="id"]');
3977  var attendues = (appel.getAttribute('data-vk-variantes') || '').split(' ');
3978  if (!champ || attendues.indexOf(String(champ.value)) === -1) appel.remove();
3979})();
3980</script>
3980
3981</div>
3982
3983<div
3984  
3985    data-variant-fragment="variant-picker"
3986  
3987  data-variant-picker
3988>
3989  
3990
3991</div>
3992</div>
3993    </div>
3994
3995    
3996      
3996<script type="application/json" id="ModelJson-template--31700916371788__featured_product_MqxQKM">
3997        []
3998      </script>
3998
3999    
4000  </data-island>
4001
4002  
4002<script type="application/ld+json">
4003    {
4004      "@context": "http://schema.org/",
4005      "@type": "Product",
4006      "name": "Views Magazine 007 - La Fève",
4007      "url": "https:\/\/views.fr\/products\/views-magazine-007","image": [
4008          "https:files\/views-magazine-007-la-feve-5802314.png"
4009        ],"description": "\n\nAvec : La Fève, Zahia Dehar, Sophie Green, Dora Abodi (ABODI Transylvania), Dita…\n\n\n\n\nPages : 136 pagesDimensions : 22,1 cm x 28,4 cmPoids : 432 grammes\n\nLa Fève en couverture du septième numéro de Views Magazine.À quoi reconnaît-on encore quelque chose, ou quelqu'un, de vraiment singulier ? Jamais nous n'avons eu autant de possibilités de découvrir, de nous inspirer et d'élargir notre culture. Pourtant, de nos façons de parler aux lieux que nous fréquentons, les mêmes codes se diffusent et franchissent les frontières comme les milieux sociaux. Comment trouver sa singularité quand les signes qui nous distinguent se diffusent en quelques mois ?\nIl y a une décennie, PNL faisait de son indépendance et de son silence médiatique une force, avant de voir ses codes irriguer le rap français. La Fève, en couverture de cette édition, appartient à la génération qui a grandi dans cet espace, où une scène marginale peut imposer ses propres règles. Zahia Dehar échappe encore aux catégories qui prétendent l'enfermer. Avec son écosystème artistique, ABODI Transylvania, la créatrice Dora Abodi puise dans les mythes de sa Transylvanie natale pour fabriquer un nouveau monde à partir d'un héritage.\nC'est là, sans doute, que se joue encore la singularité. Pas dans la quête permanente de la différence absolue, mais dans la façon de s'approprier ce qui existe déjà, dans ce que chacun et chacune choisit de préserver, de transformer et de transmettre.\n\n","brand": {
4010        "@type": "Thing",
4011        "name": "Views Magazine"
4012      },
4013      "offers": [{
4014            "@type" : "Offer","availability" : "http://schema.org/OutOfStock",
4015            "price" : 15.0,
4016            "priceCurrency" : "EUR",
4017            "url" : "https:\/\/views.fr\/products\/views-magazine-007?variant=52589968130380"
4018          }
4019]
4020    }
4021  </script>
4021
4022
4023
4024</div><div id="shopify-section-template--31700916371788__video_stories_tXgteM" class="shopify-section video-stories-section">
4025<style>@font-face {
4026  font-family: "Libre Caslon Text";
4027  font-weight: 400;
4028  font-style: normal;
4029  src: url("//views.fr/cdn/fonts/libre_caslon_text/librecaslontext_n4.69e40b5499cae01f08d854557f813a31bc80e248.woff2") format("woff2"),
4030       url("//views.fr/cdn/fonts/libre_caslon_text/librecaslontext_n4.64955492c60f32c2546fc5710223f1274518807f.woff") format("woff");
4031}
4032
4033  #video-stories-template--31700916371788__video_stories_tXgteM {
4034    padding: 40px 10px 40px;
4035    background: #ffffff;
4036  }
4037
4038  #video-stories-template--31700916371788__video_stories_tXgteM .vs-headline {
4039    font-size: 23px;
4040    font-family: "Libre Caslon Text", serif;
4041    font-weight: 400;
4042    text-transform: none;
4043    line-height: 120%;
4044    letter-spacing: -0.06em;
4045    color: #1a1a1a;
4046    margin: 0 0 24px;
4047    padding: 0 20px;
4048    text-align: center;
4049  }
4050
4051  @media (min-width: 1024px) {
4052    #video-stories-template--31700916371788__video_stories_tXgteM .vs-headline {
4053      font-size: 34px;
4054    }
4055  }
4056
4057  #video-stories-template--31700916371788__video_stories_tXgteM .vs-headline circle-word {
4058    display: inline-block;
4059    border: 2.5px solid #1a1a1a;
4060    border-radius: 999px;
4061    padding: 2px 14px;
4062    margin: 0 2px;
4063  }
4064
4065  #video-stories-template--31700916371788__video_stories_tXgteM .vs-track {
4066    display: flex;
4067    gap: 12px;
4068    padding: 0 10px;
4069    overflow-x: auto;
4070    scroll-snap-type: x mandatory;
4071    -webkit-overflow-scrolling: touch;
4072    scrollbar-width: none;
4073  }
4074
4075  #video-stories-template--31700916371788__video_stories_tXgteM .vs-track::-webkit-scrollbar {
4076    display: none;
4077  }
4078
4079  #video-stories-template--31700916371788__video_stories_tXgteM .vs-track::after {
4080    content: '';
4081    flex-shrink: 0;
4082    width: 10px;
4083  }
4084
4085  @media (min-width: 1024px) {
4086    #video-stories-template--31700916371788__video_stories_tXgteM .vs-track {
4087      overflow: visible;
4088      scroll-snap-type: none;
4089    }
4090  }
4091
4092  #video-stories-template--31700916371788__video_stories_tXgteM .vs-card {
4093    flex: 0 0 65%;
4094    scroll-snap-align: center;
4095    position: relative;
4096    border-radius: 12px;
4097    overflow: hidden;
4098    aspect-ratio: 9 / 16;
4099    background: #000;
4100    cursor: pointer;
4101    max-height: 460px;
4102  }
4103
4104  @media (min-width: 1024px) {
4105    #video-stories-template--31700916371788__video_stories_tXgteM .vs-card {
4106      flex: 1 1 0;
4107      max-height: 460px;
4108    }
4109  }
4110
4111  #video-stories-template--31700916371788__video_stories_tXgteM .vs-card video,
4112  #video-stories-template--31700916371788__video_stories_tXgteM .vs-card img {
4113    width: 100% !important;
4114    height: 100% !important;
4115    object-fit: cover !important;
4116    display: block;
4117  }
4118
4119  #video-stories-template--31700916371788__video_stories_tXgteM .vs-card video {
4120    position: absolute;
4121    inset: 0;
4122  }
4123
4124  #video-stories-template--31700916371788__video_stories_tXgteM .vs-poster {
4125    position: absolute;
4126    inset: 0;
4127    z-index: 1;
4128    transition: opacity 0.3s;
4129  }
4130
4131  #video-stories-template--31700916371788__video_stories_tXgteM .vs-poster.is-hidden {
4132    opacity: 0;
4133    pointer-events: none;
4134  }
4135
4136  #video-stories-template--31700916371788__video_stories_tXgteM .vs-btn {
4137    position: absolute;
4138    z-index: 4;
4139    bottom: 10px;
4140    width: 26px;
4141    height: 26px;
4142    background: rgba(255,255,255,0.15);
4143    backdrop-filter: blur(8px);
4144    -webkit-backdrop-filter: blur(8px);
4145    border: 1px solid rgba(255,255,255,0.2);
4146    border-radius: 50%;
4147    cursor: pointer;
4148    display: flex;
4149    align-items: center;
4150    justify-content: center;
4151    transition-property: background, transform, border-color;
4152    transition-duration: 0.2s;
4153    transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
4154  }
4155
4156  #video-stories-template--31700916371788__video_stories_tXgteM .vs-btn::before {
4157    content: '';
4158    position: absolute;
4159    inset: -7px;
4160    border-radius: 50%;
4161  }
4162
4163  #video-stories-template--31700916371788__video_stories_tXgteM .vs-btn:hover {
4164    background: rgba(255,255,255,0.3);
4165    border-color: rgba(255,255,255,0.35);
4166  }
4167
4168  #video-stories-template--31700916371788__video_stories_tXgteM .vs-btn:active {
4169    transform: scale(0.96);
4170  }
4171
4172  #video-stories-template--31700916371788__video_stories_tXgteM .vs-btn svg {
4173    width: 11px;
4174    height: 11px;
4175    fill: #fff;
4176    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.3));
4177  }
4178
4179  #video-stories-template--31700916371788__video_stories_tXgteM .vs-btn-sound { left: 10px; }
4180  #video-stories-template--31700916371788__video_stories_tXgteM .vs-btn-replay { left: 42px; }
4181
4182  #video-stories-template--31700916371788__video_stories_tXgteM .vs-caption {
4183    position: absolute;
4184    bottom: 0;
4185    left: 0;
4186    right: 0;
4187    z-index: 3;
4188    padding: 40px 16px 16px;
4189    background: linear-gradient(transparent, rgba(0,0,0,0.6));
4190    color: #fff;
4191    font-size: 14px;
4192    font-weight: 600;
4193    pointer-events: none;
4194  }
4195
4196  /* Dots supprimés — UX plus clean */
4197</style>
4198
4199<section id="video-stories-template--31700916371788__video_stories_tXgteM"><div class="vs-track"><div
4200          class="vs-card"
4201          x-data="{ muted: true }"
4202          
4203        ><video
4204              playsinline
4205              muted
4206              preload="auto" loop
4207              x-ref="vid"
4208            ><source src="//views.fr/cdn/shop/videos/c/vp/b89645994ad44116863aec507fba4940/b89645994ad44116863aec507fba4940.m3u8?v=0" type="application/x-mpegURL"><source src="//views.fr/cdn/shop/videos/c/vp/b89645994ad44116863aec507fba4940/b89645994ad44116863aec507fba4940.HD-1080p-7.2Mbps-79538763.mp4?v=0" type="video/mp4"></video><img
4209              class="vs-poster"
4210              src="//views.fr/cdn/shop/files/preview_images/b89645994ad44116863aec507fba4940.thumbnail.0000000000.jpg?v=1774525186&width=800"
4211              alt=""
4212              loading="lazy"
4213              x-ref="poster"
4214            ><div
4215            style="position:absolute;inset:0;z-index:2;cursor:pointer;"
4216            @click="
4217              if ($refs.vid) {
4218                muted = !muted;
4219                $refs.vid.muted = muted;
4220              }
4221            "
4222          ></div><button class="vs-btn vs-btn-sound" style="pointer-events:none;" aria-label="Son">
4223            <svg x-show="muted" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4224              <path d="M16.5 12A4.5 4.5 0 0014 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0021 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 4v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 003.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/>
4225            </svg>
4226            <svg x-show="!muted" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4227              <path d="M3 9v6h4l5 4V5L7 9H3zm13.5 3A4.5 4.5 0 0014 7.97v8.05c1.48-.73 2.5-2.25 2.5-3.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
4228            </svg>
4229          </button><button
4230            class="vs-btn vs-btn-replay"
4231            @click.stop="if ($refs.vid) { $refs.vid.currentTime = 0; $refs.vid.play(); }"
4232            aria-label="Revoir"
4233          >
4234            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4235              <path d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z"/>
4236            </svg>
4237          </button></div><div
4238          class="vs-card"
4239          x-data="{ muted: true }"
4240          
4241        ><video
4242              playsinline
4243              muted
4244              preload="auto" loop
4245              x-ref="vid"
4246            ><source src="//views.fr/cdn/shop/videos/c/vp/0783e45cc8c4439c8a805cc677e8848b/0783e45cc8c4439c8a805cc677e8848b.m3u8?v=0" type="application/x-mpegURL"><source src="//views.fr/cdn/shop/videos/c/vp/0783e45cc8c4439c8a805cc677e8848b/0783e45cc8c4439c8a805cc677e8848b.HD-720p-1.6Mbps-79534841.mp4?v=0" type="video/mp4"></video><img
4247              class="vs-poster"
4248              src="//views.fr/cdn/shop/files/preview_images/0783e45cc8c4439c8a805cc677e8848b.thumbnail.0000000000.jpg?v=1774522491&width=800"
4249              alt=""
4250              loading="lazy"
4251              x-ref="poster"
4252            ><div
4253            style="position:absolute;inset:0;z-index:2;cursor:pointer;"
4254            @click="
4255              if ($refs.vid) {
4256                muted = !muted;
4257                $refs.vid.muted = muted;
4258              }
4259            "
4260          ></div><button class="vs-btn vs-btn-sound" style="pointer-events:none;" aria-label="Son">
4261            <svg x-show="muted" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4262              <path d="M16.5 12A4.5 4.5 0 0014 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0021 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 4v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 003.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/>
4263            </svg>
4264            <svg x-show="!muted" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4265              <path d="M3 9v6h4l5 4V5L7 9H3zm13.5 3A4.5 4.5 0 0014 7.97v8.05c1.48-.73 2.5-2.25 2.5-3.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
4266            </svg>
4267          </button><button
4268            class="vs-btn vs-btn-replay"
4269            @click.stop="if ($refs.vid) { $refs.vid.currentTime = 0; $refs.vid.play(); }"
4270            aria-label="Revoir"
4271          >
4272            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4273              <path d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z"/>
4274            </svg>
4275          </button></div><div
4276          class="vs-card"
4277          x-data="{ muted: true }"
4278          
4279        ><video
4280              playsinline
4281              muted
4282              preload="auto" loop
4283              x-ref="vid"
4284            ><source src="//views.fr/cdn/shop/videos/c/vp/40c6a6640fe247cea199cb739534259b/40c6a6640fe247cea199cb739534259b.m3u8?v=0" type="application/x-mpegURL"><source src="//views.fr/cdn/shop/videos/c/vp/40c6a6640fe247cea199cb739534259b/40c6a6640fe247cea199cb739534259b.HD-1080p-2.5Mbps-79535091.mp4?v=0" type="video/mp4"></video><img
4285              class="vs-poster"
4286              src="//views.fr/cdn/shop/files/preview_images/40c6a6640fe247cea199cb739534259b.thumbnail.0000000000.jpg?v=1774522692&width=800"
4287              alt=""
4288              loading="lazy"
4289              x-ref="poster"
4290            ><div
4291            style="position:absolute;inset:0;z-index:2;cursor:pointer;"
4292            @click="
4293              if ($refs.vid) {
4294                muted = !muted;
4295                $refs.vid.muted = muted;
4296              }
4297            "
4298          ></div><button class="vs-btn vs-btn-sound" style="pointer-events:none;" aria-label="Son">
4299            <svg x-show="muted" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4300              <path d="M16.5 12A4.5 4.5 0 0014 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0021 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 4v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 003.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/>
4301            </svg>
4302            <svg x-show="!muted" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4303              <path d="M3 9v6h4l5 4V5L7 9H3zm13.5 3A4.5 4.5 0 0014 7.97v8.05c1.48-.73 2.5-2.25 2.5-3.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
4304            </svg>
4305          </button><button
4306            class="vs-btn vs-btn-replay"
4307            @click.stop="if ($refs.vid) { $refs.vid.currentTime = 0; $refs.vid.play(); }"
4308            aria-label="Revoir"
4309          >
4310            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4311              <path d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z"/>
4312            </svg>
4313          </button></div><div
4314          class="vs-card"
4315          x-data="{ muted: true }"
4316          
4317        ><video
4318              playsinline
4319              muted
4320              preload="auto" loop
4321              x-ref="vid"
4322            ><source src="//views.fr/cdn/shop/videos/c/vp/ff8a957fea544a69af9e5b566eb478b7/ff8a957fea544a69af9e5b566eb478b7.m3u8?v=0" type="application/x-mpegURL"><source src="//views.fr/cdn/shop/videos/c/vp/ff8a957fea544a69af9e5b566eb478b7/ff8a957fea544a69af9e5b566eb478b7.HD-1080p-2.5Mbps-79535093.mp4?v=0" type="video/mp4"></video><img
4323              class="vs-poster"
4324              src="//views.fr/cdn/shop/files/preview_images/ff8a957fea544a69af9e5b566eb478b7.thumbnail.0000000000.jpg?v=1774522711&width=800"
4325              alt=""
4326              loading="lazy"
4327              x-ref="poster"
4328            ><div
4329            style="position:absolute;inset:0;z-index:2;cursor:pointer;"
4330            @click="
4331              if ($refs.vid) {
4332                muted = !muted;
4333                $refs.vid.muted = muted;
4334              }
4335            "
4336          ></div><button class="vs-btn vs-btn-sound" style="pointer-events:none;" aria-label="Son">
4337            <svg x-show="muted" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4338              <path d="M16.5 12A4.5 4.5 0 0014 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0021 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 4v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 003.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/>
4339            </svg>
4340            <svg x-show="!muted" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4341              <path d="M3 9v6h4l5 4V5L7 9H3zm13.5 3A4.5 4.5 0 0014 7.97v8.05c1.48-.73 2.5-2.25 2.5-3.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
4342            </svg>
4343          </button><button
4344            class="vs-btn vs-btn-replay"
4345            @click.stop="if ($refs.vid) { $refs.vid.currentTime = 0; $refs.vid.play(); }"
4346            aria-label="Revoir"
4347          >
4348            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4349              <path d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z"/>
4350            </svg>
4351          </button></div><div
4352          class="vs-card"
4353          x-data="{ muted: true }"
4354          
4355        ><video
4356              playsinline
4357              muted
4358              preload="auto" loop
4359              x-ref="vid"
4360            ><source src="//views.fr/cdn/shop/videos/c/vp/b4e10b02dfcc44f680f50991d070a735/b4e10b02dfcc44f680f50991d070a735.m3u8?v=0" type="application/x-mpegURL"><source src="//views.fr/cdn/shop/videos/c/vp/b4e10b02dfcc44f680f50991d070a735/b4e10b02dfcc44f680f50991d070a735.HD-1080p-2.5Mbps-79535095.mp4?v=0" type="video/mp4"></video><img
4361              class="vs-poster"
4362              src="//views.fr/cdn/shop/files/preview_images/b4e10b02dfcc44f680f50991d070a735.thumbnail.0000000000.jpg?v=1774522720&width=800"
4363              alt=""
4364              loading="lazy"
4365              x-ref="poster"
4366            ><div
4367            style="position:absolute;inset:0;z-index:2;cursor:pointer;"
4368            @click="
4369              if ($refs.vid) {
4370                muted = !muted;
4371                $refs.vid.muted = muted;
4372              }
4373            "
4374          ></div><button class="vs-btn vs-btn-sound" style="pointer-events:none;" aria-label="Son">
4375            <svg x-show="muted" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4376              <path d="M16.5 12A4.5 4.5 0 0014 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0021 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 4v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 003.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/>
4377            </svg>
4378            <svg x-show="!muted" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4379              <path d="M3 9v6h4l5 4V5L7 9H3zm13.5 3A4.5 4.5 0 0014 7.97v8.05c1.48-.73 2.5-2.25 2.5-3.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
4380            </svg>
4381          </button><button
4382            class="vs-btn vs-btn-replay"
4383            @click.stop="if ($refs.vid) { $refs.vid.currentTime = 0; $refs.vid.play(); }"
4384            aria-label="Revoir"
4385          >
4386            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4387              <path d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z"/>
4388            </svg>
4389          </button></div><div
4390          class="vs-card"
4391          x-data="{ muted: true }"
4392          
4393        ><video
4394              playsinline
4395              muted
4396              preload="auto" loop
4397              x-ref="vid"
4398            ><source src="//views.fr/cdn/shop/videos/c/vp/d78c7c8f3f144322b787e436480e8b01/d78c7c8f3f144322b787e436480e8b01.m3u8?v=0" type="application/x-mpegURL"><source src="//views.fr/cdn/shop/videos/c/vp/d78c7c8f3f144322b787e436480e8b01/d78c7c8f3f144322b787e436480e8b01.HD-1080p-2.5Mbps-79535527.mp4?v=0" type="video/mp4"></video><img
4399              class="vs-poster"
4400              src="//views.fr/cdn/shop/files/preview_images/d78c7c8f3f144322b787e436480e8b01.thumbnail.0000000000.jpg?v=1774523049&width=800"
4401              alt=""
4402              loading="lazy"
4403              x-ref="poster"
4404            ><div
4405            style="position:absolute;inset:0;z-index:2;cursor:pointer;"
4406            @click="
4407              if ($refs.vid) {
4408                muted = !muted;
4409                $refs.vid.muted = muted;
4410              }
4411            "
4412          ></div><button class="vs-btn vs-btn-sound" style="pointer-events:none;" aria-label="Son">
4413            <svg x-show="muted" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4414              <path d="M16.5 12A4.5 4.5 0 0014 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0021 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 4v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 003.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/>
4415            </svg>
4416            <svg x-show="!muted" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4417              <path d="M3 9v6h4l5 4V5L7 9H3zm13.5 3A4.5 4.5 0 0014 7.97v8.05c1.48-.73 2.5-2.25 2.5-3.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
4418            </svg>
4419          </button><button
4420            class="vs-btn vs-btn-replay"
4421            @click.stop="if ($refs.vid) { $refs.vid.currentTime = 0; $refs.vid.play(); }"
4422            aria-label="Revoir"
4423          >
4424            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4425              <path d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z"/>
4426            </svg>
4427          </button></div><div
4428          class="vs-card"
4429          x-data="{ muted: true }"
4430          
4431        ><video
4432              playsinline
4433              muted
4434              preload="auto" loop
4435              x-ref="vid"
4436            ><source src="//views.fr/cdn/shop/videos/c/vp/d3228d61b4974efd829247aee888ee6c/d3228d61b4974efd829247aee888ee6c.m3u8?v=0" type="application/x-mpegURL"><source src="//views.fr/cdn/shop/videos/c/vp/d3228d61b4974efd829247aee888ee6c/d3228d61b4974efd829247aee888ee6c.HD-1080p-2.5Mbps-79535528.mp4?v=0" type="video/mp4"></video><img
4437              class="vs-poster"
4438              src="//views.fr/cdn/shop/files/preview_images/d3228d61b4974efd829247aee888ee6c.thumbnail.0000000000.jpg?v=1774523052&width=800"
4439              alt=""
4440              loading="lazy"
4441              x-ref="poster"
4442            ><div
4443            style="position:absolute;inset:0;z-index:2;cursor:pointer;"
4444            @click="
4445              if ($refs.vid) {
4446                muted = !muted;
4447                $refs.vid.muted = muted;
4448              }
4449            "
4450          ></div><button class="vs-btn vs-btn-sound" style="pointer-events:none;" aria-label="Son">
4451            <svg x-show="muted" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4452              <path d="M16.5 12A4.5 4.5 0 0014 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0021 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 4v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 003.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/>
4453            </svg>
4454            <svg x-show="!muted" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4455              <path d="M3 9v6h4l5 4V5L7 9H3zm13.5 3A4.5 4.5 0 0014 7.97v8.05c1.48-.73 2.5-2.25 2.5-3.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
4456            </svg>
4457          </button><button
4458            class="vs-btn vs-btn-replay"
4459            @click.stop="if ($refs.vid) { $refs.vid.currentTime = 0; $refs.vid.play(); }"
4460            aria-label="Revoir"
4461          >
4462            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4463              <path d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z"/>
4464            </svg>
4465          </button></div></div>
4465<script>
4466        (function() {
4467          var section = document.getElementById('video-stories-template--31700916371788__video_stories_tXgteM');
4468          if (!section) return;
4469          var track = section.querySelector('.vs-track');
4470          var cards = section.querySelectorAll('.vs-card');
4471
4472          // === Loop infini mobile : clones au début/fin ===
4473          var isMobile = window.innerWidth < 1024;
4474          if (isMobile && cards.length > 1) {
4475            var lastClone = cards[cards.length - 1].cloneNode(true);
4476            var firstClone = cards[0].cloneNode(true);
4477            lastClone.setAttribute('data-clone', 'last');
4478            firstClone.setAttribute('data-clone', 'first');
4479            // Désactiver Alpine sur les clones
4480            lastClone.removeAttribute('x-data');
4481            firstClone.removeAttribute('x-data');
4482            track.insertBefore(lastClone, cards[0]);
4483            track.appendChild(firstClone);
4484
4485            // Positionner le scroll sur le vrai premier élément (après le clone)
4486            requestAnimationFrame(function() {
4487              var realFirst = track.children[1];
4488              track.scrollLeft = realFirst.offsetLeft - (track.offsetWidth - realFirst.offsetWidth) / 2;
4489            });
4490
4491            // Quand le scroll s'arrête sur un clone, snap vers le vrai
4492            var scrollTimer;
4493            track.addEventListener('scroll', function() {
4494              clearTimeout(scrollTimer);
4495              scrollTimer = setTimeout(function() {
4496                var cardWidth = cards[0].offsetWidth + 12;
4497                var centerOffset = (track.offsetWidth - cards[0].offsetWidth) / 2;
4498                var scrollPos = track.scrollLeft + centerOffset;
4499                var cloneLastEl = track.children[0];
4500                var cloneFirstEl = track.children[track.children.length - 1];
4501
4502                // Si on est sur le clone de la dernière (tout à gauche)
4503                if (scrollPos < cloneLastEl.offsetLeft + cloneLastEl.offsetWidth) {
4504                  var realLast = track.children[track.children.length - 2];
4505                  track.style.scrollBehavior = 'auto';
4506                  track.scrollLeft = realLast.offsetLeft - centerOffset;
4507                  track.style.scrollBehavior = '';
4508                }
4509                // Si on est sur le clone de la première (tout à droite)
4510                if (scrollPos > cloneFirstEl.offsetLeft) {
4511                  var realFirst = track.children[1];
4512                  track.style.scrollBehavior = 'auto';
4513                  track.scrollLeft = realFirst.offsetLeft - centerOffset;
4514                  track.style.scrollBehavior = '';
4515                }
4516              }, 100);
4517            });
4518          }
4519
4520          // === Autoplay TOUTES les vidéos visibles, son uniquement sur la centrée ===
4521          var allCards = track.querySelectorAll('.vs-card');
4522          var observer = new IntersectionObserver(function(entries) {
4523            entries.forEach(function(entry) {
4524              var vid = entry.target.querySelector('video');
4525              var poster = entry.target.querySelector('.vs-poster');
4526              if (!vid) return;
4527              if (entry.isIntersecting) {
4528                if (poster) poster.classList.remove('is-hidden');
4529                vid.muted = true;
4530                var hidePoster = function() {
4531                  if (poster) poster.classList.add('is-hidden');
4532                  vid.removeEventListener('playing', hidePoster);
4533                };
4534                vid.addEventListener('playing', hidePoster);
4535                vid.play().catch(function(){});
4536              } else {
4537                vid.pause();
4538                vid.muted = true;
4539                if (poster) poster.classList.remove('is-hidden');
4540              }
4541            });
4542          }, { root: track, threshold: 0.3 });
4543
4544          allCards.forEach(function(card) { observer.observe(card); });
4545        })();
4546      </script>
4546</section>
4547
4548
4549</div><section id="shopify-section-template--31700916371788__views_compose_home" class="shopify-section section views-compose-home-section"><link href="//views.fr/cdn/shop/t/23/assets/views-compose-pack.css?v=57588383666277119821788594014" rel="stylesheet" type="text/css" media="all" />
4550<link href="//views.fr/cdn/shop/t/23/assets/views-pack-polish.css?v=1608375720061217461788700788" rel="stylesheet" type="text/css" media="all" />
4551<script src="//views.fr/cdn/shop/t/23/assets/views-compose-home.js?v=123962159404710303311788679254" defer></script>
vendor: 1 bytes, line 4551
4551
4552<script src="//views.fr/cdn/shop/t/23/assets/views-collector-physics.js?v=44846981907234960531788700523" defer></script>
vendor: 1 bytes, line 4552
4552
4553<script src="//views.fr/cdn/shop/t/23/assets/views-collector-motion.js?v=121333567984475647981788700788" defer></script>
4553
4554
4555<style>
4556  @font-face {
4557  font-family: "Instrument Sans";
4558  font-weight: 700;
4559  font-style: normal;
4560  src: url("//views.fr/cdn/fonts/instrument_sans/instrumentsans_n7.e4ad9032e203f9a0977786c356573ced65a7419a.woff2") format("woff2"),
4561       url("//views.fr/cdn/fonts/instrument_sans/instrumentsans_n7.b9e40f166fb7639074ba34738101a9d2990bb41a.woff") format("woff");
4562}
4563
4564  @font-face {
4565  font-family: "Instrument Sans";
4566  font-weight: 400;
4567  font-style: normal;
4568  src: url("//views.fr/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2") format("woff2"),
4569       url("//views.fr/cdn/fonts/instrument_sans/instrumentsans_n4.510f1b081e58d08c30978f465518799851ef6d8b.woff") format("woff");
4570}
4571
4572
4573  #shopify-section-template--31700916371788__views_compose_home .vwh__title {
4574    font-family: "Instrument Sans", sans-serif;
4575    font-weight: 900;
4576    font-size: 33px;
4577    line-height: 80%;
4578    letter-spacing: -0.05em;
4579    margin: 0 0 20px;
4580  }
4581
4582  #shopify-section-template--31700916371788__views_compose_home .vwh__lead {
4583    font-family: "Instrument Sans", sans-serif;
4584    font-weight: 400;
4585    font-size: 17px;
4586    line-height: 95%;
4587    letter-spacing: -0.03em;
4588    margin: 0 auto;
4589    max-width: 62ch;
4590  }
4591
4592  #shopify-section-template--31700916371788__views_compose_home .vwh__summary strong {
4593    font-family: "Instrument Sans", sans-serif;
4594    font-weight: 900;
4595    letter-spacing: -0.05em;
4596  }
4597
4598  #shopify-section-template--31700916371788__views_compose_home .vwh__summary s,
4599  #shopify-section-template--31700916371788__views_compose_home .vwh__badge {
4600    font-family: "Instrument Sans", sans-serif;
4601    font-weight: 400;
4602  }
4603</style>
4604
4605<section
4606  class="views-compose-home border-t-gridline border-b-gridline border-gridline-color"
4607  data-color-scheme="scheme1"
4608>
4609  <div class="bg-scheme-background vwh" data-vwh data-collector data-max="5" data-tiers="15,25,33,40,45" data-target="compose-ton-pack"><div class="vwh__head"><h2 class="vwh__title">Compose ton pack</h2><p class="vwh__lead">Avec un tarif dégressif : plus tu prends de numéros, moins chacun coûte.</p><ol class="vwh__prices" data-vwh-tiers aria-label="Prix du pack selon le nombre de numéros"><li data-count="1">1 numéro · <strong>15 €</strong></li><li data-count="2">2 numéros · <strong>25 €</strong></li><li data-count="3">3 numéros · <strong>33 €</strong></li><li data-count="4">4 numéros · <strong>40 €</strong></li><li data-count="5">5 numéros · <strong>45 €</strong></li></ol><div class="vwh__shelf" data-collector-shelf aria-hidden="true"><span class="vwh__shelf-book" data-num="002" data-spine-ratio="0.030807"><img src="//views.fr/cdn/shop/t/23/assets/views-collector-stack-002.webp?v=16873840803165918561788950332" width="1600" height="296" alt="" loading="lazy"><span class="vwh__shelf-shine" style="--stack-varnish:url(//views.fr/cdn/shop/t/23/assets/views-collector-stack-varnish-002.png?v=144231464798185313801788950352)"></span></span><span class="vwh__shelf-book" data-num="003" data-spine-ratio="0.039328"><img src="//views.fr/cdn/shop/t/23/assets/views-collector-stack-003.webp?v=93384873169949838441788950335" width="1600" height="296" alt="" loading="lazy"><span class="vwh__shelf-shine" style="--stack-varnish:url(//views.fr/cdn/shop/t/23/assets/views-collector-stack-varnish-003.png?v=2929419090697693171788950355)"></span></span><span class="vwh__shelf-book" data-num="004" data-spine-ratio="0.027857"><img src="//views.fr/cdn/shop/t/23/assets/views-collector-stack-004.webp?v=77195542047129189241788950338" width="1600" height="296" alt="" loading="lazy"><span class="vwh__shelf-shine" style="--stack-varnish:url(//views.fr/cdn/shop/t/23/assets/views-collector-stack-varnish-004.png?v=118422799130227845221788950358)"></span></span><span class="vwh__shelf-book" data-num="005" data-spine-ratio="0.027857"><img src="//views.fr/cdn/shop/t/23/assets/views-collector-stack-005.webp?v=98208527294260640181788950341" width="1600" height="296" alt="" loading="lazy"><span class="vwh__shelf-shine" style="--stack-varnish:url(//views.fr/cdn/shop/t/23/assets/views-collector-stack-varnish-005.png?v=32990534982680961251788950361)"></span></span><span class="vwh__shelf-book" data-num="006" data-spine-ratio="0.027857"><img src="//views.fr/cdn/shop/t/23/assets/views-collector-stack-006.webp?v=167990554784239051161788950345" width="1600" height="296" alt="" loading="lazy"><span class="vwh__shelf-shine" style="--stack-varnish:url(//views.fr/cdn/shop/t/23/assets/views-collector-stack-varnish-006.png?v=175952983280898245131788950364)"></span></span><span class="vwh__shelf-book" data-num="007" data-spine-ratio="0.038134"><img src="//views.fr/cdn/shop/t/23/assets/views-collector-stack-007.webp?v=18766143003782866641788950348" width="1600" height="296" alt="" loading="lazy"><span class="vwh__shelf-shine" style="--stack-varnish:url(//views.fr/cdn/shop/t/23/assets/views-collector-stack-varnish-007.png?v=124064226551638764461788950366)"></span></span></div>
4610</div><div class="vwh__foot vwh__toolbar">
4611      <p class="vwh__summary" data-vwh-summary aria-live="polite">Sélectionne les numéros que tu veux.</p>
4612      <a
4613        class="vwh__cta"
4614        href="/products/compose-ton-pack"
4615        data-vwh-cta
4616        data-label-empty="Composer mon pack"
4617        data-label-ready="Finaliser mon pack"
4618      >
4619        <span data-vwh-cta-label>Composer mon pack</span>
4620        <span aria-hidden="true">&rarr;</span>
4621      </a>
4622    </div>
4623    <ul class="vwh__grid" role="list" style="--vwh-cols:6"><li class="vwh__cell">
4624          <button
4625            type="button"
4626            class="vwh__tile"
4627            data-vwh-tile
4628            data-num="002"
4629            aria-pressed="false"
4630            
4631          ><span class="vwh__book vwh__book--print" style="--book-varnish:url('//views.fr/cdn/shop/t/23/assets/views-collector-varnish-002.png?v=132149950552580001861788950368')">
4632  <span class="vwh__pages vwh__pages--bottom" aria-hidden="true"></span>
4633  <span class="vwh__cover"><img src="//views.fr/cdn/shop/t/23/assets/views-collector-cover-002.webp?v=117955626809142692541788950295" alt="Views Magazine 002 - Lena Mahfouf" width="888" height="1140" loading="lazy">
4634      <span class="vwh__varnish" aria-hidden="true"></span><span class="vwh__check" aria-hidden="true"></span>
4635  </span>
4636</span>
4637<span class="vwh__meta">
4638              <span class="vwh__num">002</span>
4639              <span class="vwh__who">Lena Mahfouf</span>
4640              <span class="vwh__tile-action" data-vwh-action>Ajouter au pack</span>
4641            </span>
4642          </button>
4643        </li><li class="vwh__cell">
4644          <button
4645            type="button"
4646            class="vwh__tile"
4647            data-vwh-tile
4648            data-num="003"
4649            aria-pressed="false"
4650            
4651          ><span class="vwh__book vwh__book--print" style="--book-varnish:url('//views.fr/cdn/shop/t/23/assets/views-collector-varnish-003.png?v=106054589846018605351788950370')">
4652  <span class="vwh__pages vwh__pages--bottom" aria-hidden="true"></span>
4653  <span class="vwh__cover"><img src="//views.fr/cdn/shop/t/23/assets/views-collector-cover-003.webp?v=177479031778639708011788950300" alt="Views Magazine 003 - François Civil" width="888" height="1140" loading="lazy">
4654      <span class="vwh__varnish" aria-hidden="true"></span><span class="vwh__check" aria-hidden="true"></span>
4655  </span>
4656</span>
4657<span class="vwh__meta">
4658              <span class="vwh__num">003</span>
4659              <span class="vwh__who">François Civil</span>
4660              <span class="vwh__tile-action" data-vwh-action>Ajouter au pack</span>
4661            </span>
4662          </button>
4663        </li><li class="vwh__cell">
4664          <button
4665            type="button"
4666            class="vwh__tile"
4667            data-vwh-tile
4668            data-num="004"
4669            aria-pressed="false"
4670            
4671          ><span class="vwh__book vwh__book--print" style="--book-varnish:url('//views.fr/cdn/shop/t/23/assets/views-collector-varnish-004.png?v=139876048046733278451788950373')">
4672  <span class="vwh__pages vwh__pages--bottom" aria-hidden="true"></span>
4673  <span class="vwh__cover"><img src="//views.fr/cdn/shop/t/23/assets/views-collector-cover-004.webp?v=81353545077155751471788950305" alt="Views Magazine 004 - Salah-Dine Parnasse" width="888" height="1140" loading="lazy">
4674      <span class="vwh__varnish" aria-hidden="true"></span><span class="vwh__check" aria-hidden="true"></span>
4675  </span>
4676</span>
4677<span class="vwh__meta">
4678              <span class="vwh__num">004</span>
4679              <span class="vwh__who">Salah-Dine Parnasse</span>
4680              <span class="vwh__tile-action" data-vwh-action>Ajouter au pack</span>
4681            </span>
4682          </button>
4683        </li><li class="vwh__cell">
4684          <button
4685            type="button"
4686            class="vwh__tile"
4687            data-vwh-tile
4688            data-num="005"
4689            aria-pressed="false"
4690            
4691          ><span class="vwh__book vwh__book--print" style="--book-varnish:url('//views.fr/cdn/shop/t/23/assets/views-collector-varnish-005.png?v=46562128310346821621788950375')">
4692  <span class="vwh__pages vwh__pages--bottom" aria-hidden="true"></span>
4693  <span class="vwh__cover"><img src="//views.fr/cdn/shop/t/23/assets/views-collector-cover-005.webp?v=85320353013163061671788950310" alt="Views Magazine 005 - L2B" width="888" height="1140" loading="lazy">
4694      <span class="vwh__varnish" aria-hidden="true"></span><span class="vwh__check" aria-hidden="true"></span>
4695  </span>
4696</span>
4697<span class="vwh__meta">
4698              <span class="vwh__num">005</span>
4699              <span class="vwh__who">L2B</span>
4700              <span class="vwh__tile-action" data-vwh-action>Ajouter au pack</span>
4701            </span>
4702          </button>
4703        </li><li class="vwh__cell">
4704          <button
4705            type="button"
4706            class="vwh__tile"
4707            data-vwh-tile
4708            data-num="006"
4709            aria-pressed="false"
4710            
4711          ><span class="vwh__book vwh__book--print" style="--book-varnish:url('//views.fr/cdn/shop/t/23/assets/views-collector-varnish-006.png?v=93058440698993983811788950377')">
4712  <span class="vwh__pages vwh__pages--bottom" aria-hidden="true"></span>
4713  <span class="vwh__cover"><img src="//views.fr/cdn/shop/t/23/assets/views-collector-cover-006.webp?v=60572304419916498441788950315" alt="Views Magazine 006 - Ibrahima Konaté" width="888" height="1140" loading="lazy">
4714      <span class="vwh__varnish" aria-hidden="true"></span><span class="vwh__check" aria-hidden="true"></span>
4715  </span>
4716</span>
4717<span class="vwh__meta">
4718              <span class="vwh__num">006</span>
4719              <span class="vwh__who">Ibrahima Konaté</span>
4720              <span class="vwh__tile-action" data-vwh-action>Ajouter au pack</span>
4721            </span>
4722          </button>
4723        </li><li class="vwh__cell">
4724          <button
4725            type="button"
4726            class="vwh__tile"
4727            data-vwh-tile
4728            data-num="007"
4729            aria-pressed="false"
4730            disabled
4731          ><span class="vwh__book vwh__book--print" style="--book-varnish:url('//views.fr/cdn/shop/t/23/assets/views-collector-varnish-007.png?v=127530851423317881421788950379')">
4732  <span class="vwh__pages vwh__pages--bottom" aria-hidden="true"></span>
4733  <span class="vwh__cover"><img src="//views.fr/cdn/shop/t/23/assets/views-collector-cover-007.webp?v=115186948079226751341788950317" alt="Views Magazine 007 - La Fève" width="888" height="1140" loading="lazy">
4734      <span class="vwh__varnish" aria-hidden="true"></span><span class="vwh__check" aria-hidden="true"></span>
4735  </span>
4736</span>
4737<span class="vwh__meta">
4738              <span class="vwh__num">007</span>
4739              <span class="vwh__who">La Fève</span>
4740              <span class="vwh__tile-action" data-vwh-action>Épuisé</span>
4741            </span>
4742          </button>
4743        </li></ul>
4744
4745
4746  </div>
4747</section>
4748
4749
4750</section><div id="shopify-section-template--31700916371788__image_with_text_overlay_MMK77m" class="shopify-section"><section class="block lg:hidden" style="--media-aspect-ratio: 1.0; --media-aspect-ratio-desktop: 1.0;">
4751
4752<div
4753  class="bg-scheme-background border-b-gridline border-gridline-color group relative overflow-hidden aspect-media lg:h-auto lg:aspect-media-desktop group/zoom"
4754  data-color-scheme="scheme1"
4755>
4756  
4757    
4758      <a href="/collections/abonnement" class="focus-inset absolute inset-0 z-11"
4759        ><span class="sr-only"></span></a
4760      >
4761    
4762  
4763  <div
4764    class="h-full w-full text-scheme-text p-grid-media bg-scheme-background"
4765    data-color-scheme="scheme1"
4766  >
4767    <div class="relative h-full w-full">
4768      
4769        <div
4770          
4771        >
4772          <image-with-placeholder class="block absolute inset-0 size-full overflow-hidden rounded-grid-media">
4773  <img src="//views.fr/cdn/shop/files/2_ANS.png?v=1780320625&amp;width=3000" alt="" srcset="//views.fr/cdn/shop/files/2_ANS.png?v=1780320625&amp;width=200 200w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&amp;width=350 350w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&amp;width=450 450w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&amp;width=750 750w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&amp;width=850 850w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&amp;width=960 960w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&amp;width=1280 1280w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&amp;width=1440 1440w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&amp;width=1536 1536w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&amp;width=1706 1706w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&amp;width=1782 1782w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&amp;width=1920 1920w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&amp;width=2560 2560w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&amp;width=2880 2880w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&amp;width=3000 3000w" width="3000" height="3000" loading="lazy" class="image peer/image block absolute inset-0 size-full overflow-hidden object-cover" sizes="100vw">
4774
4775  
4776    <div
4777      class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden rounded-grid-media"
4778    ></div>
4779  
4780</image-with-placeholder>
4781
4782        </div>
4783
4784        
4785      
4786    </div>
4787  </div>
4788
4789  <div
4790    class="group absolute bottom-0 left-0 right-0 top-0 z-10 p-media-content"
4791    data-color-scheme="scheme1"
4792  >
4793    <div class="flex h-full w-full justify-center items-center text-center">
4794      <div
4795        class="lg:w-2/3 text-scheme-text"
4796      >
4797        
4798
4799
4800
4801
4802        
4803
4804        
4805
4806        
4807
4808        
4809      </div>
4810    </div>
4811  </div>
4812</div>
4813</section>
4814
4815
4816</div><div id="shopify-section-template--31700916371788__faq_43PB8U" class="shopify-section"><style>
4817  #faq-template--31700916371788__faq_43PB8U button[aria-controls] {
4818    gap: 16px;
4819    min-height: 44px;
4820    font-size: 18px !important;
4821    line-height: 130% !important;
4822    letter-spacing: -0.05em !important;
4823  }
4824  #faq-template--31700916371788__faq_43PB8U .rte,
4825  #faq-template--31700916371788__faq_43PB8U .rte p,
4826  #faq-template--31700916371788__faq_43PB8U .rte li {
4827    font-size: 16px !important;
4828    line-height: 130% !important;
4829    letter-spacing: -0.03em !important;
4830  }
4831</style>
4832
4833<section
4834  id="faq-template--31700916371788__faq_43PB8U"
4835  class="overflow-hidden border-b-gridline border-gridline-color bg-scheme-background text-scheme-text"
4836  data-color-scheme="scheme1"
4837>
4838  
4839
4840<div
4841  class="border-b-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing pb-theme pt-theme-double text-scheme-text text-center"
4842  data-color-scheme="scheme1"
4843>
4844  <div class="flex flex-col gap-2 items-center"><h2 class="font-heading text-heading-standard  break-word">
4845      
4846Questions fréquentes
4847    </h2>
4848  </div></div>
4849
4850
4851  <ul
4852    
4853      class="lg:hidden"
4854    
4855  >
4856    
4857<li
4858  class="border-b-gridline border-gridline-color px-section-horizontal-spacing"
4859>
4860  <data-island class="contents" x-data="{ expanded: false }">
4861    <h2 class="break-word">
4862      <button
4863        type="button"
4864        @click="expanded = ! expanded"
4865        aria-controls="expanded-question_Y3bhcd"
4866        :aria-expanded="expanded ? true : 'false'"
4867        class="break-word flex w-full cursor-pointer items-center justify-between py-4 text-left font-heading text-heading-secondary"
4868      >
4869        <div class="break-word flex items-center">Comment fonctionne l'abonnement à Views Magazine ?</div><div class="flex h-6 w-6 shrink-0 items-center" x-show="!expanded">
4870            <svg
4871  aria-hidden="true"
4872  class="theme-icon"
4873  xmlns="http://www.w3.org/2000/svg"
4874  fill="none"
4875  viewBox="0 0 24 24"
4876>
4877  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
4878</svg>
4879
4880          </div>
4881          <div
4882            class="flex h-6 w-6 shrink-0 items-center"
4883            x-show="expanded"
4884            style="display: none;"
4885          ><svg
4886  aria-hidden="true"
4887  class="theme-icon"
4888  xmlns="http://www.w3.org/2000/svg"
4889  fill="none"
4890  viewBox="0 0 24 24"
4891>
4892  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
4893</svg>
4894</div></button>
4895    </h2>
4896    <div
4897      id="expanded-question_Y3bhcd"
4898      x-show="expanded"
4899      x-collapse
4900      x-cloak
4901    >
4902      <div class="rte richtext break-word pb-theme text-base ">
4903        <p>L’abonnement se prend avec le numéro en cours, quand il est proposé : un abonnement d’un an ou de deux ans. Il est prépayé, renouvelé automatiquement et peut être géré ou résilié depuis votre espace client.</p><p>Views est un magazine trimestriel : un abonnement d’un an correspond à 4 numéros et un abonnement de deux ans à 8 numéros.</p><p>Votre abonnement commence avec le numéro en cours au moment de votre achat (le numéro que vous placez dans votre panier).</p><p>Les numéros déjà parus avant votre souscription ne sont pas inclus, mais peuvent être commandés séparément s’ils sont encore en stock.</p><p>Si vous vous abonnez en fin d’année ou que vous n’avez reçu pour l’instant qu’un seul numéro, c’est normal : les numéros restants vous seront envoyés au fur et à mesure des prochaines parutions.</p>
4904      </div>
4905    </div>
4906  </data-island>
4907</li>
4908
4909<li
4910  class="border-b-gridline border-gridline-color px-section-horizontal-spacing"
4911>
4912  <data-island class="contents" x-data="{ expanded: false }">
4913    <h2 class="break-word">
4914      <button
4915        type="button"
4916        @click="expanded = ! expanded"
4917        aria-controls="expanded-question_8twbd9"
4918        :aria-expanded="expanded ? true : 'false'"
4919        class="break-word flex w-full cursor-pointer items-center justify-between py-4 text-left font-heading text-heading-secondary"
4920      >
4921        <div class="break-word flex items-center">Comment gérer, modifier ou résilier mon abonnement ?</div><div class="flex h-6 w-6 shrink-0 items-center" x-show="!expanded">
4922            <svg
4923  aria-hidden="true"
4924  class="theme-icon"
4925  xmlns="http://www.w3.org/2000/svg"
4926  fill="none"
4927  viewBox="0 0 24 24"
4928>
4929  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
4930</svg>
4931
4932          </div>
4933          <div
4934            class="flex h-6 w-6 shrink-0 items-center"
4935            x-show="expanded"
4936            style="display: none;"
4937          ><svg
4938  aria-hidden="true"
4939  class="theme-icon"
4940  xmlns="http://www.w3.org/2000/svg"
4941  fill="none"
4942  viewBox="0 0 24 24"
4943>
4944  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
4945</svg>
4946</div></button>
4947    </h2>
4948    <div
4949      id="expanded-question_8twbd9"
4950      x-show="expanded"
4951      x-collapse
4952      x-cloak
4953    >
4954      <div class="rte richtext break-word pb-theme text-base ">
4955        <p>Vous pouvez gérer votre abonnement à tout moment depuis votre <a href="/pages/mon-abonnement">espace abonné</a>, en vous connectant avec l’adresse e-mail de votre commande&nbsp;: état de vos numéros, adresse de livraison, renouvellement.</p><p>Pour désactiver la reconduction automatique, cliquez sur «&nbsp;Arrêter le renouvellement&nbsp;»&nbsp;: votre abonnement ira jusqu’à son terme puis s’arrêtera automatiquement.</p><p>La résiliation stoppe donc le renouvellement, mais les numéros déjà réglés restent dus. Sauf exception prévue par la loi (par exemple droit de rétractation dans les 14 jours suivant la réception du premier numéro), un remboursement en cours de période n’est en principe pas prévu.</p>
4956      </div>
4957    </div>
4958  </data-island>
4959</li>
4960
4961<li
4962  class="border-b-gridline border-gridline-color px-section-horizontal-spacing"
4963>
4964  <data-island class="contents" x-data="{ expanded: false }">
4965    <h2 class="break-word">
4966      <button
4967        type="button"
4968        @click="expanded = ! expanded"
4969        aria-controls="expanded-question_QwYKzp"
4970        :aria-expanded="expanded ? true : 'false'"
4971        class="break-word flex w-full cursor-pointer items-center justify-between py-4 text-left font-heading text-heading-secondary"
4972      >
4973        <div class="break-word flex items-center">Quels sont les délais de livraison ?</div><div class="flex h-6 w-6 shrink-0 items-center" x-show="!expanded">
4974            <svg
4975  aria-hidden="true"
4976  class="theme-icon"
4977  xmlns="http://www.w3.org/2000/svg"
4978  fill="none"
4979  viewBox="0 0 24 24"
4980>
4981  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
4982</svg>
4983
4984          </div>
4985          <div
4986            class="flex h-6 w-6 shrink-0 items-center"
4987            x-show="expanded"
4988            style="display: none;"
4989          ><svg
4990  aria-hidden="true"
4991  class="theme-icon"
4992  xmlns="http://www.w3.org/2000/svg"
4993  fill="none"
4994  viewBox="0 0 24 24"
4995>
4996  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
4997</svg>
4998</div></button>
4999    </h2>
5000    <div
5001      id="expanded-question_QwYKzp"
5002      x-show="expanded"
5003      x-collapse
5004      x-cloak
5005    >
5006      <div class="rte richtext break-word pb-theme text-base ">
5007        <p>Les commandes sont préparées et expédiées en 2 à 5 jours.</p><ul><li>En France : en général en envoi presse par La Poste, sans numéro de suivi. Comptez 3 à 7 jours ouvrés.</li><li>Hors de France : en général en envoi presse par La Poste, sans suivi individuel. Le délai varie selon le pays.</li><li>Colis de plus de 2 kg : Colissimo, avec suivi.</li></ul><p>Abonnement : chaque numéro part après sa parution, en envoi presse, sans suivi individuel.</p>
5008      </div>
5009    </div>
5010  </data-island>
5011</li>
5012
5013<li
5014  class="border-b-gridline border-gridline-color px-section-horizontal-spacing -mb-gridline"
5015>
5016  <data-island class="contents" x-data="{ expanded: false }">
5017    <h2 class="break-word">
5018      <button
5019        type="button"
5020        @click="expanded = ! expanded"
5021        aria-controls="expanded-question_GEFmDT"
5022        :aria-expanded="expanded ? true : 'false'"
5023        class="break-word flex w-full cursor-pointer items-center justify-between py-4 text-left font-heading text-heading-secondary"
5024      >
5025        <div class="break-word flex items-center">Puis-je m’abonner sans acheter un magazine ?</div><div class="flex h-6 w-6 shrink-0 items-center" x-show="!expanded">
5026            <svg
5027  aria-hidden="true"
5028  class="theme-icon"
5029  xmlns="http://www.w3.org/2000/svg"
5030  fill="none"
5031  viewBox="0 0 24 24"
5032>
5033  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
5034</svg>
5035
5036          </div>
5037          <div
5038            class="flex h-6 w-6 shrink-0 items-center"
5039            x-show="expanded"
5040            style="display: none;"
5041          ><svg
5042  aria-hidden="true"
5043  class="theme-icon"
5044  xmlns="http://www.w3.org/2000/svg"
5045  fill="none"
5046  viewBox="0 0 24 24"
5047>
5048  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
5049</svg>
5050</div></button>
5051    </h2>
5052    <div
5053      id="expanded-question_GEFmDT"
5054      x-show="expanded"
5055      x-collapse
5056      x-cloak
5057    >
5058      <div class="rte richtext break-word pb-theme text-base ">
5059        <p>Non. L’abonnement se prend avec le numéro en cours, quand il est proposé. Il ne peut pas être souscrit séparément.</p>
5060      </div>
5061    </div>
5062  </data-island>
5063</li>
5064
5065  </ul><div class="hidden gap-gutter bg-gridline-color lg:-mb-gridline lg:grid lg:grid-cols-2">
5066      <ul class="bg-scheme-background">
5067        
5068<li
5069  class="border-b-gridline border-gridline-color px-section-horizontal-spacing"
5070>
5071  <data-island class="contents" x-data="{ expanded: false }">
5072    <h2 class="break-word">
5073      <button
5074        type="button"
5075        @click="expanded = ! expanded"
5076        aria-controls="expanded-question_Y3bhcd-desktop"
5077        :aria-expanded="expanded ? true : 'false'"
5078        class="break-word flex w-full cursor-pointer items-center justify-between py-4 text-left font-heading text-heading-secondary"
5079      >
5080        <div class="break-word flex items-center">Comment fonctionne l'abonnement à Views Magazine ?</div><div class="flex h-6 w-6 shrink-0 items-center" x-show="!expanded">
5081            <svg
5082  aria-hidden="true"
5083  class="theme-icon"
5084  xmlns="http://www.w3.org/2000/svg"
5085  fill="none"
5086  viewBox="0 0 24 24"
5087>
5088  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
5089</svg>
5090
5091          </div>
5092          <div
5093            class="flex h-6 w-6 shrink-0 items-center"
5094            x-show="expanded"
5095            style="display: none;"
5096          ><svg
5097  aria-hidden="true"
5098  class="theme-icon"
5099  xmlns="http://www.w3.org/2000/svg"
5100  fill="none"
5101  viewBox="0 0 24 24"
5102>
5103  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
5104</svg>
5105</div></button>
5106    </h2>
5107    <div
5108      id="expanded-question_Y3bhcd-desktop"
5109      x-show="expanded"
5110      x-collapse
5111      x-cloak
5112    >
5113      <div class="rte richtext break-word pb-theme text-base ">
5114        <p>L’abonnement se prend avec le numéro en cours, quand il est proposé : un abonnement d’un an ou de deux ans. Il est prépayé, renouvelé automatiquement et peut être géré ou résilié depuis votre espace client.</p><p>Views est un magazine trimestriel : un abonnement d’un an correspond à 4 numéros et un abonnement de deux ans à 8 numéros.</p><p>Votre abonnement commence avec le numéro en cours au moment de votre achat (le numéro que vous placez dans votre panier).</p><p>Les numéros déjà parus avant votre souscription ne sont pas inclus, mais peuvent être commandés séparément s’ils sont encore en stock.</p><p>Si vous vous abonnez en fin d’année ou que vous n’avez reçu pour l’instant qu’un seul numéro, c’est normal : les numéros restants vous seront envoyés au fur et à mesure des proch
5114aines parutions.</p>
5115      </div>
5116    </div>
5117  </data-island>
5118</li>
5119
5120
5121<li
5122  class="border-b-gridline border-gridline-color px-section-horizontal-spacing"
5123>
5124  <data-island class="contents" x-data="{ expanded: false }">
5125    <h2 class="break-word">
5126      <button
5127        type="button"
5128        @click="expanded = ! expanded"
5129        aria-controls="expanded-question_QwYKzp-desktop"
5130        :aria-expanded="expanded ? true : 'false'"
5131        class="break-word flex w-full cursor-pointer items-center justify-between py-4 text-left font-heading text-heading-secondary"
5132      >
5133        <div class="break-word flex items-center">Quels sont les délais de livraison ?</div><div class="flex h-6 w-6 shrink-0 items-center" x-show="!expanded">
5134            <svg
5135  aria-hidden="true"
5136  class="theme-icon"
5137  xmlns="http://www.w3.org/2000/svg"
5138  fill="none"
5139  viewBox="0 0 24 24"
5140>
5141  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
5142</svg>
5143
5144          </div>
5145          <div
5146            class="flex h-6 w-6 shrink-0 items-center"
5147            x-show="expanded"
5148            style="display: none;"
5149          ><svg
5150  aria-hidden="true"
5151  class="theme-icon"
5152  xmlns="http://www.w3.org/2000/svg"
5153  fill="none"
5154  viewBox="0 0 24 24"
5155>
5156  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
5157</svg>
5158</div></button>
5159    </h2>
5160    <div
5161      id="expanded-question_QwYKzp-desktop"
5162      x-show="expanded"
5163      x-collapse
5164      x-cloak
5165    >
5166      <div class="rte richtext break-word pb-theme text-base ">
5167        <p>Les commandes sont préparées et expédiées en 2 à 5 jours.</p><ul><li>En France : en général en envoi presse par La Poste, sans numéro de suivi. Comptez 3 à 7 jours ouvrés.</li><li>Hors de France : en général en envoi presse par La Poste, sans suivi individuel. Le délai varie selon le pays.</li><li>Colis de plus de 2 kg : Colissimo, avec suivi.</li></ul><p>Abonnement : chaque numéro part après sa parution, en envoi presse, sans suivi individuel.</p>
5168      </div>
5169    </div>
5170  </data-island>
5171</li>
5172
5173
5174      </ul>
5175      <ul class="bg-scheme-background">
5176        
5177
5178<li
5179  class="border-b-gridline border-gridline-color px-section-horizontal-spacing"
5180>
5181  <data-island class="contents" x-data="{ expanded: false }">
5182    <h2 class="break-word">
5183      <button
5184        type="button"
5185        @click="expanded = ! expanded"
5186        aria-controls="expanded-question_8twbd9-desktop"
5187        :aria-expanded="expanded ? true : 'false'"
5188        class="break-word flex w-full cursor-pointer items-center justify-between py-4 text-left font-heading text-heading-secondary"
5189      >
5190        <div class="break-word flex items-center">Comment gérer, modifier ou résilier mon abonnement ?</div><div class="flex h-6 w-6 shrink-0 items-center" x-show="!expanded">
5191            <svg
5192  aria-hidden="true"
5193  class="theme-icon"
5194  xmlns="http://www.w3.org/2000/svg"
5195  fill="none"
5196  viewBox="0 0 24 24"
5197>
5198  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
5199</svg>
5200
5201          </div>
5202          <div
5203            class="flex h-6 w-6 shrink-0 items-center"
5204            x-show="expanded"
5205            style="display: none;"
5206          ><svg
5207  aria-hidden="true"
5208  class="theme-icon"
5209  xmlns="http://www.w3.org/2000/svg"
5210  fill="none"
5211  viewBox="0 0 24 24"
5212>
5213  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
5214</svg>
5215</div></button>
5216    </h2>
5217    <div
5218      id="expanded-question_8twbd9-desktop"
5219      x-show="expanded"
5220      x-collapse
5221      x-cloak
5222    >
5223      <div class="rte richtext break-word pb-theme text-base ">
5224        <p>Vous pouvez gérer votre abonnement à tout moment depuis votre <a href="/pages/mon-abonnement">espace abonné</a>, en vous connectant avec l’adresse e-mail de votre commande&nbsp;: état de vos numéros, adresse de livraison, renouvellement.</p><p>Pour désactiver la reconduction automatique, cliquez sur «&nbsp;Arrêter le renouvellement&nbsp;»&nbsp;: votre abonnement ira jusqu’à son terme puis s’arrêtera automatiquement.</p><p>La résiliation stoppe donc le renouvellement, mais les numéros déjà réglés restent dus. Sauf exception prévue par la loi (par exemple droit de rétractation dans les 14 jours suivant la réception du premier numéro), un remboursement en cours de période n’est en principe pas prévu.</p>
5225      </div>
5226    </div>
5227  </data-island>
5228</li>
5229
5230
5231<li
5232  class="border-b-gridline border-gridline-color px-section-horizontal-spacing"
5233>
5234  <data-island class="contents" x-data="{ expanded: false }">
5235    <h2 class="break-word">
5236      <button
5237        type="button"
5238        @click="expanded = ! expanded"
5239        aria-controls="expanded-question_GEFmDT-desktop"
5240        :aria-expanded="expanded ? true : 'false'"
5241        class="break-word flex w-full cursor-pointer items-center justify-between py-4 text-left font-heading text-heading-secondary"
5242      >
5243        <div class="break-word flex items-center">Puis-je m’abonner sans acheter un magazine ?</div><div class="flex h-6 w-6 shrink-0 items-center" x-show="!expanded">
5244            <svg
5245  aria-hidden="true"
5246  class="theme-icon"
5247  xmlns="http://www.w3.org/2000/svg"
5248  fill="none"
5249  viewBox="0 0 24 24"
5250>
5251  <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/>
5252</svg>
5253
5254          </div>
5255          <div
5256            class="flex h-6 w-6 shrink-0 items-center"
5257            x-show="expanded"
5258            style="display: none;"
5259          ><svg
5260  aria-hidden="true"
5261  class="theme-icon"
5262  xmlns="http://www.w3.org/2000/svg"
5263  fill="none"
5264  viewBox="0 0 24 24"
5265>
5266  <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/>
5267</svg>
5268</div></button>
5269    </h2>
5270    <div
5271      id="expanded-question_GEFmDT-desktop"
5272      x-show="expanded"
5273      x-collapse
5274      x-cloak
5275    >
5276      <div class="rte richtext break-word pb-theme text-base ">
5277        <p>Non. L’abonnement se prend avec le numéro en cours, quand il est proposé. Il ne peut pas être souscrit séparément.</p>
5278      </div>
5279    </div>
5280  </data-island>
5281</li>
5282
5283      </ul>
5284    </div></section>
5285
5286
5287</div><div id="shopify-section-template--31700916371788__newsletter_WtCj9p" class="shopify-section"><section
5288  class="newsletter-section border-b-gridline border-gridline-color bg-scheme-background text-scheme-text"
5289  data-color-scheme="scheme1"
5290>
5291  <div class="grid grid-cols-1 lg:grid-cols-12 bg-gridline-color gap-gutter">
5292    <div class="bg-scheme-background lg:col-span-5 flex flex-col justify-center px-section-horizontal-spacing py-section-vertical-spacing lg:py-10">
5293      <div class="max-w-md">
5294        
5295
5296        
5297          <div class="rte font-body opacity-80 text-base leading-relaxed">
5298            <p><strong>Rejoignez l'univers Views.<br>Accédez à notre communauté, à des contenus exclusifs et à des événements.</strong></p>
5299          </div>
5300        
5301      </div>
5302    </div>
5303
5304    <div class="bg-scheme-background lg:col-span-7 flex flex-col justify-center px-section-horizontal-spacing py-section-vertical-spacing lg:py-10">
5305      <div class="views-newsletter-signup w-full max-w-xl"><form method="post" action="/contact#ViewsNewsletter-template--31700916371788__newsletter_WtCj9p" id="ViewsNewsletter-template--31700916371788__newsletter_WtCj9p" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter"><label class="views-newsletter-label" for="ViewsNewsletterEmail-template--31700916371788__newsletter_WtCj9p">Votre adresse e-mail</label>
5306            <div class="views-newsletter-fields">
5307              <input
5308                id="ViewsNewsletterEmail-template--31700916371788__newsletter_WtCj9p"
5309                type="email"
5310                name="contact[email]"
5311                value=""
5312                placeholder="[email protected]"
5313                autocomplete="email"
5314                autocorrect="off"
5315                autocapitalize="off"
5316                spellcheck="false"
5317                required
5318                
5319              >
5320              <button type="submit" name="commit">S’inscrire <span aria-hidden="true">→</span></button>
5321            </div><p class="views-newsletter-note">Inscrivez-vous à la newsletter Views. Désinscription à tout moment. <a href="/policies/privacy-policy">Confidentialité</a></p></form></div>
5322    </div>
5323  </div>
5324</section>
5325
5326
5327<style>
5328  .views-newsletter-signup{max-width:40rem}
5329  .views-newsletter-label{display:block;margin-bottom:10px;font-size:14px;font-weight:500}
5330  .views-newsletter-fields{display:flex;gap:12px;align-items:stretch}
5331  .views-newsletter-fields input{box-sizing:border-box;flex:1;min-width:0;min-height:48px;padding:12px 14px;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:16px}
5332  .views-newsletter-fields input::placeholder{color:inherit;opacity:.5}
5333  .views-newsletter-fields button{display:flex;align-items:center;justify-content:center;gap:24px;flex-shrink:0;min-height:48px;padding:12px 24px;background:#111;color:#fff;border:1px solid #111;border-radius:0;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
5334  .views-newsletter-fields button:hover{background:#333}
5335  .views-newsletter-fields input:focus-visible,.views-newsletter-fields button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
5336  .views-newsletter-fields button:focus-visible{outline-color:#111}
5337  .views-newsletter-note{margin-top:12px;font-size:12px;line-height:1.6;opacity:.7}
5338  .views-newsletter-note a{text-decoration:underline;text-underline-offset:3px}
5339  .views-newsletter-error{margin-top:12px;font-size:14px}
5340  .views-newsletter-success{font-size:16px;line-height:1.5}
5341  @media(max-width:479px){.views-newsletter-fields{flex-direction:column;gap:10px}.views-newsletter-fields button{width:100%}}
5342</style>
5343
5344
5345</div><div id="shopify-section-template--31700916371788__instagram_wall_9an8gc" class="shopify-section instagram-wall-section">
5346<style>
5347  @font-face {
5348  font-family: "Libre Caslon Text";
5349  font-weight: 400;
5350  font-style: normal;
5351  src: url("//views.fr/cdn/fonts/libre_caslon_text/librecaslontext_n4.69e40b5499cae01f08d854557f813a31bc80e248.woff2") format("woff2"),
5352       url("//views.fr/cdn/fonts/libre_caslon_text/librecaslontext_n4.64955492c60f32c2546fc5710223f1274518807f.woff") format("woff");
5353}
5354
5355  @font-face {
5356  font-family: Assistant;
5357  font-weight: 400;
5358  font-style: normal;
5359  src: url("//views.fr/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
5360       url("//views.fr/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
5361}
5362
5363  @font-face {
5364  font-family: Assistant;
5365  font-weight: 400;
5366  font-style: normal;
5367  src: url("//views.fr/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
5368       url("//views.fr/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
5369}
5370
5371
5372  #insta-wall-template--31700916371788__instagram_wall_9an8gc {
5373    padding: 40px 0 40px;
5374    background: #ffffff;
5375    overflow: hidden;
5376    -webkit-font-smoothing: antialiased;
5377    -moz-osx-font-smoothing: grayscale;
5378  }
5379
5380  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-headline {
5381    font-size: 35px;
5382    font-family: "Libre Caslon Text", serif;
5383    font-weight: 500;
5384    text-transform: none;
5385    line-height: 90%;
5386    letter-spacing: -0.05em;
5387    color: #1a1a1a;
5388    margin: 16px 0 36px;
5389    padding: 0 20px;
5390    text-align: center;
5391    text-wrap: balance;
5392  }
5393
5394  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-subline {
5395    text-align: center;
5396    padding: 0 20px;
5397    margin: 0 0 20px;
5398    color: #999999;
5399    font-family: Assistant, sans-serif;
5400    font-size: 14px;
5401    font-weight: 400;
5402    letter-spacing: 0.03em;
5403    text-wrap: pretty;
5404  }
5405
5406
5407  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-track {display: grid;
5408      grid-template-columns: repeat(3, 1fr);
5409      gap: 2px;
5410      padding: 0 20px;}
5411
5412  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-track::-webkit-scrollbar {
5413    display: none;
5414  }
5415
5416
5417  @media (min-width: 1024px) {
5418    #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-track {
5419      display: grid;
5420      grid-template-columns: repeat(6, 1fr);
5421      grid-template-rows: repeat(2, auto);
5422      gap: 2px;
5423      padding: 0 20px;
5424      overflow: visible;
5425      scroll-snap-type: none;
5426    }
5427  }
5428
5429
5430  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-card {width: 100%;position: relative;
5431    border-radius: 0px;
5432    overflow: hidden;
5433    aspect-ratio: 4 / 5;
5434    background: #ffffff;
5435    cursor: pointer;
5436    text-decoration: none;
5437    transition-property: transform;
5438    transition-duration: 0.2s;
5439    transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
5440  }
5441
5442  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-card:active {
5443    transform: scale(0.96);
5444  }
5445
5446  @media (min-width: 1024px) {
5447    #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-card {
5448      flex: none;
5449      width: 100%;
5450    }
5451
5452    #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-card:nth-child(n+13) {
5453      display: none;
5454    }
5455  }
5456
5457
5458  @media (max-width: 1023px) {
5459    #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-card:nth-child(n+10) {
5460      display: none;
5461    }
5462  }
5463
5464  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-card img {
5465    width: 100%;
5466    height: 100%;
5467    object-fit: cover;
5468    display: block;
5469    outline: 1px solid rgba(0, 0, 0, 0.05);
5470    outline-offset: -1px;
5471    transition-property: transform;
5472    transition-duration: 0.4s;
5473    transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
5474  }
5475
5476  @media (hover: hover) {
5477    #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-card:hover img {
5478      transform: scale(1.03);
5479    }
5480  }
5481
5482
5483  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-video {
5484    width: 100%;
5485    height: 100%;
5486    object-fit: cover;
5487    display: block;
5488    outline: 1px solid rgba(0, 0, 0, 0.05);
5489    outline-offset: -1px;
5490  }
5491
5492
5493  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-overlay,
5494  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-overlay-caption,
5495  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-mobile-caption {
5496    display: none;
5497  }
5498
5499
5500  @keyframes iw-card-enter {
5501    from {
5502      opacity: 0;
5503      transform: translateY(8px);
5504    }
5505    to {
5506      opacity: 1;
5507      transform: translateY(0);
5508    }
5509  }
5510
5511  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-card {
5512    animation: iw-card-enter 0.4s cubic-bezier(0.2, 0, 0, 1) both;
5513  }
5514
5515  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-card:nth-child(1) { animation-delay: 0ms; }
5516  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-card:nth-child(2) { animation-delay: 60ms; }
5517  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-card:nth-child(3) { animation-delay: 120ms; }
5518  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-card:nth-child(4) { animation-delay: 180ms; }
5519  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-card:nth-child(5) { animation-delay: 240ms; }
5520  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-card:nth-child(6) { animation-delay: 300ms; }
5521  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-card:nth-child(7) { animation-delay: 360ms; }
5522  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-card:nth-child(8) { animation-delay: 420ms; }
5523
5524
5525  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-cta-wrap {
5526    margin-top: 20px;
5527    padding: 0 20px;
5528    padding-bottom: 40px;
5529  }
5530
5531  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-cta {
5532    display: inline-flex;
5533    align-items: center;
5534    justify-content: center;
5535    gap: 8px;
5536    width: 100%;
5537    padding: 14px 0;
5538    color: #1a1a1a;
5539    font-size: 12px;
5540    font-weight: 500;
5541    letter-spacing: 0.08em;
5542    text-transform: uppercase;
5543    text-decoration: none;
5544    text-align: center;
5545    opacity: 0.4;
5546    transition-property: opacity, transform;
5547    transition-duration: 0.2s;
5548    transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
5549  }
5550
5551  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-cta:hover {
5552    opacity: 1;
5553  }
5554
5555  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-cta:active {
5556    transform: scale(0.96);
5557  }
5558
5559  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-cta-icon {
5560    width: 16px;
5561    height: 16px;
5562    flex-shrink: 0;
5563  }
5564
5565
5566  @media (max-width: 1023px) {
5567    #insta-wall-template--31700916371788__instagram_wall_9an8gc {
5568      padding-top: 24px;
5569      padding-bottom: 20px;
5570    }
5571
5572
5573    #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-headline {
5574      font-size: 22px;
5575      margin-top: 0;
5576      margin-bottom: 12px;
5577    }#insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-card:active {
5578      transform: scale(0.96);
5579    }#insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-cta {
5580      font-size: 11px;
5581      padding: 12px 0;
5582      min-height: 44px;
5583    }
5584
5585    #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-cta-wrap {
5586      margin-top: 12px;
5587      padding-bottom: 20px;
5588    }
5589
5590
5591    #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-card:active {
5592      transform: none;
5593    }
5594  }
5595  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-fallback { padding: 20px; text-align: center; font-size: 14px; }
5596  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-fallback a { text-decoration: underline; text-underline-offset: 4px; }
5597  #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-fallback[hidden] { display: none; }
5598  @media (prefers-reduced-motion: reduce) {
5599    #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-card { animation: none; transition: none; }
5600    #insta-wall-template--31700916371788__instagram_wall_9an8gc .iw-card img { transition: none; }
5601  }
5602</style>
5603
5604<section id="insta-wall-template--31700916371788__instagram_wall_9an8gc" data-iw-auto data-iw-limit="12"><h2 class="iw-headline">La beauté de comprendre</h2><div class="iw-track" id="iw-track-template--31700916371788__instagram_wall_9an8gc"></div>
5605    <p class="iw-fallback" data-iw-fallback hidden>
5606      <a href="https://www.instagram.com/viewsfrance" target="_blank" rel="noopener">Voir les dernières publications sur Instagram &rarr;</a>
5607    </p>
5608    
5608<script src="//views.fr/cdn/shop/t/23/assets/views-instagram-wall.js?v=147350438014598269171788635347" defer></script>
5608
5609  
5610</section>
5611
5612
5613</div><div id="shopify-section-template--31700916371788__scrolling_text_g4V8Fh" class="shopify-section">
5614<section
5615  class="scrolling-text group border-b-gridline border-gridline-color bg-scheme-background text-scheme-text"
5616  data-color-scheme="scheme4"
5617  
5618>
5619  
5620
5621
5622<a
5623  
5624    href="/products/views-magazine-007"
5625  
5626  class="block focus-inset text-scheme-text focus-visible:relative "
5627  aria-label="Livraison gratuite pour tout abonnement"
5628>
5629  <div class=" py-2 lg:py-2 relative overflow-hidden ">
5630    
5631  <scrolling-items-container class="block group-hover:text-scheme-accent">
5632    <scrolling-items
5633      style="
5634        --base-scrolling-items-speed: 12s;
5635        --local-scrolling-items-speed-multiplier: 1;
5636        --scrolling-items-speed: calc(
5637            var(--base-scrolling-items-speed) * var(--global-scrolling-items-speed-multiplier) *
5638              var(--local-scrolling-items-speed-multiplier)
5639          );
5640        --scrolling-items-direction: normal;"
5641      class="block w-max whitespace-nowrap motion-safe:animate-[scrolling-items_var(--scrolling-items-speed)_linear_infinite_var(--scrolling-items-direction)] motion-safe:focus-within:[animation-play-state:paused] motion-safe:hover:[animation-play-state:paused] font-heading text-scale-n0 lg:text-scale-n0 motion-reduce:block motion-reduce:whitespace-normal motion-reduce:px-section-horizontal-spacing motion-reduce:text-center motion-reduce:-translate-x-1/4"
5642    >
5643      <scrolling-items-surface class="flex flex-nowrap items-center ">
5644        <scrolling-items-content
5645          class="grow-0 shrink-0 "
5646          aria-hidden="true"
5647        ><span class="px-2 lg:px-4">Livraison gratuite pour tout abonnement</span><span>&mdash;</span></scrolling-items-content>
5648          <noscript>
5649            
5650            
5651              <span class="motion-reduce:hidden grow-0 shrink-0"><span class="px-2 lg:px-4">Livraison gratuite pour tout abonnement</span><span>&mdash;</span></span>
5652            
5653              <span class="motion-reduce:hidden grow-0 shrink-0"><span class="px-2 lg:px-4">Livraison gratuite pour tout abonnement</span><span>&mdash;</span></span>
5654            
5655              <span class="motion-reduce:hidden grow-0 shrink-0"><span class="px-2 lg:px-4">Livraison gratuite pour tout abonnement</span><span>&mdash;</span></span>
5656            
5657              <span class="motion-reduce:hidden grow-0 shrink-0"><span class="px-2 lg:px-4">Livraison gratuite pour tout abonnement</span><span>&mdash;</span></span>
5658            
5659              <span class="motion-reduce:hidden grow-0 shrink-0"><span class="px-2 lg:px-4">Livraison gratuite pour tout abonnement</span><span>&mdash;</span></span>
5660            
5661              <span class="motion-reduce:hidden grow-0 shrink-0"><span class="px-2 lg:px-4">Livraison gratuite pour tout abonnement</span><span>&mdash;</span></span>
5662            
5663              <span class="motion-reduce:hidden grow-0 shrink-0"><span class="px-2 lg:px-4">Livraison gratuite pour tout abonnement</span><span>&mdash;</span></span>
5664            
5665              <span class="motion-reduce:hidden grow-0 shrink-0"><span class="px-2 lg:px-4">Livraison gratuite pour tout abonnement</span><span>&mdash;</span></span>
5666            
5667              <span class="motion-reduce:hidden grow-0 shrink-0"><span class="px-2 lg:px-4">Livraison gratuite pour tout abonnement</span><span>&mdash;</span></span>
5668            
5669              <span class="motion-reduce:hidden grow-0 shrink-0"><span class="px-2 lg:px-4">Livraison gratuite pour tout abonnement</span><span>&mdash;</span></span>
5670            
5671              <span class="motion-reduce:hidden grow-0 shrink-0"><span class="px-2 lg:px-4">Livraison gratuite pour tout abonnement</span><span>&mdash;</span></span>
5672            
5673          </noscript>
5674      </scrolling-items-surface>
5675    </scrolling-items>
5676  </scrolling-items-container>
5677
5678  </div>
5679</a>
5680</section>
5681
5682
5683</div>
5684    </main>
5685
5686    <!-- BEGIN sections: footer-group -->
5687<div id="shopify-section-sections--31700916928844__footer" class="shopify-section shopify-section-group-footer-group"><footer
5688  class="bg-scheme-background text-scheme-text"
5689  data-color-scheme="scheme3"
5690  data-theme-footer
5691>
5692  
5693    <div class="border-b-gridline border-gridline-color">
5694      <div
5695        class="grid lg:grid-cols-var bg-gridline-color"
5696        style="--grid-cols: 12;"
5697      ><div
5698            class="break-word bg-scheme-background px-section-horizontal-spacing py-section-vertical-spacing text-scheme-text lg:col-span-var"
5699            style="--col-span: 3;"
5700            
5701          >
5702                  <div style="max-width: 150px;">
5703                    
5704                    <img
5705                      src="//views.fr/cdn/shop/files/Logo_Views_Noir_1924a200-a1f8-479f-b249-e527cca88ee3.png?v=1746129265&width=150"
5706                      srcset="//views.fr/cdn/shop/files/Logo_Views_Noir_1924a200-a1f8-479f-b249-e527cca88ee3.png?v=1746129265&width=150 1x,//views.fr/cdn/shop/files/Logo_Views_Noir_1924a200-a1f8-479f-b249-e527cca88ee3.png?v=1746129265&width=300 2x,//views.fr/cdn/shop/files/Logo_Views_Noir_1924a200-a1f8-479f-b249-e527cca88ee3.png?v=1746129265&width=450 3x"
5707                      width="1712"
5708                      height="425"
5709                      loading="lazy"
5710                      alt="Views"
5711                    >
5712                  </div>
5713                
5714</div><div
5715            class="break-word bg-scheme-background px-section-horizontal-spacing py-section-vertical-spacing text-scheme-text lg:col-span-var"
5716            style="--col-span: 3;"
5717            
5718          ><nav class="inline-block text-left">
5719                  
5720                  
5721                    <h2 class="font-heading mb-4 text-base ">
5722                      NOTRE ÉQUIPE
5723                    </h2>
5724                  
5725                  <ul class="list-none space-y-1 uppercase">
5726                    
5727                      <li>
5728                        <a
5729                          href="/pages/about"
5730                          class="hover:text-scheme-accent"
5731                        >
5732                          À PROPOS
5733                        </a>
5734                      </li>
5735                    
5736                      <li>
5737                        <a
5738                          href="/blogs/jobs"
5739                          class="hover:text-scheme-accent"
5740                        >
5741                          NOUS REJOINDRE
5742                        </a>
5743                      </li>
5744                    
5745                      <li>
5746                        <a
5747                          href="mailto:[email protected]"
5748                          class="hover:text-scheme-accent"
5749                        >
5750                          NOUS CONTACTER
5751                        </a>
5752                      </li>
5753                    
5754                      <li>
5755                        <a
5756                          href="/pages/faq"
5757                          class="hover:text-scheme-accent"
5758                        >
5759                          FAQ
5760                        </a>
5761                      </li>
5762                    
5763                      <li>
5764                        <a
5765                          href="/policies/terms-of-service"
5766                          class="hover:text-scheme-accent"
5767                        >
5768                          CGU
5769                        </a>
5770                      </li>
5771                    
5772                  </ul>
5773                </nav></div><div
5774            class="break-word bg-scheme-background px-section-horizontal-spacing py-section-vertical-spacing text-scheme-text lg:col-span-var"
5775            style="--col-span: 3;"
5776            
5777          >
5778                <div class="rte">
5779                  
5780                </div></div><div
5781            class="break-word bg-scheme-background px-section-horizontal-spacing py-section-vertical-spacing text-scheme-text lg:col-span-var"
5782            style="--col-span: 3;"
5783            
5784          >
5785                
5786                  <div class="flex flex-col lg:items-end">
5787                      <ul
5788  class="-ml-2"
5789  data-color-scheme="scheme3"
5790>
5791  
5792
5793
5794    
5795  
5796
5797
5798    
5799
5800        <li class="mb-2 ml-2 inline-block">
5801          <a
5802            class="fill-current hover:text-scheme-accent"
5803            href="https://www.x.com/viewsfrance"
5804            target="_blank"
5805          >
5806            <span class="inline-block h-6 w-6" aria-hidden="true"><svg
5807  xmlns="http://www.w3.org/2000/svg"
5808  class="icon fill-current"
5809  fill="none"
5810  viewBox="0 0 24 24"
5811  aria-hidden="true"
5812  focusable="false"
5813  role="presentation"
5814>
5815  <path fill="currentColor" d="M17.751 2.96h3.067l-6.7 7.659L22 21.039h-6.172l-4.833-6.32-5.531 6.32h-3.07l7.167-8.19L2 2.96h6.328l4.37 5.777L17.75 2.96Zm-1.076 16.243h1.7L7.404 4.7H5.58l11.094 14.503Z"/>
5816</svg>
5817</span>
5818            <span class="sr-only">X</span>
5819          </a>
5820        </li>
5821      
5822    
5823  
5824
5825
5826    
5827  
5828
5829
5830    
5831
5832        <li class="mb-2 ml-2 inline-block">
5833          <a
5834            class="fill-current hover:text-scheme-accent"
5835            href="https://www.instagram.com/viewsfrance"
5836            target="_blank"
5837          >
5838            <span class="inline-block h-6 w-6" aria-hidden="true"><svg
5839  xmlns="http://www.w3.org/2000/svg"
5840  class="icon fill-current"
5841  fill="none"
5842  viewBox="0 0 24 24"
5843  aria-hidden="true"
5844  focusable="false"
5845  role="presentation"
5846>
5847  <path fill="currentColor" fill-rule="evenodd" d="M12.006 3.801c2.672 0 2.989.012 4.04.059.977.043 1.504.207 1.855.344a3.1 3.1 0 0 1 1.15.746c.35.351.566.684.745 1.148.137.352.301.883.344 1.856.047 1.055.059 1.372.059 4.04 0 2.672-.012 2.989-.059 4.04-.043.977-.207 1.504-.344 1.856-.18.465-.398.8-.746 1.148a3.076 3.076 0 0 1-1.149.747c-.351.137-.882.3-1.855.343-1.055.047-1.372.06-4.04.06-2.673 0-2.989-.013-4.04-.06-.977-.042-1.504-.206-1.856-.343-.465-.18-.8-.399-1.148-.747a3.076 3.076 0 0 1-.747-1.148c-.136-.352-.3-.883-.344-1.856-.046-1.055-.058-1.371-.058-4.04 0-2.672.012-2.989.058-4.04.043-.976.208-1.504.344-1.856.18-.464.399-.8.747-1.148a3.076 3.076 0 0 1 1.148-.746c.352-.137.883-.301 1.856-.344 1.051-.047 1.367-.059 4.04-.059Zm0-1.801c-2.716 0-3.055.012-4.122.059-1.063.046-1.793.218-2.426.465A4.882 4.882 0 0 0 3.684 3.68a4.9 4.9 0 0 0-1.157 1.77c-.246.637-.418 1.363-.464 2.426-.047 1.07-.06 1.41-.06 4.126 0 2.715.013 3.055.06 4.122.046 1.063.218 1.793.464 2.426.258.66.598 1.22 1.157 1.774a4.89 4.89 0 0 0 1.77 1.152c.637.247 1.363.419 2.426.465 1.067.047 1.407.059 4.122.059s3.055-.012 4.122-.059c1.063-.046 1.793-.218 2.426-.464a4.89 4.89 0 0 0 1.77-1.153 4.888 4.888 0 0 0 1.152-1.77c.247-.637.419-1.363.465-2.426.047-1.067.06-1.407.06-4.122 0-2.716-.013-3.055-.06-4.122-.046-1.063-.218-1.793-.465-2.426a4.684 4.684 0 0 0-1.144-1.778 4.889 4.889 0 0 0-1.77-1.153c-.637-.246-1.364-.418-2.426-.464-1.07-.051-1.41-.063-4.126-.063Zm0 4.864a5.139 5.139 0 0 0-5.138 5.138 5.139 5.139 0 0 0 5.138 5.138 5.14 5.14 0 0 0 5.138-5.138 5.139 5.139 0 0 0-5.138-5.138Zm0 8.47a3.333 3.333 0 1 1 0-6.666 3.333 3.333 0 0 1 0 6.667Zm5.34-7.474a1.2 1.2 0 1 0 0-2.399 1.2 
58471.2 0 0 0 0 2.4Z" clip-rule="evenodd"/>
5848</svg>
5849</span>
5850            <span class="sr-only">Instagram</span>
5851          </a>
5852        </li>
5853      
5854    
5855  
5856
5857
5858    
5859  
5860
5861
5862    
5863
5864        <li class="mb-2 ml-2 inline-block">
5865          <a
5866            class="fill-current hover:text-scheme-accent"
5867            href="https://www.tiktok.com/@viewsfrance"
5868            target="_blank"
5869          >
5870            <span class="inline-block h-6 w-6" aria-hidden="true"><svg
5871  xmlns="http://www.w3.org/2000/svg"
5872  class="icon fill-current"
5873  fill="none"
5874  viewBox="0 0 24 24"
5875  aria-hidden="true"
5876  focusable="false"
5877  role="presentation"
5878>
5879  <path fill="currentColor" d="M16.019 2h-3.37v13.623c0 1.623-1.297 2.957-2.91 2.957-1.614 0-2.91-1.334-2.91-2.957 0-1.594 1.267-2.898 2.823-2.956v-3.42c-3.428.057-6.194 2.869-6.194 6.376C3.458 19.16 6.282 22 9.768 22c3.485 0 6.308-2.87 6.308-6.377V8.638a7.805 7.805 0 0 0 4.466 1.507v-3.42C18.006 6.638 16.019 4.55 16.019 2Z"/>
5880</svg>
5881</span>
5882            <span class="sr-only">TikTok</span>
5883          </a>
5884        </li>
5885      
5886    
5887  
5888
5889
5890    
5891  
5892
5893
5894    
5895
5896        <li class="mb-2 ml-2 inline-block">
5897          <a
5898            class="fill-current hover:text-scheme-accent"
5899            href="https://www.youtube.com/channel/UCNnvox9EqTx-ucFPVFlG1_w"
5900            target="_blank"
5901          >
5902            <span class="inline-block h-6 w-6" aria-hidden="true"><svg
5903  xmlns="http://www.w3.org/2000/svg"
5904  class="icon fill-current"
5905  fill="none"
5906  viewBox="0 0 24 24"
5907  aria-hidden="true"
5908  focusable="false"
5909  role="presentation"
5910>
5911  <path fill="currentColor" d="M21.8 8.002s-.195-1.379-.796-1.984C20.242 5.22 19.39 5.217 19 5.17c-2.797-.203-6.996-.203-6.996-.203h-.008s-4.2 0-6.996.203c-.39.047-1.242.05-2.004.848-.601.605-.793 1.984-.793 1.984S2 9.623 2 11.24v1.516c0 1.617.2 3.238.2 3.238s.195 1.379.792 1.985c.762.796 1.762.769 2.207.855 1.602.152 6.801.2 6.801.2s4.203-.009 7-.208c.39-.047 1.242-.05 2.004-.848.601-.605.797-1.984.797-1.984S22 14.377 22 12.756V11.24c0-1.617-.2-3.238-.2-3.238ZM9.935 14.596V8.975l5.402 2.82-5.402 2.8Z"/>
5912</svg>
5913</span>
5914            <span class="sr-only">YouTube</span>
5915          </a>
5916        </li>
5917      
5918    
5919  
5920
5921
5922    
5923  
5924
5925
5926    
5927  
5928
5929
5930    
5931  
5932
5933
5934    
5935  
5936
5937
5938    
5939  
5940
5941
5942    
5943
5944        <li class="mb-2 ml-2 inline-block">
5945          <a
5946            class="fill-current hover:text-scheme-accent"
5947            href="mailto:[email protected]"
5948            target="_blank"
5949          >
5950            <span class="inline-block h-6 w-6" aria-hidden="true"><svg
5951  xmlns="http://www.w3.org/2000/svg"
5952  class="icon fill-current"
5953  fill="none"
5954  viewBox="0 0 24 24"
5955  aria-hidden="true"
5956  focusable="false"
5957  role="presentation"
5958>
5959  <path fill="currentColor" fill-rule="evenodd" d="M2.708 4.655A.708.708 0 0 0 2 5.363v13.274c0 .391.317.708.708.708h18.584a.708.708 0 0 0 .708-.708V5.363a.708.708 0 0 0-.708-.708H2.708Zm.708 2.402v10.872h17.168V7.057l-6.367 4.897a3.636 3.636 0 0 1-4.434 0L3.416 7.057Zm16.127-.986H4.457l6.19 4.76a2.22 2.22 0 0 0 2.706 0l6.19-4.76Z" clip-rule="evenodd"/>
5960</svg>
5961</span>
5962            <span class="sr-only">Email</span>
5963          </a>
5964        </li>
5965      
5966    
5967  
5968</ul>
5969
5970</div></div></div>
5971    </div>
5972  
5973
5974  <div>
5975    <div class="px-section-horizontal-spacing py-section-vertical-spacing lg:flex lg:flex-wrap lg:items-center lg:justify-between">
5976      <div class="mb-4 space-y-2 text-sm lg:mb-0 lg:flex-1"><p>&copy; 2026, Views Media.</p>
5977        <ul class="flex flex-wrap gap-1 text-sm [&>li:last-child]:after:content-none [&>li]:after:content-['\00B7']"><li>
5978                  <a href="/policies/privacy-policy">Politique de confidentialité</a>
5979                </li><li>
5980                  <a href="/policies/contact-information">Coordonnées</a>
5981                </li><li>
5982                  <a href="/policies/terms-of-service">Conditions d’utilisation</a>
5983                </li><li>
5984                  <a href="/policies/refund-policy">Politique de remboursement</a>
5985                </li><li>
5986                  <a href="/policies/shipping-policy">Politique d’expédition</a>
5987                </li></ul>
5988      </div>
5989      
5990</div>
5991  </div>
5992</footer>
5993
5994
5995  <style>
5996    .footer-logo-image {
5997      display: block;
5998      max-width: px;
5999    }
6000  </style>
6001
6002
6003
6004</div>
6005<!-- END sections: footer-group --><!-- BEGIN sections: overlay-group -->
6006
6007<!-- END sections: overlay-group -->
6008
6009    <div
6010      id="screenreader-announce"
6011      class="sr-only"
6012      aria-live="polite"
6013      role="status"
6014    ></div>
6015
6016    <ul hidden>
6017      <li id="a11y-refresh-page-message">
6018        Le choix d&#39;une sélection entraîne l&#39;actualisation d&#39;une page entière.
6019      </li>
6020      <li id="a11y-selection-message">
6021        Appuyez sur la touche espace puis sur les touches fléchées pour faire une sélection.
6022      </li>
6023    </ul>
6024
6025    
6026    <data-island
6027  role="complementary"
6028  aria-labelledby="left-drawer-slot"
6029  x-data
6030  on="load"
6031>
6032  <template x-teleport="body">
6033    <div
6034      x-show="$store.modals.leftDrawer.open"
6035      @keydown.escape.prevent.stop="$store.modals.close('leftDrawer')"
6036      @click="$store.modals.close('leftDrawer')"
6037      class="fixed inset-0 z-110"
6038      data-color-scheme="scheme1"
6039      id="modals-leftDrawer"
6040    >
6041      <div
6042        @click.stop
6043        x-show="$store.modals.leftDrawer.open"
6044        x-transition:enter="duration-300 motion-reduce:duration-0 outline-0"
6045        x-transition:enter-start="opacity-0 -translate-x-full"
6046        x-transition:leave="duration-300 motion-reduce:duration-0 outline-0"
6047        x-transition:leave-end="-translate-x-full"
6048        x-trap.noscroll.inert="$store.modals.leftDrawer.open"
6049        class="mr-auto h-full w-11/12 max-w-md transform overflow-y-auto border-r-gridline border-gridline-color bg-scheme-background text-scheme-text transition-transform"
6050        id="left-drawer-slot"
6051        role="dialog"
6052        @left-drawer-is-open.window="setTimeout(() => { $el.setAttribute('aria-modal', 'true') }, 120)"
6053        @left-drawer-is-closed.window="setTimeout(() => { $el.removeAttribute('aria-modal') }, 120)"
6054        :aria-label="getModalLabel('leftDrawer', $el)"
6055        tabindex="-1"
6056      >
6057        <!-- Modal content is teleported here -->
6058      </div>
6059    </div>
6060  </template>
6061</data-island>
6062<data-island
6063  role="complementary"
6064  aria-labelledby="right-drawer-slot"
6065  x-data
6066  on="load"
6067>
6068  <template x-teleport="body">
6069    <div
6070      x-show="$store.modals.rightDrawer.open"
6071      @keydown.escape.prevent.stop="$store.modals.close('rightDrawer')"
6072      @click="$store.modals.close('rightDrawer')"
6073      class="fixed inset-0 z-110"
6074      data-color-scheme="scheme1"
6075      id="modals-rightDrawer"
6076    >
6077      <div
6078        @click.stop
6079        x-show="$store.modals.rightDrawer.open"
6080        x-transition:enter="duration-300 motion-reduce:duration-0 outline-0"
6081        x-transition:enter-start="translate-x-full"
6082        x-transition:leave="duration-300 motion-reduce:duration-0 outline-0"
6083        x-transition:leave-end="translate-x-full"
6084        x-trap.noscroll.inert="$store.modals.rightDrawer.open"
6085        class="ml-auto h-full w-11/12 max-w-md transform overflow-y-auto border-l-gridline border-gridline-color bg-scheme-background  text-scheme-text"
6086        id="right-drawer-slot"
6087        role="dialog"
6088        @right-drawer-is-open.window="setTimeout(() => { $el.setAttribute('aria-modal', 'true') }, 120)"
6089        @right-drawer-is-closed.window="setTimeout(() => { $el.removeAttribute('aria-modal') }, 120)"
6090        :aria-label="getModalLabel('rightDrawer', $el)"
6091        tabindex="-1"
6092      >
6093        <!-- Modal content is teleported here -->
6094      </div>
6095    </div>
6096  </template>
6097</data-island>
6098<data-island
6099  role="complementary"
6100  aria-labelledby="quick-buy-drawer-slot-container"
6101  x-data
6102  on="load"
6103>
6104  <template x-teleport="body">
6105    <div
6106      x-show="$store.modals.quickBuyDrawer.open"
6107      @keydown.escape.prevent.stop="$store.modals.close('quickBuyDrawer')"
6108      @click="$store.modals.close('quickBuyDrawer')"
6109      class="fixed inset-0 z-110 flex lg:block"
6110      data-color-scheme="scheme1"
6111      id="modals-quickBuyDrawer"
6112    >
6113      <div
6114        @click.stop
6115        id="quick-buy-drawer-slot-container"
6116        x-show="$store.modals.quickBuyDrawer.open"
6117        x-transition:enter="duration-300 motion-reduce:duration-0 outline-0"
6118        x-transition:enter-start="max-lg:translate-y-full lg:translate-x-full"
6119        x-transition:leave="duration-300 motion-reduce:duration-0 outline-0"
6120        x-transition:leave-end="max-lg:translate-y-full lg:translate-x-full"
6121        x-trap.noscroll.inert="$store.modals.quickBuyDrawer.open"
6122        class="mt-auto h-auto w-full transform border-gridline-color bg-scheme-background pb-[env(safe-area-inset-bottom)] text-scheme-text lg:ml-auto lg:h-full lg:w-11/12 lg:max-w-md lg:overflow-y-auto lg:border-l-gridline"
6123        role="dialog"
6124        @quick-buy-drawer-is-open.window="setTimeout(() => { $el.setAttribute('aria-modal', 'true') }, 120)"
6125        @quick-buy-drawer-is-closed.window="setTimeout(() => { $el.removeAttribute('aria-modal') }, 120)"
6126        :aria-label="getModalLabel('quickBuyDrawer', document.getElementById('quick-buy-drawer-slot'))"
6127        tabindex="-1"
6128      >
6129        <div class="sticky top-0 z-1 flex items-center justify-between border-y-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing py-4 lg:border-t-0">
6130          <div>
6131            Choisir des options
6132          </div>
6133          <button
6134            @click.prevent="$store.modals.close('quickBuyDrawer')"
6135            class="button__icon absolute right-0 top-0 block h-full"
6136            type="button"
6137          >
6138            <span class="sr-only">Fermer</span>
6139            <div class="my-auto mr-section-horizontal-spacing h-6 w-6">
6140              <svg
6141  class="theme-icon"
6142  xmlns="http://www.w3.org/2000/svg"
6143  fill="none"
6144  viewBox="0 0 24 24"
6145>
6146  <path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/>
6147</svg>
6148
6149            </div>
6150          </button>
6151        </div>
6152        <div
6153          id="quick-buy-drawer-slot"
6154          class="max-lg:h-fit max-lg:max-h-[65vh] max-lg:overflow-y-auto"
6155        ></div>
6156      </div>
6157    </div>
6158  </template>
6159</data-island>
6160<data-island
6161  x-data
6162  on="load"
6163>
6164  <template x-teleport="body">
6165    <div
6166      x-show="$store.modals.promo.open"
6167      class="pointer-events-none fixed inset-0 z-110"
6168      id="modals-promo"
6169    >
6170      <div
6171        x-show="$store.modals.promo.open"
6172        class="flex h-full w-full"
6173      >
6174        <div
6175          x-show="$store.modals.promo.open"
6176          x-transition:enter="transition duration-300 motion-reduce:duration-0 delay-75 outline-0"
6177          x-transition:enter-start="translate-y-full"
6178          x-transition:enter-end="translate-y-0"
6179          x-transition:leave="transition duration-300 motion-reduce:duration-0 outline-0"
6180          x-transition:leave-start="translate-y-0"
6181          x-transition:leave-end="translate-y-full"
6182          class="pointer-events-auto relative bottom-0 left-0 right-0 top-auto mt-auto w-full overflow-y-auto"
6183          id="promo-slot"
6184          role="dialog"
6185          @promo-is-open.window="setTimeout(() => { $el.setAttribute('aria-modal', 'true') }, 120)"
6186          @promo-is-closed.window="setTimeout(() => { $el.removeAttribute('aria-modal') }, 120)"
6187          :aria-label="getModalLabel('promo', $el)"
6188          tabindex="-1"
6189        >
6190          <!-- Modal content is teleported here -->
6191        </div>
6192      </div>
6193    </div>
6194  </template>
6195</data-island>
6196<data-island x-data on="load">
6197  <template x-teleport="body">
6198    <div
6199      x-show="$store.modals.popup.open"
6200      @keydown.escape.prevent.stop="$store.modals.close('popup')"
6201      @click="$store.modals.close('popup')"
6202      class="fixed inset-0 z-110 p-8 lg:p-24"
6203      data-color-scheme="scheme1"
6204      id="modals-popup"
6205    >
6206      <div
6207        x-show="$store.modals.popup.open"
6208        class="fixed inset-0 bg-transparent"
6209      >
6210        <!-- Overlay -->
6211      </div>
6212      <div
6213        x-show="$store.modals.popup.open"
6214        class="flex h-full w-full"
6215      >
6216        <div
6217          @click.stop
6218          x-show="$store.modals.popup.open"
6219          x-trap.noscroll.inert="$store.modals.popup.open"
6220          class="relative m-auto max-h-full w-full max-w-2xl overflow-y-auto border-gridline border-gridline-color bg-scheme-background text-scheme-text"
6221          id="popup-slot"
6222          role="dialog"
6223          @popup-is-open.window="setTimeout(() => { $el.setAttribute('aria-modal', 'true') }, 120)"
6224          @popup-is-closed.window="setTimeout(() => { $el.removeAttribute('aria-modal') }, 120)"
6225          :aria-label="getModalLabel('popup', $el)"
6226          tabindex="-1"
6227        >
6228          <!-- Modal content is teleported here -->
6229        </div>
6230      </div>
6231    </div>
6232  </template>
6233</data-island>
6234<data-island x-data on="load">
6235  <template x-teleport="body">
6236    <div
6237      x-show="$store.modals.modal.open"
6238      @keydown.escape.prevent.stop="$store.modals.close('modal')"
6239      @click="$store.modals.close('modal')"
6240      class="fixed inset-0 z-110"
6241      data-color-scheme="scheme1"
6242      id="modals-modal"
6243    >
6244      <div x-show="$store.modals.modal.open" class="flex h-full w-full">
6245        <div
6246          @click.stop
6247          x-show="$store.modals.modal.open"
6248          x-trap.noscroll.inert="$store.modals.modal.open"
6249          class="
6250            relative
6251            m-auto
6252            h-full
6253            w-full
6254            overflow-y-auto
6255            bg-scheme-background
6256            text-scheme-text
6257          "
6258          id="modal-slot"
6259          role="dialog"
6260          @modal-is-open.window="setTimeout(() => { $el.setAttribute('aria-modal', 'true') }, 120)"
6261          @modal-is-closed.window="setTimeout(() => { $el.removeAttribute('aria-modal') }, 120)"
6262          :aria-label="getModalLabel('modal', $el)"
6263          tabindex="-1"
6264        >
6265          <!-- Modal content is teleported here -->
6266        </div>
6267      </div>
6268    </div>
6269  </template>
6270</data-island>
6271
6272
6273    
6274    
6275
6276    
6276<script src="//views.fr/cdn/shop/t/23/assets/global.bundle.js?v=81142459501575262931788180091" type="module"></script>
6276<script src="//views.fr/cdn/shop/t/23/assets/subscription-tag.js?v=46532049300138929681788180145" type="text/javascript"></script>
6276
6277    
6277<script src="//views.fr/cdn/shop/t/23/assets/subscription-click.js?v=164605742592048799571790527362" defer></script>
6277
6278    
6278<script src="//views.fr/cdn/shop/t/23/assets/media-split-subscription.js?v=96307776215494968851790527359" defer></script>
6278<link href="//views.fr/cdn/shop/t/23/assets/espace-abonne-assistant.css?v=42135710842214291331789665958" rel="stylesheet" type="text/css" media="all" />
6279<div id="assistant-views" data-launcher="1" hidden></div>
6279<script src="//views.fr/cdn/shop/t/23/assets/espace-abonne-assistant.js?v=6785660075488786711790241588" type="text/javascript"></script>
6279
6280
6281<style>  </style>
6282<div id="shopify-block-ANHBXQ2h4clU5UjNXU__14458903502463230934" class="shopify-block shopify-app-block">
6283
6284
6285  <!-- BEGIN app snippet: cart-drawer-render-v3 -->
6286
6287
6288
6289
6290
6291
6292
6293
6294
6295
6296
6297
6298
6299
6300
6301
6302  
6303  
6304  
6305
6306  <link href="https://cdn.shopify.com/extensions/01a0aa9a-ead5-76d9-a649-d8dff7f44389/moonbundle-813/assets/moonbundle-cart-drawer-v3.0.2.css" as="style" fetchpriority="low" rel="preload">
6307  <link
6308    rel="stylesheet"
6309    href="https://cdn.shopify.com/extensions/01a0aa9a-ead5-76d9-a649-d8dff7f44389/moonbundle-813/assets/moonbundle-cart-drawer-v3.0.2.css"
6310    media="print"
6311    fetchpriority="low"
6312    onload="this.media='all'; this.onload=null;"
6313  >
6314  <noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0aa9a-ead5-76d9-a649-d8dff7f44389/moonbundle-813/assets/moonbundle-cart-drawer-v3.0.2.css"></noscript>
6315
6316  <link href="https://cdn.shopify.com/extensions/01a0aa9a-ead5-76d9-a649-d8dff7f44389/moonbundle-813/assets/cart-drawer-block-v3.0.2.js" as="script" fetchpriority="low" rel="preload">
6317  <link href="https://cdn.shopify.com/extensions/01a0aa9a-ead5-76d9-a649-d8dff7f44389/moonbundle-813/assets/moonbundle-cart-drawer-v3.0.2.js" as="script" fetchpriority="low" rel="preload">
6318
6319  
6319<script defer fetchpriority="low" src="https://cdn.shopify.com/extensions/01a0aa9a-ead5-76d9-a649-d8dff7f44389/moonbundle-813/assets/cart-drawer-block-v3.0.2.js"></script>
6319
6320  
6320<script defer fetchpriority="low" src="https://cdn.shopify.com/extensions/01a0aa9a-ead5-76d9-a649-d8dff7f44389/moonbundle-813/assets/moonbundle-cart-drawer-v3.0.2.js"></script>
6320
6321
6322  
6323    
6323<script>
6324      (function () {
6325        var theme = window.Shopify && window.Shopify.theme;
6326        if (!theme) return;
6327
6328        var s = document.createElement('script');
6329        s.defer = true;
6330        s.fetchPriority = 'low';
6331
6332        if (theme.schema_name === 'FullStack') {
6333          s.src = "https:\/\/cdn.shopify.com\/extensions\/01a0aa9a-ead5-76d9-a649-d8dff7f44389\/moonbundle-813\/assets\/moonbundle-theme-fullstack.js";
6334          document.head.appendChild(s);
6335        } else if (theme.schema_name === 'Impulse' || theme.schema_name === 'Fly Bird') {
6336          s.src = "https:\/\/cdn.shopify.com\/extensions\/01a0aa9a-ead5-76d9-a649-d8dff7f44389\/moonbundle-813\/assets\/moonbundle-theme-impulse.js";
6337          document.head.appendChild(s);
6338        } else if (theme.schema_name === 'Eurus') {
6339          s.src = "https:\/\/cdn.shopify.com\/extensions\/01a0aa9a-ead5-76d9-a649-d8dff7f44389\/moonbundle-813\/assets\/moonbundle-theme-eurus.js";
6340          document.head.appendChild(s);
6341        }
6342      })();
6343    </script>
6343
6344  
6345
6346  
6347  
6348
6349  
6349<script type="application/json" id="moonbundle-cart-drawer-data">
6350    {
6351      "shopMoneyFormat": "€{{amount_with_comma_separator}}",
6352      "cartUrl": "\/cart",
6353      "checkoutUrl": "\/\/checkout",
6354      "cartDrawer": {"oid":"69419df01d3c94184fb61e17","id":"03500541-35f5-474f-ad57-68e3364f2b9e","shop":"biqd0q-jd.myshopify.com","title":"CTA Abonnement","status":"published","discountId":"gid:\/\/shopify\/DiscountAutomaticNode\/2197765357900","market":"all","trigger":"default","triggerProducts":[],"triggerCollections":[],"triggerExcludedProducts":[],"configs":[{"id":"e015e523-3cc8-4dd0-bda7-b8ea06ad9ffa","stylesCart":{"--moonbundle-cartdrawer-header-bgColor":"#f9fafb","--moonbundle-cartdrawer-header-textColor":"#111827","--moonbundle-cartdrawer-header-bubbleColor":"#111827","--moonbundle-cartdrawer-header-bubbleTextColor":"#FFFFFF","--moonbundle-cartdrawer-header-title-fontWeight":"650","--moonbundle-cartdrawer-body-bgColor":"#FFFFFF","--moonbundle-cartdrawer-product-bgColor":"#FFFFFF","--moonbundle-cartdrawer-product-borderColor":"#e5e7eb","--moonbundle-cartdrawer-product-borderWidth":"1px","--moonbundle-cartdrawer-product-borderRadius":"8px","--moonbundle-cartdrawer-product-containerPadding":"0px","--moonbundle-cartdrawer-product-itemPadding":"10px","--moonbundle-cartdrawer-product-imageSize":"80px","--moonbundle-cartdrawer-product-titleColor":"#111827","--moonbundle-cartdrawer-product-titleSize":"14px","--moonbundle-cartdrawer-product-titleFontWeight":"650","--moonbundle-cartdrawer-product-priceColor":"#111827","--moonbundle-cartdrawer-product-priceSize":"15px","--moonbundle-cartdrawer-product-priceFontWeight":"550","--moonbundle-cartdrawer-product-originalPriceColor":"#5f5656bf","--moonbundle-cartdrawer-product-originalPriceSize":"12px","--moonbundle-cartdrawer-product-originalPriceFontWeight":"450","--moonbundle-cartdrawer-product-propertiesColor":"#303030","--moonbundle-cartdrawer-product-propertiesSize":"12px","--moonbundle-cartdrawer-product-propertiesFontWeight":"400","--moonbundle-cartdrawer-product-discountBgColor":"#000000","--moonbundle-cartdrawer-product-discountFontSize":"9px","--moonbundle-cartdrawer-product-discountFontWeight":"650","--moonbundle-cartdrawer-product-discountText":"#ffffff","--moonbundle-cartdrawer-product-discountBorderSize":"0px","--moonbundle-cartdrawer-product-discountOrder":"0","--moonbundle-cartdrawer-product-variantLabel":"#303030","--moonbundle-cartdrawer-product-freeGiftTextColor":"#000000","--moonbundle-cartdrawer-product-freeGiftTextSize":"11px","--moonbundle-cartdrawer-product-freeGiftFontWeight":"500","--moonbundle-cartdrawer-product-giftIconColor":"#000000","--moonbundle-reviews-star-color":"#f5a623","--moonbundle-reviews-star-empty-color":"#d1d5db","--moonbundle-reviews-star-size":"14px","--moonbundle-cartdrawer-product-gap":"10px","--moonbundle-cartdrawer-empty-textColor":"#111827","--moonbundle-cartdrawer-footer-bgColor":"#f9fafb","--moonbundle-cartdrawer-checkoutButton-bgColor":"#000000","--moonbundle-cartdrawer-checkoutButton-textColor":"#FFFFFF","--moonbundle-cartdrawer-checkout-fontSize":"15px","--moonbundle-cartdrawer-checkout-borderRadius":"8px","--moonbundle-cartdrawer-checkout-fontWeight":"450","--moonbundle-cartdrawer-checkout-iconColor":"#ffffff","--moonbundle-cartdrawer-checkout-iconSize":"20px","--moonbundle-cartdrawer-checkout-iconGap":"8px","--moonbundle-cartdrawer-timer-bgColor":"#f9fafb","--moonbundle-cartdrawer-timer-textColor":"#111827","--moonbundle-cartdrawer-timer-fontWeight":"450","--moonbundle-cartdrawer-timer-fontSize":"13px","--moonbundle-cartdrawer-upsell-bgColor":"#FFFFFF","--moonbundle-cartdrawer-upsell-textColor":"#111827","--moonbundle-cartdrawer-upsell-textFontWeight":"650","--moonbundle-cartdrawer-upsell-pdtTitle":"#111827","--moonbundle-cartdrawer-upsell-pdtTitleSize":"14px","--moonbundle-cartdrawer-upsell-pdtTitleFontWeight":"550","--moonbundle-cartdrawer-upsell-subtitleColor":"#999","--moonbundle-cartdrawer-upsell-subtitleSize":"11px","--moonbundle-cartdrawer-upsell-subtitleFontWeight":"450","--moonbundle-cartdrawer-upsell-discountBgColor":"#000000","--moonbundle-cartdrawer-upsell-discountFontSize":"9px","--moonbundle-cartdrawer-upsell-discountFontWeight":"550","--moonbundle-cartdrawer-upsell-discountText":"#ffffff","--moonbundle-cartdrawer-upsell-discountBorderSize":"0px","--moonbundle-cartdrawer-upsell-priceColor":"#111827","--moonbundle-cartdrawer-upsell-priceSize":"13px","--moonbundle-cartdrawer-upsell-priceFontWeight":"450","--moonbundle-cartdrawer-upsell-originalPriceColor":"#121212bf","--moonbundle-cartdrawer-upsell-originalPriceSize":"12px","--moonbundle-cartdrawer-upsell-originalPriceFontWeight":"450","--moonbundle-cartdrawer-upsellButton-bgColor":"#000000","--moonbundle-cartdrawer-upsellButton-textColor":"#FFFFFF","--moonbundle-cartdrawer-upsellButton-fontSize":"12px","--moonbundle-cartdrawer-upsellButton-fontWeight":"550","--moonbundle-cartdrawer-upsell-headerSize":"15px","--moonbundle-cartdrawer-upsell-imageSize":"70px","--moonbundle-cartdrawer-upsell-iconColor":"#111827","--moonbundle-cartdrawer-upsell-iconSize":"16px","--moonbundle-cartdrawer-sub-bgColor":"#f8f9fa","--moonbundle-cartdrawer-sub-titleColor":"#111827","--moonbundle-cartdrawer-sub-subtitleColor":"#6b7280","--moonbundle-cartdrawer-sub-discountBgColor":"#000000","--moonbundle-cartdrawer-sub-discountTextColor":"#ffffff","--moonbundle-cartdrawer-bodyParagraph-textColor":"#111827","--moonbundle-cartdrawer-bodyParagraph-textSize":"16px","--moonbundle-cartdrawer-bodyParagraph-fontWeight":"bold","--moonbundle-cartdrawer-bodyParagraph-textAlign":"
6354center","--moonbundle-cartdrawer-bodyParagraph-margin":"10px","--moonbundle-cartdrawer-subtotal-textColor":"#111827","--moonbundle-cartdrawer-bodyParagraph-bgColor":"#FFFFFF","--moonbundle-cartdrawer-subtotal-textSize":"16px","--moonbundle-cartdrawer-subtotal-textFontWeight":"450","--moonbundle-cartdrawer-subtotal-originalPriceColor":"#111827","--moonbundle-cartdrawer-subtotal-originalPriceSize":"16px","--moonbundle-cartdrawer-subtotal-originalPriceFontWeight":"450","--moonbundle-cartdrawer-subtotal-finalPriceColor":"#111827","--moonbundle-cartdrawer-subtotal-finalPriceSize":"16px","--moonbundle-cartdrawer-subtotal-finalPriceFontWeight":"450","--moonbundle-cartdrawer-subtotal-discountBubbleBgColor":"#DBF9E6","--moonbundle-cartdrawer-subtotal-discountBubbleTextColor":"#289668","--moonbundle-cartdrawer-subtotal-discountBubbleFontSize":"12px","--moonbundle-cartdrawer-subtotal-discountBubbleFontWeight":"550","--moonbundle-cartdrawer-discountLine-textColor":"#111827","--moonbundle-cartdrawer-discountLine-textSize":"16px","--moonbundle-cartdrawer-discountLine-textFontWeight":"450","--moonbundle-cartdrawer-discountLine-priceColor":"#111827","--moonbundle-cartdrawer-discountLine-priceSize":"14px","--moonbundle-cartdrawer-discountLine-priceFontWeight":"450","--moonbundle-cartdrawer-discountLine-badgeBgColor":"#e5e7eb","--moonbundle-cartdrawer-discountLine-badgeTextColor":"#111827","--moonbundle-cartdrawer-discountInput-btnBgColor":"#000000","--moonbundle-cartdrawer-discountInput-btnTextColor":"#FFFFFF","--moonbundle-cartdrawer-discountInput-bgColor":"#FFFFFF","--moonbundle-cartdrawer-discountInput-inputTextColor":"#111827","--moonbundle-cartdrawer-discountInput-borderColor":"#D1D5DB","--moonbundle-cartdrawer-container-progressBar-bgColor":"#F8F2E8","--moonbundle-cartdrawer-progressBar-active":"#469873","--moonbundle-cartdrawer-progressBar-inactive":"#ffffff","--moonbundle-cartdrawer-progressBar-connector-height":"3px","--moonbundle-cartdrawer-progressBar-connector-borderRadius":"3px","--moonbundle-cartdrawer-progressBar-segment-bgColor":"#ffffff","--moonbundle-cartdrawer-progressBar-segment-padding":"7px","--moonbundle-cartdrawer-progressBar-segment-border":"#000","--moonbundle-cartdrawer-progressBar-segment-borderValidated":"#000","--moonbundle-cartdrawer-progressBar-segment-borderRadius":"5px","--moonbundle-cartdrawer-progressBar-segment-iconSize":"20px","--moonbundle-cartdrawer-progressBar-segment-iconColor":"#dc2626","--moonbundle-cartdrawer-progressBar-segment-iconColorValidated":"#469873","--moonbundle-cartdrawer-progressBar-header-color":"#000","--moonbundle-cartdrawer-progressBar-segment-titleColor":"#000000","--moonbundle-cartdrawer-progressBar-segment-titleColorValidated":"#000000","--moonbundle-cartdrawer-progressBar-segment-titleSize":"12px","--moonbundle-cartdrawer-progressBar-segment-titleFontWeight":"450","--moonbundle-cartdrawer-progressBar-segment-subtitleSize":"10px","--moonbundle-cartdrawer-progressBar-segment-subtitleColor":"#555555","--moonbundle-cartdrawer-progressBar-segment-subtitleColorValidated":"#555555","--moonbundle-cartdrawer-progressBar-segment-subtitleFontWeight":"400","--moonbundle-cartdrawer-progressBar-segment-bgColorValidated":"#ffffff","--moonbundle-cartdrawer-progressBar-headerSize":"16px","--moonbundle-cartdrawer-toggleUpsell-imageSize":"40px","--moonbundle-cartdrawer-toggleUpsell-bgColor":"#FFFFFF","--moonbundle-cartdrawer-toggleUpsell-titleColor":"#111827","--moonbundle-cartdrawer-toggleUpsell-descriptionColor":"#6b7280","--moonbundle-cartdrawer-toggleUpsell-priceColor":"#111827","--moonbundle-cartdrawer-toggleUpsell-originalPriceColor":"#121212bf","--moonbundle-cartdrawer-toggleUpsell-buttonBgColor":"#d1d5db","--moonbundle-cartdrawer-toggleUpsell-buttonBgColorActive":"#000000","--moonbundle-cartdrawer-secondaryButton-textColor":"#000","--moonbundle-cartdrawer-acceleratedCheckout-textColor":"#000000","--moonbundle-cartdrawer-cartAddErrorToast-bgColor":"#dc3545","--moonbundle-cartdrawer-cartAddErrorToast-textColor":"#FFFFFF","--moonbundle-cartdrawer-cartAddSuccessToast-bgColor":"#469873","--moonbundle-cartdrawer-cartAddSuccessToast-textColor":"#FFFFFF"},"headerCart":{"textHeader":"Votre panier"}
6354,"lineProductCart":{"showQuantitySelector":true,"showVariantSelector":true,"showDiscountBubble":true,"showDiscountLabel":false,"showIconIfFreeGift":true,"showZeroIfFreeGift":true,"textSaveAndSub":"Option : S'abonner","textSubtitleSub":"Souscrivez et économisez {{discount}}","textDiscountSub":"Vous économisez","isSubscriptionActive":true,"showTitleVariant":true,"productLinkTarget":"same_page","enableProductLinks":true,"enableFreeGiftLinks":true},"footerCart":{"textCheckoutButton":"Passer au paiement","subtotalText":"Sous-total","isSubtotalActive":true,"showDiscountBubble":false,"showDiscountLine":false,"textSaveDiscountSubtotal":"","textDiscountLineSubtotal":"","customHtmlSections":[],"secondaryButton":{"isActive":false,"text":"continue shopping","buttonAction":"close cart","customUrl":""},"discountInput":{"buttonText":"Apply","errorMessage":"The discount code is invalid or cannot be added to this cart","isActive":false,"placeholder":"Discount code"},"showDiscountBadges":false,"acceleratedCheckout":{"isActive":false,"isTextExpressCheckout":false,"isTextExpressCheckoutOpen":false,"text":"Express checkout"},"checkoutIconsLeft":{},"checkoutIconsRight":{},"showCheckoutIconLeft":false,"showCheckoutIconRight":false},"timerCart":{"isActive":false,"minuts":10,"textTimer":"Votre panier expire dans {{minutes}}"},"upsellCart":{"isActive":false,"upsellProducts":[],"textUpsell":"Vous pourriez aussi aimer","buttonTextUpsell":"Ajouter","showDiscountBadge":true,"showProductCounter":false,"listUpsellIcons":{},"showIconsBeforeTitle":false,"upsellMode":null,"recommendationIntent":null,"maxUpsellsToDisplay":null,"productLinkTarget":"same_page","enableProductLinks":true},"paymentIconsCart":{"isActive":false,"listPaymentIcons":{"amazon":false,"amazonPay":false,"amazonPayAlt":false,"americanExpress":false,"americanExpressAlt":false,"americanExpressColor":false,"applePay":false,"applePayTwo":true,"atm":false,"bitcoin":false,"bitcoinColor":false,"bitcoinSign":false,"blik":false,"cartaSi":false,"cb":false,"clickandbuy":false,"dinersclubColor":false,"discover":false,"flattr":false,"walletGoogleColor":false,"googleWallet":false,"idealColor":false,"interac":false,"jcbColor":false,"klarna":false,"maestro":false,"maestroColor":false,"mastercardNotxt":true,"mastercard":false,"masterCardCTwo":false,"mercado":false,"paypal":false,"paypalTwo":true,"paypalColor":false,"paysafecard":false,"payshop":false,"payu":false,"payUColor":false,"przelewy24":false,"ruPayColor":false,"sepa":false,"shopPay":true,"shopify":false,"skrill":false,"skrillColor":false,"sodexo":false,"square":false,"stripe":false,"twoCoColor":false,"unionpay":false,"unionPayColor":false,"visaBlue":true,"westernUnion":false,"westerunionColor":false,"wirecard":false,"worldPayColor":false}},"emptyCart":{"textEmptyCart":"Panier vide"},"toggleUpsell":{"isActive":false,"productId":""},"bodyCart":{"bodyParagraph":{"isActive":false,"text":"Très bon choix !"},"bodyImage":{"isActive":false,"imageSrc":"https:\/\/moonbundle-assets.fra1.cdn.digitaloceanspaces.com\/images\/defaultBannerIMgCartFinal.png"},"customHtmlSections":[]},"globalTexts":{"outOfStock":"Rupture de stock","textOffDiscount":"de remise","freeGift":"OFFERT"},"progressBar":{"isActive":false,"initialText":"","unlockedText":"","unlockedType":"","segmentsProgressBar":[],"isIconsActive":true,"isShowCongratsEverywhere":true},"bodyPositions":["timer","progressBar","bannerImage","additionalText","product","upsell"],"footerPositions":["discountInput","toggleUpsell","subtotal","checkout","paymentMethods","acceleratedCheckout","secondaryButton","discountLine"],"customJs":"","customCss":"","translations":null}],"abTestDistribution":{"mode":"equal"},"createdAt":"2025-12-16T17:59:12.000Z","updatedAt":"2026-09-04T17:14:34.080Z"},
6355      "storefrontToken": "4587798e5ee7e22547c1dc08306f8afa",
6356      "globalCustomCss": "",
6357      "globalCustomJs": "",
6358      "acceleratedCheckoutHtml": "\u003cdiv class=\"dynamic-checkout__content\" id=\"dynamic-checkout-cart\" data-shopify=\"dynamic-checkout-cart\"\u003e \u003cshopify-accelerated-checkout-cart wallet-configs=\"[{\u0026quot;supports_subs\u0026quot;:true,\u0026quot;supports_def_opts\u0026quot;:false,\u0026quot;name\u0026quot;:\u0026quot;shop_pay\u0026quot;,\u0026quot;wallet_params\u0026quot;:{\u0026quot;shopId\u0026quot;:93954179404,\u0026quot;merchantName\u0026quot;:\u0026quot;Views\u0026quot;,\u0026quot;personalized\u0026quot;:true}},{\u0026quot;supports_subs\u0026quot;:true,\u0026quot;supports_def_opts\u0026quot;:false,\u0026quot;name\u0026quot;:\u0026quot;paypal\u0026quot;,\u0026quot;wallet_params\u0026quot;:{\u0026quot;shopId\u0026quot;:93954179404,\u0026quot;countryCode\u0026quot;:\u0026quot;FR\u0026quot;,\u0026quot;merchantName\u0026quot;:\u0026quot;Views\u0026quot;,\u0026quot;phoneRequired\u0026quot;:true,\u0026quot;companyRequired\u0026quot;:false,\u0026quot;shippingType\u0026quot;:\u0026quot;shipping\u0026quot;,\u0026quot;shopifyPaymentsEnabled\u0026quot;:true,\u0026quot;hasManagedSellingPlanState\u0026quot;:false,\u0026quot;requiresBillingAgreement\u0026quot;:true,\u0026quot;gatewayType\u0026quot;:\u0026quot;MANAGED\u0026quot;,\u0026quot;merchantId\u0026quot;:\u0026quot;VM5H4A6BRAVAU\u0026quot;,\u0026quot;sdkUrl\u0026quot;:\u0026quot;https:\/\/www.paypal.com\/sdk\/js?components=buttons\\u0026commit=false\\u0026currency=EUR\\u0026locale=fr_FR\\u0026client-id=AbasDhzlU0HbpiStJiN1KRJ_cNJJ7xYBip7JJoMO0GQpLi8ePNgdbLXkC7_KMeyTg8tnAKW4WKrh9qmf\\u0026merchant-id=VM5H4A6BRAVAU\\u0026intent=authorize\u0026quot;,\u0026quot;serviceableCountryCodes\u0026quot;
6358:[\u0026quot;AC\u0026quot;,\u0026quot;AD\u0026quot;,\u0026quot;AE\u0026quot;,\u0026quot;AF\u0026quot;,\u0026quot;AG\u0026quot;,\u0026quot;AI\u0026quot;,\u0026quot;AL\u0026quot;,\u0026quot;AM\u0026quot;,\u0026quot;AO\u0026quot;,\u0026quot;AR\u0026quot;,\u0026quot;AT\u0026quot;,\u0026quot;AU\u0026quot;,\u0026quot;AW\u0026quot;,\u0026quot;AX\u0026quot;,\u0026quot;AZ\u0026quot;,\u0026quot;BA\u0026quot;,\u0026quot;BB\u0026quot;,\u0026quot;BD\u0026quot;,\u0026quot;BE\u0026quot;,\u0026quot;BF\u0026quot;,\u0026quot;BG\u0026quot;,\u0026quot;BH\u0026quot;,\u0026quot;BI\u0026quot;,\u0026quot;BJ\u0026quot;,\u0026quot;BL\u0026quot;,\u0026quot;BM\u0026quot;,\u0026quot;BN\u0026quot;,\u0026quot;BO\u0026quot;,\u0026quot;BQ\u0026quot;,\u0026quot;BR\u0026quot;,\u0026quot;BS\u0026quot;,\u0026quot;BT\u0026quot;,\u0026quot;BW\u0026quot;,\u0026quot;BY\u0026quot;,\u0026quot;BZ\u0026quot;,\u0026quot;CA\u0026quot;,\u0026quot;CC\u0026quot;,\u0026quot;CD\u0026quot;,\u0026quot;CF\u0026quot;,\u0026quot;CG\u0026quot;,\u0026quot;CH\u0026quot;,\u0026quot;CI\u0026quot;,\u0026quot;CK\u0026quot;,\u0026quot;CL\u0026quot;,\u0026quot;CM\u0026quot;,\u0026quot;CN\u0026quot;,\u0026quot;CO\u0026quot;,\u0026quot;CR\u0026quot;,\u0026quot;CV\u0026quot;,\u0026quot;CW\u0026quot;,\u0026quot;CX\u0026quot;,\u0026quot;CY\u0026quot;,\u0026quot;CZ\u0026quot;,\u0026quot;DE\u0026quot;,\u0026quot;DJ\u0026quot;,\u0026quot;DK\u0026quot;,\u0026quot;DM\u0026quot;,\u0026quot;DO\u0026quot;,\u0026quot;DZ\u0026quot;,\u0026quot;EC\u0026quot;,\u0026quot;EE\u0026quot;,\u0026quot;EG\u0026quot;,\u0026quot;EH\u0026quot;,\u0026quot;ER\u0026quot;,\u0026quot;ES\u0026quot;,\u0026quot;ET\u0026quot;,\u0026quot;FI\u0026quot;,\u0026quot;FJ\u0026quot;,\u0026quot;FK\u0026quot;,\u0026quot;FO\u0026quot;,\u0026quot;FR\u0026quot;,\u0026quot;GA\u0026quot;,\u0026quot;GB\u0026quot;,\u0026quot;GD\u0026quot;,\u0026quot;GE\u0026quot;,\u0026quot;GF\u0026quot;,\u0026quot;GG\u0026quot;,\u0026quot;GH\u0026quot;,\u0026quot;GI\u0026quot;,\u0026quot;GL\u0026quot;,\u0026quot;GM\u0026quot;,\u0026quot;GN\u0026quot;,\u0026quot;GP\u0026quot;,\u0026quot;GQ\u0026quot;,\u0026quot;GR\u0026quot;,\u0026quot;GS\u0026quot;,\u0026quot;GT\u0026quot;,\u0026quot;GW\u0026quot;,\u0026quot;GY\u0026quot;,\u0026quot;HK\u0026quot;,\u0026quot;HN\u0026quot;,\u0026quot;HR\u0026quot;,\u0026quot;HT\u0026quot;,\u0026quot;HU\u0026quot;,\u0026quot;ID\u0026quot;,\u0026quot;IE\u0026quot;,\u0026quot;IL\u0026quot;,\u0026quot;IM\u0026quot;,\u0026quot;IN\u0026quot;,\u0026quot;IO\u0026quot;,\u0026quot;IQ\u0026quot;,\u0026quot;IS\u0026quot;,\u0026quot;IT\u0026quot;,\u0026quot;JE\u0026quot;,\u0026quot;JM\u0026quot;,\u0026quot;JO\u0026quot;,\u0026quot;JP\u0026quot;,\u0026quot;KE\u0026quot;,\u0026quot;KG\u0026quot;,\u0026quot;KH\u0026quot;,\u0026quot;KI\u0026quot;,\u0026quot;KM\u0026quot;,\u0026quot;KN\u0026quot;,\u0026quot;KR\u0026quot;,\u0026quot;KW\u0026quot;,\u0026quot;KY\u0026quot;,\u0026quot;KZ\u0026quot;,\u0026quot;LA\u0026quot;,\u0026quot;LB\u0026quot;,\u0026quot;LC\u0026quot;,\u0026quot;LI\u0026quot;,\u0026quot;LK\u0026quot;,\u0026quot;LR\u0026quot;,\u0026quot;LS\u0026quot;,\u0026quot;LT\u0026quot;,\u0026quot;LU\u0026quot;,\u0026quot;LV\u0026quot;,\u0026quot;LY\u0026quot;,\u0026quot;MA\u0026quot;,\u0026quot;MC\u0026quot;,\u0026quot;MD\u0026quot;,\u0026quot;ME\u0026quot;,\u0026quot;MF\u0026quot;,\u0026quot;MG\u0026quot;,\u0026quot;MK\u0026quot;,\u0026quot;ML\u0026quot;,\u0026quot;MM\u0026quot;,\u0026quot;MN\u0026quot;,\u0026quot;MO\u0026quot;,\u0026quot;MQ\u0026quot;,\u0026quot;MR\u0026quot;,\u0026quot;MS\u0026quot;,\u0026quot;MT\u0026quot;,\u0026quot;MU\u0026quot;,\u0026quot;MV\u0026quot;,\u0026quot;MW\u0026quot;,\u0026quot;MX\u0026quot;,\u0026quot;MY\u0026quot;,\u0026quot;MZ\u0026quot;,\u0026quot;NA\u0026quot;,\u0026quot;NC\u0026quot;,\u0026quot;NE\u0026quot;,\u0026quot;NF\u0026quot;,\u0026quot;NG\u0026quot;,\u0026quot;NI\u0026quot;,\u0026quot;NL\u0026quot;,\u0026quot;NO\u0026quot;,\u0026quot;NP\u0026quot;,\u0026quot;NR\u0026quot;,\u0026quot;NU\u0026quot;,\u0026quot;NZ\u0026quot;,\u0026quot;OM\u0026quot;,\u0026quot;PA\u0026quot;,\u0026quot;PE\u0026quot;,\u0026quot;PF\u0026quot;,\u0026quot;PG\u0026quot;,\u0026quot;PH\u0026quot;,\u0026quot;PK\u0026quot;,\u0026quot;PL\u0026quot;,\u0026quot;PM\u0026quot;,\u0026quot;PN\u0026quot;,\u0026quot;PS\u0026quot;,\u0026quot;PT\u0026quot;,\u0026quot;PY\u0026quot;,\u0026quot;QA\u0026quot;,\u0026quot;RE\u0026quot;,\u0026quot;RO\u0026quot;,\u0026quot;RS\u0026quot;,\u0026quot;RU\u0026quot;,\u0026quot;RW\u0026quot;,\u0026quot;SA\u0026quot;,\u0026quot;SB\u0026quot;,\u0026quot;SC\u0026quot;,\u0026quot;SD\u0026quot;,\u0026quot;SE\u0026quot;,\u0026quot;SG\u0026quot;,\u0026quot;SH\u0026quot;,\u0026quot;SI\u0026quot;,\u0026quot;SJ\u0026quot;,\u0026quot;SK\u0026quot;,\u0026quot;SL\u0026quot;,\u0026quot;SM\u0026quot;,\u0026quot;SN\u0026quot;,\u0026quot;SO\u0026quot;,\u0026quot;SR\u0026quot;,\u0026quot;SS\u0026quot;,\u0026quot;ST\u0026quot;,\u0026quot;SV\u0026quot;,\u0026quot;SX\u0026quot;,\u0026quot;SZ\u0026quot;,\u0026quot;TA\u0026quot;,\u0026quot;TC\u0026quot;,\u0026quot;TD\u0026quot;,\u0026quot;TF\u0026quot;,\u0026quot;TG\u0026quot;,\u0026quot;TH\u0026quot;,\u0026quot;TJ\u0026quot;,\u0026quot;TK\u0026quot;,\u0026quot;TL\u0026quot;,\u0026quot;TM\u0026quot;,\u0026quot;TN\u0026quot;,\u0026quot;TO\u0026quot;,\u0026quot;TR\u0026quot;,\u0026quot;TT\u0026quot;,\u0026quot;TV\u0026quot;,\u0026quot;TW\u0026quot;,\u0026quot;TZ\u0026quot;,\u0026quot;UA\u0026quot;,\u0026quot;UG\u0026quot;,\u0026quot;UM\u0026quot;,\u0026quot;US\u0026quot;,\u0026quot;UY\u0026quot;,\u0026quot;UZ\u0026quot;,\u0026quot;VA\u0026quot;,\u0026quot;VC\u0026quot;,\u0026quot;VE\u0026quot;,\u0026quot;VG\u0026quot;,\u0026quot;VN\u0026quot;,\u0026quot;VU\u0026quot;,\u0026quot;WF\u0026quot;,\u0026quot;WS\u0026quot;,\u0026quot;XK\u0026quot;,\u0026quot;YE\u0026quot;,\u0026quot;YT\u0026quot;,\u0026quot;ZA\u0026quot;,\u0026quot;ZM\u0026quot;,\u0026quot;ZW\u0026quot;]}}]\" access-token=\"707c8f34a916f82465bd5a3d25efb1c9\" buyer-country=\"AM\" buyer-locale=\"fr\" buyer-currency=\"EUR\" shop-id=\"93954179404\" cart-id=\"75910cbf541c9d6c94bd6b0819f1c204\" enabled-flags=\"[\u0026quot;
63581172c16a\u0026quot;,\u0026quot;a1d1f9a1\u0026quot;,\u0026quot;f5afabb3\u0026quot;,\u0026quot;370070f3\u0026quot;]\" \u003e \u003cdiv class=\"wallet-button-wrapper\"\u003e \u003cul class='wallet-cart-grid wallet-cart-grid--skeleton' role=\"list\" data-shopify-buttoncontainer=\"true\"\u003e \u003cli data-testid='grid-cell' class='wallet-cart-button-container'\u003e\u003cdiv class='wallet-cart-button wallet-cart-button__skeleton' role='button' disabled aria-hidden='true'\u003e\u0026nbsp\u003c\/div\u003e\u003c\/li\u003e\u003cli data-testid='grid-cell' class='wallet-cart-button-container'\u003e\u003cdiv class='wallet-cart-button wallet-cart-button__skeleton' role='button' disabled aria-hidden='true'\u003e\u0026nbsp\u003c\/div\u003e\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/shopify-accelerated-checkout-cart\u003e \u003c\/div\u003e"
6359    }
6360  </script>
6360
6361
6362<!-- END app snippet -->
6363
6364
6365
6366</div><div id="shopify-block-AcGxLUFVESnI4ajc0N__7054877461618660028" class="shopify-block shopify-app-block">
6367
6368<script>window.OpusNoATC = true; window.opusFetchCartAdd = false;</script>
6368
6369
6370
6371  
6372    <!-- BEGIN app snippet: moonbundle-storefront-load -->
6373
6374
6375
6376<link href="https://cdn.shopify.com/extensions/01a0aa9a-ead5-76d9-a649-d8dff7f44389/moonbundle-813/assets/moonbundle-v4.0.1.css" as="style" fetchpriority="low" rel="preload">
6377
6378<link href="https://cdn.shopify.com/extensions/01a0aa9a-ead5-76d9-a649-d8dff7f44389/moonbundle-813/assets/moonbundle-v4.0.1.js" as="script" fetchpriority="high" rel="preload">
6379<link
6380  rel="stylesheet"
6381  href="https://cdn.shopify.com/extensions/01a0aa9a-ead5-76d9-a649-d8dff7f44389/moonbundle-813/assets/moonbundle-v4.0.1.css"
6382  media="print"
6383  fetchpriority="low"
6384  onload="this.media='all'; this.onload=null;"
6385>
6386<noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0aa9a-ead5-76d9-a649-d8dff7f44389/moonbundle-813/assets/moonbundle-v4.0.1.css"></noscript>
6387
6388<script defer fetchpriority="high" src="https://cdn.shopify.com/extensions/01a0aa9a-ead5-76d9-a649-d8dff7f44389/moonbundle-813/assets/moonbundle-v4.0.1.js" data-moonbundle-core-script="bundle"></script>
6388
6389
6390<script>
6391  (function () {
6392    var widget = "bundle";
6393    var stateKey = '__moonbundleBlockLoadState_' + widget;
6394    if (window[stateKey] && window[stateKey].initialized) {
6395      return;
6396    }
6397    if (!window[stateKey]) {
6398      window[stateKey] = { initialized: true, started: false };
6399    }
6400    var state = window[stateKey];
6401
6402    var blockUrl = "https:\/\/cdn.shopify.com\/extensions\/01a0aa9a-ead5-76d9-a649-d8dff7f44389\/moonbundle-813\/assets\/moonbundle-block-v4.0.1.js";
6403    var loadFnGlobal = "__moonbundleLoadBundleBlockAssets";
6404
6405    function isBundlePreviewMode() {
6406      try {
6407        var params = new URLSearchParams(window.location.search);
6408        return (
6409          params.get('moonbundle_preview') === '1' &&
6410          !!params.get('moonbundle_bundle_id')
6411        );
6412      } catch (error) {
6413        return false;
6414      }
6415    }
6416
6417    function hasMountTarget() {
6418      if (widget === 'pg') {
6419        return !!document.querySelector('moonbundle-progressive-gift[bar]');
6420      }
6421
6422      if (document.querySelector('moonbundle-component[main-product][bundle]')) {
6423        return true;
6424      }
6425
6426      var deferredMounts = document.querySelectorAll(
6427        'moonbundle-component[data-moonbundle-product-id]',
6428      );
6429      for (var i = 0; i < deferredMounts.length; i++) {
6430        var mount = deferredMounts[i];
6431        if (mount.getAttribute('data-moonbundle-schedule-fallback') === 'true') {
6432          if (isBundlePreviewMode()) return true;
6433          continue;
6434        }
6435        if (!mount.getAttribute('main-product')) {
6436          return true;
6437        }
6438      }
6439
6440      return false;
6441    }
6442
6443    function injectBlockScript() {
6444      var srcKey = blockUrl.split('/').pop().split('?')[0];
6445      var existing = document.head.querySelectorAll('script[src]');
6446      for (var i = 0; i < existing.length; i++) {
6447        if (existing[i].src.indexOf(srcKey) !== -1) {
6448          return Promise.resolve();
6449        }
6450      }
6451
6452      return new Promise(function (resolve, reject) {
6453        var script = document.createElement('script');
6454        script.src = blockUrl;
6455        script.defer = true;
6456        script.onload = function () {
6457          resolve();
6458        };
6459        script.onerror = function () {
6460          reject(new Error('MoonBundle block script failed: ' + blockUrl));
6461        };
6462        document.head.appendChild(script);
6463      });
6464    }
6465
6466    function loadBlockAssets() {
6467      if (state.started) return window[loadFnGlobal] || Promise.resolve();
6468      if (!hasMountTarget()) return Promise.resolve();
6469      state.started = true;
6470
6471      window[loadFnGlobal] = injectBlockScript().catch(function (error) {
6472        state.started = false;
6473        console.error('MoonBundle: block asset load failed (' + widget + ')', error);
6474        throw error;
6475      });
6476
6477      return window[loadFnGlobal];
6478    }
6479
6480    window[loadFnGlobal] = loadBlockAssets;
6481
6482    function scheduleLoading() {
6483      if (hasMountTarget()) {
6484        loadBlockAssets();
6485        return;
6486      }
6487
6488      var mountObserver = new MutationObserver(function () {
6489        if (!hasMountTarget()) return;
6490        mountObserver.disconnect();
6491        loadBlockAssets();
6492      });
6493
6494      mountObserver.observe(document.documentElement, { childList: true, subtree: true });
6495      window.setTimeout(function () {
6496        mountObserver.disconnect();
6497      }, 30000);
6498    }
6499
6500    scheduleLoading();
6501  })();
6502</script>
6502
6503
6504<noscript>
6505  
6505<script defer src="https://cdn.shopify.com/extensions/01a0aa9a-ead5-76d9-a649-d8dff7f44389/moonbundle-813/assets/moonbundle-block-v4.0.1.js"></script>
6505
6506  
6506<script defer src="https://cdn.shopify.com/extensions/01a0aa9a-ead5-76d9-a649-d8dff7f44389/moonbundle-813/assets/moonbundle-v4.0.1.js"></script>
6506
6507</noscript>
6508<!-- END app snippet -->
6509
6510    
6510<script type="application/json" id="moonbundle-store-config">
6511      {
6512        "storefront-token": "4587798e5ee7e22547c1dc08306f8afa",
6513        "shop-config": { "money_format": "€{{amount_with_comma_separator}}", "ianaTimezone": "Europe\/Paris" },
6514        "current-market-id": "gid:\/\/shopify\/Market\/97408876876"
6515      }
6516    </script>
6516
6517
6518    
6519    
6519<script type="application/json" id="moonbundle-global-custom">
6520      {
6521        "global-custom-css": "",
6522        "global-custom-js": ""
6523      }
6524    </script>
6524
6525  
6526
6527
6528
6529
6530
6531
6532</div><div id="shopify-block-AMlcvejVwckRBZjdic__2118589882331710876" class="shopify-block shopify-app-block">
6533<div data-banners style="display:none">
6534  
6535</div>
6536
6537<style>
6538  #cta:hover {
6539    opacity: 0.8;
6540  }
6541
6542  @media(max-width: 400px) {
6543    #cta-button {
6544      padding: 10px 12px;
6545    }
6546  }
6547</style>
6548
6549<script>
6550  window.essentialBannersConfigs = []
6551  window.essentialProductTags = null
6552  window.essentialCustomerTags = null
6553  window.essentialCurrentProductId = null;
6554  window.essentialStoreDomain = "views.fr";
6555
6556  if (!window.essentialBannersConfigs) {
6557    window.essentialBannersConfigs = [];
6558  }
6559
6560  
6561</script>
6561
6562
6563<script src="https://cdn.shopify.com/extensions/01a0a41d-dfa3-7da1-b782-5645acdc094b/essential-icon-badge-banners-1-99/assets/banners-essential-apps.js" defer></script>
6563
6564
6565
6566
6567</div>
6567<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
6567
6568</body>
6569</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.