Outiref

Code source de l'URL : http://helloceans.com/

<!doctype html>
<html class="no-js" lang="fr">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="theme-color" content="">
    <link rel="canonical" href="https://helloceans.com/"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
      Hello Oceans
 &ndash; Hello Oceans </title>

    
      <meta name="description" content="Bijoux en acier inoxydable océan">
    

    

<meta property="og:site_name" content="Hello Oceans ">
<meta property="og:url" content="https://helloceans.com/">
<meta property="og:title" content="Hello Oceans">
<meta property="og:type" content="website">
<meta property="og:description" content="Bijoux en acier inoxydable océan"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Hello Oceans">
<meta name="twitter:description" content="Bijoux en acier inoxydable océan">


    <script src="//helloceans.com/cdn/shop/t/1/assets/constants.js?v=58251544750838685771697654711" defer="defer"></script>
    <script src="//helloceans.com/cdn/shop/t/1/assets/pubsub.js?v=158357773527763999511697654725" defer="defer"></script>
    <script src="//helloceans.com/cdn/shop/t/1/assets/global.js?v=54939145903281508041697654714" defer="defer"></script><script src="//helloceans.com/cdn/shop/t/1/assets/animations.js?v=88693664871331136111697654679" defer="defer"></script><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/78610661710/digital_wallets/dialog">
<meta id="in-context-paypal-metadata" data-shop-id="78610661710" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="EUR">
<link rel="alternate" hreflang="x-default" href="https://helloceans.com/">
<link rel="alternate" hreflang="fr" href="https://helloceans.com/">
<link rel="alternate" hreflang="de" href="https://helloceans.com/de">
<link rel="alternate" hreflang="en" href="https://helloceans.com/en">
<script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=fr-FR&shop_id=78610661710" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":78610661710,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/78610661710","merchantName":"Hello Oceans ","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Hello Oceans ","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"2b269562e23d5b9463ecf78ee989dc66","betas":["rich-media-storefront-analytics"],"domain":"helloceans.com","predictiveSearch":true,"shopId":78610661710,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "066b42-2.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"Dawn","id":154273218894,"schema_name":"Dawn","schema_version":"11.0.0","theme_store_id":887,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "helloceans.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<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>
<script type="module">
  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"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"]};
</script>
<script id="__st">var __st={"a":78610661710,"offset":7200,"reqid":"dcb96f70-2df3-477a-99b6-f15c06499c12-1789472829","pageurl":"helloceans.com\/","u":"0113a7204439","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.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>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//helloceans.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//helloceans.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script><script crossorigin="anonymous" defer="defer" src="//helloceans.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script id="shopify-origin-trials" async="async" integrity="sha256-mqQjA+yhr1DtPsW5MhDIq3zDu+LghfjNT49r/ttG3eY=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-5059b83f.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.MCP = window.Shopify.MCP || {};
  window.Shopify.MCP.enabled = true;
  window.Shopify.MCP.shop = "066b42-2.myshopify.com";
  window.Shopify.MCP.mcpEndpoint = "https:\/\/helloceans.com\/api\/mcp";
  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
</script>
<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("https:\/\/cdn.shopify.com\/storefront\/webmcp\/webmcp-0.1.1.js","");})();
</script>
<script id='scb4127' type='text/javascript' async='' src='https://helloceans.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><script id="sections-script" data-sections="header" defer="defer" src="//helloceans.com/cdn/shop/t/1/compiled_assets/scripts.js?v=91059222781711287881697654767"></script>
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>


    <style data-shopify>
      @font-face {
  font-family: Arapey;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//helloceans.com/cdn/fonts/arapey/arapey_n4.f34340ab9c56baa7f8accf674e253407b725d12c.woff2") format("woff2"),
       url("//helloceans.com/cdn/fonts/arapey/arapey_n4.003d1426f62522643e43e1d3072a2e7d1ab78130.woff") format("woff");
}

      
      @font-face {
  font-family: Arapey;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//helloceans.com/cdn/fonts/arapey/arapey_i4.ad247a0e8f08ff5e0ae323e76dcd32a177cc1ff2.woff2") format("woff2"),
       url("//helloceans.com/cdn/fonts/arapey/arapey_i4.82d96a9fb4e68810c9dda6c6733ec9fc812fc1dd.woff") format("woff");
}

      
      @font-face {
  font-family: "Abril Fatface";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//helloceans.com/cdn/fonts/abril_fatface/abrilfatface_n4.002841dd08a4d39b2c2d7fe9d598d4782afb7225.woff2") format("woff2"),
       url("//helloceans.com/cdn/fonts/abril_fatface/abrilfatface_n4.0d8f922831420cd750572c7a70f4c623018424d8.woff") format("woff");
}


      
        :root,
        .color-background-1 {
          --color-background: 255,255,255;
        
          --gradient-background: #ffffff;
        
        --color-foreground: 18,18,18;
        --color-shadow: 18,18,18;
        --color-button: 18,18,18;
        --color-button-text: 255,255,255;
        --color-secondary-button: 255,255,255;
        --color-secondary-button-text: 18,18,18;
        --color-link: 18,18,18;
        --color-badge-foreground: 18,18,18;
        --color-badge-background: 255,255,255;
        --color-badge-border: 18,18,18;
        --payment-terms-background-color: rgb(255 255 255);
      }
      
        
        .color-background-2 {
          --color-background: 245,255,255;
        
          --gradient-background: #f5ffff;
        
        --color-foreground: 24,42,94;
        --color-shadow: 18,18,18;
        --color-button: 18,18,18;
        --color-button-text: 243,243,243;
        --color-secondary-button: 245,255,255;
        --color-secondary-button-text: 18,18,18;
        --color-link: 18,18,18;
        --color-badge-foreground: 24,42,94;
        --color-badge-background: 245,255,255;
        --color-badge-border: 24,42,94;
        --payment-terms-background-color: rgb(245 255 255);
      }
      
        
        .color-inverse {
          --color-background: 139,205,216;
        
          --gradient-background: #8bcdd8;
        
        --color-foreground: 255,255,255;
        --color-shadow: 18,18,18;
        --color-button: 255,255,255;
        --color-button-text: 0,0,0;
        --color-secondary-button: 139,205,216;
        --color-secondary-button-text: 255,255,255;
        --color-link: 255,255,255;
        --color-badge-foreground: 255,255,255;
        --color-badge-background: 139,205,216;
        --color-badge-border: 255,255,255;
        --payment-terms-background-color: rgb(139 205 216);
      }
      
        
        .color-accent-1 {
          --color-background: 18,18,18;
        
          --gradient-background: #121212;
        
        --color-foreground: 255,255,255;
        --color-shadow: 18,18,18;
        --color-button: 255,255,255;
        --color-button-text: 18,18,18;
        --color-secondary-button: 18,18,18;
        --color-secondary-button-text: 255,255,255;
        --color-link: 255,255,255;
        --color-badge-foreground: 255,255,255;
        --color-badge-background: 18,18,18;
        --color-badge-border: 255,255,255;
        --payment-terms-background-color: rgb(18 18 18);
      }
      
        
        .color-accent-2 {
          --color-background: 0,0,0;
        
          --gradient-background: #000000;
        
        --color-foreground: 255,255,255;
        --color-shadow: 18,18,18;
        --color-button: 255,255,255;
        --color-button-text: 51,79,180;
        --color-secondary-button: 0,0,0;
        --color-secondary-button-text: 255,255,255;
        --color-link: 255,255,255;
        --color-badge-foreground: 255,255,255;
        --color-badge-background: 0,0,0;
        --color-badge-border: 255,255,255;
        --payment-terms-background-color: rgb(0 0 0);
      }
      
        
        .color-scheme-f63e94bf-21d2-43c8-94c2-d5951eb358fd {
          --color-background: 255,255,255;
        
          --gradient-background: #ffffff;
        
        --color-foreground: 18,18,18;
        --color-shadow: 18,18,18;
        --color-button: 18,18,18;
        --color-button-text: 255,255,255;
        --color-secondary-button: 255,255,255;
        --color-secondary-button-text: 18,18,18;
        --color-link: 18,18,18;
        --color-badge-foreground: 18,18,18;
        --color-badge-background: 255,255,255;
        --color-badge-border: 18,18,18;
        --payment-terms-background-color: rgb(255 255 255);
      }
      

      body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2, .color-scheme-f63e94bf-21d2-43c8-94c2-d5951eb358fd {
        color: rgba(var(--color-foreground), 0.75);
        background-color: rgb(var(--color-background));
      }

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

        --font-heading-family: "Abril Fatface", serif;
        --font-heading-style: normal;
        --font-heading-weight: 400;

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

        --media-padding: px;
        --media-border-opacity: 0.05;
        --media-border-width: 1px;
        --media-radius: 0px;
        --media-shadow-opacity: 0.0;
        --media-shadow-horizontal-offset: 0px;
        --media-shadow-vertical-offset: 4px;
        --media-shadow-blur-radius: 5px;
        --media-shadow-visible: 0;

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

        --product-card-image-padding: 0.0rem;
        --product-card-corner-radius: 0.0rem;
        --product-card-text-alignment: left;
        --product-card-border-width: 0.0rem;
        --product-card-border-opacity: 0.1;
        --product-card-shadow-opacity: 0.0;
        --product-card-shadow-visible: 0;
        --product-card-shadow-horizontal-offset: 0.0rem;
        --product-card-shadow-vertical-offset: 0.4rem;
        --product-card-shadow-blur-radius: 0.5rem;

        --collection-card-image-padding: 0.0rem;
        --collection-card-corner-radius: 0.0rem;
        --collection-card-text-alignment: left;
        --collection-card-border-width: 0.0rem;
        --collection-card-border-opacity: 0.1;
        --collection-card-shadow-opacity: 0.0;
        --collection-card-shadow-visible: 0;
        --collection-card-shadow-horizontal-offset: 0.0rem;
        --collection-card-shadow-vertical-offset: 0.4rem;
        --collection-card-shadow-blur-radius: 0.5rem;

        --blog-card-image-padding: 0.0rem;
        --blog-card-corner-radius: 0.0rem;
        --blog-card-text-alignment: left;
        --blog-card-border-width: 0.0rem;
        --blog-card-border-opacity: 0.1;
        --blog-card-shadow-opacity: 0.0;
        --blog-card-shadow-visible: 0;
        --blog-card-shadow-horizontal-offset: 0.0rem;
        --blog-card-shadow-vertical-offset: 0.4rem;
        --blog-card-shadow-blur-radius: 0.5rem;

        --badge-corner-radius: 4.0rem;

        --popup-border-width: 1px;
        --popup-border-opacity: 0.1;
        --popup-corner-radius: 0px;
        --popup-shadow-opacity: 0.05;
        --popup-shadow-horizontal-offset: 0px;
        --popup-shadow-vertical-offset: 4px;
        --popup-shadow-blur-radius: 5px;

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

        --spacing-sections-desktop: 0px;
        --spacing-sections-mobile: 0px;

        --grid-desktop-vertical-spacing: 8px;
        --grid-desktop-horizontal-spacing: 8px;
        --grid-mobile-vertical-spacing: 4px;
        --grid-mobile-horizontal-spacing: 4px;

        --text-boxes-border-opacity: 0.1;
        --text-boxes-border-width: 0px;
        --text-boxes-radius: 0px;
        --text-boxes-shadow-opacity: 0.0;
        --text-boxes-shadow-visible: 0;
        --text-boxes-shadow-horizontal-offset: 0px;
        --text-boxes-shadow-vertical-offset: 4px;
        --text-boxes-shadow-blur-radius: 5px;

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

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

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

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

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

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

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

    <link href="//helloceans.com/cdn/shop/t/1/assets/base.css?v=165191016556652226921697654680" rel="stylesheet" type="text/css" media="all" />
