<!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":false}</script>
<script id="shopify-features" type="application/json">{"accessToken":"2b269562e23d5b9463ecf78ee989dc66","betas":["rich-media-storefront-analytics"],"domain":"helloceans.com","predictiveSearch":true,"shopId":78610661710,"smart_payment_buttons_url":"https:\/\/helloceans.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.fr.js","dynamic_checkout_cart_url":"https:\/\/helloceans.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.fr.js","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";</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"login-button":["modules/client.login-button_DCPlSL0s.fr.esm.js","modules/chunk.common_DufDHO_O.esm.js"],"shop-pay-payment-request":["modules/client.shop-pay-payment-request_DhoiXU4n.fr.esm.js","modules/chunk.common_DufDHO_O.esm.js","modules/client.login-button_DCPlSL0s.fr.esm.js","modules/chunk.shop-pay_CqP2bo2E.esm.js"],"payment-terms":["modules/client.payment-terms_B8-AXxap.fr.esm.js","modules/chunk.common_DufDHO_O.esm.js","modules/client.login-button_DCPlSL0s.fr.esm.js"],"pay-button":["modules/client.pay-button_CvI7o4cZ.fr.esm.js","modules/chunk.common_DufDHO_O.esm.js"],"discount-app":["modules/client.discount-app_B97CxszT.fr.esm.js","modules/chunk.common_DufDHO_O.esm.js"],"avatar":["modules/client.avatar_BTnouDA3.fr.esm.js"],"init-shop-for-new-customer-accounts":["modules/client.init-shop-for-new-customer-accounts_DNR5FJMD.fr.esm.js","modules/chunk.common_DufDHO_O.esm.js","modules/client.login-button_DCPlSL0s.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/client.init-shop-email-lookup-coordinator_DxC43x1H.fr.esm.js","modules/chunk.common_DufDHO_O.esm.js"],"init-customer-accounts-sign-up":["modules/client.init-customer-accounts-sign-up_BB4_bnTe.fr.esm.js","modules/chunk.common_DufDHO_O.esm.js","modules/client.login-button_DCPlSL0s.fr.esm.js"],"init-customer-accounts":["modules/client.init-customer-accounts_CEOV4UNh.fr.esm.js","modules/chunk.common_DufDHO_O.esm.js","modules/client.login-button_DCPlSL0s.fr.esm.js"]};
</script>
<script>(function() {
function asyncLoad() {
var urls = ["https:\/\/cdn1.judge.me\/assets\/installed.js?shop=066b42-2.myshopify.com"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
<script id="__st">var __st={"a":78610661710,"offset":3600,"reqid":"5839f04f-0655-47ce-a854-e8a80cb797f7-1733248218","pageurl":"helloceans.com\/","u":"408bca943a3f","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(',');function s(t,e,n=!1){try{const o=window.sessionStorage;for(const[n,c]of Object.entries(JSON.parse(o.getItem(e))))t.elements[n]&&(t.elements[n].value=c);n&&o.removeItem(e)}catch{}}const a='form_key',i=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response','password'],u=()=>{try{return window.sessionStorage}catch{return}},m=t=>t.elements[a],f='form_type',d='cptcha';function p(t){t.dataset[d]=!0}const l=window,h=l.document,_='Shopify',y='ce_forms',E='captcha';let v=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe','https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js',T={infoText:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'},(t,e,n)=>{const o=l[_][y],c=o.bindForm;if(c)return c(t,g,e,T).then(n);o.q.push([[t,g,e,T],n]),v||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js'})),v=!0)});var g,T;l[_]=l[_]||{},l[_][y]=l[_][y]||{},l[_][y].q=[],l[_][E]=l[_][E]||{},l[_][E].protect=function(t,e){n(t,void 0,e),p(t)},Object.freeze(l[_][E]),function(t,e,n,l,h,_){const[y,E,v,g]=function(t,e,n){const s=e?o:[],a=t?c:[],i=[...s,...a],u=[...o],m=r(i),f=r(s),d=n&&r(i.filter((([t,e])=>n.includes(e)))),p=r(u),l=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];return[l(m),l(f),l(d),l(p)]}(l,h,_),T=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},S=t=>y().includes(t);t.addEventListener('submit',(t=>{const e=T(t);if(!e)return;const n=S(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=m(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!u())return;!function(t){const e=u();if(!e)return;const n=m(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){m(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:a})),t.elements[a].value=e}(t,e),function(t,e){const n=u();if(!n)return;const o=[...t.querySelectorAll('input[type="password"]')].map((({name:t})=>t)),c=[...i,...o],r={};for(const[s,a]of new FormData(t).entries())c.includes(s)||(r[s]=a);n.setItem(e,JSON.stringify(r))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const w=(t,e)=>{t&&!t.dataset[d]&&(n(t,e.some((e=>e===t))),p(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=T(t);S(e)&&w(e,E())}));const A=e.get('form_key'),b=e.get(f),I=A&&b;t.addEventListener('DOMContentLoaded',(()=>{const t=E();if(I)for(const e of t)e.elements[f].value===b&&s(e,A);[...new Set([...v(),...y().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>w(e,t)))}))}(h,new URLSearchParams(l.location.search),n,!0,!0,['guest_login'])})()}();</script>
<script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//helloceans.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//helloceans.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script>
<script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//helloceans.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></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?68"></script>
<style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) {
#dynamic-checkout-cart {
min-height: 50px;
}
}
@media screen and (max-width: 750px) {
#dynamic-checkout-cart {
min-height: 120px;
}
}
</style><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.2d2866546ce54f39e3baf69f5d944e54b2e0771b.woff2?h1=MDY2YjQyLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGVsbG9vY2VhbnMuZnI&h3=aGVsbG9jZWFucy5jb20&hmac=e4d23d46c9e8afabc82ab31b46983d12ad6b29d97e335700013f1a92dcba9987") format("woff2"),
url("//helloceans.com/cdn/fonts/arapey/arapey_n4.a5bf746bd7b4646dec7a42e0f36c7afe1b3785db.woff?h1=MDY2YjQyLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGVsbG9vY2VhbnMuZnI&h3=aGVsbG9jZWFucy5jb20&hmac=df6bfc41c16e2487e75c0c82ac77d8a42d3ea7581ef8b8247361f5d65326af39") 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.76b9c74110c86df9446495f3b98d8ff62e62229e.woff2?h1=MDY2YjQyLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGVsbG9vY2VhbnMuZnI&h3=aGVsbG9jZWFucy5jb20&hmac=62d7270fe9dab8475d6fde74ba5f4f056f167f942ae23c1f47d2181577bd58bd") format("woff2"),
url("//helloceans.com/cdn/fonts/arapey/arapey_i4.54a950529ca14266fc22b37574a97a78f656c7bb.woff?h1=MDY2YjQyLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGVsbG9vY2VhbnMuZnI&h3=aGVsbG9jZWFucy5jb20&hmac=e26c44f5cb2a8386aeb52fc43ea7e89742f32bf7074ef97cf07f70bcf801c056") format("woff");
}
@font-face {
font-family: "ITC Tapioca";
font-weight: 500;
font-style: normal;
font-display: swap;
src: url("//helloceans.com/cdn/fonts/itc_tapioca/itctapioca_n5.8e86094e730fd9548d62e47fcb3167ebfc9e9519.woff2?h1=MDY2YjQyLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGVsbG9vY2VhbnMuZnI&h3=aGVsbG9jZWFucy5jb20&hmac=69c2860669b6a34172c24d4140daacbe38762e371a28538363a7dd194b907fa8") format("woff2"),
url("//helloceans.com/cdn/fonts/itc_tapioca/itctapioca_n5.9613dd764e56ae7972afade750ab455e419cf144.woff?h1=MDY2YjQyLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGVsbG9vY2VhbnMuZnI&h3=aGVsbG9jZWFucy5jb20&hmac=483bc820579b84d40eb449ef89e1a1580466b42a6d8478c6b004165f674d0ddd") 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: "ITC Tapioca", sans-serif;
--font-heading-style: normal;
--font-heading-weight: 500;
--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.2d2866546ce54f39e3baf69f5d944e54b2e0771b.woff2?h1=MDY2YjQyLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGVsbG9vY2VhbnMuZnI&h3=aGVsbG9jZWFucy5jb20&hmac=e4d23d46c9e8afabc82ab31b46983d12ad6b29d97e335700013f1a92dcba9987" type="font/woff2" crossorigin><link rel="preload" as="font" href="//helloceans.com/cdn/fonts/itc_tapioca/itctapioca_n5.8e86094e730fd9548d62e47fcb3167ebfc9e9519.woff2?h1=MDY2YjQyLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGVsbG9vY2VhbnMuZnI&h3=aGVsbG9jZWFucy5jb20&hmac=69c2860669b6a34172c24d4140daacbe38762e371a28538363a7dd194b907fa8" 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>
<!-- BEGIN app block: shopify://apps/yotpo-product-reviews-ugc/blocks/settings/eb7dfd7d-db44-4334-bc49-c893b51b36cf -->
<script type="text/javascript" src="https://cdn-widgetsrepository.yotpo.com/v1/loader/xaNbnhMCSkY46GRmgp08KRj1PvS4051XRR0gDFtK?languageCode=fr" async></script>
<!-- END app app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);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: session_token && session_token.length === 2 ? session_token[1] : "",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 d(d,e,r,a,n){var o,i,t,s,l=(i=(o={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:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-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:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,t=o.legacy,s=navigator.userAgent,i.test(s)?"modern":(t.test(s),"legacy"));window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(d,e,r){return u.replayQueue.push([d,e,r]),!0};try{self.performance.mark("wpm:start")}catch(d){}var h=[r,"/wpm","/b",n,l.substring(0,1),".js"].join("");!function(d){var e=d.src,r=d.async,a=void 0===r||r,n=d.onload,o=d.onerror,i=document.createElement("script"),t=document.head,s=document.body;i.async=a,i.src=e,n&&i.addEventListener("load",n),o&&i.addEventListener("error",o),t?t.appendChild(i):s?s.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:h,async:!0,onload:function(){var r=window.webPixelsManager.init(d);e(r);var a=window.Shopify.analytics;a.replayQueue.forEach((function(d){var e=d[0],a=d[1],n=d[2];r.publishCustomEvent(e,a,n)})),a.replayQueue=[],a.publish=r.publishCustomEvent,a.visitor=r.visitor},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),r="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),n=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:a||"latest",bundle_target:l,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(h," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(r,n))return!0}catch(d){}var o=new XMLHttpRequest;try{return o.open("POST",r,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(n),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 78610661710,storefrontBaseUrl: "https://helloceans.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0220","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},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://helloceans.com/cdn","1518c2ba4d2b3301a1e3cb6576947ef22edf7bb6","3c762e5aw5b983e43pc2dc4883m545d5a27",);</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>window.ShopifyAnalytics.merchantGoogleAnalytics = function() {
};
</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.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//helloceans.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//helloceans.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":78610661710,"isMerchantRequest":null,"themeId":154273218894,"themeCityHash":"12327137410969680746","contentLanguage":"fr","currency":"EUR"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"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"});
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/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script class="boomerang">
(function () {
window.BOOMR = window.BOOMR || {};
window.BOOMR.themeName = "Dawn";
window.BOOMR.themeVersion = "11.0.0";
window.BOOMR.shopId = 78610661710;
window.BOOMR.themeId = 154273218894;
})();</script>
<script
defer
src="https://helloceans.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.2.min.js"
data-application="storefront-renderer"
data-shop-id="78610661710"
data-render-region="gcp-europe-west4"
data-page-type="index"
data-theme-instance-id="154273218894"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
></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><!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--19937641201998__announcement-bar" class="shopify-section shopify-section-group-header-group announcement-bar-section"><link href="//helloceans.com/cdn/shop/t/1/assets/component-slideshow.css?v=107725913939919748051697654708" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/1/assets/component-slider.css?v=114212096148022386971697654707" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/1/assets/component-list-social.css?v=35792976012981934991697654695" rel="stylesheet" type="text/css" media="all" />
<div
class="utility-bar color-inverse gradient utility-bar--bottom-border"
>
<div class="page-width utility-bar__grid"><slideshow-component
class="announcement-bar"
role="region"
aria-roledescription="Carrousel"
aria-label="Barre d’annonces"
>
<div class="announcement-bar-slider slider-buttons">
<button
type="button"
class="slider-button slider-button--prev"
name="previous"
aria-label="Annonce précédente"
aria-controls="Slider-sections--19937641201998__announcement-bar"
>
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</button>
<div
class="grid grid--1-col slider slider--everywhere"
id="Slider-sections--19937641201998__announcement-bar"
aria-live="polite"
aria-atomic="true"
data-autoplay="true"
data-speed="3"
><div
class="slideshow__slide slider__slide grid__item grid--1-col"
id="Slide-sections--19937641201998__announcement-bar-1"
role="group"
aria-roledescription="Annonce"
aria-label="1 de 5"
tabindex="-1"
>
<div
class="announcement-bar__announcement"
role="region"
aria-label="Annonce"
><p class="announcement-bar__message h5">
<span>Découvrez la beauté intemporelle de l'océan dans nos bijoux</span></p></div>
</div><div
class="slideshow__slide slider__slide grid__item grid--1-col"
id="Slide-sections--19937641201998__announcement-bar-2"
role="group"
aria-roledescription="Annonce"
aria-label="2 de 5"
tabindex="-1"
>
<div
class="announcement-bar__announcement"
role="region"
aria-label="Annonce"
><p class="announcement-bar__message h5">
<span>Trousse offerte à partir de 100€ d’achat</span></p></div>
</div><div
class="slideshow__slide slider__slide grid__item grid--1-col"
id="Slide-sections--19937641201998__announcement-bar-3"
role="group"
aria-roledescription="Annonce"
aria-label="3 de 5"
tabindex="-1"
>
<div
class="announcement-bar__announcement"
role="region"
aria-label="Annonce"
><p class="announcement-bar__message h5">
<span>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-4"
role="group"
aria-roledescription="Annonce"
aria-label="4 de 5"
tabindex="-1"
>
<div
class="announcement-bar__announcement"
role="region"
aria-label="Annonce"
><p class="announcement-bar__message h5">
<span>Expédition 72h</span></p></div>
</div><div
class="slideshow__slide slider__slide grid__item grid--1-col"
id="Slide-sections--19937641201998__announcement-bar-5"
role="group"
aria-roledescription="Annonce"
aria-label="5 de 5"
tabindex="-1"
>
<div
class="announcement-bar__announcement"
role="region"
aria-label="Annonce"
><p class="announcement-bar__message h5">
<span>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'"><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><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--middle-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="AT">
Autriche (EUR €)
</option><option value="BE">
Belgique (EUR €)
</option><option value="BG">
Bulgarie (BGN лв.)
</option><option value="CY">
Chypre (EUR €)
</option><option value="HR">
Croatie (EUR €)
</option><option value="DK">
Danemark (DKK kr.)
</option><option value="ES">
Espagne (EUR €)
</option><option value="EE">
Estonie (EUR €)
</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 (HUF Ft)
</option><option value="IE">
Irlande (EUR €)
</option><option value="IT">
Italie (EUR €)
</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="MT">
Malte (EUR €)
</option><option value="MQ">
Martinique (EUR €)
</option><option value="NC">
Nouvelle-Calédonie (EUR €)
</option><option value="NL">
Pays-Bas (EUR €)
</option><option value="PL">
Pologne (PLN zł)
</option><option value="PT">
Portugal (EUR €)
</option><option value="RO">
Roumanie (RON Lei)
</option><option value="SK">
Slovaquie (EUR €)
</option><option value="SI">
Slovénie (EUR €)
</option><option value="SE">
Suède (SEK kr)
</option><option value="CZ">
Tchéquie (CZK Kč)
</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="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">BGN
лв. |</span
>
Bulgarie
</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="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">DKK
kr. |</span
>
Danemark
</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="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">HUF
Ft |</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="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="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="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="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="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">PLN
zł |</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="RO"
>
<span class="localization-form__currency">RON
Lei |</span
>
Roumanie
</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">SEK
kr |</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="CZ"
>
<span class="localization-form__currency">CZK
Kč |</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>
<cart-notification>
<div class="cart-notification-wrapper page-width">
<div
id="cart-notification"
class="cart-notification focus-inset color-background-2 gradient"
aria-modal="true"
aria-label="Article ajouté au panier"
role="dialog"
tabindex="-1"
>
<div class="cart-notification__header">
<h2 class="cart-notification__heading caption-large text-body"><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
Article ajouté au panier
</h2>
<button
type="button"
class="cart-notification__close 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 id="cart-notification-product" class="cart-notification-product"></div>
<div class="cart-notification__links">
<a
href="/cart"
id="cart-notification-button"
class="button button--secondary button--full-width"
>Voir le panier</a>
<form action="/cart" method="post" id="cart-notification-form">
<button class="button button--primary button--full-width" name="checkout">
Procéder au paiement
</button>
</form>
<button type="button" class="link button-label">Continuer les achats</button>
</div>
</div>
</div>
</cart-notification>
<style data-shopify>
.cart-notification {
display: none;
}
</style>
<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/61555A92-84C3-4E23-BCCB-1A377C000030.jpg?v=1719773499&width=165 165w,//helloceans.com/cdn/shop/files/61555A92-84C3-4E23-BCCB-1A377C000030.jpg?v=1719773499&width=360 360w,//helloceans.com/cdn/shop/files/61555A92-84C3-4E23-BCCB-1A377C000030.jpg?v=1719773499&width=533 533w,//helloceans.com/cdn/shop/files/61555A92-84C3-4E23-BCCB-1A377C000030.jpg?v=1719773499&width=720 720w,//helloceans.com/cdn/shop/files/61555A92-84C3-4E23-BCCB-1A377C000030.jpg?v=1719773499&width=940 940w,//helloceans.com/cdn/shop/files/61555A92-84C3-4E23-BCCB-1A377C000030.jpg?v=1719773499&width=1066 1066w,//helloceans.com/cdn/shop/files/61555A92-84C3-4E23-BCCB-1A377C000030.jpg?v=1719773499 1290w "
src="//helloceans.com/cdn/shop/files/61555A92-84C3-4E23-BCCB-1A377C000030.jpg?v=1719773499&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="1290"
height="1566"
></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"><span
id="NoMediaStandardBadge-template--19937640350030__featured_collection-8758881780046"
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-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 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">
€16,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">
€16,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-8758881780046"
class="badge badge--bottom-left color-inverse"
>Épuisé</span></div>
</div>
</div>
</div>
</li><li
id="Slide-template--19937640350030__featured_collection-2"
class="grid__item scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 2;"
>
<link href="//helloceans.com/cdn/shop/t/1/assets/component-rating.css?v=157771854592137137841697654705" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/1/assets/component-volume-pricing.css?v=56284703641257077881697654709" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper product-card-wrapper underline-links-hover">
<div
class="card card--standard card--media"
style="--ratio-percent: 133.33333333333334%;"
>
<div
class="card__inner color-background-2 gradient ratio"
style="--ratio-percent: 133.33333333333334%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//helloceans.com/cdn/shop/files/E84AD9EE-7FD7-4197-A961-0BA3738B9584.jpg?v=1719777359&width=165 165w,//helloceans.com/cdn/shop/files/E84AD9EE-7FD7-4197-A961-0BA3738B9584.jpg?v=1719777359&width=360 360w,//helloceans.com/cdn/shop/files/E84AD9EE-7FD7-4197-A961-0BA3738B9584.jpg?v=1719777359&width=533 533w,//helloceans.com/cdn/shop/files/E84AD9EE-7FD7-4197-A961-0BA3738B9584.jpg?v=1719777359&width=720 720w,//helloceans.com/cdn/shop/files/E84AD9EE-7FD7-4197-A961-0BA3738B9584.jpg?v=1719777359&width=940 940w,//helloceans.com/cdn/shop/files/E84AD9EE-7FD7-4197-A961-0BA3738B9584.jpg?v=1719777359&width=1066 1066w,//helloceans.com/cdn/shop/files/E84AD9EE-7FD7-4197-A961-0BA3738B9584.jpg?v=1719777359 2835w "
src="//helloceans.com/cdn/shop/files/E84AD9EE-7FD7-4197-A961-0BA3738B9584.jpg?v=1719777359&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"
>
</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"><span
id="NoMediaStandardBadge-template--19937640350030__featured_collection-8758894428494"
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-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 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">
€16,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">
€16,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-8758894428494"
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/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">
€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"><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-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/1E09ED04-9E1C-4374-9724-5B5D593C1A87.jpg?v=1721731598&width=165 165w,//helloceans.com/cdn/shop/files/1E09ED04-9E1C-4374-9724-5B5D593C1A87.jpg?v=1721731598&width=360 360w,//helloceans.com/cdn/shop/files/1E09ED04-9E1C-4374-9724-5B5D593C1A87.jpg?v=1721731598&width=533 533w,//helloceans.com/cdn/shop/files/1E09ED04-9E1C-4374-9724-5B5D593C1A87.jpg?v=1721731598&width=720 720w,//helloceans.com/cdn/shop/files/1E09ED04-9E1C-4374-9724-5B5D593C1A87.jpg?v=1721731598&width=940 940w,//helloceans.com/cdn/shop/files/1E09ED04-9E1C-4374-9724-5B5D593C1A87.jpg?v=1721731598&width=1066 1066w,//helloceans.com/cdn/shop/files/1E09ED04-9E1C-4374-9724-5B5D593C1A87.jpg?v=1721731598 2835w "
src="//helloceans.com/cdn/shop/files/1E09ED04-9E1C-4374-9724-5B5D593C1A87.jpg?v=1721731598&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"
>
</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"><span
id="NoMediaStandardBadge-template--19937640350030__featured_collection-9031684391246"
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-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 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">
€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"><span
id="Badge-template--19937640350030__featured_collection-9031684391246"
class="badge badge--bottom-left color-inverse"
>Épuisé</span></div>
</div>
</div>
</div>
</li><li
id="Slide-template--19937640350030__featured_collection-5"
class="grid__item scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 5;"
>
<link href="//helloceans.com/cdn/shop/t/1/assets/component-rating.css?v=157771854592137137841697654705" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/1/assets/component-volume-pricing.css?v=56284703641257077881697654709" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper product-card-wrapper underline-links-hover">
<div
class="card card--standard card--media"
style="--ratio-percent: 133.33333333333334%;"
>
<div
class="card__inner color-background-2 gradient ratio"
style="--ratio-percent: 133.33333333333334%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//helloceans.com/cdn/shop/files/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/8A08A87D-A874-4F90-B260-13BC63050503.jpg?v=1729859907&width=165 165w,//helloceans.com/cdn/shop/files/8A08A87D-A874-4F90-B260-13BC63050503.jpg?v=1729859907&width=360 360w,//helloceans.com/cdn/shop/files/8A08A87D-A874-4F90-B260-13BC63050503.jpg?v=1729859907&width=533 533w,//helloceans.com/cdn/shop/files/8A08A87D-A874-4F90-B260-13BC63050503.jpg?v=1729859907&width=720 720w,//helloceans.com/cdn/shop/files/8A08A87D-A874-4F90-B260-13BC63050503.jpg?v=1729859907&width=940 940w,//helloceans.com/cdn/shop/files/8A08A87D-A874-4F90-B260-13BC63050503.jpg?v=1729859907&width=1066 1066w,//helloceans.com/cdn/shop/files/8A08A87D-A874-4F90-B260-13BC63050503.jpg?v=1729859907 3024w "
src="//helloceans.com/cdn/shop/files/8A08A87D-A874-4F90-B260-13BC63050503.jpg?v=1729859907&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 Sun"
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-sun"
id="StandardCardNoMediaLink-template--19937640350030__featured_collection-9817632473422"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--19937640350030__featured_collection-9817632473422 NoMediaStandardBadge-template--19937640350030__featured_collection-9817632473422"
>
Collier Sun
</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-9817632473422"
>
<a
href="/products/collier-sun"
id="CardLink-template--19937640350030__featured_collection-9817632473422"
class="full-unstyled-link"
aria-labelledby="CardLink-template--19937640350030__featured_collection-9817632473422 Badge-template--19937640350030__featured_collection-9817632473422"
>
Collier Sun
</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-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: 123.18121693121692%;"
>
<div
class="card__inner color-background-2 gradient ratio"
style="--ratio-percent: 123.18121693121692%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//helloceans.com/cdn/shop/files/F3E3AEDE-89DF-4AF0-9145-FA7CF9AC21EE.jpg?v=1725558126&width=165 165w,//helloceans.com/cdn/shop/files/F3E3AEDE-89DF-4AF0-9145-FA7CF9AC21EE.jpg?v=1725558126&width=360 360w,//helloceans.com/cdn/shop/files/F3E3AEDE-89DF-4AF0-9145-FA7CF9AC21EE.jpg?v=1725558126&width=533 533w,//helloceans.com/cdn/shop/files/F3E3AEDE-89DF-4AF0-9145-FA7CF9AC21EE.jpg?v=1725558126&width=720 720w,//helloceans.com/cdn/shop/files/F3E3AEDE-89DF-4AF0-9145-FA7CF9AC21EE.jpg?v=1725558126&width=940 940w,//helloceans.com/cdn/shop/files/F3E3AEDE-89DF-4AF0-9145-FA7CF9AC21EE.jpg?v=1725558126&width=1066 1066w,//helloceans.com/cdn/shop/files/F3E3AEDE-89DF-4AF0-9145-FA7CF9AC21EE.jpg?v=1725558126 3024w "
src="//helloceans.com/cdn/shop/files/F3E3AEDE-89DF-4AF0-9145-FA7CF9AC21EE.jpg?v=1725558126&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 Sunny"
class="motion-reduce"
loading="lazy"
width="3024"
height="3725"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/collier-sunny"
id="StandardCardNoMediaLink-template--19937640350030__featured_collection-9734786122062"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--19937640350030__featured_collection-9734786122062 NoMediaStandardBadge-template--19937640350030__featured_collection-9734786122062"
>
Collier Sunny
</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-9734786122062"
>
<a
href="/products/collier-sunny"
id="CardLink-template--19937640350030__featured_collection-9734786122062"
class="full-unstyled-link"
aria-labelledby="CardLink-template--19937640350030__featured_collection-9734786122062 Badge-template--19937640350030__featured_collection-9734786122062"
>
Collier Sunny
</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">
€29,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">
€29,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></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--8-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/collections/26311060-F827-4E99-A438-A7C6C67FAA4F.jpg?v=1732802181&width=165 165w,//helloceans.com/cdn/shop/collections/26311060-F827-4E99-A438-A7C6C67FAA4F.jpg?v=1732802181&width=330 330w,//helloceans.com/cdn/shop/collections/26311060-F827-4E99-A438-A7C6C67FAA4F.jpg?v=1732802181&width=535 535w,//helloceans.com/cdn/shop/collections/26311060-F827-4E99-A438-A7C6C67FAA4F.jpg?v=1732802181&width=750 750w,//helloceans.com/cdn/shop/collections/26311060-F827-4E99-A438-A7C6C67FAA4F.jpg?v=1732802181&width=1000 1000w,//helloceans.com/cdn/shop/collections/26311060-F827-4E99-A438-A7C6C67FAA4F.jpg?v=1732802181&width=1500 1500w,//helloceans.com/cdn/shop/collections/26311060-F827-4E99-A438-A7C6C67FAA4F.jpg?v=1732802181&width=3000 3000w,//helloceans.com/cdn/shop/collections/26311060-F827-4E99-A438-A7C6C67FAA4F.jpg?v=1732802181 3024w "
src="//helloceans.com/cdn/shop/collections/26311060-F827-4E99-A438-A7C6C67FAA4F.jpg?v=1732802181&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/8F26D6D8-01B9-44F4-B453-C56174E1D93B.jpg?v=1719773300&width=165 165w,//helloceans.com/cdn/shop/files/8F26D6D8-01B9-44F4-B453-C56174E1D93B.jpg?v=1719773300&width=330 330w,//helloceans.com/cdn/shop/files/8F26D6D8-01B9-44F4-B453-C56174E1D93B.jpg?v=1719773300&width=535 535w,//helloceans.com/cdn/shop/files/8F26D6D8-01B9-44F4-B453-C56174E1D93B.jpg?v=1719773300&width=750 750w,//helloceans.com/cdn/shop/files/8F26D6D8-01B9-44F4-B453-C56174E1D93B.jpg?v=1719773300&width=1000 1000w,//helloceans.com/cdn/shop/files/8F26D6D8-01B9-44F4-B453-C56174E1D93B.jpg?v=1719773300&width=1500 1500w,//helloceans.com/cdn/shop/files/8F26D6D8-01B9-44F4-B453-C56174E1D93B.jpg?v=1719773300 2835w "
src="//helloceans.com/cdn/shop/files/8F26D6D8-01B9-44F4-B453-C56174E1D93B.jpg?v=1719773300&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/collections/8255B13B-FB0B-4BDE-8DAA-52FA239F8656.jpg?v=1715273130&width=165 165w,//helloceans.com/cdn/shop/collections/8255B13B-FB0B-4BDE-8DAA-52FA239F8656.jpg?v=1715273130&width=330 330w,//helloceans.com/cdn/shop/collections/8255B13B-FB0B-4BDE-8DAA-52FA239F8656.jpg?v=1715273130&width=535 535w,//helloceans.com/cdn/shop/collections/8255B13B-FB0B-4BDE-8DAA-52FA239F8656.jpg?v=1715273130&width=750 750w,//helloceans.com/cdn/shop/collections/8255B13B-FB0B-4BDE-8DAA-52FA239F8656.jpg?v=1715273130&width=1000 1000w,//helloceans.com/cdn/shop/collections/8255B13B-FB0B-4BDE-8DAA-52FA239F8656.jpg?v=1715273130&width=1500 1500w,//helloceans.com/cdn/shop/collections/8255B13B-FB0B-4BDE-8DAA-52FA239F8656.jpg?v=1715273130&width=3000 3000w,//helloceans.com/cdn/shop/collections/8255B13B-FB0B-4BDE-8DAA-52FA239F8656.jpg?v=1715273130 3024w "
src="//helloceans.com/cdn/shop/collections/8255B13B-FB0B-4BDE-8DAA-52FA239F8656.jpg?v=1715273130&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/bijoux-argente"
class="full-unstyled-link"
>Bijoux Argenté<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/bijoux-argente"
class="full-unstyled-link"
>Bijoux Argenté<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/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-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/collections/48EEF357-AF56-4BE3-BCF0-9F37004F2486.jpg?v=1715357311&width=165 165w,//helloceans.com/cdn/shop/collections/48EEF357-AF56-4BE3-BCF0-9F37004F2486.jpg?v=1715357311&width=330 330w,//helloceans.com/cdn/shop/collections/48EEF357-AF56-4BE3-BCF0-9F37004F2486.jpg?v=1715357311&width=535 535w,//helloceans.com/cdn/shop/collections/48EEF357-AF56-4BE3-BCF0-9F37004F2486.jpg?v=1715357311&width=750 750w,//helloceans.com/cdn/shop/collections/48EEF357-AF56-4BE3-BCF0-9F37004F2486.jpg?v=1715357311&width=1000 1000w,//helloceans.com/cdn/shop/collections/48EEF357-AF56-4BE3-BCF0-9F37004F2486.jpg?v=1715357311&width=1500 1500w,//helloceans.com/cdn/shop/collections/48EEF357-AF56-4BE3-BCF0-9F37004F2486.jpg?v=1715357311&width=3000 3000w,//helloceans.com/cdn/shop/collections/48EEF357-AF56-4BE3-BCF0-9F37004F2486.jpg?v=1715357311 3024w "
src="//helloceans.com/cdn/shop/collections/48EEF357-AF56-4BE3-BCF0-9F37004F2486.jpg?v=1715357311&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-7"
class="collection-list__item grid__item scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 7;"
>
<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/collections/6652BB5F-46B6-47D0-81A1-BA111C12D46A.jpg?v=1715867813&width=165 165w,//helloceans.com/cdn/shop/collections/6652BB5F-46B6-47D0-81A1-BA111C12D46A.jpg?v=1715867813&width=330 330w,//helloceans.com/cdn/shop/collections/6652BB5F-46B6-47D0-81A1-BA111C12D46A.jpg?v=1715867813&width=535 535w,//helloceans.com/cdn/shop/collections/6652BB5F-46B6-47D0-81A1-BA111C12D46A.jpg?v=1715867813&width=750 750w,//helloceans.com/cdn/shop/collections/6652BB5F-46B6-47D0-81A1-BA111C12D46A.jpg?v=1715867813&width=1000 1000w,//helloceans.com/cdn/shop/collections/6652BB5F-46B6-47D0-81A1-BA111C12D46A.jpg?v=1715867813&width=1500 1500w,//helloceans.com/cdn/shop/collections/6652BB5F-46B6-47D0-81A1-BA111C12D46A.jpg?v=1715867813&width=3000 3000w,//helloceans.com/cdn/shop/collections/6652BB5F-46B6-47D0-81A1-BA111C12D46A.jpg?v=1715867813 3024w "
src="//helloceans.com/cdn/shop/collections/6652BB5F-46B6-47D0-81A1-BA111C12D46A.jpg?v=1715867813&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><li
id="Slide-template--19937640350030__collection_list_tBJK4i-8"
class="collection-list__item grid__item scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 8;"
>
<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/collections/495C999D-44AF-471D-ABC2-877177650C7C.jpg?v=1719856757&width=165 165w,//helloceans.com/cdn/shop/collections/495C999D-44AF-471D-ABC2-877177650C7C.jpg?v=1719856757&width=330 330w,//helloceans.com/cdn/shop/collections/495C999D-44AF-471D-ABC2-877177650C7C.jpg?v=1719856757&width=535 535w,//helloceans.com/cdn/shop/collections/495C999D-44AF-471D-ABC2-877177650C7C.jpg?v=1719856757&width=750 750w,//helloceans.com/cdn/shop/collections/495C999D-44AF-471D-ABC2-877177650C7C.jpg?v=1719856757&width=1000 1000w,//helloceans.com/cdn/shop/collections/495C999D-44AF-471D-ABC2-877177650C7C.jpg?v=1719856757&width=1500 1500w,//helloceans.com/cdn/shop/collections/495C999D-44AF-471D-ABC2-877177650C7C.jpg?v=1719856757&width=3000 3000w,//helloceans.com/cdn/shop/collections/495C999D-44AF-471D-ABC2-877177650C7C.jpg?v=1719856757 3024w "
src="//helloceans.com/cdn/shop/collections/495C999D-44AF-471D-ABC2-877177650C7C.jpg?v=1719856757&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/boucles-d-oreilles"
class="full-unstyled-link"
>Boucles d’oreilles<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/boucles-d-oreilles"
class="full-unstyled-link"
>Boucles d’oreilles<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="AT"
>
Autriche (EUR
€)
</option><option
value="BE"
>
Belgique (EUR
€)
</option><option
value="BG"
>
Bulgarie (BGN
лв.)
</option><option
value="CY"
>
Chypre (EUR
€)
</option><option
value="HR"
>
Croatie (EUR
€)
</option><option
value="DK"
>
Danemark (DKK
kr.)
</option><option
value="ES"
>
Espagne (EUR
€)
</option><option
value="EE"
>
Estonie (EUR
€)
</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 (HUF
Ft)
</option><option
value="IE"
>
Irlande (EUR
€)
</option><option
value="IT"
>
Italie (EUR
€)
</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="MT"
>
Malte (EUR
€)
</option><option
value="MQ"
>
Martinique (EUR
€)
</option><option
value="NC"
>
Nouvelle-Calédonie (EUR
€)
</option><option
value="NL"
>
Pays-Bas (EUR
€)
</option><option
value="PL"
>
Pologne (PLN
zł)
</option><option
value="PT"
>
Portugal (EUR
€)
</option><option
value="RO"
>
Roumanie (RON
Lei)
</option><option
value="SK"
>
Slovaquie (EUR
€)
</option><option
value="SI"
>
Slovénie (EUR
€)
</option><option
value="SE"
>
Suède (SEK
kr)
</option><option
value="CZ"
>
Tchéquie (CZK
Kč)
</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="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">BGN
лв. |</span
>
Bulgarie
</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="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">DKK
kr. |</span
>
Danemark
</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="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">HUF
Ft |</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="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="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="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="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="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">PLN
zł |</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="RO"
>
<span class="localization-form__currency">RON
Lei |</span
>
Roumanie
</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">SEK
kr |</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="CZ"
>
<span class="localization-form__currency">CZK
Kč |</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" 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"
>© 2024, <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>
