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®ion_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®ion_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…</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…</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"> </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"> </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&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&width=750 750w, //views.fr/cdn/shop/files/views-007-depth-st3_ph1_v01_feve.jpg?v=1788365015&width=1100 1100w, //views.fr/cdn/shop/files/views-007-depth-st3_ph1_v01_feve.jpg?v=1788365015&width=1400 1400w, //views.fr/cdn/shop/files/views-007-depth-st3_ph1_v01_feve.jpg?v=1788365015&width=1800 1800w, //views.fr/cdn/shop/files/views-007-depth-st3_ph1_v01_feve.jpg?v=1788365015&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&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&width=750 750w, //views.fr/cdn/shop/files/views-007-depth-st4_ph1_v01.jpg?v=1788365075&width=1100 1100w, //views.fr/cdn/shop/files/views-007-depth-st4_ph1_v01.jpg?v=1788365075&width=1400 1400w, //views.fr/cdn/shop/files/views-007-depth-st4_ph1_v01.jpg?v=1788365075&width=1800 1800w, //views.fr/cdn/shop/files/views-007-depth-st4_ph1_v01.jpg?v=1788365075&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&width=2400" alt="Views 007 â studio, mur d'enceintes (photo relief)" srcset="//views.fr/cdn/shop/files/views-007-depth-st4_ph3_v01.jpg?v=1788459006&width=750 750w, //views.fr/cdn/shop/files/views-007-depth-st4_ph3_v01.jpg?v=1788459006&width=1100 1100w, //views.fr/cdn/shop/files/views-007-depth-st4_ph3_v01.jpg?v=1788459006&width=1400 1400w, //views.fr/cdn/shop/files/views-007-depth-st4_ph3_v01.jpg?v=1788459006&width=1800 1800w, //views.fr/cdn/shop/files/views-007-depth-st4_ph3_v01.jpg?v=1788459006&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&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&width=750 750w, //views.fr/cdn/shop/files/views-007-depth-st1_ph2_v01.jpg?v=1788365041&width=1100 1100w, //views.fr/cdn/shop/files/views-007-depth-st1_ph2_v01.jpg?v=1788365041&width=1400 1400w, //views.fr/cdn/shop/files/views-007-depth-st1_ph2_v01.jpg?v=1788365041&width=1800 1800w, //views.fr/cdn/shop/files/views-007-depth-st1_ph2_v01.jpg?v=1788365041&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&width=1600" alt="Titrage homepage A" srcset="//views.fr/cdn/shop/files/views-home-title-a.png?v=1788515603&width=600 600w, //views.fr/cdn/shop/files/views-home-title-a.png?v=1788515603&width=900 900w, //views.fr/cdn/shop/files/views-home-title-a.png?v=1788515603&width=1200 1200w, //views.fr/cdn/shop/files/views-home-title-a.png?v=1788515603&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">→</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'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">→</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"> →</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&width=1600" alt="Titrage homepage B" srcset="//views.fr/cdn/shop/files/views-home-title-b.png?v=1788515609&width=600 600w, //views.fr/cdn/shop/files/views-home-title-b.png?v=1788515609&width=900 900w, //views.fr/cdn/shop/files/views-home-title-b.png?v=1788515609&width=1200 1200w, //views.fr/cdn/shop/files/views-home-title-b.png?v=1788515609&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">→</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">→</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'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"> →</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&width=1600" alt="Titrage homepage A" srcset="//views.fr/cdn/shop/files/views-home-title-a.png?v=1788515603&width=600 600w, //views.fr/cdn/shop/files/views-home-title-a.png?v=1788515603&width=900 900w, //views.fr/cdn/shop/files/views-home-title-a.png?v=1788515603&width=1200 1200w, //views.fr/cdn/shop/files/views-home-title-a.png?v=1788515603&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'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">→</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">→</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"> →</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&width=1600" alt="Titrage homepage B" srcset="//views.fr/cdn/shop/files/views-home-title-b.png?v=1788515609&width=600 600w, //views.fr/cdn/shop/files/views-home-title-b.png?v=1788515609&width=900 900w, //views.fr/cdn/shop/files/views-home-title-b.png?v=1788515609&width=1200 1200w, //views.fr/cdn/shop/files/views-home-title-b.png?v=1788515609&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">→</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'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"> →</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">←</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">→</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: {"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"}, 3326 initialVariant: {"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_pr
3326ice":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}}, 3327 optionsWithValues: [{"name":"Title","position":1,"values":["Default Title"]}], 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&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&width=200 200w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&width=350 350w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&width=450 450w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&width=750 750w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&width=850 850w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&width=960 960w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&width=1280 1280w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&width=1440 1440w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&width=1536 1536w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&width=1706 1706w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&width=1782 1782w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&width=1920 1920w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&width=2560 2560w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&width=2880 2880w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5802314.png?v=1788950501&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&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&width=200 200w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&width=350 350w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&width=450 450w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&width=750 750w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&width=850 850w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&width=960 960w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&width=1280 1280w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&width=1440 1440w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&width=1536 1536w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&width=1706 1706w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&width=1782 1782w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&width=1920 1920w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&width=2560 2560w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&width=2880 2880w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-5096148.png?v=1788950500&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&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&width=200 200w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&width=350 350w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&width=450 450w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&width=750 750w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&width=850 850w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&width=960 960w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&width=1280 1280w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&width=1440 1440w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&width=1536 1536w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&width=1706 1706w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&width=1782 1782w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&width=1920 1920w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&width=2560 2560w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&width=2880 2880w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8803165.png?v=1788950501&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&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&width=200 200w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&width=350 350w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&width=450 450w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&width=750 750w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&width=850 850w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&width=960 960w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&width=1280 1280w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&width=1440 1440w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&width=1536 1536w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&width=1706 1706w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&width=1782 1782w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&width=1920 1920w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&width=2560 2560w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&width=2880 2880w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8113802.png?v=1788950502&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&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&width=200 200w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&width=350 350w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&width=450 450w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&width=750 750w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&width=850 850w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&width=960 960w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&width=1280 1280w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&width=1440 1440w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&width=1536 1536w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&width=1706 1706w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&width=1782 1782w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&width=1920 1920w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&width=2560 2560w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&width=2880 2880w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-7311295.png?v=1788950501&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&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&width=200 200w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&width=350 350w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&width=450 450w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&width=750 750w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&width=850 850w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&width=960 960w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&width=1280 1280w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&width=1440 1440w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&width=1536 1536w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&width=1706 1706w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&width=1782 1782w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&width=1920 1920w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&width=2560 2560w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&width=2880 2880w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2286142.png?v=1788950500&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&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&width=200 200w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&width=350 350w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&width=450 450w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&width=750 750w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&width=850 850w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&width=960 960w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&width=1280 1280w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&width=1440 1440w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&width=1536 1536w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&width=1706 1706w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&width=1782 1782w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&width=1920 1920w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971
3622950.png?v=1788950501&width=2560 2560w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&width=2880 2880w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-8971950.png?v=1788950501&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&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&width=200 200w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&width=350 350w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&width=450 450w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&width=750 750w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&width=850 850w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&width=960 960w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&width=1280 1280w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&width=1440 1440w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&width=1536 1536w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&width=1706 1706w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&width=1782 1782w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&width=1920 1920w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&width=2560 2560w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&width=2880 2880w, //views.fr/cdn/shop/files/views-magazine-007-la-feve-2604696.png?v=1788950501&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">‹</button> 3666 <button @click="next()" class="fp-carousel__arrow fp-carousel__arrow--right" aria-label="Image suivante">›</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'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">→</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&width=3000" alt="" srcset="//views.fr/cdn/shop/files/2_ANS.png?v=1780320625&width=200 200w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&width=350 350w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&width=450 450w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&width=750 750w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&width=850 850w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&width=960 960w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&width=1280 1280w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&width=1440 1440w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&width=1536 1536w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&width=1706 1706w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&width=1782 1782w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&width=1920 1920w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&width=2560 2560w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&width=2880 2880w, //views.fr/cdn/shop/files/2_ANS.png?v=1780320625&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 : état de vos numéros, adresse de livraison, renouvellement.</p><p>Pour désactiver la reconduction automatique, cliquez sur « Arrêter le renouvellement » : 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 : état de vos numéros, adresse de livraison, renouvellement.</p><p>Pour désactiver la reconduction automatique, cliquez sur « Arrêter le renouvellement » : 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 →</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>—</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>—</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>—</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>—</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>—</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>—</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>—</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>—</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>—</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>—</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>—</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>—</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>© 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'une sélection entraîne l'actualisation d'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.