<link rel="preload" as="font" href="//helloceans.com/cdn/fonts/arapey/arapey_n4.f34340ab9c56baa7f8accf674e253407b725d12c.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//helloceans.com/cdn/fonts/abril_fatface/abrilfatface_n4.002841dd08a4d39b2c2d7fe9d598d4782afb7225.woff2" type="font/woff2" crossorigin><link href="//helloceans.com/cdn/shop/t/1/assets/component-localization-form.css?v=143319823105703127341697654697" rel="stylesheet" type="text/css" media="all" />
      <script src="//helloceans.com/cdn/shop/t/1/assets/localization-form.js?v=161644695336821385561697654714" defer="defer"></script><link
        rel="stylesheet"
        href="//helloceans.com/cdn/shop/t/1/assets/component-predictive-search.css?v=118923337488134913561697654703"
        media="print"
        onload="this.media='all'"
      ><script>
      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
      if (Shopify.designMode) {
        document.documentElement.classList.add('shopify-design-mode');
      }
    </script>
  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 78610661710,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,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 d=void 0;try{d=decodeURIComponent(o)}catch(e){d=o}if("_shopify_s"===d){var a=n.slice(r+1).trim();try{return decodeURIComponent(a)}catch(e){return a}}}}}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 d(){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(a,s,u,l){var c,p,f,v,h=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},y=(p=(c={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,f=c.legacy,(v=navigator.userAgent).match(e)?"bot":v.match(p)?"modern":v.match(f)?"legacy":v.match(t)?"bot":"unknown"),g=function(e){var t,i,n=r(e,128);try{var d=window.performance,a=null==(t=null==d?void 0:d.getEntriesByType)?void 0:t.call(d,"navigation")[0];if(!a)return{requestId:n,navigationType:o(d)};var s="type"in a?r(a.type,64):void 0,u="serverTiming"in a&&Array.isArray(a.serverTiming)?a.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}}}(h.requestId),m=function(e){var t=e.version,r=e.browserTarget,o=e.surface,d=e.shopId,a=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(a){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:d,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)(a,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(a,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}).catch(function(){})}catch(e){}else try{var P=new XMLHttpRequest;P.open("POST",a,!0),P.setRequestHeader("Content-Type","text/plain"),P.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:y,surface:a.surface,shopId:a.shopId,monorailEndpoint:a.monorailEndpoint});if(Boolean(null==(b=null==(w=window.Shopify)?void 0:w.analytics)?void 0:b.replayQueue))m.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var w,b;m.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var P=window.Shopify;P.analytics=P.analytics||{};var _=P.analytics;_.replayQueue=[],_.publish=function(e,t,i){return _.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var S,C="modern"===y?"modern":"legacy",k=(null!=l?l:{modern:"",legacy:""})[C],O=[(S={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",S.hashVersion,"modern"===S.buildTarget?"m":"l",".js"].join(""),T=!1,A=!1;try{h.browserTarget=y,function(){T=!0;try{window.addEventListener("pagehide",U)}catch(e){T=!1}}(),M(function(){try{M(B)}catch(e){R(e)}}),m.emit({status:"loading",requestId:g.requestId,navigationType:g.navigationType,trekkieState:d()})}catch(e){R(e)}}function I(){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 x();if(!(null!==(n=i=t=window.webPixelsManager.init(a))&&"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 x()}catch(e){return void x(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 x(e){E("manager_api_unavailable",void 0===e?void 0:D(e))}function B(){E("script_load_failed","".concat(O," has failed to load"))}function E(e,t){A||(A=!0,q(),m.emit({status:"failed",errorMsg:t,failureReason:e,requestId:g.requestId,navigationType:g.navigationType,trekkieState:d()}))}function U(e){T&&(q(),m.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:g.requestId,navigationType:g.navigationType,trekkieState:d()}))}function q(){T=!1;try{window.removeEventListener("pagehide",U)}catch(e){}}function M(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,d=e.sri,a=e.scriptDataAttributes,s=void 0===a?{}:a,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,d&&(u.integrity=d,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=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:O,async:!0,onload:I,onerror:e,sri:(t=k,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?k:""),scriptDataAttributes:h})}function R(e){E("script_append_failed",D(e))}function D(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 78610661710,storefrontBaseUrl: "https://helloceans.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://helloceans.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["d5bdd5d0","873d0e44"],webPixelsConfigList: [{"id":"2263318862","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0520","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0520","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Hello Oceans ","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"066b42-2.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/helloceans.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"9031694254414","handle":"collier-raie-ll","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48554280354126","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8758893445454","handle":"collier-spirale","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52461211091278","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15944861057358","handle":"collier-world-sea","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"60185619169614","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15944858403150","handle":"collier-dent-de-requin-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"60185607373134","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15944855290190","handle":"collier-pearl-fish","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"60185603801422","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15825892278606","handle":"collier-de-mixi","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59641445548366","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15740970762574","handle":"collier-astra","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59302512427342","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9653333655886","handle":"bracelet-tortue-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48981530313038","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9734791266638","handle":"collier-surf-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52643147252046","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://helloceans.com/cdn","449ac4ccw8cfe1344p8a6aeedamfa32ca01",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"154273218894","themeStoreId":"887","themePublished":"true","eventMetadataId":"4238d21c-5790-4dbf-997d-e52165a35c2e","pageType":"home","shopId":"78610661710","storefrontBaseUrl":"https:\/\/helloceans.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"d5bdd5d0\", \"873d0e44\"]","isMerchantRequest":"false","hashVersion":"449ac4ccw8cfe1344p8a6aeedamfa32ca01","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'EUR';
  var meta = {"page":{"pageType":"home","requestId":"dcb96f70-2df3-477a-99b6-f15c06499c12-1789472829"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 78610661710,
      theme_id: 154273218894,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//helloceans.com/cdn/s/trekkie.storefront.7414585323ac2bad5defd2d526f8a163d8e8b40a.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//helloceans.com/cdn/s/trekkie.storefront.7414585323ac2bad5defd2d526f8a163d8e8b40a.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//helloceans.com/cdn/s/trekkie.storefront.7414585323ac2bad5defd2d526f8a163d8e8b40a.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":78610661710,"isMerchantRequest":null,"themeId":154273218894,"themeCityHash":"2313655789498487965","contentLanguage":"fr","currency":"EUR","eventMetadataId":"4238d21c-5790-4dbf-997d-e52165a35c2e"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"dcb96f70-2df3-477a-99b6-f15c06499c12-1789472829","shopifyEmitted":true});

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//helloceans.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
 src="https://helloceans.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.8.10.min.js"
  data-application="storefront-renderer"
  data-shop-id="78610661710"
  data-render-region="gcp-europe-west1"
  data-page-type="index"
  data-theme-instance-id="154273218894"
  data-theme-name="Dawn"
  data-theme-version="11.0.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://helloceans.com/api/collect"
></script>
<meta name="shopify-y" content="00000000-0000-0000-5000-000000000000" data-expiration="1821030430000"><meta name="shopify-s" content="00000000-0000-0000-5000-000000000000" data-expiration="1789474630000"><meta name="new-cookie-storage-activated" content="f">
</head>

  <body class="gradient animate--hover-3d-lift">
    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
      Ignorer et passer au contenu
    </a>

<link href="//helloceans.com/cdn/shop/t/1/assets/quantity-popover.css?v=29974906037699025581697654726" rel="stylesheet" type="text/css" media="all" />

<script src="//helloceans.com/cdn/shop/t/1/assets/cart.js?v=4193034376803868811697654682" defer="defer"></script>
<script src="//helloceans.com/cdn/shop/t/1/assets/quantity-popover.js?v=82513154315370490311697654727" defer="defer"></script>

<style>
  .drawer {
    visibility: hidden;
  }
</style>

<cart-drawer class="drawer is-empty">
  <div id="CartDrawer" class="cart-drawer">
    <div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div>
    <div
      class="drawer__inner"
      role="dialog"
      aria-modal="true"
      aria-label="Votre panier"
      tabindex="-1"
    ><div class="drawer__inner-empty">
          <div class="cart-drawer__warnings center">
            <div class="cart-drawer__empty-content">
              <h2 class="cart__empty-text">Votre panier est vide</h2>
              <button
                class="drawer__close"
                type="button"
                onclick="this.closest('cart-drawer').close()"
                aria-label="Fermer"
              >
                <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-close"
  fill="none"
  viewbox="0 0 18 17"
>
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>

              </button>
              <a href="/collections/all" class="button">
                Continuer les achats
              </a></div>
          </div></div><div class="drawer__header">
        <h2 class="drawer__heading">Votre panier</h2>
        <button
          class="drawer__close"
          type="button"
          onclick="this.closest('cart-drawer').close()"
          aria-label="Fermer"
        >
          <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-close"
  fill="none"
  viewbox="0 0 18 17"
>
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>

        </button>
      </div>
      <cart-drawer-items
        
          class="is-empty"
        
      >
        <form
          action="/cart"
          id="CartDrawer-Form"
          class="cart__contents cart-drawer__form"
          method="post"
        >
          <div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
            <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">
              Chargement en cours...
            </p>
          </div>
          <div id="CartDrawer-CartErrors" role="alert"></div>
        </form>
      </cart-drawer-items>
      <div class="drawer__footer"><!-- Start blocks -->
        <!-- Subtotals -->

        <div class="cart-drawer__footer" >
          <div></div>

          <div class="totals" role="status">
            <h2 class="totals__total">Total estimé</h2>
            <p class="totals__total-value">€0,00 EUR</p>
          </div>

          <small class="tax-note caption-large rte">Taxe incluse, frais d’expédition et réductions calculés à l’étape du paiement
</small>
        </div>

        <!-- CTAs -->

        <div class="cart__ctas" >
          <noscript>
            <button type="submit" class="cart__update-button button button--secondary" form="CartDrawer-Form">
              Mettre à jour
            </button>
          </noscript>

          <button
            type="submit"
            id="CartDrawer-Checkout"
            class="cart__checkout-button button"
            name="checkout"
            form="CartDrawer-Form"
            
              disabled
>
            Procéder au paiement
          </button>
        </div>
      </div>
    </div>
  </div>
</cart-drawer>

<script>
  document.addEventListener('DOMContentLoaded', function () {
    function isIE() {
      const ua = window.navigator.userAgent;
      const msie = ua.indexOf('MSIE ');
      const trident = ua.indexOf('Trident/');

      return msie > 0 || trident > 0;
    }

    if (!isIE()) return;
    const cartSubmitInput = document.createElement('input');
    cartSubmitInput.setAttribute('name', 'checkout');
    cartSubmitInput.setAttribute('type', 'hidden');
    document.querySelector('#cart').appendChild(cartSubmitInput);
    document.querySelector('#checkout').addEventListener('click', function (event) {
      document.querySelector('#cart').submit();
    });
  });
</script>
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--19937641201998__announcement-bar" class="shopify-section shopify-section-group-header-group announcement-bar-section"><link href="//helloceans.com/cdn/shop/t/1/assets/component-slideshow.css?v=107725913939919748051697654708" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/1/assets/component-slider.css?v=114212096148022386971697654707" rel="stylesheet" type="text/css" media="all" />

  <link href="//helloceans.com/cdn/shop/t/1/assets/component-list-social.css?v=35792976012981934991697654695" rel="stylesheet" type="text/css" media="all" />


<div
  class="utility-bar color-inverse gradient utility-bar--bottom-border"
  
>
  <div class="page-width utility-bar__grid"><slideshow-component
        class="announcement-bar"
        role="region"
        aria-roledescription="Carrousel"
        aria-label="Barre d’annonces"
      >
        <div class="announcement-bar-slider slider-buttons">
          <button
            type="button"
            class="slider-button slider-button--prev"
            name="previous"
            aria-label="Annonce précédente"
            aria-controls="Slider-sections--19937641201998__announcement-bar"
          >
            <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

          </button>
          <div
            class="grid grid--1-col slider slider--everywhere"
            id="Slider-sections--19937641201998__announcement-bar"
            aria-live="polite"
            aria-atomic="true"
            data-autoplay="true"
            data-speed="3"
          ><div
                class="slideshow__slide slider__slide grid__item grid--1-col"
                id="Slide-sections--19937641201998__announcement-bar-1"
                
                role="group"
                aria-roledescription="Annonce"
                aria-label="1 de 5"
                tabindex="-1"
              >
                <div
                  class="announcement-bar__announcement"
                  role="region"
                  aria-label="Annonce"
                  
                ><p class="announcement-bar__message h5">
                      <span>Découvrez la beauté intemporelle de l&#39;océan dans nos bijoux</span></p></div>
              </div><div
                class="slideshow__slide slider__slide grid__item grid--1-col"
                id="Slide-sections--19937641201998__announcement-bar-2"
                
                role="group"
                aria-roledescription="Annonce"
                aria-label="2 de 5"
                tabindex="-1"
              >
                <div
                  class="announcement-bar__announcement"
                  role="region"
                  aria-label="Annonce"
                  
                ><p class="announcement-bar__message h5">
                      <span>Livraison gratuite à partir de 35€</span></p></div>
              </div><div
                class="slideshow__slide slider__slide grid__item grid--1-col"
                id="Slide-sections--19937641201998__announcement-bar-3"
                
                role="group"
                aria-roledescription="Annonce"
                aria-label="3 de 5"
                tabindex="-1"
              >
                <div
                  class="announcement-bar__announcement"
                  role="region"
                  aria-label="Annonce"
                  
                ><p class="announcement-bar__message h5">
                      <span>Expédition 72h</span></p></div>
              </div><div
                class="slideshow__slide slider__slide grid__item grid--1-col"
                id="Slide-sections--19937641201998__announcement-bar-4"
                
                role="group"
                aria-roledescription="Annonce"
                aria-label="4 de 5"
                tabindex="-1"
              >
                <div
                  class="announcement-bar__announcement"
                  role="region"
                  aria-label="Annonce"
                  
                ><p class="announcement-bar__message h5">
                      <span>Cadeau Offert à partir de 50€ d’achat</span></p></div>
              </div><div
                class="slideshow__slide slider__slide grid__item grid--1-col"
                id="Slide-sections--19937641201998__announcement-bar-5"
                
                role="group"
                aria-roledescription="Annonce"
                aria-label="5 de 5"
                tabindex="-1"
              >
                <div
                  class="announcement-bar__announcement"
                  role="region"
                  aria-label="Annonce"
                  
                ><p class="announcement-bar__message h5">
                      <span>Plus de 2500 clients satisfaits</span></p></div>
              </div></div>
          <button
            type="button"
            class="slider-button slider-button--next"
            name="next"
            aria-label="Annonce suivante"
            aria-controls="Slider-sections--19937641201998__announcement-bar"
          >
            <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

          </button>
        </div>
      </slideshow-component><div class="localization-wrapper">
</div>
  </div>
</div>


</div><div id="shopify-section-sections--19937641201998__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//helloceans.com/cdn/shop/t/1/assets/component-list-menu.css?v=151968516119678728991697654694" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//helloceans.com/cdn/shop/t/1/assets/component-search.css?v=130382253973794904871697654706" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//helloceans.com/cdn/shop/t/1/assets/component-menu-drawer.css?v=31331429079022630271697654698" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//helloceans.com/cdn/shop/t/1/assets/component-cart-notification.css?v=54116361853792938221697654688" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//helloceans.com/cdn/shop/t/1/assets/component-cart-items.css?v=63185545252468242311697654688" media="print" onload="this.media='all'"><link rel="stylesheet" href="//helloceans.com/cdn/shop/t/1/assets/component-price.css?v=70172745017360139101697654704" media="print" onload="this.media='all'">
  <link rel="stylesheet" href="//helloceans.com/cdn/shop/t/1/assets/component-loading-overlay.css?v=58800470094666109841697654696" media="print" onload="this.media='all'"><link href="//helloceans.com/cdn/shop/t/1/assets/component-cart-drawer.css?v=147838144396349376841697654687" rel="stylesheet" type="text/css" media="all" />
  <link href="//helloceans.com/cdn/shop/t/1/assets/component-cart.css?v=150915052884658833881697654689" rel="stylesheet" type="text/css" media="all" />
  <link href="//helloceans.com/cdn/shop/t/1/assets/component-totals.css?v=15906652033866631521697654709" rel="stylesheet" type="text/css" media="all" />
  <link href="//helloceans.com/cdn/shop/t/1/assets/component-price.css?v=70172745017360139101697654704" rel="stylesheet" type="text/css" media="all" />
  <link href="//helloceans.com/cdn/shop/t/1/assets/component-discounts.css?v=152760482443307489271697654692" rel="stylesheet" type="text/css" media="all" />
  <link href="//helloceans.com/cdn/shop/t/1/assets/component-loading-overlay.css?v=58800470094666109841697654696" rel="stylesheet" type="text/css" media="all" />
<noscript><link href="//helloceans.com/cdn/shop/t/1/assets/component-list-menu.css?v=151968516119678728991697654694" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//helloceans.com/cdn/shop/t/1/assets/component-search.css?v=130382253973794904871697654706" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//helloceans.com/cdn/shop/t/1/assets/component-menu-drawer.css?v=31331429079022630271697654698" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//helloceans.com/cdn/shop/t/1/assets/component-cart-notification.css?v=54116361853792938221697654688" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//helloceans.com/cdn/shop/t/1/assets/component-cart-items.css?v=63185545252468242311697654688" rel="stylesheet" type="text/css" media="all" /></noscript>

<style>
  header-drawer {
    justify-self: start;
    margin-left: -1.2rem;
  }.menu-drawer-container {
    display: flex;
  }

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

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

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

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

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

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

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

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

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

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

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

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

                <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Fermer">
          <svg class="icon icon-close" aria-hidden="true" focusable="false">
            <use href="#icon-close">
          </svg>
        </button>
      </div>
    </div>
  </details>
</details-modal>
<h1 class="header__heading"><a href="/" class="header__heading-link link link--text focus-inset"><span class="h2">Hello Oceans </span></a></h1>
<div class="header__icons header__icons--localization header-localization">
      <div class="desktop-localization-wrapper"><noscript class="small-hide medium-hide"><form method="post" action="/localization" id="HeaderCountryMobileFormNoScript" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="localization-form__select">
                <h2 class="visually-hidden" id="HeaderCountryMobileLabelNoScript">Pays/région</h2>
                <select class="localization-selector link" name="country_code" aria-labelledby="HeaderCountryMobileLabelNoScript"><option value="DE">
                      Allemagne (EUR €)
                    </option><option value="AU">
                      Australie (AUD $)
                    </option><option value="AT">
                      Autriche (EUR €)
                    </option><option value="BE">
                      Belgique (EUR €)
                    </option><option value="BG">
                      Bulgarie (EUR €)
                    </option><option value="CA">
                      Canada (CAD $)
                    </option><option value="CY">
                      Chypre (EUR €)
                    </option><option value="KR">
                      Corée du Sud (KRW ₩)
                    </option><option value="HR">
                      Croatie (EUR €)
                    </option><option value="DK">
                      Danemark (EUR €)
                    </option><option value="EG">
                      Égypte (EGP ج.م)
                    </option><option value="AE">
                      Émirats arabes unis (AED د.إ)
                    </option><option value="ES">
                      Espagne (EUR €)
                    </option><option value="EE">
                      Estonie (EUR €)
                    </option><option value="US">
                      États-Unis (USD $)
                    </option><option value="FI">
                      Finlande (EUR €)
                    </option><option value="FR" selected>
                      France (EUR €)
                    </option><option value="GR">
                      Grèce (EUR €)
                    </option><option value="GP">
                      Guadeloupe (EUR €)
                    </option><option value="HU">
                      Hongrie (EUR €)
                    </option><option value="IE">
                      Irlande (EUR €)
                    </option><option value="IL">
                      Israël (ILS ₪)
                    </option><option value="IT">
                      Italie (EUR €)
                    </option><option value="JP">
                      Japon (JPY ¥)
                    </option><option value="RE">
                      La Réunion (EUR €)
                    </option><option value="LV">
                      Lettonie (EUR €)
                    </option><option value="LT">
                      Lituanie (EUR €)
                    </option><option value="LU">
                      Luxembourg (EUR €)
                    </option><option value="MY">
                      Malaisie (EUR €)
                    </option><option value="MT">
                      Malte (EUR €)
                    </option><option value="MQ">
                      Martinique (EUR €)
                    </option><option value="YT">
                      Mayotte (EUR €)
                    </option><option value="NO">
                      Norvège (EUR €)
                    </option><option value="NC">
                      Nouvelle-Calédonie (EUR €)
                    </option><option value="NZ">
                      Nouvelle-Zélande (NZD $)
                    </option><option value="NL">
                      Pays-Bas (EUR €)
                    </option><option value="PL">
                      Pologne (EUR €)
                    </option><option value="PT">
                      Portugal (EUR €)
                    </option><option value="HK">
                      R.A.S. chinoise de Hong Kong (HKD $)
                    </option><option value="RO">
                      Roumanie (EUR €)
                    </option><option value="GB">
                      Royaume-Uni (GBP £)
                    </option><option value="SG">
                      Singapour (SGD $)
                    </option><option value="SK">
                      Slovaquie (EUR €)
                    </option><option value="SI">
                      Slovénie (EUR €)
                    </option><option value="SE">
                      Suède (EUR €)
                    </option><option value="CH">
                      Suisse (CHF CHF)
                    </option><option value="CZ">
                      Tchéquie (EUR €)
                    </option><option value="WF">
                      Wallis-et-Futuna (EUR €)
                    </option></select>
                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

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

          <localization-form class="small-hide medium-hide no-js-hidden"><form method="post" action="/localization" id="HeaderCountryForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
                <h2 class="visually-hidden" id="HeaderCountryLabel">Pays/région</h2><div class="disclosure">
  <button
    type="button"
    class="disclosure__button localization-form__select localization-selector link link--text caption-large"
    aria-expanded="false"
    aria-controls="HeaderCountryList"
    aria-describedby="HeaderCountryLabel"
  >
    <span>EUR
      € | France</span>
    <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

  </button>
  <div class="disclosure__list-wrapper" hidden>
    <ul id="HeaderCountryList" role="list" class="disclosure__list list-unstyled"><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="DE"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Allemagne
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="AU"
          >
            <span class="localization-form__currency">AUD
              $ |</span
>
            Australie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="AT"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Autriche
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="BE"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Belgique
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="BG"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Bulgarie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="CA"
          >
            <span class="localization-form__currency">CAD
              $ |</span
>
            Canada
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="CY"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Chypre
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="KR"
          >
            <span class="localization-form__currency">KRW
              ₩ |</span
>
            Corée du Sud
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="HR"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Croatie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="DK"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Danemark
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="EG"
          >
            <span class="localization-form__currency">EGP
              ج.م |</span
>
            Égypte
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="AE"
          >
            <span class="localization-form__currency">AED
              د.إ |</span
>
            Émirats arabes unis
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="ES"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Espagne
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="EE"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Estonie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="US"
          >
            <span class="localization-form__currency">USD
              $ |</span
>
            États-Unis
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="FI"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Finlande
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset disclosure__link--active"
            href="#"
            
              aria-current="true"
            
            data-value="FR"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            France
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="GR"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Grèce
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="GP"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Guadeloupe
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="HU"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Hongrie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="IE"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Irlande
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="IL"
          >
            <span class="localization-form__currency">ILS
              ₪ |</span
>
            Israël
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="IT"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Italie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="JP"
          >
            <span class="localization-form__currency">JPY
              ¥ |</span
>
            Japon
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="RE"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            La Réunion
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="LV"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Lettonie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="LT"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Lituanie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="LU"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Luxembourg
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="MY"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Malaisie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="MT"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Malte
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="MQ"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Martinique
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="YT"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Mayotte
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="NO"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Norvège
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="NC"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Nouvelle-Calédonie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="NZ"
          >
            <span class="localization-form__currency">NZD
              $ |</span
>
            Nouvelle-Zélande
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="NL"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Pays-Bas
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="PL"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Pologne
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="PT"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Portugal
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="HK"
          >
            <span class="localization-form__currency">HKD
              $ |</span
>
            R.A.S. chinoise de Hong Kong
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="RO"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Roumanie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="GB"
          >
            <span class="localization-form__currency">GBP
              £ |</span
>
            Royaume-Uni
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="SG"
          >
            <span class="localization-form__currency">SGD
              $ |</span
>
            Singapour
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="SK"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Slovaquie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="SI"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Slovénie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="SE"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Suède
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="CH"
          >
            <span class="localization-form__currency">CHF
              CHF |</span
>
            Suisse
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="CZ"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Tchéquie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="WF"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Wallis-et-Futuna
          </a>
        </li></ul>
  </div>
</div>
<input type="hidden" name="country_code" value="FR">
</div></form></localization-form>
        
<noscript class="small-hide medium-hide"><form method="post" action="/localization" id="HeaderLanguageMobileFormNoScript" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="localization-form__select">
                <h2 class="visually-hidden" id="HeaderLanguageMobileLabelNoScript">Langue</h2>
                <select class="localization-selector link" name="locale_code" aria-labelledby="HeaderLanguageMobileLabelNoScript"><option value="fr" lang="fr" selected>
                      Français
                    </option><option value="de" lang="de">
                      Deutsch
                    </option><option value="en" lang="en">
                      English
                    </option></select>
                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

              </div>
              <button class="button button--tertiary">Mettre à jour la langue</button></form></noscript>

          <localization-form class="small-hide medium-hide no-js-hidden"><form method="post" action="/localization" id="HeaderLanguageForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
                <h2 class="visually-hidden" id="HeaderLanguageLabel">Langue</h2><div class="disclosure">
  <button
    type="button"
    class="disclosure__button localization-form__select localization-selector link link--text caption-large"
    aria-expanded="false"
    aria-controls="HeaderLanguageList"
    aria-describedby="HeaderLanguageLabel"
  >
    <span>Français</span>
    <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

  </button>
  <div class="disclosure__list-wrapper" hidden>
    <ul id="HeaderLanguageList" role="list" class="disclosure__list list-unstyled"><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large disclosure__link--active focus-inset"
            href="#"
            hreflang="fr"
            lang="fr"
            
              aria-current="true"
            
            data-value="fr"
          >
            Français
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            hreflang="de"
            lang="de"
            
            data-value="de"
          >
            Deutsch
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            hreflang="en"
            lang="en"
            
            data-value="en"
          >
            English
          </a>
        </li></ul>
  </div>
</div>
<input type="hidden" name="locale_code" value="fr">
</div></form></localization-form></div>
      

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

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

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

<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Hello Oceans ",
    
    "sameAs": [
      "",
      "",
      "https:\/\/pin.it\/LYQXFnxfs",
      "https:\/\/www.instagram.com\/hell0ceans?igsh=emNyazk4cnI2ZXoz",
      "https:\/\/www.tiktok.com\/@helloceans?_t=ZN-8rlwyNdPyQI\u0026_r=1",
      "",
      "",
      "",
      ""
    ],
    "url": "https:\/\/helloceans.com"
  }
</script>
  <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "WebSite",
      "name": "Hello Oceans ",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https:\/\/helloceans.com\/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      },
      "url": "https:\/\/helloceans.com"
    }
  </script>
</div>
<!-- END sections: header-group -->

    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
      <section id="shopify-section-template--19937640350030__image_banner" class="shopify-section section"><link href="//helloceans.com/cdn/shop/t/1/assets/section-image-banner.css?v=157856879886144226731697654737" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>#Banner-template--19937640350030__image_banner::after {
    opacity: 0.0;
  }</style><div
  id="Banner-template--19937640350030__image_banner"
  class="banner banner--content-align-center banner--content-align-mobile-center banner--large banner--desktop-transparent scroll-trigger animate--fade-in"
><div class="banner__media media scroll-trigger animate--fade-in"><img src="//helloceans.com/cdn/shop/files/9B082A5A-8CCB-4C72-AB37-5257689CD341.jpg?v=1767569832&amp;width=3840" alt="" srcset="//helloceans.com/cdn/shop/files/9B082A5A-8CCB-4C72-AB37-5257689CD341.jpg?v=1767569832&amp;width=375 375w, //helloceans.com/cdn/shop/files/9B082A5A-8CCB-4C72-AB37-5257689CD341.jpg?v=1767569832&amp;width=550 550w, //helloceans.com/cdn/shop/files/9B082A5A-8CCB-4C72-AB37-5257689CD341.jpg?v=1767569832&amp;width=750 750w, //helloceans.com/cdn/shop/files/9B082A5A-8CCB-4C72-AB37-5257689CD341.jpg?v=1767569832&amp;width=1100 1100w, //helloceans.com/cdn/shop/files/9B082A5A-8CCB-4C72-AB37-5257689CD341.jpg?v=1767569832&amp;width=1500 1500w, //helloceans.com/cdn/shop/files/9B082A5A-8CCB-4C72-AB37-5257689CD341.jpg?v=1767569832&amp;width=1780 1780w, //helloceans.com/cdn/shop/files/9B082A5A-8CCB-4C72-AB37-5257689CD341.jpg?v=1767569832&amp;width=2000 2000w, //helloceans.com/cdn/shop/files/9B082A5A-8CCB-4C72-AB37-5257689CD341.jpg?v=1767569832&amp;width=3000 3000w, //helloceans.com/cdn/shop/files/9B082A5A-8CCB-4C72-AB37-5257689CD341.jpg?v=1767569832&amp;width=3840 3840w" width="2448" height="2398.0" loading="lazy" sizes="100vw">
    </div><div class="banner__content banner__content--bottom-center page-width scroll-trigger animate--slide-in">
    <div class="banner__box content-container content-container--full-width-mobile color-inverse gradient"><h2
              class="banner__heading inline-richtext h0"
              
            >
              
            </h2><div
              class="banner__buttons"
              
            ><a
                  
                    href="/collections/all"
                  
                  class="button button--secondary"
                >Voir les articles</a></div></div>
  </div>
</div>


</section><section id="shopify-section-template--19937640350030__featured_collection" class="shopify-section section"><link href="//helloceans.com/cdn/shop/t/1/assets/component-card.css?v=11469293100223554981697654686" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/1/assets/component-price.css?v=70172745017360139101697654704" rel="stylesheet" type="text/css" media="all" />

<link href="//helloceans.com/cdn/shop/t/1/assets/component-slider.css?v=114212096148022386971697654707" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/1/assets/template-collection.css?v=145944865380958730931697654746" rel="stylesheet" type="text/css" media="all" />

<style data-shopify>.section-template--19937640350030__featured_collection-padding {
    padding-top: 33px;
    padding-bottom: 27px;
  }

  @media screen and (min-width: 750px) {
    .section-template--19937640350030__featured_collection-padding {
      padding-top: 44px;
      padding-bottom: 36px;
    }
  }</style><div class="color-background-2 isolate gradient">
  <div class="collection section-template--19937640350030__featured_collection-padding">
    <div class="collection__title title-wrapper title-wrapper--no-top-margin page-width"><h2 class="title inline-richtext h2 scroll-trigger animate--slide-in">
          <em>Les Bests Sellers</em>
        </h2></div>

    <slider-component class="slider-mobile-gutter page-width page-width-desktop scroll-trigger animate--slide-in">
      <ul
        id="Slider-template--19937640350030__featured_collection"
        class="grid product-grid contains-card contains-card--product contains-card--standard grid--4-col-desktop grid--2-col-tablet-down"
        role="list"
        aria-label="Carrousel"
      ><li
            id="Slide-template--19937640350030__featured_collection-1"
            class="grid__item scroll-trigger animate--slide-in"
            
              data-cascade
 style="--animation-order: 1;"
            
          >
            

<link href="//helloceans.com/cdn/shop/t/1/assets/component-rating.css?v=157771854592137137841697654705" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/1/assets/component-volume-pricing.css?v=56284703641257077881697654709" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="card card--standard         card--media"
      style="--ratio-percent: 133.33333333333334%;"
    >
      <div
        class="card__inner color-background-2 gradient ratio"
        style="--ratio-percent: 133.33333333333334%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//helloceans.com/cdn/shop/files/IMG-0270.jpg?v=1775853523&width=165 165w,//helloceans.com/cdn/shop/files/IMG-0270.jpg?v=1775853523&width=360 360w,//helloceans.com/cdn/shop/files/IMG-0270.jpg?v=1775853523&width=533 533w,//helloceans.com/cdn/shop/files/IMG-0270.jpg?v=1775853523&width=720 720w,//helloceans.com/cdn/shop/files/IMG-0270.jpg?v=1775853523&width=940 940w,//helloceans.com/cdn/shop/files/IMG-0270.jpg?v=1775853523&width=1066 1066w,//helloceans.com/cdn/shop/files/IMG-0270.jpg?v=1775853523 3000w                "
                src="//helloceans.com/cdn/shop/files/IMG-0270.jpg?v=1775853523&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Collier Raie ll"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="3000"
                height="4000"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/collier-raie-ll"
                id="StandardCardNoMediaLink-template--19937640350030__featured_collection-9031694254414"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--19937640350030__featured_collection-9031694254414 NoMediaStandardBadge-template--19937640350030__featured_collection-9031694254414"
              >
                Collier Raie ll
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"><span
                id="NoMediaStandardBadge-template--19937640350030__featured_collection-9031694254414"
                class="badge badge--bottom-left color-inverse"
              >Épuisé</span></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--19937640350030__featured_collection-9031694254414"
            
          >
            <a
              href="/products/collier-raie-ll"
              id="CardLink-template--19937640350030__featured_collection-9031694254414"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--19937640350030__featured_collection-9031694254414 Badge-template--19937640350030__featured_collection-9031694254414"
            >
              Collier Raie ll
            </a>
          </h3>
          <div class="card-information"><span class="caption-large light"></span>
<div
  class="price  price--sold-out"
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span>
        <span class="price-item price-item--regular">
          €22,00 EUR
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Prix habituel</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span>
      <span class="price-item price-item--sale price-item--last">
        €22,00 EUR
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Prix unitaire</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;par&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div><div class="card__badge bottom left"><span
              id="Badge-template--19937640350030__featured_collection-9031694254414"
              class="badge badge--bottom-left color-inverse"
            >Épuisé</span></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--19937640350030__featured_collection-2"
            class="grid__item scroll-trigger animate--slide-in"
            
              data-cascade
 style="--animation-order: 2;"
            
          >
            

<link href="//helloceans.com/cdn/shop/t/1/assets/component-rating.css?v=157771854592137137841697654705" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/1/assets/component-volume-pricing.css?v=56284703641257077881697654709" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="card card--standard         card--media"
      style="--ratio-percent: 133.33333333333334%;"
    >
      <div
        class="card__inner color-background-2 gradient ratio"
        style="--ratio-percent: 133.33333333333334%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//helloceans.com/cdn/shop/files/CFA8C740-44AC-4BC5-AC3C-154385BB0711.jpg?v=1775162535&width=165 165w,//helloceans.com/cdn/shop/files/CFA8C740-44AC-4BC5-AC3C-154385BB0711.jpg?v=1775162535&width=360 360w,//helloceans.com/cdn/shop/files/CFA8C740-44AC-4BC5-AC3C-154385BB0711.jpg?v=1775162535&width=533 533w,//helloceans.com/cdn/shop/files/CFA8C740-44AC-4BC5-AC3C-154385BB0711.jpg?v=1775162535&width=720 720w,//helloceans.com/cdn/shop/files/CFA8C740-44AC-4BC5-AC3C-154385BB0711.jpg?v=1775162535&width=940 940w,//helloceans.com/cdn/shop/files/CFA8C740-44AC-4BC5-AC3C-154385BB0711.jpg?v=1775162535&width=1066 1066w,//helloceans.com/cdn/shop/files/CFA8C740-44AC-4BC5-AC3C-154385BB0711.jpg?v=1775162535 3000w                "
                src="//helloceans.com/cdn/shop/files/CFA8C740-44AC-4BC5-AC3C-154385BB0711.jpg?v=1775162535&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Collier Ada Spirale"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="3000"
                height="4000"
              >
              
<img
                  srcset="//helloceans.com/cdn/shop/files/IMG-0319.jpg?v=1776532594&width=165 165w,//helloceans.com/cdn/shop/files/IMG-0319.jpg?v=1776532594&width=360 360w,//helloceans.com/cdn/shop/files/IMG-0319.jpg?v=1776532594&width=533 533w,//helloceans.com/cdn/shop/files/IMG-0319.jpg?v=1776532594&width=720 720w,//helloceans.com/cdn/shop/files/IMG-0319.jpg?v=1776532594&width=940 940w,//helloceans.com/cdn/shop/files/IMG-0319.jpg?v=1776532594&width=1066 1066w,//helloceans.com/cdn/shop/files/IMG-0319.jpg?v=1776532594 2130w                  "
                  src="//helloceans.com/cdn/shop/files/IMG-0319.jpg?v=1776532594&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt=""
                  class="motion-reduce"
                  loading="lazy"
                  width="2130"
                  height="2840"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/collier-spirale"
                id="StandardCardNoMediaLink-template--19937640350030__featured_collection-8758893445454"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--19937640350030__featured_collection-8758893445454 NoMediaStandardBadge-template--19937640350030__featured_collection-8758893445454"
              >
                Collier Ada Spirale
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"><span
                id="NoMediaStandardBadge-template--19937640350030__featured_collection-8758893445454"
                class="badge badge--bottom-left color-inverse"
              >Épuisé</span></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--19937640350030__featured_collection-8758893445454"
            
          >
            <a
              href="/products/collier-spirale"
              id="CardLink-template--19937640350030__featured_collection-8758893445454"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--19937640350030__featured_collection-8758893445454 Badge-template--19937640350030__featured_collection-8758893445454"
            >
              Collier Ada Spirale
            </a>
          </h3>
          <div class="card-information"><span class="caption-large light"></span>
<div
  class="price  price--sold-out"
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span>
        <span class="price-item price-item--regular">
          €18,00 EUR
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Prix habituel</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span>
      <span class="price-item price-item--sale price-item--last">
        €18,00 EUR
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Prix unitaire</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;par&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div><div class="card__badge bottom left"><span
              id="Badge-template--19937640350030__featured_collection-8758893445454"
              class="badge badge--bottom-left color-inverse"
            >Épuisé</span></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--19937640350030__featured_collection-3"
            class="grid__item scroll-trigger animate--slide-in"
            
              data-cascade
 style="--animation-order: 3;"
            
          >
            

<link href="//helloceans.com/cdn/shop/t/1/assets/component-rating.css?v=157771854592137137841697654705" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/1/assets/component-volume-pricing.css?v=56284703641257077881697654709" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="card card--standard         card--media"
      style="--ratio-percent: 133.33333333333334%;"
    >
      <div
        class="card__inner color-background-2 gradient ratio"
        style="--ratio-percent: 133.33333333333334%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//helloceans.com/cdn/shop/files/14788889-2273-4679-A545-D779EE5B902B.jpg?v=1784649615&width=165 165w,//helloceans.com/cdn/shop/files/14788889-2273-4679-A545-D779EE5B902B.jpg?v=1784649615&width=360 360w,//helloceans.com/cdn/shop/files/14788889-2273-4679-A545-D779EE5B902B.jpg?v=1784649615&width=533 533w,//helloceans.com/cdn/shop/files/14788889-2273-4679-A545-D779EE5B902B.jpg?v=1784649615&width=720 720w,//helloceans.com/cdn/shop/files/14788889-2273-4679-A545-D779EE5B902B.jpg?v=1784649615&width=940 940w,//helloceans.com/cdn/shop/files/14788889-2273-4679-A545-D779EE5B902B.jpg?v=1784649615&width=1066 1066w,//helloceans.com/cdn/shop/files/14788889-2273-4679-A545-D779EE5B902B.jpg?v=1784649615 2454w                "
                src="//helloceans.com/cdn/shop/files/14788889-2273-4679-A545-D779EE5B902B.jpg?v=1784649615&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Collier World Sea"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="2454"
                height="3272"
              >
              
<img
                  srcset="//helloceans.com/cdn/shop/files/52BF7A8B-FA8C-4F2F-A511-3C3E8FCF4E56.jpg?v=1784649615&width=165 165w,//helloceans.com/cdn/shop/files/52BF7A8B-FA8C-4F2F-A511-3C3E8FCF4E56.jpg?v=1784649615&width=360 360w,//helloceans.com/cdn/shop/files/52BF7A8B-FA8C-4F2F-A511-3C3E8FCF4E56.jpg?v=1784649615&width=533 533w,//helloceans.com/cdn/shop/files/52BF7A8B-FA8C-4F2F-A511-3C3E8FCF4E56.jpg?v=1784649615&width=720 720w,//helloceans.com/cdn/shop/files/52BF7A8B-FA8C-4F2F-A511-3C3E8FCF4E56.jpg?v=1784649615&width=940 940w,//helloceans.com/cdn/shop/files/52BF7A8B-FA8C-4F2F-A511-3C3E8FCF4E56.jpg?v=1784649615&width=1066 1066w,//helloceans.com/cdn/shop/files/52BF7A8B-FA8C-4F2F-A511-3C3E8FCF4E56.jpg?v=1784649615 2427w                  "
                  src="//helloceans.com/cdn/shop/files/52BF7A8B-FA8C-4F2F-A511-3C3E8FCF4E56.jpg?v=1784649615&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt=""
                  class="motion-reduce"
                  loading="lazy"
                  width="2427"
                  height="3236"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/collier-world-sea"
                id="StandardCardNoMediaLink-template--19937640350030__featured_collection-15944861057358"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--19937640350030__featured_collection-15944861057358 NoMediaStandardBadge-template--19937640350030__featured_collection-15944861057358"
              >
                Collier World Sea
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--19937640350030__featured_collection-15944861057358"
            
          >
            <a
              href="/products/collier-world-sea"
              id="CardLink-template--19937640350030__featured_collection-15944861057358"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--19937640350030__featured_collection-15944861057358 Badge-template--19937640350030__featured_collection-15944861057358"
            >
              Collier World Sea
            </a>
          </h3>
          <div class="card-information"><span class="caption-large light"></span>
<div
  class="price"
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span>
        <span class="price-item price-item--regular">
          €18,00 EUR
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Prix habituel</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span>
      <span class="price-item price-item--sale price-item--last">
        €18,00 EUR
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Prix unitaire</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;par&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

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

<link href="//helloceans.com/cdn/shop/t/1/assets/component-rating.css?v=157771854592137137841697654705" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/1/assets/component-volume-pricing.css?v=56284703641257077881697654709" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="card card--standard         card--media"
      style="--ratio-percent: 133.30543933054395%;"
    >
      <div
        class="card__inner color-background-2 gradient ratio"
        style="--ratio-percent: 133.30543933054395%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//helloceans.com/cdn/shop/files/C2607887-2F19-4B4F-BB35-5BD77D8AE1AF.jpg?v=1784649615&width=165 165w,//helloceans.com/cdn/shop/files/C2607887-2F19-4B4F-BB35-5BD77D8AE1AF.jpg?v=1784649615&width=360 360w,//helloceans.com/cdn/shop/files/C2607887-2F19-4B4F-BB35-5BD77D8AE1AF.jpg?v=1784649615&width=533 533w,//helloceans.com/cdn/shop/files/C2607887-2F19-4B4F-BB35-5BD77D8AE1AF.jpg?v=1784649615&width=720 720w,//helloceans.com/cdn/shop/files/C2607887-2F19-4B4F-BB35-5BD77D8AE1AF.jpg?v=1784649615&width=940 940w,//helloceans.com/cdn/shop/files/C2607887-2F19-4B4F-BB35-5BD77D8AE1AF.jpg?v=1784649615&width=1066 1066w,//helloceans.com/cdn/shop/files/C2607887-2F19-4B4F-BB35-5BD77D8AE1AF.jpg?v=1784649615 2390w                "
                src="//helloceans.com/cdn/shop/files/C2607887-2F19-4B4F-BB35-5BD77D8AE1AF.jpg?v=1784649615&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Collier Dent de requin"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="2390"
                height="3186"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/collier-dent-de-requin-1"
                id="StandardCardNoMediaLink-template--19937640350030__featured_collection-15944858403150"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--19937640350030__featured_collection-15944858403150 NoMediaStandardBadge-template--19937640350030__featured_collection-15944858403150"
              >
                Collier Dent de requin
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"><span
                id="NoMediaStandardBadge-template--19937640350030__featured_collection-15944858403150"
                class="badge badge--bottom-left color-inverse"
              >Épuisé</span></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--19937640350030__featured_collection-15944858403150"
            
          >
            <a
              href="/products/collier-dent-de-requin-1"
              id="CardLink-template--19937640350030__featured_collection-15944858403150"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--19937640350030__featured_collection-15944858403150 Badge-template--19937640350030__featured_collection-15944858403150"
            >
              Collier Dent de requin
            </a>
          </h3>
          <div class="card-information"><span class="caption-large light"></span>
<div
  class="price  price--sold-out"
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span>
        <span class="price-item price-item--regular">
          €18,00 EUR
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Prix habituel</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span>
      <span class="price-item price-item--sale price-item--last">
        €18,00 EUR
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Prix unitaire</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;par&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div><div class="card__badge bottom left"><span
              id="Badge-template--19937640350030__featured_collection-15944858403150"
              class="badge badge--bottom-left color-inverse"
            >Épuisé</span></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--19937640350030__featured_collection-5"
            class="grid__item scroll-trigger animate--slide-in"
            
              data-cascade
 style="--animation-order: 5;"
            
          >
            

<link href="//helloceans.com/cdn/shop/t/1/assets/component-rating.css?v=157771854592137137841697654705" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/1/assets/component-volume-pricing.css?v=56284703641257077881697654709" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="card card--standard         card--media"
      style="--ratio-percent: 133.33333333333334%;"
    >
      <div
        class="card__inner color-background-2 gradient ratio"
        style="--ratio-percent: 133.33333333333334%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//helloceans.com/cdn/shop/files/6F189053-7470-4CDB-B8EA-04098B74EFCB.jpg?v=1784649615&width=165 165w,//helloceans.com/cdn/shop/files/6F189053-7470-4CDB-B8EA-04098B74EFCB.jpg?v=1784649615&width=360 360w,//helloceans.com/cdn/shop/files/6F189053-7470-4CDB-B8EA-04098B74EFCB.jpg?v=1784649615&width=533 533w,//helloceans.com/cdn/shop/files/6F189053-7470-4CDB-B8EA-04098B74EFCB.jpg?v=1784649615&width=720 720w,//helloceans.com/cdn/shop/files/6F189053-7470-4CDB-B8EA-04098B74EFCB.jpg?v=1784649615&width=940 940w,//helloceans.com/cdn/shop/files/6F189053-7470-4CDB-B8EA-04098B74EFCB.jpg?v=1784649615&width=1066 1066w,//helloceans.com/cdn/shop/files/6F189053-7470-4CDB-B8EA-04098B74EFCB.jpg?v=1784649615 2433w                "
                src="//helloceans.com/cdn/shop/files/6F189053-7470-4CDB-B8EA-04098B74EFCB.jpg?v=1784649615&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Collier Pearl Fish"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="2433"
                height="3244"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/collier-pearl-fish"
                id="StandardCardNoMediaLink-template--19937640350030__featured_collection-15944855290190"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--19937640350030__featured_collection-15944855290190 NoMediaStandardBadge-template--19937640350030__featured_collection-15944855290190"
              >
                Collier Pearl Fish
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--19937640350030__featured_collection-15944855290190"
            
          >
            <a
              href="/products/collier-pearl-fish"
              id="CardLink-template--19937640350030__featured_collection-15944855290190"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--19937640350030__featured_collection-15944855290190 Badge-template--19937640350030__featured_collection-15944855290190"
            >
              Collier Pearl Fish
            </a>
          </h3>
          <div class="card-information"><span class="caption-large light"></span>
<div
  class="price"
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span>
        <span class="price-item price-item--regular">
          €22,00 EUR
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Prix habituel</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span>
      <span class="price-item price-item--sale price-item--last">
        €22,00 EUR
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Prix unitaire</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;par&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div><div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--19937640350030__featured_collection-6"
            class="grid__item scroll-trigger animate--slide-in"
            
              data-cascade
 style="--animation-order: 6;"
            
          >
            

<link href="//helloceans.com/cdn/shop/t/1/assets/component-rating.css?v=157771854592137137841697654705" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/1/assets/component-volume-pricing.css?v=56284703641257077881697654709" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="card card--standard         card--media"
      style="--ratio-percent: 133.3470394736842%;"
    >
      <div
        class="card__inner color-background-2 gradient ratio"
        style="--ratio-percent: 133.3470394736842%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//helloceans.com/cdn/shop/files/IMG-0503.jpg?v=1778618771&width=165 165w,//helloceans.com/cdn/shop/files/IMG-0503.jpg?v=1778618771&width=360 360w,//helloceans.com/cdn/shop/files/IMG-0503.jpg?v=1778618771&width=533 533w,//helloceans.com/cdn/shop/files/IMG-0503.jpg?v=1778618771&width=720 720w,//helloceans.com/cdn/shop/files/IMG-0503.jpg?v=1778618771&width=940 940w,//helloceans.com/cdn/shop/files/IMG-0503.jpg?v=1778618771&width=1066 1066w,//helloceans.com/cdn/shop/files/IMG-0503.jpg?v=1778618771 2432w                "
                src="//helloceans.com/cdn/shop/files/IMG-0503.jpg?v=1778618771&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Collier Mixi"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="2432"
                height="3243"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/collier-de-mixi"
                id="StandardCardNoMediaLink-template--19937640350030__featured_collection-15825892278606"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--19937640350030__featured_collection-15825892278606 NoMediaStandardBadge-template--19937640350030__featured_collection-15825892278606"
              >
                Collier Mixi
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--19937640350030__featured_collection-15825892278606"
            
          >
            <a
              href="/products/collier-de-mixi"
              id="CardLink-template--19937640350030__featured_collection-15825892278606"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--19937640350030__featured_collection-15825892278606 Badge-template--19937640350030__featured_collection-15825892278606"
            >
              Collier Mixi
            </a>
          </h3>
          <div class="card-information"><span class="caption-large light"></span>
<div
  class="price"
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span>
        <span class="price-item price-item--regular">
          €20,00 EUR
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Prix habituel</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span>
      <span class="price-item price-item--sale price-item--last">
        €20,00 EUR
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Prix unitaire</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;par&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

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


</section><section id="shopify-section-template--19937640350030__collection_list_tBJK4i" class="shopify-section section section-collection-list"><link href="//helloceans.com/cdn/shop/t/1/assets/section-collection-list.css?v=70863279319435850561697654733" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/1/assets/component-card.css?v=11469293100223554981697654686" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/1/assets/component-slider.css?v=114212096148022386971697654707" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.section-template--19937640350030__collection_list_tBJK4i-padding {
    padding-top: 27px;
    padding-bottom: 27px;
  }

  @media screen and (min-width: 750px) {
    .section-template--19937640350030__collection_list_tBJK4i-padding {
      padding-top: 36px;
      padding-bottom: 36px;
    }
  }</style><div class="color-background-1 gradient">
  <div class="collection-list-wrapper page-width isolate no-mobile-link section-template--19937640350030__collection_list_tBJK4i-padding"><div class="title-wrapper-with-link title-wrapper--self-padded-mobile title-wrapper--no-top-margin">
        <h2
          id="SectionHeading-template--19937640350030__collection_list_tBJK4i"
          class="collection-list-title inline-richtext h1 scroll-trigger animate--slide-in"
        >
          Collections
        </h2></div><slider-component class="slider-mobile-gutter scroll-trigger animate--slide-in">
      <ul
        class="collection-list contains-card contains-card--collection contains-card--standard grid grid--3-col-desktop grid--1-col-tablet-down collection-list--6-items"
        id="Slider-template--19937640350030__collection_list_tBJK4i"
        role="list"
      ><li
            id="Slide-template--19937640350030__collection_list_tBJK4i-1"
            class="collection-list__item grid__item scroll-trigger animate--slide-in"
            
            
              data-cascade
 style="--animation-order: 1;"
            
          >
<div class="card-wrapper animate-arrow collection-card-wrapper">
  <div
    class="card      card--standard       card--media"
    style="--ratio-percent: 100%;"
  >
    <div
      class="card__inner color-background-2 gradient ratio"
      style="--ratio-percent: 100%;"
    ><div class="card__media">
          <div class="media media--transparent media--hover-effect">
            <img
              srcset="//helloceans.com/cdn/shop/files/IMG-0270.jpg?v=1775853523&width=165 165w,//helloceans.com/cdn/shop/files/IMG-0270.jpg?v=1775853523&width=330 330w,//helloceans.com/cdn/shop/files/IMG-0270.jpg?v=1775853523&width=535 535w,//helloceans.com/cdn/shop/files/IMG-0270.jpg?v=1775853523&width=750 750w,//helloceans.com/cdn/shop/files/IMG-0270.jpg?v=1775853523&width=1000 1000w,//helloceans.com/cdn/shop/files/IMG-0270.jpg?v=1775853523&width=1500 1500w,//helloceans.com/cdn/shop/files/IMG-0270.jpg?v=1775853523&width=3000 3000w,//helloceans.com/cdn/shop/files/IMG-0270.jpg?v=1775853523 3000w              "
              src="//helloceans.com/cdn/shop/files/IMG-0270.jpg?v=1775853523&width=1500"
              sizes="                (min-width: 1200px) 366px,                (min-width: 750px) calc((100vw - 10rem) / 2),                calc(100vw - 3rem)              "
              alt=""
              height="4000"
              width="3000"
              loading="lazy"
              class="motion-reduce"
            >
          </div>
        </div><div class="card__content">
          <div class="card__information">
            <h3 class="card__heading">
              <a
                
                  href="/collections/monde-marin"
                
                class="full-unstyled-link"
              >Monde Marin<span class="icon-wrap"><svg
  viewbox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>
</span>
              </a>
            </h3></div>
        </div></div><div class="card__content">
        <div class="card__information">
          <h3 class="card__heading">
            <a
              
                href="/collections/monde-marin"
              
              class="full-unstyled-link"
            >Monde Marin<span class="icon-wrap"><svg
  viewbox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>
</span>
            </a>
          </h3></div>
      </div></div>
</div>

          </li><li
            id="Slide-template--19937640350030__collection_list_tBJK4i-2"
            class="collection-list__item grid__item scroll-trigger animate--slide-in"
            
            
              data-cascade
 style="--animation-order: 2;"
            
          >
<div class="card-wrapper animate-arrow collection-card-wrapper">
  <div
    class="card      card--standard       card--media"
    style="--ratio-percent: 100%;"
  >
    <div
      class="card__inner color-background-2 gradient ratio"
      style="--ratio-percent: 100%;"
    ><div class="card__media">
          <div class="media media--transparent media--hover-effect">
            <img
              srcset="//helloceans.com/cdn/shop/files/B0D423CF-CF01-455D-AF30-E11458961F8B.jpg?v=1775160950&width=165 165w,//helloceans.com/cdn/shop/files/B0D423CF-CF01-455D-AF30-E11458961F8B.jpg?v=1775160950&width=330 330w,//helloceans.com/cdn/shop/files/B0D423CF-CF01-455D-AF30-E11458961F8B.jpg?v=1775160950&width=535 535w,//helloceans.com/cdn/shop/files/B0D423CF-CF01-455D-AF30-E11458961F8B.jpg?v=1775160950&width=750 750w,//helloceans.com/cdn/shop/files/B0D423CF-CF01-455D-AF30-E11458961F8B.jpg?v=1775160950&width=1000 1000w,//helloceans.com/cdn/shop/files/B0D423CF-CF01-455D-AF30-E11458961F8B.jpg?v=1775160950&width=1500 1500w,//helloceans.com/cdn/shop/files/B0D423CF-CF01-455D-AF30-E11458961F8B.jpg?v=1775160950&width=3000 3000w,//helloceans.com/cdn/shop/files/B0D423CF-CF01-455D-AF30-E11458961F8B.jpg?v=1775160950 3000w              "
              src="//helloceans.com/cdn/shop/files/B0D423CF-CF01-455D-AF30-E11458961F8B.jpg?v=1775160950&width=1500"
              sizes="                (min-width: 1200px) 366px,                (min-width: 750px) calc((100vw - 10rem) / 2),                calc(100vw - 3rem)              "
              alt=""
              height="4000"
              width="3000"
              loading="lazy"
              class="motion-reduce"
            >
          </div>
        </div><div class="card__content">
          <div class="card__information">
            <h3 class="card__heading">
              <a
                
                  href="/collections/colliers-avec-charms"
                
                class="full-unstyled-link"
              >Colliers avec Charms<span class="icon-wrap"><svg
  viewbox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>
</span>
              </a>
            </h3></div>
        </div></div><div class="card__content">
        <div class="card__information">
          <h3 class="card__heading">
            <a
              
                href="/collections/colliers-avec-charms"
              
              class="full-unstyled-link"
            >Colliers avec Charms<span class="icon-wrap"><svg
  viewbox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>
</span>
            </a>
          </h3></div>
      </div></div>
</div>

          </li><li
            id="Slide-template--19937640350030__collection_list_tBJK4i-3"
            class="collection-list__item grid__item scroll-trigger animate--slide-in"
            
            
              data-cascade
 style="--animation-order: 3;"
            
          >
<div class="card-wrapper animate-arrow collection-card-wrapper">
  <div
    class="card      card--standard       card--media"
    style="--ratio-percent: 100%;"
  >
    <div
      class="card__inner color-background-2 gradient ratio"
      style="--ratio-percent: 100%;"
    ><div class="card__media">
          <div class="media media--transparent media--hover-effect">
            <img
              srcset="//helloceans.com/cdn/shop/files/CFA8C740-44AC-4BC5-AC3C-154385BB0711.jpg?v=1775162535&width=165 165w,//helloceans.com/cdn/shop/files/CFA8C740-44AC-4BC5-AC3C-154385BB0711.jpg?v=1775162535&width=330 330w,//helloceans.com/cdn/shop/files/CFA8C740-44AC-4BC5-AC3C-154385BB0711.jpg?v=1775162535&width=535 535w,//helloceans.com/cdn/shop/files/CFA8C740-44AC-4BC5-AC3C-154385BB0711.jpg?v=1775162535&width=750 750w,//helloceans.com/cdn/shop/files/CFA8C740-44AC-4BC5-AC3C-154385BB0711.jpg?v=1775162535&width=1000 1000w,//helloceans.com/cdn/shop/files/CFA8C740-44AC-4BC5-AC3C-154385BB0711.jpg?v=1775162535&width=1500 1500w,//helloceans.com/cdn/shop/files/CFA8C740-44AC-4BC5-AC3C-154385BB0711.jpg?v=1775162535&width=3000 3000w,//helloceans.com/cdn/shop/files/CFA8C740-44AC-4BC5-AC3C-154385BB0711.jpg?v=1775162535 3000w              "
              src="//helloceans.com/cdn/shop/files/CFA8C740-44AC-4BC5-AC3C-154385BB0711.jpg?v=1775162535&width=1500"
              sizes="                (min-width: 1200px) 366px,                (min-width: 750px) calc((100vw - 10rem) / 2),                calc(100vw - 3rem)              "
              alt=""
              height="4000"
              width="3000"
              loading="lazy"
              class="motion-reduce"
            >
          </div>
        </div><div class="card__content">
          <div class="card__information">
            <h3 class="card__heading">
              <a
                
                  href="/collections/symbole-de-la-spirale"
                
                class="full-unstyled-link"
              >symbole de la spirale<span class="icon-wrap"><svg
  viewbox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>
</span>
              </a>
            </h3></div>
        </div></div><div class="card__content">
        <div class="card__information">
          <h3 class="card__heading">
            <a
              
                href="/collections/symbole-de-la-spirale"
              
              class="full-unstyled-link"
            >symbole de la spirale<span class="icon-wrap"><svg
  viewbox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>
</span>
            </a>
          </h3></div>
      </div></div>
</div>

          </li><li
            id="Slide-template--19937640350030__collection_list_tBJK4i-4"
            class="collection-list__item grid__item scroll-trigger animate--slide-in"
            
            
              data-cascade
 style="--animation-order: 4;"
            
          >
<div class="card-wrapper animate-arrow collection-card-wrapper">
  <div
    class="card      card--standard       card--media"
    style="--ratio-percent: 100%;"
  >
    <div
      class="card__inner color-background-2 gradient ratio"
      style="--ratio-percent: 100%;"
    ><div class="card__media">
          <div class="media media--transparent media--hover-effect">
            <img
              srcset="//helloceans.com/cdn/shop/files/B86701E8-9C18-463C-9638-EA2AABAD3B79.jpg?v=1767576176&width=165 165w,//helloceans.com/cdn/shop/files/B86701E8-9C18-463C-9638-EA2AABAD3B79.jpg?v=1767576176&width=330 330w,//helloceans.com/cdn/shop/files/B86701E8-9C18-463C-9638-EA2AABAD3B79.jpg?v=1767576176&width=535 535w,//helloceans.com/cdn/shop/files/B86701E8-9C18-463C-9638-EA2AABAD3B79.jpg?v=1767576176&width=750 750w,//helloceans.com/cdn/shop/files/B86701E8-9C18-463C-9638-EA2AABAD3B79.jpg?v=1767576176&width=1000 1000w,//helloceans.com/cdn/shop/files/B86701E8-9C18-463C-9638-EA2AABAD3B79.jpg?v=1767576176&width=1500 1500w,//helloceans.com/cdn/shop/files/B86701E8-9C18-463C-9638-EA2AABAD3B79.jpg?v=1767576176 2835w              "
              src="//helloceans.com/cdn/shop/files/B86701E8-9C18-463C-9638-EA2AABAD3B79.jpg?v=1767576176&width=1500"
              sizes="                (min-width: 1200px) 366px,                (min-width: 750px) calc((100vw - 10rem) / 2),                calc(100vw - 3rem)              "
              alt=""
              height="3780"
              width="2835"
              loading="lazy"
              class="motion-reduce"
            >
          </div>
        </div><div class="card__content">
          <div class="card__information">
            <h3 class="card__heading">
              <a
                
                  href="/collections/bracelet"
                
                class="full-unstyled-link"
              >Bracelet<span class="icon-wrap"><svg
  viewbox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>
</span>
              </a>
            </h3></div>
        </div></div><div class="card__content">
        <div class="card__information">
          <h3 class="card__heading">
            <a
              
                href="/collections/bracelet"
              
              class="full-unstyled-link"
            >Bracelet<span class="icon-wrap"><svg
  viewbox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>
</span>
            </a>
          </h3></div>
      </div></div>
</div>

          </li><li
            id="Slide-template--19937640350030__collection_list_tBJK4i-5"
            class="collection-list__item grid__item scroll-trigger animate--slide-in"
            
            
              data-cascade
 style="--animation-order: 5;"
            
          >
<div class="card-wrapper animate-arrow collection-card-wrapper">
  <div
    class="card      card--standard       card--media"
    style="--ratio-percent: 100%;"
  >
    <div
      class="card__inner color-background-2 gradient ratio"
      style="--ratio-percent: 100%;"
    ><div class="card__media">
          <div class="media media--transparent media--hover-effect">
            <img
              srcset="//helloceans.com/cdn/shop/files/C4623D2D-7C86-4604-A3AC-DF1ADCBFAF6F.jpg?v=1775165786&width=165 165w,//helloceans.com/cdn/shop/files/C4623D2D-7C86-4604-A3AC-DF1ADCBFAF6F.jpg?v=1775165786&width=330 330w,//helloceans.com/cdn/shop/files/C4623D2D-7C86-4604-A3AC-DF1ADCBFAF6F.jpg?v=1775165786&width=535 535w,//helloceans.com/cdn/shop/files/C4623D2D-7C86-4604-A3AC-DF1ADCBFAF6F.jpg?v=1775165786&width=750 750w,//helloceans.com/cdn/shop/files/C4623D2D-7C86-4604-A3AC-DF1ADCBFAF6F.jpg?v=1775165786&width=1000 1000w,//helloceans.com/cdn/shop/files/C4623D2D-7C86-4604-A3AC-DF1ADCBFAF6F.jpg?v=1775165786&width=1500 1500w,//helloceans.com/cdn/shop/files/C4623D2D-7C86-4604-A3AC-DF1ADCBFAF6F.jpg?v=1775165786&width=3000 3000w,//helloceans.com/cdn/shop/files/C4623D2D-7C86-4604-A3AC-DF1ADCBFAF6F.jpg?v=1775165786 3000w              "
              src="//helloceans.com/cdn/shop/files/C4623D2D-7C86-4604-A3AC-DF1ADCBFAF6F.jpg?v=1775165786&width=1500"
              sizes="                (min-width: 1200px) 366px,                (min-width: 750px) calc((100vw - 10rem) / 2),                calc(100vw - 3rem)              "
              alt=""
              height="4000"
              width="3000"
              loading="lazy"
              class="motion-reduce"
            >
          </div>
        </div><div class="card__content">
          <div class="card__information">
            <h3 class="card__heading">
              <a
                
                  href="/collections/travel-lover"
                
                class="full-unstyled-link"
              >Travel lover<span class="icon-wrap"><svg
  viewbox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>
</span>
              </a>
            </h3></div>
        </div></div><div class="card__content">
        <div class="card__information">
          <h3 class="card__heading">
            <a
              
                href="/collections/travel-lover"
              
              class="full-unstyled-link"
            >Travel lover<span class="icon-wrap"><svg
  viewbox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>
</span>
            </a>
          </h3></div>
      </div></div>
</div>

          </li><li
            id="Slide-template--19937640350030__collection_list_tBJK4i-6"
            class="collection-list__item grid__item collection-list__item--no-media scroll-trigger animate--slide-in"
            
            
              data-cascade
 style="--animation-order: 6;"
            
          >
<div class="card-wrapper animate-arrow collection-card-wrapper">
  <div
    class="card      card--standard       card--text"
    style="--ratio-percent: 100%;"
  >
    <div
      class="card__inner color-background-2 gradient ratio"
      style="--ratio-percent: 100%;"
    ><div class="card__content">
          <div class="card__information">
            <h3 class="card__heading">
              <a
                
                  href="/collections/bague"
                
                class="full-unstyled-link"
              >Bagues<span class="icon-wrap"><svg
  viewbox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>
</span>
              </a>
            </h3></div>
        </div></div></div>
</div>

          </li></ul></slider-component></div>
</div>


</section>
    </main>

    <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--19937641136462__footer" class="shopify-section shopify-section-group-footer-group">
<link href="//helloceans.com/cdn/shop/t/1/assets/section-footer.css?v=125160298726032154631697654736" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/1/assets/component-newsletter.css?v=4727253280200485261697654701" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/1/assets/component-list-menu.css?v=151968516119678728991697654694" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/1/assets/component-list-payment.css?v=69253961410771838501697654695" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/1/assets/component-list-social.css?v=35792976012981934991697654695" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.footer {
    margin-top: 0px;
  }

  .section-sections--19937641136462__footer-padding {
    padding-top: 27px;
    padding-bottom: 27px;
  }

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

    .section-sections--19937641136462__footer-padding {
      padding-top: 36px;
      padding-bottom: 36px;
    }
  }</style><footer class="footer color-accent-2 gradient section-sections--19937641136462__footer-padding"><div class="footer__content-top page-width"><div
          class="footer-block--newsletter scroll-trigger animate--slide-in"
          
            data-cascade
><div class="footer-block__newsletter"><h2 class="footer-block__heading inline-richtext">Inscrivez-Vous</h2><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter">
                <div class="newsletter-form__field-wrapper">
                  <div class="field">
                    <input
                      id="NewsletterForm--sections--19937641136462__footer"
                      type="email"
                      name="contact[email]"
                      class="field__input"
                      value=""
                      aria-required="true"
                      autocorrect="off"
                      autocapitalize="off"
                      autocomplete="email"
                      
                      placeholder="E-mail"
                      required
>
                    <label class="field__label" for="NewsletterForm--sections--19937641136462__footer">
                      E-mail
                    </label>
                    <button
                      type="submit"
                      class="newsletter-form__button field__button"
                      name="commit"
                      id="Subscribe"
                      aria-label="S&#39;inscrire"
                    >
                      <svg
  viewbox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>

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

<ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item">
      <a href="https://www.instagram.com/hell0ceans?igsh=emNyazk4cnI2ZXoz" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewbox="0 0 20 20">
  <path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" clip-rule="evenodd"/>
</svg>
<span class="visually-hidden">Instagram</span>
      </a>
    </li><li class="list-social__item">
      <a href="https://www.tiktok.com/@helloceans?_t=ZN-8rlwyNdPyQI&_r=1" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-tiktok" viewbox="0 0 20 20">
  <path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z"/>
</svg>
<span class="visually-hidden">TikTok</span>
      </a>
    </li><li class="list-social__item">
      <a href="https://pin.it/LYQXFnxfs" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-pinterest" viewbox="0 0 20 20">
  <path fill="currentColor" d="M10 2.01c2.124.01 4.16.855 5.666 2.353a8.087 8.087 0 0 1 1.277 9.68A7.952 7.952 0 0 1 10 18.04a8.164 8.164 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297.836 0 1.585-.24 2.248-.72a4.678 4.678 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.061 5.061 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.023 5.023 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.257 2.257 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228 0 .768-.106 1.479-.317 2.122a3.813 3.813 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085.147-.514.298-1.026.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.067 8.067 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.721 7.721 0 0 1 10 2.001v.01Z"/>
</svg>
<span class="visually-hidden">Pinterest</span>
      </a>
    </li></ul>
</div>
      </div><div
    class="footer__content-bottom scroll-trigger animate--slide-in"
    
      data-cascade
>
    <div class="footer__content-bottom-wrapper page-width">
      <div class="footer__column footer__localization isolate"><noscript><form method="post" action="/localization" id="FooterCountryFormNoScript" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="localization-form__select">
                <h2 class="visually-hidden" id="FooterCountryLabelNoScript">Pays/région</h2>
                <select
                  class="localization-selector link"
                  name="country_code"
                  aria-labelledby="FooterCountryLabelNoScript"
                ><option
                      value="DE"
                    >
                      Allemagne (EUR
                      €)
                    </option><option
                      value="AU"
                    >
                      Australie (AUD
                      $)
                    </option><option
                      value="AT"
                    >
                      Autriche (EUR
                      €)
                    </option><option
                      value="BE"
                    >
                      Belgique (EUR
                      €)
                    </option><option
                      value="BG"
                    >
                      Bulgarie (EUR
                      €)
                    </option><option
                      value="CA"
                    >
                      Canada (CAD
                      $)
                    </option><option
                      value="CY"
                    >
                      Chypre (EUR
                      €)
                    </option><option
                      value="KR"
                    >
                      Corée du Sud (KRW
                      ₩)
                    </option><option
                      value="HR"
                    >
                      Croatie (EUR
                      €)
                    </option><option
                      value="DK"
                    >
                      Danemark (EUR
                      €)
                    </option><option
                      value="EG"
                    >
                      Égypte (EGP
                      ج.م)
                    </option><option
                      value="AE"
                    >
                      Émirats arabes unis (AED
                      د.إ)
                    </option><option
                      value="ES"
                    >
                      Espagne (EUR
                      €)
                    </option><option
                      value="EE"
                    >
                      Estonie (EUR
                      €)
                    </option><option
                      value="US"
                    >
                      États-Unis (USD
                      $)
                    </option><option
                      value="FI"
                    >
                      Finlande (EUR
                      €)
                    </option><option
                      value="FR"
                        selected
>
                      France (EUR
                      €)
                    </option><option
                      value="GR"
                    >
                      Grèce (EUR
                      €)
                    </option><option
                      value="GP"
                    >
                      Guadeloupe (EUR
                      €)
                    </option><option
                      value="HU"
                    >
                      Hongrie (EUR
                      €)
                    </option><option
                      value="IE"
                    >
                      Irlande (EUR
                      €)
                    </option><option
                      value="IL"
                    >
                      Israël (ILS
                      ₪)
                    </option><option
                      value="IT"
                    >
                      Italie (EUR
                      €)
                    </option><option
                      value="JP"
                    >
                      Japon (JPY
                      ¥)
                    </option><option
                      value="RE"
                    >
                      La Réunion (EUR
                      €)
                    </option><option
                      value="LV"
                    >
                      Lettonie (EUR
                      €)
                    </option><option
                      value="LT"
                    >
                      Lituanie (EUR
                      €)
                    </option><option
                      value="LU"
                    >
                      Luxembourg (EUR
                      €)
                    </option><option
                      value="MY"
                    >
                      Malaisie (EUR
                      €)
                    </option><option
                      value="MT"
                    >
                      Malte (EUR
                      €)
                    </option><option
                      value="MQ"
                    >
                      Martinique (EUR
                      €)
                    </option><option
                      value="YT"
                    >
                      Mayotte (EUR
                      €)
                    </option><option
                      value="NO"
                    >
                      Norvège (EUR
                      €)
                    </option><option
                      value="NC"
                    >
                      Nouvelle-Calédonie (EUR
                      €)
                    </option><option
                      value="NZ"
                    >
                      Nouvelle-Zélande (NZD
                      $)
                    </option><option
                      value="NL"
                    >
                      Pays-Bas (EUR
                      €)
                    </option><option
                      value="PL"
                    >
                      Pologne (EUR
                      €)
                    </option><option
                      value="PT"
                    >
                      Portugal (EUR
                      €)
                    </option><option
                      value="HK"
                    >
                      R.A.S. chinoise de Hong Kong (HKD
                      $)
                    </option><option
                      value="RO"
                    >
                      Roumanie (EUR
                      €)
                    </option><option
                      value="GB"
                    >
                      Royaume-Uni (GBP
                      £)
                    </option><option
                      value="SG"
                    >
                      Singapour (SGD
                      $)
                    </option><option
                      value="SK"
                    >
                      Slovaquie (EUR
                      €)
                    </option><option
                      value="SI"
                    >
                      Slovénie (EUR
                      €)
                    </option><option
                      value="SE"
                    >
                      Suède (EUR
                      €)
                    </option><option
                      value="CH"
                    >
                      Suisse (CHF
                      CHF)
                    </option><option
                      value="CZ"
                    >
                      Tchéquie (EUR
                      €)
                    </option><option
                      value="WF"
                    >
                      Wallis-et-Futuna (EUR
                      €)
                    </option></select>
                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

              </div>
              <button class="button button--tertiary">Mettre à jour le pays/la région</button></form></noscript>
          <localization-form><form method="post" action="/localization" id="FooterCountryForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="no-js-hidden">
                <h2 class="caption-large text-body" id="FooterCountryLabel">Pays/région</h2><div class="disclosure">
  <button
    type="button"
    class="disclosure__button localization-form__select localization-selector link link--text caption-large"
    aria-expanded="false"
    aria-controls="FooterCountryList"
    aria-describedby="FooterCountryLabel"
  >
    <span>EUR
      € | France</span>
    <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

  </button>
  <div class="disclosure__list-wrapper" hidden>
    <ul id="FooterCountryList" role="list" class="disclosure__list list-unstyled"><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="DE"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Allemagne
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="AU"
          >
            <span class="localization-form__currency">AUD
              $ |</span
>
            Australie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="AT"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Autriche
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="BE"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Belgique
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="BG"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Bulgarie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="CA"
          >
            <span class="localization-form__currency">CAD
              $ |</span
>
            Canada
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="CY"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Chypre
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="KR"
          >
            <span class="localization-form__currency">KRW
              ₩ |</span
>
            Corée du Sud
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="HR"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Croatie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="DK"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Danemark
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="EG"
          >
            <span class="localization-form__currency">EGP
              ج.م |</span
>
            Égypte
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="AE"
          >
            <span class="localization-form__currency">AED
              د.إ |</span
>
            Émirats arabes unis
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="ES"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Espagne
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="EE"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Estonie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="US"
          >
            <span class="localization-form__currency">USD
              $ |</span
>
            États-Unis
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="FI"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Finlande
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset disclosure__link--active"
            href="#"
            
              aria-current="true"
            
            data-value="FR"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            France
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="GR"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Grèce
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="GP"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Guadeloupe
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="HU"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Hongrie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="IE"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Irlande
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="IL"
          >
            <span class="localization-form__currency">ILS
              ₪ |</span
>
            Israël
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="IT"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Italie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="JP"
          >
            <span class="localization-form__currency">JPY
              ¥ |</span
>
            Japon
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="RE"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            La Réunion
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="LV"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Lettonie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="LT"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Lituanie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="LU"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Luxembourg
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="MY"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Malaisie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="MT"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Malte
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="MQ"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Martinique
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="YT"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Mayotte
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="NO"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Norvège
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="NC"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Nouvelle-Calédonie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="NZ"
          >
            <span class="localization-form__currency">NZD
              $ |</span
>
            Nouvelle-Zélande
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="NL"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Pays-Bas
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="PL"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Pologne
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="PT"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Portugal
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="HK"
          >
            <span class="localization-form__currency">HKD
              $ |</span
>
            R.A.S. chinoise de Hong Kong
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="RO"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Roumanie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="GB"
          >
            <span class="localization-form__currency">GBP
              £ |</span
>
            Royaume-Uni
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="SG"
          >
            <span class="localization-form__currency">SGD
              $ |</span
>
            Singapour
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="SK"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Slovaquie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="SI"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Slovénie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="SE"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Suède
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="CH"
          >
            <span class="localization-form__currency">CHF
              CHF |</span
>
            Suisse
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="CZ"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Tchéquie
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            
            data-value="WF"
          >
            <span class="localization-form__currency">EUR
              € |</span
>
            Wallis-et-Futuna
          </a>
        </li></ul>
  </div>
</div>
<input type="hidden" name="country_code" value="FR">
</div></form></localization-form><noscript><form method="post" action="/localization" id="FooterLanguageFormNoScript" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="localization-form__select">
                <h2 class="visually-hidden" id="FooterLanguageLabelNoScript">
                  Langue
                </h2>
                <select
                  class="localization-selector link"
                  name="locale_code"
                  aria-labelledby="FooterLanguageLabelNoScript"
                ><option
                      value="fr"
                      lang="fr"
                        selected
>
                      Français
                    </option><option
                      value="de"
                      lang="de"
                    >
                      Deutsch
                    </option><option
                      value="en"
                      lang="en"
                    >
                      English
                    </option></select>
                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

              </div>
              <button class="button button--tertiary">Mettre à jour la langue</button></form></noscript>

          <localization-form><form method="post" action="/localization" id="FooterLanguageForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="no-js-hidden">
                <h2 class="caption-large text-body" id="FooterLanguageLabel">
                  Langue
                </h2><div class="disclosure">
  <button
    type="button"
    class="disclosure__button localization-form__select localization-selector link link--text caption-large"
    aria-expanded="false"
    aria-controls="FooterLanguageList"
    aria-describedby="FooterLanguageLabel"
  >
    <span>Français</span>
    <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

  </button>
  <div class="disclosure__list-wrapper" hidden>
    <ul id="FooterLanguageList" role="list" class="disclosure__list list-unstyled"><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large disclosure__link--active focus-inset"
            href="#"
            hreflang="fr"
            lang="fr"
            
              aria-current="true"
            
            data-value="fr"
          >
            Français
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            hreflang="de"
            lang="de"
            
            data-value="de"
          >
            Deutsch
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            hreflang="en"
            lang="en"
            
            data-value="en"
          >
            English
          </a>
        </li></ul>
  </div>
</div>
<input type="hidden" name="locale_code" value="fr">
</div></form></localization-form></div>
      <div class="footer__column footer__column--info"><div class="footer__payment">
            <span class="visually-hidden">Moyens de paiement</span>
            <ul class="list list-payment" role="list"><li class="list-payment__item">
                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>

                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewbox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>

                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" aria-labelledby="pi-bancontact" role="img" viewbox="0 0 38 24" width="38" height="24"><title id="pi-bancontact">Bancontact</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M4.703 3.077h28.594c.139 0 .276.023.405.068.128.045.244.11.343.194a.9.9 0 0 1 .229.29c.053.107.08.223.08.34V20.03a.829.829 0 0 1-.31.631 1.164 1.164 0 0 1-.747.262H4.703a1.23 1.23 0 0 1-.405-.068 1.09 1.09 0 0 1-.343-.194.9.9 0 0 1-.229-.29.773.773 0 0 1-.08-.34V3.97c0-.118.027-.234.08-.342a.899.899 0 0 1 .23-.29c.098-.082.214-.148.342-.193a1.23 1.23 0 0 1 .405-.068Z" fill="#fff"/><path d="M6.38 18.562v-3.077h1.125c.818 0 1.344.259 1.344.795 0 .304-.167.515-.401.638.338.132.536.387.536.734 0 .62-.536.91-1.37.91H6.38Zm.724-1.798h.537c.328 0 .468-.136.468-.387 0-.268-.255-.356-.599-.356h-.406v.743Zm0 1.262h.448c.438 0 .693-.093.693-.383 0-.286-.219-.404-.63-.404h-.51v.787Zm3.284.589c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.156.002.31.014.464.035v-.105c0-.269-.183-.396-.531-.396a2.128 2.128 0 0 0-.688.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.767 0 1.147.343 1.147.936v1.222c-.214.093-.615.194-1.136.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.947.947 0 0 0 .365-.061Zm1.204.444v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.167-.444-.484-.444a1.267 1.267 0 0 0-.459.079v1.719h-.713Zm4.886-2.167-.135.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.652.25-.652.664 0 .453.24.685.688.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.553 2.22c-.802 0-1.302-.47-1.302-1.178 0-.704.5-1.174 1.302-1.174.807 0 1.297.47 1.297 1.173 0 .708-.49 1.179-1.297 1.179Zm0-.502c.37 0 .563-.259.563-.677 0-.413-.193-.672-.563-.672-.364 0-.568.26-.568.672 0 .418.204.677.568.677Zm1.713.449v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.166-.444-.484-.444a1.268 1.268 0 0 0-.459.079v1.719h-.713Zm3.996.053c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.355v-.488l.718-.03v.518h.578v.484h-.578v.94c0 .256.125.374.36.374.093 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Zm1.814 0c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.155.002.31.014.464.035v-.105c0-.269-.183-.396-.532-.396a2.128 2.128 0 0 0-.687.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.766 0 1.146.343 1.146.936v1.222c-.213.093-.614.194-1.135.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.946.946 0 0 0 .365-.061Zm3.157-1.723-.136.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.651.25-.651.664 0 .453.24.685.687.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.58 2.22c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.354v-.488l.72-.03v.518h.577v.484h-.578v.94c0 .256.125.374.36.374.092 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Z" fill="#1E3764"/><path d="M11.394 13.946c3.803 0 5.705-2.14 7.606-4.28H6.38v4.28h5.014Z" fill="url(#pi-bancontact-a)"/><path d="M26.607 5.385c-3.804 0-5.705 2.14-7.607 4.28h12.62v-4.28h-5.013Z" fill="url(#pi-bancontact-b)"/><defs><lineargradient id="pi-bancontact-a" x1="8.933" y1="12.003" x2="17.734" y2="8.13" gradientunits="userSpaceOnUse"><stop stop-color="#005AB9"/><stop offset="1" stop-color="#1E3764"/></lineargradient><lineargradient id="pi-bancontact-b" x1="19.764" y1="10.037" x2="29.171" y2="6.235" gradientunits="userSpaceOnUse"><stop stop-color="#FBA900"/><stop offset="1" stop-color="#FFD800"/></lineargradient></defs></svg>
                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" aria-labelledby="pi-cartes_bancaires"><title id="pi-cartes_bancaires">Cartes Bancaires</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="url(#pi-cartes_bancaires-bg)" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M359.76,172.39L377.69,176.41C391.283,180.103 404.573,185.387 417.56,192.26L436.24,204.32C444.133,210.28 451.377,216.933 457.97,224.28C468.75,236.533 477.46,250.08 484.1,264.92C491.547,282.307 496.263,300.463 498.25,319.39L498.88,325.76C498.884,325.797 498.885,325.833 498.885,325.87C498.885,326.477 498.387,326.978 497.78,326.98L488.04,327.03L463.22,327.01L364.28,327.01L314.43,327.03C314.189,327.03 313.99,327.229 313.99,327.47L313.97,358.76C313.97,359.149 314.291,359.47 314.68,359.47L347.03,359.44L392.51,359.36L455.5,359.39L476.03,359.37L497.93,359.27C497.934,359.27 497.938,359.27 497.942,359.27C498.436,359.27 498.842,359.676 498.842,360.17C498.842,360.19 498.841,360.21 498.84,360.23C497.793,375.25 495.07,389.85 490.67,404.03C481.463,433.73 465.017,458.42 441.33,478.1C434.7,482.97 427.99,488.11 421.1,492.01C414.607,495.677 407.88,499.007 400.92,502C390.773,505.96 380.283,509.25 369.45,511.87C358.57,514.083 347.61,515.697 336.57,516.71C323.27,517.67 310.147,517.68 297.2,516.74C284.933,515.8 273.123,514.087 261.77,511.6L238.33,504.64L222.81,498.06C213.743,493.66 205.42,488.693 197.84,483.16C194.92,481.02 191.367,478.213 187.18,474.74C179.267,467.567 172.037,459.82 165.49,451.5C149.837,429.727 139.937,405.473 135.79,378.74C134.997,373.607 134.313,368.713 133.74,364.06C133.493,359.447 133.287,355.093 133.12,351C130.62,288.62 154.03,229.02 209.21,195.62C221.257,188.393 234.053,182.7 247.6,178.54C266.753,172.68 286.397,169.49 306.53,168.97C310.04,168.99 313.69,168.59 316.97,168.67C332.75,169.1 344.72,169.82 359.76,172.39Z" fill="#fff" transform="matrix(.0373 0 0 .0321 1 1)"/><path d="M543.53,178.39L564.53,178.48L615.29,178.46L626.64,178.39L658.03,178.43L695.21,178.41L715.29,178.46L742.47,178.47C754.77,178.27 765.197,178.96 773.75,180.54C775.25,180.813 778.343,181.547 783.03,182.74C791.683,185.62 799.43,190.06 806.27,196.06C821.137,209.253 829.46,225.9 831.24,246C831.54,249.353 831.53,254.247 831.21,260.68C830.883,262.76 830.52,264.863 830.12,266.99C826.12,288.283 815.17,304.643 797.27,316.07C791.15,319.983 784.14,322.75 776.24,324.37C766.087,326.103 757.34,326.973 750,326.98C729.9,327.007 709.807,327.017 689.72,327.01L640.23,327.03L610.96,327.03L552.22,327.08L529.14,326.99C528.66,326.99 528.42,326.75 528.42,326.27L528.39,210.79L528.46,182.34L528.39,178.97C528.39,178.966 528.39,178.963 528.39,178.959C528.385,178.641 528.647,178.375 528.971,178.37C528.974,178.37 528.977,178.37 528.98,178.37L543.53,178.39Z" fill="#fff" transform="matrix(.0373 0 0 .0321 1 1)"/><path d="M544.02,359.28L600.29,359.41L629.53,359.47L686.76,359.42C710.667,359.473 734.58,359.523 758.5,359.57C761.013,359.57 764.993,359.987 770.44,360.82C794.68,363.74 814.59,379.34 824.72,401.32C830.253,413.787 832.43,426.597 831.25,439.75C828.89,466.217 816.147,486.057 793.02,499.27C777.79,506.54 761.85,507.5 745.02,507.51C735.833,507.517 726.643,507.513 717.45,507.5L680.94,507.51L653.28,507.52L592.8,507.63L585.32,507.53L539.82,507.52L529.54,507.64C528.88,507.58 528.55,507.367 528.55,507C528.557,475.087 528.537,443.147 528.49,411.18L528.47,360.61C528.47,359.71 528.917,359.263 529.81,359.27L544.02,359.28Z" fill="#fff" transform="matrix(.0373 0 0 .0321 1 1)"/><defs><lineargradient id="pi-cartes_bancaires-bg" x1="1" y1="23" x2="37" y2="1" gradientunits="userSpaceOnUse"><stop stop-color="#003087"/><stop offset=".32" stop-color="#005AA8"/><stop offset=".5" stop-color="#E7DFDC"/><stop offset=".74" stop-color="#C8102E"/><stop offset="1" stop-color="#B00020"/></lineargradient></defs></svg>

                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" aria-labelledby="pi-eps"> <title id="pi-eps">EPS</title> <path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" opacity=".07"/> <path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#fff"/> <path fill="#71706f" d="M27.745 12.32h-2.322a.465.465 0 01-.468-.464c0-.258.21-.484.468-.484h3.535V9.628h-3.535c-1.233 0-2.237 1.006-2.237 2.236s1.004 2.237 2.237 2.237h2.29c.259 0 .469.205.469.462 0 .258-.21.448-.468.448h-4.912c-.417.796-.822 1.478-1.645 1.82h6.588c1.213-.018 2.205-1.045 2.205-2.265 0-1.22-.992-2.23-2.205-2.247z"/> <path fill="#71706f" d="M18.845 9.628c-1.968 0-3.571 1.612-3.571 3.594V20.697h1.782V16.83h1.785c1.968 0 3.565-1.634 3.565-3.615 0-1.98-1.593-3.587-3.561-3.587zm0 5.383h-1.79v-1.796c0-1.003.8-1.82 1.79-1.82s1.796.817 1.796 1.82a1.79 1.79 0 01-1.796 1.796z"/> <path fill="#c8036f" d="M9.634 16.83c-1.685 0-3.101-1.2-3.484-2.768 0 0-.111-.519-.111-.86 0-.342.105-.865.105-.865a3.594 3.594 0 013.482-2.73c1.978 0 3.6 1.608 3.6 3.586v.87H7.973c.31.607.938.948 1.662.948h4.724l.006-5.13c0-.764-.625-1.39-1.39-1.39H6.278c-.764 0-1.39.607-1.39 1.371v6.696c0 .765.626 1.41 1.39 1.41h6.696c.686 0 1.259-.493 1.37-1.138h-4.71z"/> <path fill="#c8036f" d="M9.626 11.31c-.72 0-1.348.44-1.66 1.01h3.32c-.312-.57-.939-1.01-1.66-1.01zM12.659 6.314c0-1.635-1.359-2.96-3.034-2.96-1.647 0-2.987 1.282-3.031 2.879v.91c0 .106.086.21.195.21h1.116c.11 0 .205-.104.205-.21v-.83c0-.815.68-1.48 1.516-1.48.837 0 1.516.665 1.516 1.48v.83c0 .106.089.21.198.21h1.116c.109 0 .202-.104.202-.21v-.83z"/> <g> <path fill="#71706f" d="M20.843 19.142l-.16.914c-.082.462-.384.673-.794.673-.347 0-.616-.226-.538-.672l.161-.914h.249l-.161.913c-.05.285.078.447.32.447.249 0 .462-.148.513-.446l.161-.915h.25zm-.977-.285c0 .076.059.112.121.112.079 0 .164-.057.164-.162 0-.074-.05-.112-.114-.112-.08 0-.17.052-.17.162zm.538-.003c0 .079.06.114.126.114.07 0 .161-.056.161-.159 0-.074-.054-.114-.114-.114-.08 0-.173.052-.173.16zM21.445 19.142l-.112.632a.57.57 0 01.423-.199c.278 0 .47.163.47.465 0 .428-.297.686-.678.686-.148 0-.274-.055-.35-.194l-.042.165h-.218l.276-1.554h.23zm-.175 1.066c-.01.183.11.302.282.302a.444.444 0 00.441-.423c.01-.186-.111-.296-.28-.296a.45.45 0 00-.443.417zM22.68 20.242c-.01.151.11.275.311.275.112 0 .26-.044.34-.12l.126.145a.782.782 0 01-.508.188c-.319 0-.505-.19-.505-.482 0-.388.305-.677.695-.677.356 0 .558.216.437.67h-.896zm.708-.19c.018-.19-.094-.267-.28-.267-.168 0-.323.078-.39.267h.67zM24.193 19.597l-.012.146a.414.414 0 01.357-.17c.107 0 .204.039.255.095l-.139.201a.244.244 0 00-.183-.067.346.346 0 00-.352.3l-.106.595h-.23l.195-1.1h.215zM25.905 19.597l.116.87.422-.87h.257l-.578 1.1h-.27l-.11-.725-.178.36-.192.365h-.27l-.194-1.1h.26l.114.87.424-.87h.199zM26.997 20.242c-.01.151.11.275.311.275.112 0 .26-.044.34-.12l.126.145a.782.782 0 01-.508.188c-.319 0-.505-.19-.505-.482 0-.388.305-.677.695-.677.356 0 .558.216.437.67h-.896zm.708-.19c.018-.19-.094-.267-.28-.267-.168 0-.323.078-.39.267h.67zM28.525 19.597l-.194 1.1H28.1l.195-1.1h.23zm-.204-.3c0 .08.059.12.121.12.09 0 .173-.059.173-.168a.113.113 0 00-.117-.117c-.082 0-.177.054-.177.166zM29.55 19.87c-.072-.081-.164-.104-.274-.104-.152 0-.26.052-.26.148 0 .08.088.114.218.126.201.017.459.085.405.37-.038.205-.244.326-.53.326-.18 0-.353-.04-.47-.204l.151-.163c.083.114.229.161.358.164.11 0 .24-.04.26-.144.02-.098-.067-.136-.228-.152-.188-.018-.394-.087-.394-.296 0-.276.298-.372.522-.372.17 0 .295.038.399.148l-.157.152zM30.278 19.597l-.105.592c-.034.189.051.319.244.319.181 0 .336-.15.367-.334l.101-.576h.231l-.195 1.099h-.208l.015-.16a.573.573 0 01-.412.182c-.271 0-.432-.194-.374-.528l.105-.593h.231zM32.13 20.697l.105-.589c.033-.19-.032-.317-.242-.317-.184 0-.339.148-.37.33l-.1.576h-.232l.195-1.1h.21l-.015.16a.583.583 0 01.403-.176c.27 0 .444.187.384.525l-.106.59h-.233zM32.912 20.848c-.016.152.1.213.296.213.17 0 .354-.095.396-.337l.034-.189c-.1.142-.285.197-.421.197-.283 0-.48-.168-.48-.473 0-.434.323-.685.688-.685.155 0 .294.073.343.199l.038-.176h.224l-.193 1.132c-.071.42-.383.55-.668.55-.34 0-.528-.165-.481-.43h.224zm.065-.633c0 .188.123.302.3.302.477 0 .605-.733.128-.733a.42.42 0 00-.428.43z"/></g></svg>
                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" viewbox="0 0 38 24" aria-labelledby="pi-klarna" fill="none"><title id="pi-klarna">Klarna</title><rect width="38" height="24" rx="2" fill="#FFA8CD"/><rect x=".5" y=".5" width="37" height="23" rx="1.5" stroke="#000" stroke-opacity=".07"/><path d="M30.62 14.755c-.662 0-1.179-.554-1.179-1.226 0-.673.517-1.226 1.18-1.226.663 0 1.18.553 1.18 1.226 0 .672-.517 1.226-1.18 1.226zm-.33 1.295c.565 0 1.286-.217 1.686-1.068l.04.02c-.176.465-.176.742-.176.81v.11h1.423v-4.786H31.84v.109c0 .069 0 .346.175.81l-.039.02c-.4-.85-1.121-1.068-1.687-1.068-1.355 0-2.31 1.088-2.31 2.522 0 1.433.955 2.521 2.31 2.521zm-4.788-5.043c-.643 0-1.15.228-1.56 1.068l-.039-.02c.175-.464.175-.741.175-.81v-.11h-1.423v4.787h1.462V13.4c0-.662.38-1.078.995-1.078.614 0 .917.356.917 1.068v2.532h1.462v-3.046c0-1.088-.838-1.869-1.989-1.869zm-4.963 1.068l-.039-.02c.176-.464.176-.741.176-.81v-.11h-1.424v4.787h1.463l.01-2.304c0-.673.35-1.078.926-1.078.156 0 .282.02.429.06v-1.464c-.644-.139-1.22.109-1.54.94zm-4.65 2.68c-.664 0-1.18-.554-1.18-1.226 0-.673.516-1.226 1.18-1.226.662 0 1.179.553 1.179 1.226 0 .672-.517 1.226-1.18 1.226zm-.332 1.295c.565 0 1.287-.217 1.687-1.068l.038.02c-.175.465-.175.742-.175.81v.11h1.424v-4.786h-1.424v.109c0 .069 0 .346.175.81l-.038.02c-.4-.85-1.122-1.068-1.687-1.068-1.356 0-2.311 1.088-2.311 2.522 0 1.433.955 2.521 2.31 2.521zm-4.349-.128h1.463V9h-1.463v6.922zM10.136 9H8.644c0 1.236-.751 2.343-1.892 3.134l-.448.317V9h-1.55v6.922h1.55V12.49l2.564 3.43h1.892L8.293 12.64c1.121-.82 1.852-2.096 1.843-3.639z" fill="#0B051D"/></svg>
                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>

                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-mobilepay"><title id="pi-mobilepay">MobilePay</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.05 15.296s2.53-.771 4.282-.776c2.896-.007 4.857 1.15 4.857 1.15V10.06s-1.97-1.02-4.453-1.09c-2.481-.068-4.687 1.012-4.687 1.012v5.313z" fill="#5A78FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.308 9.19l2.082 4.957V9.396s1.646-.882 3.485-1.13c1.84-.249 4.181.08 4.181.08l-1.133-2.707s-2.461-.159-4.69.794c-2.228.952-3.925 2.756-3.925 2.756z" fill="#5A78FF"/><path d="M21.428 5.676l-.82-1.99a1.818 1.818 0 00-2.37-.996l-5.663 2.334a1.818 1.818 0 00-.98 2.376l5.46 13.247a1.818 1.818 0 002.37.995l5.662-2.334a1.817 1.817 0 00.98-2.376l-.677-1.642s-.462-.027-.676-.033c-.226-.006-.644-.001-.644-.001l.88 2.136a.606.606 0 01-.326.793l-5.663 2.333a.606.606 0 01-.79-.331L12.711 6.94a.606.606 0 01.327-.792L18.7 3.814a.606.606 0 01.79.332l.83 2.011s.383-.187.59-.27c.206-.082.518-.211.518-.211z" fill="#5A78FF"/></svg>
                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>

                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 16.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>

                </li></ul>
          </div></div>
    </div>
    <div class="footer__content-bottom-wrapper page-width">
      <div class="footer__copyright caption">
        <small class="copyright__content"
          >&copy; 2026, <a href="/" title="">Hello Oceans </a></small>
        <small class="copyright__content"><a target="_blank" rel="nofollow" href="https://fr.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Commerce électronique propulsé par Shopify</a></small><ul class="policies list-unstyled"><li>
                  <small class="copyright__content"
                    ><a href="/policies/privacy-policy">Politique de confidentialité</a></small
>
                </li><li>
                  <small class="copyright__content"
                    ><a href="/policies/refund-policy">Politique de remboursement</a></small
>
                </li><li>
                  <small class="copyright__content"
                    ><a href="/policies/contact-information">Coordonnées</a></small
>
                </li><li>
                  <small class="copyright__content"
                    ><a href="/policies/#shopifyReshowConsentBanner">Préférences en matière de cookies</a></small
>
                </li></ul></div>
    </div>
  </div>
</footer>


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

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

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

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

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

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

      window.accessibilityStrings = {
        imageAvailable: `L&#39;image [index] est maintenant disponible dans la galerie`,
        shareSuccess: `Lien copié dans le presse-papiers`,
        pauseSlideshow: `Interrompre le diaporama`,
        playSlideshow: `Lire le diaporama`,
        recipientFormExpanded: `Formulaire de destinataire de carte-cadeau agrandi`,
        recipientFormCollapsed: `Formulaire de destinataire de carte-cadeau réduit`,
      };
    </script><script src="//helloceans.com/cdn/shop/t/1/assets/predictive-search.js?v=162273246065392412141697654720" defer="defer"></script><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>