<!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
– 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 name="shopify-checkout-api-token" content="2b269562e23d5b9463ecf78ee989dc66">
<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">
<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 = "/";</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 id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//helloceans.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_4pd76__2.fr.esm.js"></script>
<script defer="defer" async type="module" src="//helloceans.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CDj_h82W.esm.js"></script>
<script type="module">
await import("//helloceans.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_4pd76__2.fr.esm.js");
await import("//helloceans.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CDj_h82W.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"shop-cart-sync":["modules/v2/client.shop-cart-sync_BOuC5zna.fr.esm.js","modules/v2/chunk.common_CDj_h82W.esm.js"],"shop-button":["modules/v2/client.shop-button_jGNAEWpn.fr.esm.js","modules/v2/chunk.common_CDj_h82W.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_DkXqXaqZ.fr.esm.js","modules/v2/chunk.common_CDj_h82W.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_Rc0wZLnS.fr.esm.js","modules/v2/chunk.common_CDj_h82W.esm.js","modules/v2/chunk.modal_C_9oJOnr.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.fr.esm.js"],"init-windoid":["modules/v2/client.init-windoid_04sA94Kw.fr.esm.js","modules/v2/chunk.common_CDj_h82W.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_DwsjBYCq.fr.esm.js","modules/v2/chunk.common_CDj_h82W.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_Clw5115-.fr.esm.js","modules/v2/chunk.common_CDj_h82W.esm.js"],"pay-button":["modules/v2/client.pay-button_DtHqkXIs.fr.esm.js","modules/v2/chunk.common_CDj_h82W.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_B-P-3VvD.fr.esm.js","modules/v2/chunk.common_CDj_h82W.esm.js","modules/v2/chunk.modal_C_9oJOnr.esm.js"],"init-shop-cart-sync":["modules/v2/client.init-shop-cart-sync_4pd76__2.fr.esm.js","modules/v2/chunk.common_CDj_h82W.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_CMR6CS4p.fr.esm.js","modules/v2/client.shop-login-button_B-P-3VvD.fr.esm.js","modules/v2/chunk.common_CDj_h82W.esm.js","modules/v2/chunk.modal_C_9oJOnr.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_D0e67msQ.fr.esm.js","modules/v2/client.shop-login-button_B-P-3VvD.fr.esm.js","modules/v2/chunk.common_CDj_h82W.esm.js","modules/v2/chunk.modal_C_9oJOnr.esm.js"],"lead-capture":["modules/v2/client.lead-capture_DezykVa3.fr.esm.js","modules/v2/chunk.common_CDj_h82W.esm.js","modules/v2/chunk.modal_C_9oJOnr.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_DPyw57HW.fr.esm.js","modules/v2/chunk.common_CDj_h82W.esm.js","modules/v2/chunk.modal_C_9oJOnr.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_C2-vgNj-.fr.esm.js","modules/v2/chunk.common_CDj_h82W.esm.js","modules/v2/chunk.modal_C_9oJOnr.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_BUoag4Sr.fr.esm.js","modules/v2/client.shop-login-button_B-P-3VvD.fr.esm.js","modules/v2/chunk.common_CDj_h82W.esm.js","modules/v2/chunk.modal_C_9oJOnr.esm.js"],"shop-login":["modules/v2/client.shop-login_DHNUH2jM.fr.esm.js","modules/v2/chunk.common_CDj_h82W.esm.js","modules/v2/chunk.modal_C_9oJOnr.esm.js"],"payment-terms":["modules/v2/client.payment-terms_1rbEmTxj.fr.esm.js","modules/v2/chunk.common_CDj_h82W.esm.js","modules/v2/chunk.modal_C_9oJOnr.esm.js"]};
</script>
<script id="__st">var __st={"a":78610661710,"offset":3600,"reqid":"c72d70fa-29e7-47dc-85f7-9960e7bfe6d3-1766048341","pageurl":"helloceans.com\/","u":"1319d50fa25e","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-52AcMU7V7pcBOXWImdc/TAGTFKeNjmkeM1Pvks/DTgc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//helloceans.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-81c60534.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//helloceans.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></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?279"></script>
<script>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: 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");
}
: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: 243,253,255;
--gradient-background: #f3fdff;
--color-foreground: 18,18,18;
--color-shadow: 18,18,18;
--color-button: 18,18,18;
--color-button-text: 243,243,243;
--color-secondary-button: 243,253,255;
--color-secondary-button-text: 18,18,18;
--color-link: 18,18,18;
--color-badge-foreground: 18,18,18;
--color-badge-background: 243,253,255;
--color-badge-border: 18,18,18;
--payment-terms-background-color: rgb(243 253 255);
}
.color-inverse {
--color-background: 139,177,216;
--gradient-background: #8bb1d8;
--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,177,216;
--color-secondary-button-text: 255,255,255;
--color-link: 255,255,255;
--color-badge-foreground: 255,255,255;
--color-badge-background: 139,177,216;
--color-badge-border: 255,255,255;
--payment-terms-background-color: rgb(139 177 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);
}
body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2 {
color: rgba(var(--color-foreground), 0.75);
background-color: rgb(var(--color-background));
}
:root {
--font-body-family: Arapey, serif;
--font-body-style: normal;
--font-body-weight: 400;
--font-body-weight-bold: 700;
--font-heading-family: Arapey, 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/arapey/arapey_n4.f34340ab9c56baa7f8accf674e253407b725d12c.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 id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={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:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-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:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-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+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 78610661710,storefrontBaseUrl: "https://helloceans.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86"],webPixelsConfigList: [{"id":"2263318862","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"34ad157958823915625854214640f0bf","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","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":[],"purchasingCompany":null},},"https://helloceans.com/cdn","ae1676cfwd2530674p4253c800m34e853cb",{"modern":"","legacy":""},{"shopId":"78610661710","storefrontBaseUrl":"https:\/\/helloceans.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"ae1676cfwd2530674p4253c800m34e853cb","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"}};
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 || [];
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 78610661710,
theme_id: 154273218894,
app_name: "storefront",
context_url: window.location.href,
source_url: "//helloceans.com/cdn/s/trekkie.storefront.4b0d51228c8d1703f19d66468963c9de55bf59b0.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//helloceans.com/cdn/s/trekkie.storefront.4b0d51228c8d1703f19d66468963c9de55bf59b0.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//helloceans.com/cdn/s/trekkie.storefront.4b0d51228c8d1703f19d66468963c9de55bf59b0.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":78610661710,"isMerchantRequest":null,"themeId":154273218894,"themeCityHash":"9171222735049069783","contentLanguage":"fr","currency":"EUR","eventMetadataId":"b00c6767-bff2-4870-afd0-3dacc2385ee3"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["65f19447"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//helloceans.com/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://helloceans.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-2.1.2.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>
<script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {const LONG_FRAME_THRESHOLD = 50;const longAnimationFrames = [];let activeRafId = null;function collectLongFrames() {let previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}const 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 (!PerformanceObserver.supportedEntryTypes.includes('long-animation-frame')) {collectLongFrames();const timeoutId = setTimeout(() => {cancelAnimationFrame(activeRafId);}, 10_000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function(stopCollection = false) {if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();</script></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 4"
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'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 4"
tabindex="-1"
>
<div
class="announcement-bar__announcement"
role="region"
aria-label="Annonce"
><p class="announcement-bar__message h5">
<span>Livraison gratuite à partir de 50€</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 4"
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 4"
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>
<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 rel="stylesheet" href="//helloceans.com/cdn/shop/t/1/assets/component-mega-menu.css?v=10110889665867715061697654698" media="print" onload="this.media='all'">
<noscript><link href="//helloceans.com/cdn/shop/t/1/assets/component-mega-menu.css?v=10110889665867715061697654698" rel="stylesheet" type="text/css" media="all" /></noscript><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;
}@media screen and (min-width: 990px) {
header-drawer {
display: none;
}
}.menu-drawer-container {
display: flex;
}
.list-menu {
list-style: none;
padding: 0;
margin: 0;
}
.list-menu--inline {
display: inline-flex;
flex-wrap: wrap;
}
summary.list-menu__item {
padding-right: 2.7rem;
}
.list-menu__item {
display: flex;
align-items: center;
line-height: calc(1 + 0.3 / var(--font-body-scale));
}
.list-menu__item--link {
text-decoration: none;
padding-bottom: 1rem;
padding-top: 1rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
}
@media screen and (min-width: 750px) {
.list-menu__item--link {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
}
</style><style data-shopify>.header {
padding: 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="on-scroll-up" class="header-wrapper color-background-2 gradient header-wrapper--border-bottom"><header class="header header--top-left header--mobile-center page-width 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="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="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="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="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>
</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.4;
}</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/IMG_1582.jpg?v=1719779752&width=3840" alt="" srcset="//helloceans.com/cdn/shop/files/IMG_1582.jpg?v=1719779752&width=375 375w, //helloceans.com/cdn/shop/files/IMG_1582.jpg?v=1719779752&width=550 550w, //helloceans.com/cdn/shop/files/IMG_1582.jpg?v=1719779752&width=750 750w, //helloceans.com/cdn/shop/files/IMG_1582.jpg?v=1719779752&width=1100 1100w, //helloceans.com/cdn/shop/files/IMG_1582.jpg?v=1719779752&width=1500 1500w, //helloceans.com/cdn/shop/files/IMG_1582.jpg?v=1719779752&width=1780 1780w, //helloceans.com/cdn/shop/files/IMG_1582.jpg?v=1719779752&width=2000 2000w, //helloceans.com/cdn/shop/files/IMG_1582.jpg?v=1719779752&width=3000 3000w, //helloceans.com/cdn/shop/files/IMG_1582.jpg?v=1719779752&width=3840 3840w" width="1280" height="720.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"
>
<em><strong>Hello Oceans</strong></em>
</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/66671B4C-F9B7-458C-9F95-A46A8F382813.jpg?v=1719773501&width=165 165w,//helloceans.com/cdn/shop/files/66671B4C-F9B7-458C-9F95-A46A8F382813.jpg?v=1719773501&width=360 360w,//helloceans.com/cdn/shop/files/66671B4C-F9B7-458C-9F95-A46A8F382813.jpg?v=1719773501&width=533 533w,//helloceans.com/cdn/shop/files/66671B4C-F9B7-458C-9F95-A46A8F382813.jpg?v=1719773501&width=720 720w,//helloceans.com/cdn/shop/files/66671B4C-F9B7-458C-9F95-A46A8F382813.jpg?v=1719773501&width=940 940w,//helloceans.com/cdn/shop/files/66671B4C-F9B7-458C-9F95-A46A8F382813.jpg?v=1719773501&width=1066 1066w,//helloceans.com/cdn/shop/files/66671B4C-F9B7-458C-9F95-A46A8F382813.jpg?v=1719773501 2835w "
src="//helloceans.com/cdn/shop/files/66671B4C-F9B7-458C-9F95-A46A8F382813.jpg?v=1719773501&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 Abby l’étoile de mer"
class="motion-reduce"
loading="lazy"
width="2835"
height="3780"
>
<img
srcset="//helloceans.com/cdn/shop/files/2A3B96C7-C5D4-4011-B204-41FF8F623EFA.jpg?v=1735622644&width=165 165w,//helloceans.com/cdn/shop/files/2A3B96C7-C5D4-4011-B204-41FF8F623EFA.jpg?v=1735622644&width=360 360w,//helloceans.com/cdn/shop/files/2A3B96C7-C5D4-4011-B204-41FF8F623EFA.jpg?v=1735622644&width=533 533w,//helloceans.com/cdn/shop/files/2A3B96C7-C5D4-4011-B204-41FF8F623EFA.jpg?v=1735622644&width=720 720w,//helloceans.com/cdn/shop/files/2A3B96C7-C5D4-4011-B204-41FF8F623EFA.jpg?v=1735622644&width=940 940w,//helloceans.com/cdn/shop/files/2A3B96C7-C5D4-4011-B204-41FF8F623EFA.jpg?v=1735622644&width=1066 1066w,//helloceans.com/cdn/shop/files/2A3B96C7-C5D4-4011-B204-41FF8F623EFA.jpg?v=1735622644 2835w "
src="//helloceans.com/cdn/shop/files/2A3B96C7-C5D4-4011-B204-41FF8F623EFA.jpg?v=1735622644&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="2835"
height="3780"
></div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/collier-etoile-de-mer"
id="StandardCardNoMediaLink-template--19937640350030__featured_collection-8758881780046"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--19937640350030__featured_collection-8758881780046 NoMediaStandardBadge-template--19937640350030__featured_collection-8758881780046"
>
Collier Abby l’étoile de mer
</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-8758881780046"
>
<a
href="/products/collier-etoile-de-mer"
id="CardLink-template--19937640350030__featured_collection-8758881780046"
class="full-unstyled-link"
aria-labelledby="CardLink-template--19937640350030__featured_collection-8758881780046 Badge-template--19937640350030__featured_collection-8758881780046"
>
Collier Abby l’étoile de mer
</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">
€12,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">
€12,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"> par </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-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/6E4930BE-528A-44DC-B638-7DC7F17D26FE.jpg?v=1719780364&width=165 165w,//helloceans.com/cdn/shop/files/6E4930BE-528A-44DC-B638-7DC7F17D26FE.jpg?v=1719780364&width=360 360w,//helloceans.com/cdn/shop/files/6E4930BE-528A-44DC-B638-7DC7F17D26FE.jpg?v=1719780364&width=533 533w,//helloceans.com/cdn/shop/files/6E4930BE-528A-44DC-B638-7DC7F17D26FE.jpg?v=1719780364&width=720 720w,//helloceans.com/cdn/shop/files/6E4930BE-528A-44DC-B638-7DC7F17D26FE.jpg?v=1719780364&width=940 940w,//helloceans.com/cdn/shop/files/6E4930BE-528A-44DC-B638-7DC7F17D26FE.jpg?v=1719780364&width=1066 1066w,//helloceans.com/cdn/shop/files/6E4930BE-528A-44DC-B638-7DC7F17D26FE.jpg?v=1719780364 2835w "
src="//helloceans.com/cdn/shop/files/6E4930BE-528A-44DC-B638-7DC7F17D26FE.jpg?v=1719780364&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="2835"
height="3780"
>
</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">
€19,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">
€19,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"> par </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-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/E84AD9EE-7FD7-4197-A961-0BA3738B9584.jpg?v=1749841599&width=165 165w,//helloceans.com/cdn/shop/files/E84AD9EE-7FD7-4197-A961-0BA3738B9584.jpg?v=1749841599&width=360 360w,//helloceans.com/cdn/shop/files/E84AD9EE-7FD7-4197-A961-0BA3738B9584.jpg?v=1749841599&width=533 533w,//helloceans.com/cdn/shop/files/E84AD9EE-7FD7-4197-A961-0BA3738B9584.jpg?v=1749841599&width=720 720w,//helloceans.com/cdn/shop/files/E84AD9EE-7FD7-4197-A961-0BA3738B9584.jpg?v=1749841599&width=940 940w,//helloceans.com/cdn/shop/files/E84AD9EE-7FD7-4197-A961-0BA3738B9584.jpg?v=1749841599&width=1066 1066w,//helloceans.com/cdn/shop/files/E84AD9EE-7FD7-4197-A961-0BA3738B9584.jpg?v=1749841599 2835w "
src="//helloceans.com/cdn/shop/files/E84AD9EE-7FD7-4197-A961-0BA3738B9584.jpg?v=1749841599&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 Fleur Hibiscus"
class="motion-reduce"
loading="lazy"
width="2835"
height="3780"
>
<img
srcset="//helloceans.com/cdn/shop/files/9141A289-B056-4129-BF1B-DD7FFCD195C6.jpg?v=1749841599&width=165 165w,//helloceans.com/cdn/shop/files/9141A289-B056-4129-BF1B-DD7FFCD195C6.jpg?v=1749841599&width=360 360w,//helloceans.com/cdn/shop/files/9141A289-B056-4129-BF1B-DD7FFCD195C6.jpg?v=1749841599&width=533 533w,//helloceans.com/cdn/shop/files/9141A289-B056-4129-BF1B-DD7FFCD195C6.jpg?v=1749841599&width=720 720w,//helloceans.com/cdn/shop/files/9141A289-B056-4129-BF1B-DD7FFCD195C6.jpg?v=1749841599&width=940 940w,//helloceans.com/cdn/shop/files/9141A289-B056-4129-BF1B-DD7FFCD195C6.jpg?v=1749841599&width=1066 1066w,//helloceans.com/cdn/shop/files/9141A289-B056-4129-BF1B-DD7FFCD195C6.jpg?v=1749841599 2448w "
src="//helloceans.com/cdn/shop/files/9141A289-B056-4129-BF1B-DD7FFCD195C6.jpg?v=1749841599&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="2448"
height="3264"
></div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/collier-fleur-hibiscus"
id="StandardCardNoMediaLink-template--19937640350030__featured_collection-8758894428494"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--19937640350030__featured_collection-8758894428494 NoMediaStandardBadge-template--19937640350030__featured_collection-8758894428494"
>
Collier Fleur Hibiscus
</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-8758894428494"
>
<a
href="/products/collier-fleur-hibiscus"
id="CardLink-template--19937640350030__featured_collection-8758894428494"
class="full-unstyled-link"
aria-labelledby="CardLink-template--19937640350030__featured_collection-8758894428494 Badge-template--19937640350030__featured_collection-8758894428494"
>
Collier Fleur Hibiscus
</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">
€15,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">
€15,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"> par </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.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/22A5883E-2B9B-4660-989D-E560130C8BA9.jpg?v=1749840904&width=165 165w,//helloceans.com/cdn/shop/files/22A5883E-2B9B-4660-989D-E560130C8BA9.jpg?v=1749840904&width=360 360w,//helloceans.com/cdn/shop/files/22A5883E-2B9B-4660-989D-E560130C8BA9.jpg?v=1749840904&width=533 533w,//helloceans.com/cdn/shop/files/22A5883E-2B9B-4660-989D-E560130C8BA9.jpg?v=1749840904&width=720 720w,//helloceans.com/cdn/shop/files/22A5883E-2B9B-4660-989D-E560130C8BA9.jpg?v=1749840904&width=940 940w,//helloceans.com/cdn/shop/files/22A5883E-2B9B-4660-989D-E560130C8BA9.jpg?v=1749840904&width=1066 1066w,//helloceans.com/cdn/shop/files/22A5883E-2B9B-4660-989D-E560130C8BA9.jpg?v=1749840904 2835w "
src="//helloceans.com/cdn/shop/files/22A5883E-2B9B-4660-989D-E560130C8BA9.jpg?v=1749840904&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 Soleil Spirale"
class="motion-reduce"
loading="lazy"
width="2835"
height="3780"
>
<img
srcset="//helloceans.com/cdn/shop/files/C4F4DB1C-9AE0-4174-9F9C-80C61112950F.jpg?v=1749840904&width=165 165w,//helloceans.com/cdn/shop/files/C4F4DB1C-9AE0-4174-9F9C-80C61112950F.jpg?v=1749840904&width=360 360w,//helloceans.com/cdn/shop/files/C4F4DB1C-9AE0-4174-9F9C-80C61112950F.jpg?v=1749840904&width=533 533w,//helloceans.com/cdn/shop/files/C4F4DB1C-9AE0-4174-9F9C-80C61112950F.jpg?v=1749840904&width=720 720w,//helloceans.com/cdn/shop/files/C4F4DB1C-9AE0-4174-9F9C-80C61112950F.jpg?v=1749840904&width=940 940w,//helloceans.com/cdn/shop/files/C4F4DB1C-9AE0-4174-9F9C-80C61112950F.jpg?v=1749840904&width=1066 1066w,//helloceans.com/cdn/shop/files/C4F4DB1C-9AE0-4174-9F9C-80C61112950F.jpg?v=1749840904 3000w "
src="//helloceans.com/cdn/shop/files/C4F4DB1C-9AE0-4174-9F9C-80C61112950F.jpg?v=1749840904&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="3000"
height="3999"
></div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/collier-soleil"
id="StandardCardNoMediaLink-template--19937640350030__featured_collection-9031684391246"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--19937640350030__featured_collection-9031684391246 NoMediaStandardBadge-template--19937640350030__featured_collection-9031684391246"
>
Collier Soleil Spirale
</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-9031684391246"
>
<a
href="/products/collier-soleil"
id="CardLink-template--19937640350030__featured_collection-9031684391246"
class="full-unstyled-link"
aria-labelledby="CardLink-template--19937640350030__featured_collection-9031684391246 Badge-template--19937640350030__featured_collection-9031684391246"
>
Collier Soleil Spirale
</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"> par </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-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/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&width=165 165w,//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&width=360 360w,//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&width=533 533w,//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&width=720 720w,//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&width=940 940w,//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&width=1066 1066w,//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486 3024w "
src="//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&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 Summer"
class="motion-reduce"
loading="lazy"
width="3024"
height="4032"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/collier-summer-1"
id="StandardCardNoMediaLink-template--19937640350030__featured_collection-9054747951438"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--19937640350030__featured_collection-9054747951438 NoMediaStandardBadge-template--19937640350030__featured_collection-9054747951438"
>
Collier Summer
</a>
</h3>
</div>
<div class="card__badge bottom left"><span
id="NoMediaStandardBadge-template--19937640350030__featured_collection-9054747951438"
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-9054747951438"
>
<a
href="/products/collier-summer-1"
id="CardLink-template--19937640350030__featured_collection-9054747951438"
class="full-unstyled-link"
aria-labelledby="CardLink-template--19937640350030__featured_collection-9054747951438 Badge-template--19937640350030__featured_collection-9054747951438"
>
Collier Summer
</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">
€30,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">
€30,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"> par </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom left"><span
id="Badge-template--19937640350030__featured_collection-9054747951438"
class="badge badge--bottom-left color-inverse"
>Épuisé</span></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.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/568F103F-BA95-4FB7-97BE-A63719EF9DEF.jpg?v=1715868189&width=165 165w,//helloceans.com/cdn/shop/files/568F103F-BA95-4FB7-97BE-A63719EF9DEF.jpg?v=1715868189&width=360 360w,//helloceans.com/cdn/shop/files/568F103F-BA95-4FB7-97BE-A63719EF9DEF.jpg?v=1715868189&width=533 533w,//helloceans.com/cdn/shop/files/568F103F-BA95-4FB7-97BE-A63719EF9DEF.jpg?v=1715868189&width=720 720w,//helloceans.com/cdn/shop/files/568F103F-BA95-4FB7-97BE-A63719EF9DEF.jpg?v=1715868189&width=940 940w,//helloceans.com/cdn/shop/files/568F103F-BA95-4FB7-97BE-A63719EF9DEF.jpg?v=1715868189&width=1066 1066w,//helloceans.com/cdn/shop/files/568F103F-BA95-4FB7-97BE-A63719EF9DEF.jpg?v=1715868189 3024w "
src="//helloceans.com/cdn/shop/files/568F103F-BA95-4FB7-97BE-A63719EF9DEF.jpg?v=1715868189&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="Bague Pierre Bleu"
class="motion-reduce"
loading="lazy"
width="3024"
height="4032"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/bague-pierre-bleu"
id="StandardCardNoMediaLink-template--19937640350030__featured_collection-8896255131982"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--19937640350030__featured_collection-8896255131982 NoMediaStandardBadge-template--19937640350030__featured_collection-8896255131982"
>
Bague Pierre Bleu
</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-8896255131982"
>
<a
href="/products/bague-pierre-bleu"
id="CardLink-template--19937640350030__featured_collection-8896255131982"
class="full-unstyled-link"
aria-labelledby="CardLink-template--19937640350030__featured_collection-8896255131982 Badge-template--19937640350030__featured_collection-8896255131982"
>
Bague Pierre Bleu
</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">
€10,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">
€10,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"> par </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-7"
class="grid__item scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 7;"
>
<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.36109954185756%;"
>
<div
class="card__inner color-background-2 gradient ratio"
style="--ratio-percent: 133.36109954185756%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//helloceans.com/cdn/shop/files/99B82C73-8028-4711-BC23-D43CA26E821D.jpg?v=1757362125&width=165 165w,//helloceans.com/cdn/shop/files/99B82C73-8028-4711-BC23-D43CA26E821D.jpg?v=1757362125&width=360 360w,//helloceans.com/cdn/shop/files/99B82C73-8028-4711-BC23-D43CA26E821D.jpg?v=1757362125&width=533 533w,//helloceans.com/cdn/shop/files/99B82C73-8028-4711-BC23-D43CA26E821D.jpg?v=1757362125&width=720 720w,//helloceans.com/cdn/shop/files/99B82C73-8028-4711-BC23-D43CA26E821D.jpg?v=1757362125&width=940 940w,//helloceans.com/cdn/shop/files/99B82C73-8028-4711-BC23-D43CA26E821D.jpg?v=1757362125&width=1066 1066w,//helloceans.com/cdn/shop/files/99B82C73-8028-4711-BC23-D43CA26E821D.jpg?v=1757362125 2401w "
src="//helloceans.com/cdn/shop/files/99B82C73-8028-4711-BC23-D43CA26E821D.jpg?v=1757362125&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 La mer"
class="motion-reduce"
loading="lazy"
width="2401"
height="3202"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/collier-la-mer"
id="StandardCardNoMediaLink-template--19937640350030__featured_collection-10241810039118"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--19937640350030__featured_collection-10241810039118 NoMediaStandardBadge-template--19937640350030__featured_collection-10241810039118"
>
Collier La mer
</a>
</h3>
</div>
<div class="card__badge bottom left"><span
id="NoMediaStandardBadge-template--19937640350030__featured_collection-10241810039118"
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-10241810039118"
>
<a
href="/products/collier-la-mer"
id="CardLink-template--19937640350030__featured_collection-10241810039118"
class="full-unstyled-link"
aria-labelledby="CardLink-template--19937640350030__featured_collection-10241810039118 Badge-template--19937640350030__featured_collection-10241810039118"
>
Collier La mer
</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">
€28,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">
€28,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"> par </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div><div class="card__badge bottom left"><span
id="Badge-template--19937640350030__featured_collection-10241810039118"
class="badge badge--bottom-left color-inverse"
>Épuisé</span></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/66671B4C-F9B7-458C-9F95-A46A8F382813.jpg?v=1719773501&width=165 165w,//helloceans.com/cdn/shop/files/66671B4C-F9B7-458C-9F95-A46A8F382813.jpg?v=1719773501&width=330 330w,//helloceans.com/cdn/shop/files/66671B4C-F9B7-458C-9F95-A46A8F382813.jpg?v=1719773501&width=535 535w,//helloceans.com/cdn/shop/files/66671B4C-F9B7-458C-9F95-A46A8F382813.jpg?v=1719773501&width=750 750w,//helloceans.com/cdn/shop/files/66671B4C-F9B7-458C-9F95-A46A8F382813.jpg?v=1719773501&width=1000 1000w,//helloceans.com/cdn/shop/files/66671B4C-F9B7-458C-9F95-A46A8F382813.jpg?v=1719773501&width=1500 1500w,//helloceans.com/cdn/shop/files/66671B4C-F9B7-458C-9F95-A46A8F382813.jpg?v=1719773501 2835w "
src="//helloceans.com/cdn/shop/files/66671B4C-F9B7-458C-9F95-A46A8F382813.jpg?v=1719773501&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/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/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&width=165 165w,//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&width=330 330w,//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&width=535 535w,//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&width=750 750w,//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&width=1000 1000w,//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&width=1500 1500w,//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&width=3000 3000w,//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486 3024w "
src="//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&width=1500"
sizes=" (min-width: 1200px) 366px, (min-width: 750px) calc((100vw - 10rem) / 2), calc(100vw - 3rem) "
alt=""
height="4032"
width="3024"
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/22A5883E-2B9B-4660-989D-E560130C8BA9.jpg?v=1749840904&width=165 165w,//helloceans.com/cdn/shop/files/22A5883E-2B9B-4660-989D-E560130C8BA9.jpg?v=1749840904&width=330 330w,//helloceans.com/cdn/shop/files/22A5883E-2B9B-4660-989D-E560130C8BA9.jpg?v=1749840904&width=535 535w,//helloceans.com/cdn/shop/files/22A5883E-2B9B-4660-989D-E560130C8BA9.jpg?v=1749840904&width=750 750w,//helloceans.com/cdn/shop/files/22A5883E-2B9B-4660-989D-E560130C8BA9.jpg?v=1749840904&width=1000 1000w,//helloceans.com/cdn/shop/files/22A5883E-2B9B-4660-989D-E560130C8BA9.jpg?v=1749840904&width=1500 1500w,//helloceans.com/cdn/shop/files/22A5883E-2B9B-4660-989D-E560130C8BA9.jpg?v=1749840904 2835w "
src="//helloceans.com/cdn/shop/files/22A5883E-2B9B-4660-989D-E560130C8BA9.jpg?v=1749840904&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/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=1722688630&width=165 165w,//helloceans.com/cdn/shop/files/B86701E8-9C18-463C-9638-EA2AABAD3B79.jpg?v=1722688630&width=330 330w,//helloceans.com/cdn/shop/files/B86701E8-9C18-463C-9638-EA2AABAD3B79.jpg?v=1722688630&width=535 535w,//helloceans.com/cdn/shop/files/B86701E8-9C18-463C-9638-EA2AABAD3B79.jpg?v=1722688630&width=750 750w,//helloceans.com/cdn/shop/files/B86701E8-9C18-463C-9638-EA2AABAD3B79.jpg?v=1722688630&width=1000 1000w,//helloceans.com/cdn/shop/files/B86701E8-9C18-463C-9638-EA2AABAD3B79.jpg?v=1722688630&width=1500 1500w,//helloceans.com/cdn/shop/files/B86701E8-9C18-463C-9638-EA2AABAD3B79.jpg?v=1722688630 2835w "
src="//helloceans.com/cdn/shop/files/B86701E8-9C18-463C-9638-EA2AABAD3B79.jpg?v=1722688630&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/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&width=165 165w,//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&width=330 330w,//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&width=535 535w,//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&width=750 750w,//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&width=1000 1000w,//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&width=1500 1500w,//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&width=3000 3000w,//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486 3024w "
src="//helloceans.com/cdn/shop/files/27C9FED6-3AB0-4593-B158-7EEA5A651BFC.jpg?v=1723046486&width=1500"
sizes=" (min-width: 1200px) 366px, (min-width: 750px) calc((100vw - 10rem) / 2), calc(100vw - 3rem) "
alt=""
height="4032"
width="3024"
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 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--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/568F103F-BA95-4FB7-97BE-A63719EF9DEF.jpg?v=1715868189&width=165 165w,//helloceans.com/cdn/shop/files/568F103F-BA95-4FB7-97BE-A63719EF9DEF.jpg?v=1715868189&width=330 330w,//helloceans.com/cdn/shop/files/568F103F-BA95-4FB7-97BE-A63719EF9DEF.jpg?v=1715868189&width=535 535w,//helloceans.com/cdn/shop/files/568F103F-BA95-4FB7-97BE-A63719EF9DEF.jpg?v=1715868189&width=750 750w,//helloceans.com/cdn/shop/files/568F103F-BA95-4FB7-97BE-A63719EF9DEF.jpg?v=1715868189&width=1000 1000w,//helloceans.com/cdn/shop/files/568F103F-BA95-4FB7-97BE-A63719EF9DEF.jpg?v=1715868189&width=1500 1500w,//helloceans.com/cdn/shop/files/568F103F-BA95-4FB7-97BE-A63719EF9DEF.jpg?v=1715868189&width=3000 3000w,//helloceans.com/cdn/shop/files/568F103F-BA95-4FB7-97BE-A63719EF9DEF.jpg?v=1715868189 3024w "
src="//helloceans.com/cdn/shop/files/568F103F-BA95-4FB7-97BE-A63719EF9DEF.jpg?v=1715868189&width=1500"
sizes=" (min-width: 1200px) 366px, (min-width: 750px) calc((100vw - 10rem) / 2), calc(100vw - 3rem) "
alt=""
height="4032"
width="3024"
loading="lazy"
class="motion-reduce"
>
</div>
</div><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 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>
</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'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="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="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="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="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></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" aria-labelledby="pi-american_express" viewbox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" 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 fill="#006FCF" 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-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></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" width="38" height="24" role="img" viewbox="0 0 38 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-labelledby="pi-cartes_bancaires"><title id="pi-cartes_bancaires">Cartes Bancaires</title><rect x="1" y="1" width="36" height="22" rx="2" fill="url(#pi-cartes_bancaires-paint0_linear)"/><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07"/><path fill-rule="evenodd" clip-rule="evenodd" d="M28 9.934c0 1.067-.8 1.932-1.79 1.934v.002h-6.52V8h6.52c.99.002 1.79.867 1.79 1.934zm0 4.104c0 1.067-.8 1.932-1.79 1.934v.003h-6.52v-3.87h6.52c.99.002 1.79.867 1.79 1.933zm-13.224-1.934h4.788v.378c0 1.943-1.46 3.518-3.26 3.518H13.26C11.46 16 10 14.425 10 12.482v-.938c0-1.943 1.46-3.518 3.26-3.518h3.044c1.8 0 3.26 1.575 3.26 3.518v.326h-4.788v.234z" fill="#fff"/><defs><lineargradient id="pi-cartes_bancaires-paint0_linear" x1="37" y1="1" x2="17.422" y2="33.036" gradientunits="userSpaceOnUse"><stop stop-color="#083969"/><stop offset=".492" stop-color="#007B9D"/><stop offset="1" stop-color="#00A84A"/></lineargradient></defs></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" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</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"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></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" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</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 d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg>
</li></ul>
</div></div>
</div>
<div class="footer__content-bottom-wrapper page-width">
<div class="footer__copyright caption">
<small class="copyright__content"
>© 2025, <a href="/" title="">Hello Oceans </a></small>
<small class="copyright__content"><a target="_blank" rel="nofollow" href="https://fr.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Commerce électronique propulsé par Shopify</a></small></div>
</div>
</div>
</footer>
</div>
<!-- END sections: footer-group -->
<ul hidden>
<li id="a11y-refresh-page-message">Le choix d'une sélection entraîne l'actualisation de la page entière.</li>
<li id="a11y-new-window-message">S'ouvre dans une nouvelle fenêtre.</li>
</ul>
<script>
window.shopUrl = 'https://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'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></body>
</html>
