<!doctype html>
<html class="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/3/assets/constants.js?v=132983761750457495441738070930" defer="defer"></script>
<script src="//helloceans.com/cdn/shop/t/3/assets/pubsub.js?v=158357773527763999511738070931" defer="defer"></script>
<script src="//helloceans.com/cdn/shop/t/3/assets/global.js?v=152862011079830610291738070930" defer="defer"></script>
<script src="//helloceans.com/cdn/shop/t/3/assets/details-disclosure.js?v=13653116266235556501738070930" defer="defer"></script>
<script src="//helloceans.com/cdn/shop/t/3/assets/details-modal.js?v=25581673532751508451738070930" defer="defer"></script>
<script src="//helloceans.com/cdn/shop/t/3/assets/search-form.js?v=133129549252120666541738070931" defer="defer"></script><script src="//helloceans.com/cdn/shop/t/3/assets/animations.js?v=88693664871331136111738070929" defer="defer"></script><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/78610661710/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="2b269562e23d5b9463ecf78ee989dc66">
<meta id="in-context-paypal-metadata" data-shop-id="78610661710" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="EUR">
<script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=fr-FR&shop_id=78610661710" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":78610661710,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/78610661710","merchantName":"Hello Oceans ","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Hello Oceans ","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"2b269562e23d5b9463ecf78ee989dc66","betas":["rich-media-storefront-analytics"],"domain":"helloceans.com","predictiveSearch":true,"shopId":78610661710,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "066b42-2.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"Dawn","id":177307550030,"schema_name":"Dawn","schema_version":"15.2.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'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_D_IzA4RE.fr.esm.js","modules/v2/chunk.common_BzcsjoGK.esm.js"],"init-windoid":["modules/v2/client.init-windoid_BiP4YJkR.fr.esm.js","modules/v2/chunk.common_BzcsjoGK.esm.js"],"shop-button":["modules/v2/client.shop-button_BeaXfT9z.fr.esm.js","modules/v2/chunk.common_BzcsjoGK.esm.js"],"pay-button":["modules/v2/client.pay-button_B5x6Nns9.fr.esm.js","modules/v2/chunk.common_BzcsjoGK.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_Cs6w3yT1.fr.esm.js","modules/v2/chunk.common_BzcsjoGK.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_LTU2O0_o.fr.esm.js","modules/v2/chunk.common_BzcsjoGK.esm.js","modules/v2/chunk.modal_-ciskrjU.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_CXSCu-uN.fr.esm.js","modules/v2/chunk.common_BzcsjoGK.esm.js","modules/v2/chunk.modal_-ciskrjU.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_Dp1AE_go.fr.esm.js","modules/v2/chunk.common_BzcsjoGK.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_C40gBY4r.fr.esm.js","modules/v2/client.shop-login-button_Dtx4fYGf.fr.esm.js","modules/v2/chunk.common_BzcsjoGK.esm.js","modules/v2/chunk.modal_-ciskrjU.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_vrzNB5-q.fr.esm.js","modules/v2/chunk.common_BzcsjoGK.esm.js","modules/v2/chunk.modal_-ciskrjU.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_Dtx4fYGf.fr.esm.js","modules/v2/chunk.common_BzcsjoGK.esm.js","modules/v2/chunk.modal_-ciskrjU.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_ClDALJT9.fr.esm.js","modules/v2/client.shop-login-button_Dtx4fYGf.fr.esm.js","modules/v2/chunk.common_BzcsjoGK.esm.js","modules/v2/chunk.modal_-ciskrjU.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.fr.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_BRSjWnox.fr.esm.js","modules/v2/client.shop-login-button_Dtx4fYGf.fr.esm.js","modules/v2/chunk.common_BzcsjoGK.esm.js","modules/v2/chunk.modal_-ciskrjU.esm.js"],"lead-capture":["modules/v2/client.lead-capture_C9TYG5B2.fr.esm.js","modules/v2/chunk.common_BzcsjoGK.esm.js","modules/v2/chunk.modal_-ciskrjU.esm.js"],"payment-terms":["modules/v2/client.payment-terms_BoX0jDWn.fr.esm.js","modules/v2/chunk.common_BzcsjoGK.esm.js","modules/v2/chunk.modal_-ciskrjU.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":7200,"reqid":"1eb6e9c5-a23e-4d9a-8360-35e2ae816661-1748800516","pageurl":"helloceans.com\/","u":"28c6f6345940","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-w1TMG8bx+vw+BuOfT7Dh2avfdjByyjlNYGyp9vJB5oo=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//helloceans.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-c354cc1bc6f1fafc3e06e39f4fb0e1d9abdf763072ca394d606ca9f6f241e68a.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 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/3/compiled_assets/scripts.js?148"></script>
<link rel="stylesheet" media="screen" href="https://helloceans.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<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: Newsreader;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//helloceans.com/cdn/fonts/newsreader/newsreader_n4.267b979b6b5bd94b6a944c4737977cd1e2336399.woff2?h1=MDY2YjQyLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGVsbG9vY2VhbnMuZnI&h3=aGVsbG9jZWFucy5jb20&hmac=3b93639641479c9c473d88403e14a26122642c56fa81eb4aab68f0dcaf755805") format("woff2"),
url("//helloceans.com/cdn/fonts/newsreader/newsreader_n4.ad1e8d02ca44daa66f45f4035e5b52d3e3b8558d.woff?h1=MDY2YjQyLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGVsbG9vY2VhbnMuZnI&h3=aGVsbG9jZWFucy5jb20&hmac=912bb4f425d1a3cacff17b82f870c3f50cd06592ddd07dbb7bbae7311183ca56") format("woff");
}
@font-face {
font-family: Newsreader;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//helloceans.com/cdn/fonts/newsreader/newsreader_n7.61c3bd72128abf34ba932ec3d631d9018bc1eae4.woff2?h1=MDY2YjQyLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGVsbG9vY2VhbnMuZnI&h3=aGVsbG9jZWFucy5jb20&hmac=f184b9821361e5cc20f67dd2bf718df9da0c5d9686f1890028480785b0736690") format("woff2"),
url("//helloceans.com/cdn/fonts/newsreader/newsreader_n7.83092f31b6415dc7e595fd5af222a9b1afb31b04.woff?h1=MDY2YjQyLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGVsbG9vY2VhbnMuZnI&h3=aGVsbG9jZWFucy5jb20&hmac=9c2e10c27533be678f78da3e2932c8adeecb3ff2456074000e4a6528ee35d0fb") format("woff");
}
@font-face {
font-family: Newsreader;
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//helloceans.com/cdn/fonts/newsreader/newsreader_i4.a526aabb833af841c04782e92ef4c2c00da33905.woff2?h1=MDY2YjQyLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGVsbG9vY2VhbnMuZnI&h3=aGVsbG9jZWFucy5jb20&hmac=304520549912e0730763f258c1079cd23b3e472d138d78e22b42972a059e432a") format("woff2"),
url("//helloceans.com/cdn/fonts/newsreader/newsreader_i4.fbc8594ec8e1217a71b974ad78158f86013e4608.woff?h1=MDY2YjQyLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGVsbG9vY2VhbnMuZnI&h3=aGVsbG9jZWFucy5jb20&hmac=7c8ef4e49bd7274db2fd930cc9cf935dd4fcfa0813caebb6e287b56280295920") format("woff");
}
@font-face {
font-family: Newsreader;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//helloceans.com/cdn/fonts/newsreader/newsreader_i7.f9b1b5d3fd927d56251c331389d59ba5f8e3022b.woff2?h1=MDY2YjQyLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGVsbG9vY2VhbnMuZnI&h3=aGVsbG9jZWFucy5jb20&hmac=4b624d047d974d09573aad3e00349712cf65f8bbac2c83c83057469df9a4926c") format("woff2"),
url("//helloceans.com/cdn/fonts/newsreader/newsreader_i7.e522f910bd0424cef9e55d0c7339aaca9ae92080.woff?h1=MDY2YjQyLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGVsbG9vY2VhbnMuZnI&h3=aGVsbG9jZWFucy5jb20&hmac=33e5fc503fd3464a51e94284f6aa5a8ea9059a547d939cbe2bbfcd8d4be02ee9") format("woff");
}
@font-face {
font-family: Fraunces;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//helloceans.com/cdn/fonts/fraunces/fraunces_n4.f0f3a8a7ac656a153369b9c0f09d787207e819ef.woff2?h1=MDY2YjQyLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGVsbG9vY2VhbnMuZnI&h3=aGVsbG9jZWFucy5jb20&hmac=6a2634aae12658bdcaa84ecc4074531ff8589eb17a61de41afabc4ae8ebe7d84") format("woff2"),
url("//helloceans.com/cdn/fonts/fraunces/fraunces_n4.3cbf16ad7ab4a08712cf51bc88bb719adb97ce39.woff?h1=MDY2YjQyLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGVsbG9vY2VhbnMuZnI&h3=aGVsbG9jZWFucy5jb20&hmac=bee5aa4edf420f1e15ef2c03580d25f1889b2b2673c010b0aec9cf2ee28ad58f") format("woff");
}
:root,
.color-scheme-1 {
--color-background: 215,214,201;
--gradient-background: linear-gradient(180deg, rgba(255, 255, 217, 1), rgba(168, 255, 251, 1) 100%);
--color-foreground: 255,255,255;
--color-background-contrast: 161,158,128;
--color-shadow: 18,18,18;
--color-button: 255,255,255;
--color-button-text: 255,255,255;
--color-secondary-button: 215,214,201;
--color-secondary-button-text: 219,101,101;
--color-link: 219,101,101;
--color-badge-foreground: 255,255,255;
--color-badge-background: 215,214,201;
--color-badge-border: 255,255,255;
--payment-terms-background-color: rgb(215 214 201);
}
.color-scheme-2 {
--color-background: 232,250,255;
--gradient-background: #e8faff;
--color-foreground: 18,18,18;
--color-background-contrast: 104,222,255;
--color-shadow: 18,18,18;
--color-button: 18,18,18;
--color-button-text: 243,243,243;
--color-secondary-button: 232,250,255;
--color-secondary-button-text: 18,18,18;
--color-link: 18,18,18;
--color-badge-foreground: 18,18,18;
--color-badge-background: 232,250,255;
--color-badge-border: 18,18,18;
--payment-terms-background-color: rgb(232 250 255);
}
.color-scheme-3 {
--color-background: 140,182,196;
--gradient-background: #8cb6c4;
--color-foreground: 255,255,255;
--color-background-contrast: 71,121,138;
--color-shadow: 18,18,18;
--color-button: 255,255,255;
--color-button-text: 0,0,0;
--color-secondary-button: 140,182,196;
--color-secondary-button-text: 255,255,255;
--color-link: 255,255,255;
--color-badge-foreground: 255,255,255;
--color-badge-background: 140,182,196;
--color-badge-border: 255,255,255;
--payment-terms-background-color: rgb(140 182 196);
}
.color-scheme-4 {
--color-background: 255,255,255;
--gradient-background: #ffffff;
--color-foreground: 0,0,0;
--color-background-contrast: 191,191,191;
--color-shadow: 18,18,18;
--color-button: 232,246,255;
--color-button-text: 140,182,196;
--color-secondary-button: 255,255,255;
--color-secondary-button-text: 18,18,18;
--color-link: 18,18,18;
--color-badge-foreground: 0,0,0;
--color-badge-background: 255,255,255;
--color-badge-border: 0,0,0;
--payment-terms-background-color: rgb(255 255 255);
}
.color-scheme-5 {
--color-background: 51,79,180;
--gradient-background: #334fb4;
--color-foreground: 255,255,255;
--color-background-contrast: 23,35,81;
--color-shadow: 18,18,18;
--color-button: 255,255,255;
--color-button-text: 51,79,180;
--color-secondary-button: 51,79,180;
--color-secondary-button-text: 255,255,255;
--color-link: 255,255,255;
--color-badge-foreground: 255,255,255;
--color-badge-background: 51,79,180;
--color-badge-border: 255,255,255;
--payment-terms-background-color: rgb(51 79 180);
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5 {
color: rgba(var(--color-foreground), 0.75);
background-color: rgb(var(--color-background));
}
:root {
--font-body-family: Newsreader, serif;
--font-body-style: normal;
--font-body-weight: 400;
--font-body-weight-bold: 700;
--font-heading-family: Fraunces, serif;
--font-heading-style: normal;
--font-heading-weight: 400;
--font-body-scale: 1.0;
--font-heading-scale: 1.0;
--media-padding: px;
--media-border-opacity: 0.05;
--media-border-width: 1px;
--media-radius: 0px;
--media-shadow-opacity: 0.0;
--media-shadow-horizontal-offset: 0px;
--media-shadow-vertical-offset: 4px;
--media-shadow-blur-radius: 5px;
--media-shadow-visible: 0;
--page-width: 120rem;
--page-width-margin: 0rem;
--product-card-image-padding: 0.0rem;
--product-card-corner-radius: 0.0rem;
--product-card-text-alignment: left;
--product-card-border-width: 0.0rem;
--product-card-border-opacity: 0.1;
--product-card-shadow-opacity: 0.0;
--product-card-shadow-visible: 0;
--product-card-shadow-horizontal-offset: 0.0rem;
--product-card-shadow-vertical-offset: 0.4rem;
--product-card-shadow-blur-radius: 0.5rem;
--collection-card-image-padding: 0.0rem;
--collection-card-corner-radius: 0.0rem;
--collection-card-text-alignment: left;
--collection-card-border-width: 0.0rem;
--collection-card-border-opacity: 0.1;
--collection-card-shadow-opacity: 0.0;
--collection-card-shadow-visible: 0;
--collection-card-shadow-horizontal-offset: 0.0rem;
--collection-card-shadow-vertical-offset: 0.4rem;
--collection-card-shadow-blur-radius: 0.5rem;
--blog-card-image-padding: 0.0rem;
--blog-card-corner-radius: 0.0rem;
--blog-card-text-alignment: left;
--blog-card-border-width: 0.0rem;
--blog-card-border-opacity: 0.1;
--blog-card-shadow-opacity: 0.0;
--blog-card-shadow-visible: 0;
--blog-card-shadow-horizontal-offset: 0.0rem;
--blog-card-shadow-vertical-offset: 0.4rem;
--blog-card-shadow-blur-radius: 0.5rem;
--badge-corner-radius: 4.0rem;
--popup-border-width: 1px;
--popup-border-opacity: 0.1;
--popup-corner-radius: 0px;
--popup-shadow-opacity: 0.05;
--popup-shadow-horizontal-offset: 0px;
--popup-shadow-vertical-offset: 4px;
--popup-shadow-blur-radius: 5px;
--drawer-border-width: 1px;
--drawer-border-opacity: 0.1;
--drawer-shadow-opacity: 0.0;
--drawer-shadow-horizontal-offset: 0px;
--drawer-shadow-vertical-offset: 4px;
--drawer-shadow-blur-radius: 5px;
--spacing-sections-desktop: 0px;
--spacing-sections-mobile: 0px;
--grid-desktop-vertical-spacing: 8px;
--grid-desktop-horizontal-spacing: 8px;
--grid-mobile-vertical-spacing: 4px;
--grid-mobile-horizontal-spacing: 4px;
--text-boxes-border-opacity: 0.1;
--text-boxes-border-width: 0px;
--text-boxes-radius: 0px;
--text-boxes-shadow-opacity: 0.0;
--text-boxes-shadow-visible: 0;
--text-boxes-shadow-horizontal-offset: 0px;
--text-boxes-shadow-vertical-offset: 4px;
--text-boxes-shadow-blur-radius: 5px;
--buttons-radius: 0px;
--buttons-radius-outset: 0px;
--buttons-border-width: 1px;
--buttons-border-opacity: 1.0;
--buttons-shadow-opacity: 0.0;
--buttons-shadow-visible: 0;
--buttons-shadow-horizontal-offset: 0px;
--buttons-shadow-vertical-offset: 4px;
--buttons-shadow-blur-radius: 5px;
--buttons-border-offset: 0px;
--inputs-radius: 0px;
--inputs-border-width: 1px;
--inputs-border-opacity: 0.55;
--inputs-shadow-opacity: 0.0;
--inputs-shadow-horizontal-offset: 0px;
--inputs-margin-offset: 0px;
--inputs-shadow-vertical-offset: 4px;
--inputs-shadow-blur-radius: 5px;
--inputs-radius-outset: 0px;
--variant-pills-radius: 40px;
--variant-pills-border-width: 1px;
--variant-pills-border-opacity: 0.55;
--variant-pills-shadow-opacity: 0.0;
--variant-pills-shadow-horizontal-offset: 0px;
--variant-pills-shadow-vertical-offset: 4px;
--variant-pills-shadow-blur-radius: 5px;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
font-size: calc(var(--font-body-scale) * 62.5%);
height: 100%;
}
body {
display: grid;
grid-template-rows: auto auto 1fr auto;
grid-template-columns: 100%;
min-height: 100%;
margin: 0;
font-size: 1.5rem;
letter-spacing: 0.06rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
font-family: var(--font-body-family);
font-style: var(--font-body-style);
font-weight: var(--font-body-weight);
}
@media screen and (min-width: 750px) {
body {
font-size: 1.6rem;
}
}
</style>
<link href="//helloceans.com/cdn/shop/t/3/assets/base.css?v=159841507637079171801738070929" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="//helloceans.com/cdn/shop/t/3/assets/component-cart-items.css?v=123238115697927560811738070929" media="print" onload="this.media='all'">
<link rel="preload" as="font" href="//helloceans.com/cdn/fonts/newsreader/newsreader_n4.267b979b6b5bd94b6a944c4737977cd1e2336399.woff2?h1=MDY2YjQyLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGVsbG9vY2VhbnMuZnI&h3=aGVsbG9jZWFucy5jb20&hmac=3b93639641479c9c473d88403e14a26122642c56fa81eb4aab68f0dcaf755805" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="//helloceans.com/cdn/fonts/fraunces/fraunces_n4.f0f3a8a7ac656a153369b9c0f09d787207e819ef.woff2?h1=MDY2YjQyLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGVsbG9vY2VhbnMuZnI&h3=aGVsbG9jZWFucy5jb20&hmac=6a2634aae12658bdcaa84ecc4074531ff8589eb17a61de41afabc4ae8ebe7d84" type="font/woff2" crossorigin>
<link href="//helloceans.com/cdn/shop/t/3/assets/component-localization-form.css?v=170315343355214948141738070929" rel="stylesheet" type="text/css" media="all" />
<script src="//helloceans.com/cdn/shop/t/3/assets/localization-form.js?v=144176611646395275351738070931" defer="defer"></script><link
rel="stylesheet"
href="//helloceans.com/cdn/shop/t/3/assets/component-predictive-search.css?v=118923337488134913561738070929"
media="print"
onload="this.media='all'"
><script>
if (Shopify.designMode) {
document.documentElement.classList.add('shopify-design-mode');
}
</script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {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 e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 78610661710,storefrontBaseUrl: "https://helloceans.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["ac843a20"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "com",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","62d30e14wa6e6276cpfc17db3fm311d56aa",{"modern":"","legacy":""},{"shopId":"78610661710","storefrontBaseUrl":"https://helloceans.com","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"ac843a20\"]","isMerchantRequest":"false","hashVersion":"62d30e14wa6e6276cpfc17db3fm311d56aa"});</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"home"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 78610661710,
theme_id: 177307550030,
app_name: "storefront",
context_url: window.location.href,
source_url: "//helloceans.com/cdn/s/trekkie.storefront.f0d5693ccbd1fc3a366a05ea27b0943896b4a200.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//helloceans.com/cdn/s/trekkie.storefront.f0d5693ccbd1fc3a366a05ea27b0943896b4a200.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//helloceans.com/cdn/s/trekkie.storefront.f0d5693ccbd1fc3a366a05ea27b0943896b4a200.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":78610661710,"isMerchantRequest":null,"themeId":177307550030,"themeCityHash":"9138086585385602394","contentLanguage":"fr","currency":"EUR","eventMetadataId":"ceed224a-be28-4b0f-aaaf-e0c9ffe67d3f"},"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","shopifyEmitted":true});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//helloceans.com/cdn/shopifycloud/shopify/assets/shop_events_listener-f55dd2979ec32029c7d9e0b454ab8b33f79c01ca039d17a6f5c9b95647564b19.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://helloceans.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.6.5.min.js"
data-application="storefront-renderer"
data-shop-id="78610661710"
data-render-region="gcp-europe-west4"
data-page-type="index"
data-theme-instance-id="177307550030"
data-theme-name="Dawn"
data-theme-version="15.2.0"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
></script>
</head>
<body class="gradient">
<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--24425091989838__announcement-bar" class="shopify-section shopify-section-group-header-group announcement-bar-section"><link href="//helloceans.com/cdn/shop/t/3/assets/component-slideshow.css?v=17933591812325749411738070930" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/component-slider.css?v=14039311878856620671738070930" rel="stylesheet" type="text/css" media="all" />
<div
class="utility-bar color-scheme-3 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--24425091989838__announcement-bar"
>
<span class="svg-wrapper"><svg class="icon icon-caret" viewbox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</span>
</button>
<div
class="grid grid--1-col slider slider--everywhere"
id="Slider-sections--24425091989838__announcement-bar"
aria-live="polite"
aria-atomic="true"
data-autoplay="false"
data-speed="5"
><div
class="slideshow__slide slider__slide grid__item grid--1-col"
id="Slide-sections--24425091989838__announcement-bar-1"
role="group"
aria-roledescription="Annonce"
aria-label="1 de 2"
tabindex="-1"
>
<div
class="announcement-bar__announcement"
role="region"
aria-label="Annonce"
><p class="announcement-bar__message h5">
<span>Expédition sous 72h</span></p></div>
</div><div
class="slideshow__slide slider__slide grid__item grid--1-col"
id="Slide-sections--24425091989838__announcement-bar-2"
role="group"
aria-roledescription="Annonce"
aria-label="2 de 2"
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--24425091989838__announcement-bar"
>
<span class="svg-wrapper"><svg class="icon icon-caret" viewbox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</span>
</button>
</div>
</slideshow-component><div class="localization-wrapper">
</div>
</div>
</div>
</div><div id="shopify-section-sections--24425091989838__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//helloceans.com/cdn/shop/t/3/assets/component-list-menu.css?v=151968516119678728991738070929" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//helloceans.com/cdn/shop/t/3/assets/component-search.css?v=165164710990765432851738070930" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//helloceans.com/cdn/shop/t/3/assets/component-menu-drawer.css?v=147478906057189667651738070929" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//helloceans.com/cdn/shop/t/3/assets/component-cart-notification.css?v=54116361853792938221738070929" media="print" onload="this.media='all'"><link rel="stylesheet" href="//helloceans.com/cdn/shop/t/3/assets/component-price.css?v=70172745017360139101738070929" media="print" onload="this.media='all'"><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/3/assets/cart-notification.js?v=133508293167896966491738070929" defer="defer"></script><sticky-header data-sticky-type="on-scroll-up" class="header-wrapper color-scheme-2 gradient header-wrapper--border-bottom"><header class="header header--middle-left header--mobile-center page-width header--has-menu header--has-localizations">
<header-drawer data-breakpoint="tablet">
<details id="Details-menu-drawer-container" class="menu-drawer-container">
<summary
class="header__icon header__icon--menu header__icon--summary link focus-inset"
aria-label="Menu"
>
<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-hamburger" viewbox="0 0 18 16"><path fill="currentColor" d="M1 .5a.5.5 0 1 0 0 1h15.71a.5.5 0 0 0 0-1zM.5 8a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 8m0 7a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewbox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</summary>
<div id="menu-drawer" class="gradient menu-drawer motion-reduce color-scheme-2">
<div class="menu-drawer__inner-container">
<div class="menu-drawer__navigation-container">
<nav class="menu-drawer__navigation">
<ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a
id="HeaderDrawer-tous-les-produits"
href="/collections/all"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Tous les produits
</a></li><li><a
id="HeaderDrawer-colliers-monde-marin"
href="/collections/monde-marin"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Colliers Monde Marin
</a></li><li><a
id="HeaderDrawer-colliers-avec-charms"
href="/collections/colliers-avec-charms"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Colliers avec Charms
</a></li><li><a
id="HeaderDrawer-bracelets"
href="/collections/bracelet"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Bracelets
</a></li><li><a
id="HeaderDrawer-boucles-d-oreilles"
href="/collections/boucles-d-oreilles"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Boucles d’oreilles
</a></li><li><a
id="HeaderDrawer-bagues"
href="/collections/bague"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Bagues
</a></li><li><a
id="HeaderDrawer-pendentif"
href="/collections/pendentif-maillot-de-bain"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Pendentif
</a></li><li><a
id="HeaderDrawer-maillot-de-bain"
href="/collections/maillot-de-bain"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Maillot de bain
</a></li><li><a
id="HeaderDrawer-sac-a-main"
href="/collections/sac-a-main"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Sac à main
</a></li></ul>
</nav>
<div class="menu-drawer__utility-links"><div class="menu-drawer__localization header-localization"><localization-form><form method="post" action="/localization" id="HeaderCountryMobileForm" 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="HeaderCountryMobileLabel">
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="HeaderCountryMobile-country-results"
aria-describedby="HeaderCountryMobileLabel"
>
<span>France |
EUR
€</span>
<svg class="icon icon-caret" viewbox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</button>
<div class="disclosure__list-wrapper country-selector" hidden>
<div class="country-filter">
<div class="field">
<input
class="country-filter__input field__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="Rechercher"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
>
<label class="field__label" for="country-filter-input">Rechercher</label>
<button
type="reset"
class="country-filter__reset-button field__button hidden"
aria-label="Effacer le terme de recherche"
><svg fill="none" stroke="currentColor" class="icon icon-close" viewbox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg>
</button>
<div class="country-filter__search-icon field__button motion-reduce"><svg fill="none" class="icon icon-search" viewbox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</div>
</div>
<button
class="country-selector__close-button button--small link"
type="button"
aria-label="Fermer"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewbox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</button>
</div>
<div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
<div
class="disclosure__list country-selector__list country-selector__list--with-multiple-currencies"
id="HeaderCountryMobile-country-results"
>
<ul role="list" class="list-unstyled countries"><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="DE"
id="Allemagne"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Allemagne</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="AT"
id="Autriche"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Autriche</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="BE"
id="Belgique"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Belgique</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="BG"
id="Bulgarie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Bulgarie</span>
<span class="localization-form__currency motion-reduce">
BGN
лв.</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CY"
id="Chypre"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Chypre</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="HR"
id="Croatie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Croatie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="DK"
id="Danemark"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Danemark</span>
<span class="localization-form__currency motion-reduce">
DKK
kr.</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="ES"
id="Espagne"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Espagne</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="EE"
id="Estonie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Estonie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="FI"
id="Finlande"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Finlande</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
aria-current="true"
data-value="FR"
id="France"
>
<span
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">France</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="GR"
id="Grèce"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Grèce</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="GP"
id="Guadeloupe"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Guadeloupe</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="HU"
id="Hongrie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Hongrie</span>
<span class="localization-form__currency motion-reduce">
HUF
Ft</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IE"
id="Irlande"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Irlande</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IT"
id="Italie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Italie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="RE"
id="La Réunion"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">La Réunion</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LV"
id="Lettonie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Lettonie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LT"
id="Lituanie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Lituanie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LU"
id="Luxembourg"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Luxembourg</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="MT"
id="Malte"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Malte</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="MQ"
id="Martinique"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Martinique</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="NC"
id="Nouvelle-Calédonie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Nouvelle-Calédonie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="NL"
id="Pays-Bas"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Pays-Bas</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="PL"
id="Pologne"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Pologne</span>
<span class="localization-form__currency motion-reduce">
PLN
zł</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="PT"
id="Portugal"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Portugal</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="RO"
id="Roumanie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Roumanie</span>
<span class="localization-form__currency motion-reduce">
RON
Lei</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SK"
id="Slovaquie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Slovaquie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SI"
id="Slovénie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Slovénie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SE"
id="Suède"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Suède</span>
<span class="localization-form__currency motion-reduce">
SEK
kr</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CZ"
id="Tchéquie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Tchéquie</span>
<span class="localization-form__currency motion-reduce">
CZK
Kč</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="WF"
id="Wallis-et-Futuna"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Wallis-et-Futuna</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li></ul>
</div>
</div>
<div class="country-selector__overlay"></div>
</div>
<input type="hidden" name="country_code" value="FR">
</div></form></localization-form>
</div><ul class="list list-social list-unstyled" role="list"></ul>
</div>
</div>
</div>
</div>
</details>
</header-drawer>
<h1 class="header__heading"><a href="/" class="header__heading-link link link--text focus-inset"><span class="h2">Hello Oceans </span></a></h1>
<nav class="header__inline-menu">
<ul class="list-menu list-menu--inline" role="list"><li><a
id="HeaderMenu-tous-les-produits"
href="/collections/all"
class="header__menu-item list-menu__item link link--text focus-inset"
>
<span
>Tous les produits</span>
</a></li><li><a
id="HeaderMenu-colliers-monde-marin"
href="/collections/monde-marin"
class="header__menu-item list-menu__item link link--text focus-inset"
>
<span
>Colliers Monde Marin</span>
</a></li><li><a
id="HeaderMenu-colliers-avec-charms"
href="/collections/colliers-avec-charms"
class="header__menu-item list-menu__item link link--text focus-inset"
>
<span
>Colliers avec Charms</span>
</a></li><li><a
id="HeaderMenu-bracelets"
href="/collections/bracelet"
class="header__menu-item list-menu__item link link--text focus-inset"
>
<span
>Bracelets</span>
</a></li><li><a
id="HeaderMenu-boucles-d-oreilles"
href="/collections/boucles-d-oreilles"
class="header__menu-item list-menu__item link link--text focus-inset"
>
<span
>Boucles d’oreilles</span>
</a></li><li><a
id="HeaderMenu-bagues"
href="/collections/bague"
class="header__menu-item list-menu__item link link--text focus-inset"
>
<span
>Bagues</span>
</a></li><li><a
id="HeaderMenu-pendentif"
href="/collections/pendentif-maillot-de-bain"
class="header__menu-item list-menu__item link link--text focus-inset"
>
<span
>Pendentif </span>
</a></li><li><a
id="HeaderMenu-maillot-de-bain"
href="/collections/maillot-de-bain"
class="header__menu-item list-menu__item link link--text focus-inset"
>
<span
>Maillot de bain</span>
</a></li><li><a
id="HeaderMenu-sac-a-main"
href="/collections/sac-a-main"
class="header__menu-item list-menu__item link link--text focus-inset"
>
<span
>Sac à main</span>
</a></li></ul>
</nav>
<div class="header__icons header__icons--localization header-localization">
<div class="desktop-localization-wrapper"><localization-form class="small-hide medium-hide" data-prevent-hide><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="HeaderCountry-country-results"
aria-describedby="HeaderCountryLabel"
>
<span>France |
EUR
€</span>
<svg class="icon icon-caret" viewbox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</button>
<div class="disclosure__list-wrapper country-selector" hidden>
<div class="country-filter">
<div class="field">
<input
class="country-filter__input field__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="Rechercher"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
>
<label class="field__label" for="country-filter-input">Rechercher</label>
<button
type="reset"
class="country-filter__reset-button field__button hidden"
aria-label="Effacer le terme de recherche"
><svg fill="none" stroke="currentColor" class="icon icon-close" viewbox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg>
</button>
<div class="country-filter__search-icon field__button motion-reduce"><svg fill="none" class="icon icon-search" viewbox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</div>
</div>
<button
class="country-selector__close-button button--small link"
type="button"
aria-label="Fermer"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewbox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</button>
</div>
<div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
<div
class="disclosure__list country-selector__list country-selector__list--with-multiple-currencies"
id="HeaderCountry-country-results"
>
<ul role="list" class="list-unstyled countries"><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="DE"
id="Allemagne"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Allemagne</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="AT"
id="Autriche"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Autriche</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="BE"
id="Belgique"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Belgique</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="BG"
id="Bulgarie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Bulgarie</span>
<span class="localization-form__currency motion-reduce">
BGN
лв.</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CY"
id="Chypre"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Chypre</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="HR"
id="Croatie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Croatie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="DK"
id="Danemark"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Danemark</span>
<span class="localization-form__currency motion-reduce">
DKK
kr.</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="ES"
id="Espagne"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Espagne</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="EE"
id="Estonie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Estonie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="FI"
id="Finlande"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Finlande</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
aria-current="true"
data-value="FR"
id="France"
>
<span
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">France</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="GR"
id="Grèce"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Grèce</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="GP"
id="Guadeloupe"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Guadeloupe</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="HU"
id="Hongrie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Hongrie</span>
<span class="localization-form__currency motion-reduce">
HUF
Ft</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IE"
id="Irlande"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Irlande</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IT"
id="Italie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Italie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="RE"
id="La Réunion"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">La Réunion</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LV"
id="Lettonie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Lettonie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LT"
id="Lituanie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Lituanie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LU"
id="Luxembourg"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Luxembourg</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="MT"
id="Malte"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Malte</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="MQ"
id="Martinique"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Martinique</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="NC"
id="Nouvelle-Calédonie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Nouvelle-Calédonie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="NL"
id="Pays-Bas"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Pays-Bas</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="PL"
id="Pologne"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Pologne</span>
<span class="localization-form__currency motion-reduce">
PLN
zł</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="PT"
id="Portugal"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Portugal</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="RO"
id="Roumanie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Roumanie</span>
<span class="localization-form__currency motion-reduce">
RON
Lei</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SK"
id="Slovaquie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Slovaquie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SI"
id="Slovénie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Slovénie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SE"
id="Suède"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Suède</span>
<span class="localization-form__currency motion-reduce">
SEK
kr</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CZ"
id="Tchéquie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Tchéquie</span>
<span class="localization-form__currency motion-reduce">
CZK
Kč</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="WF"
id="Wallis-et-Futuna"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Wallis-et-Futuna</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li></ul>
</div>
</div>
<div class="country-selector__overlay"></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>
<span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewbox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</span>
<span class="svg-wrapper header__icon-close"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewbox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</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"
>
<span class="svg-wrapper"><svg fill="none" stroke="currentColor" class="icon icon-close" viewbox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg>
</span>
</button>
<button class="search__button field__button" aria-label="Recherche">
<span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewbox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</span>
</button>
</div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
<div class="predictive-search__loading-state">
<svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewbox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></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"
>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewbox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</button>
</div>
</div>
</details>
</details-modal>
<a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble">
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-cart-empty" viewbox="0 0 40 40"><path fill="currentColor" fill-rule="evenodd" 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.33L28.4 11.8zm0 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"/></svg>
</span>
<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-scheme-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 xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
Article ajouté au panier
</h2>
<button
type="button"
class="cart-notification__close modal__close-button link link--text focus-inset"
aria-label="Fermer"
>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewbox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</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": [
"",
"",
"",
"",
"",
"",
"",
"",
""
],
"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--24425091498318__image_banner" class="shopify-section section"><link href="//helloceans.com/cdn/shop/t/3/assets/section-image-banner.css?v=124819179385751388401738070931" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>#Banner-template--24425091498318__image_banner::after {
opacity: 0.4;
}</style><div
id="Banner-template--24425091498318__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/A3D4E64E-45B1-4354-8B1F-FAE9DEADC5BF.jpg?v=1742657508&width=3840" alt="" srcset="//helloceans.com/cdn/shop/files/A3D4E64E-45B1-4354-8B1F-FAE9DEADC5BF.jpg?v=1742657508&width=375 375w, //helloceans.com/cdn/shop/files/A3D4E64E-45B1-4354-8B1F-FAE9DEADC5BF.jpg?v=1742657508&width=550 550w, //helloceans.com/cdn/shop/files/A3D4E64E-45B1-4354-8B1F-FAE9DEADC5BF.jpg?v=1742657508&width=750 750w, //helloceans.com/cdn/shop/files/A3D4E64E-45B1-4354-8B1F-FAE9DEADC5BF.jpg?v=1742657508&width=1100 1100w, //helloceans.com/cdn/shop/files/A3D4E64E-45B1-4354-8B1F-FAE9DEADC5BF.jpg?v=1742657508&width=1500 1500w, //helloceans.com/cdn/shop/files/A3D4E64E-45B1-4354-8B1F-FAE9DEADC5BF.jpg?v=1742657508&width=1780 1780w, //helloceans.com/cdn/shop/files/A3D4E64E-45B1-4354-8B1F-FAE9DEADC5BF.jpg?v=1742657508&width=2000 2000w, //helloceans.com/cdn/shop/files/A3D4E64E-45B1-4354-8B1F-FAE9DEADC5BF.jpg?v=1742657508&width=3000 3000w, //helloceans.com/cdn/shop/files/A3D4E64E-45B1-4354-8B1F-FAE9DEADC5BF.jpg?v=1742657508&width=3840 3840w" width="3000" height="3999.0" sizes="50vw" fetchpriority="high">
</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-scheme-3 gradient"><div
class="banner__buttons"
><a
href="/collections/maillot-de-bain"
class="button button--secondary"
>notre collection de hauts de maillots de bain</a></div></div>
</div>
</div>
</section><section id="shopify-section-template--24425091498318__featured_collection" class="shopify-section section"><link href="//helloceans.com/cdn/shop/t/3/assets/component-card.css?v=120341546515895839841738070929" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/component-price.css?v=70172745017360139101738070929" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/component-slider.css?v=14039311878856620671738070930" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/template-collection.css?v=58558206033505836701738070931" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.section-template--24425091498318__featured_collection-padding {
padding-top: 33px;
padding-bottom: 27px;
}
@media screen and (min-width: 750px) {
.section-template--24425091498318__featured_collection-padding {
padding-top: 44px;
padding-bottom: 36px;
}
}</style><div
class="color-scheme-4 isolate gradient"
>
<div
class="collection section-template--24425091498318__featured_collection-padding"
id="collection-template--24425091498318__featured_collection"
data-id="template--24425091498318__featured_collection"
>
<div class="collection__title title-wrapper title-wrapper--no-top-margin page-width"><h2 class="title inline-richtext h2 scroll-trigger animate--slide-in">
les Best Sellers
</h2></div>
<slider-component class="slider-mobile-gutter page-width page-width-desktop scroll-trigger animate--slide-in">
<ul
id="Slider-template--24425091498318__featured_collection"
data-id="template--24425091498318__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--24425091498318__featured_collection-1"
class="grid__item scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 1;"
>
<link href="//helloceans.com/cdn/shop/t/3/assets/component-rating.css?v=179577762467860590411738070929" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/component-volume-pricing.css?v=111870094811454961941738070930" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/component-price.css?v=70172745017360139101738070929" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/quick-order-list.css?v=129932180309343703061738070931" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/quantity-popover.css?v=129068967981937647381738070931" 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.3%;"
>
<div
class="card__inner color-scheme-2 gradient ratio"
style="--ratio-percent: 133.3%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//helloceans.com/cdn/shop/files/1052FF4F-7DDD-4083-AAEA-ABD62DCC1646.jpg?v=1740936052&width=165 165w,//helloceans.com/cdn/shop/files/1052FF4F-7DDD-4083-AAEA-ABD62DCC1646.jpg?v=1740936052&width=360 360w,//helloceans.com/cdn/shop/files/1052FF4F-7DDD-4083-AAEA-ABD62DCC1646.jpg?v=1740936052&width=533 533w,//helloceans.com/cdn/shop/files/1052FF4F-7DDD-4083-AAEA-ABD62DCC1646.jpg?v=1740936052&width=720 720w,//helloceans.com/cdn/shop/files/1052FF4F-7DDD-4083-AAEA-ABD62DCC1646.jpg?v=1740936052&width=940 940w,//helloceans.com/cdn/shop/files/1052FF4F-7DDD-4083-AAEA-ABD62DCC1646.jpg?v=1740936052&width=1066 1066w,//helloceans.com/cdn/shop/files/1052FF4F-7DDD-4083-AAEA-ABD62DCC1646.jpg?v=1740936052 3000w "
src="//helloceans.com/cdn/shop/files/1052FF4F-7DDD-4083-AAEA-ABD62DCC1646.jpg?v=1740936052&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="3000"
height="3999"
>
<img
srcset="//helloceans.com/cdn/shop/files/3C32F146-CE2E-4970-8178-8DBD66FD2B9F.jpg?v=1740935618&width=165 165w,//helloceans.com/cdn/shop/files/3C32F146-CE2E-4970-8178-8DBD66FD2B9F.jpg?v=1740935618&width=360 360w,//helloceans.com/cdn/shop/files/3C32F146-CE2E-4970-8178-8DBD66FD2B9F.jpg?v=1740935618&width=533 533w,//helloceans.com/cdn/shop/files/3C32F146-CE2E-4970-8178-8DBD66FD2B9F.jpg?v=1740935618&width=720 720w,//helloceans.com/cdn/shop/files/3C32F146-CE2E-4970-8178-8DBD66FD2B9F.jpg?v=1740935618&width=940 940w,//helloceans.com/cdn/shop/files/3C32F146-CE2E-4970-8178-8DBD66FD2B9F.jpg?v=1740935618&width=1066 1066w,//helloceans.com/cdn/shop/files/3C32F146-CE2E-4970-8178-8DBD66FD2B9F.jpg?v=1740935618 3000w "
src="//helloceans.com/cdn/shop/files/3C32F146-CE2E-4970-8178-8DBD66FD2B9F.jpg?v=1740935618&width=533"
sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
class="motion-reduce"
loading="lazy"
width="3000"
height="3999"
></div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/collier-etoile-de-mer"
id="StandardCardNoMediaLink-template--24425091498318__featured_collection-8758881780046"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--24425091498318__featured_collection-8758881780046 NoMediaStandardBadge-template--24425091498318__featured_collection-8758881780046"
>
Collier Abby l’étoile de mer
</a>
</h3>
</div>
<div class="card__badge bottom left"></div>
</div>
</div>
<div class="card__content">
<div class="card__information">
<h3
class="card__heading h5"
id="title-template--24425091498318__featured_collection-8758881780046"
>
<a
href="/products/collier-etoile-de-mer"
id="CardLink-template--24425091498318__featured_collection-8758881780046"
class="full-unstyled-link"
aria-labelledby="CardLink-template--24425091498318__featured_collection-8758881780046 Badge-template--24425091498318__featured_collection-8758881780046"
>
Collier Abby l’étoile de mer
</a>
</h3>
<div class="card-information"><span class="caption-large light"></span>
<div
class="price"
>
<div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span>
<span class="price-item price-item--regular">
€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"></div>
</div>
</div>
</div>
</li><li
id="Slide-template--24425091498318__featured_collection-2"
class="grid__item scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 2;"
>
<div class="card-wrapper product-card-wrapper underline-links-hover">
<div
class="card card--standard card--media"
style="--ratio-percent: 133.3%;"
>
<div
class="card__inner color-scheme-2 gradient ratio"
style="--ratio-percent: 133.3%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//helloceans.com/cdn/shop/files/7B9B6DB2-14C7-41CD-9284-39CD1CD9144C.jpg?v=1740936098&width=165 165w,//helloceans.com/cdn/shop/files/7B9B6DB2-14C7-41CD-9284-39CD1CD9144C.jpg?v=1740936098&width=360 360w,//helloceans.com/cdn/shop/files/7B9B6DB2-14C7-41CD-9284-39CD1CD9144C.jpg?v=1740936098&width=533 533w,//helloceans.com/cdn/shop/files/7B9B6DB2-14C7-41CD-9284-39CD1CD9144C.jpg?v=1740936098&width=720 720w,//helloceans.com/cdn/shop/files/7B9B6DB2-14C7-41CD-9284-39CD1CD9144C.jpg?v=1740936098&width=940 940w,//helloceans.com/cdn/shop/files/7B9B6DB2-14C7-41CD-9284-39CD1CD9144C.jpg?v=1740936098&width=1066 1066w,//helloceans.com/cdn/shop/files/7B9B6DB2-14C7-41CD-9284-39CD1CD9144C.jpg?v=1740936098 3000w "
src="//helloceans.com/cdn/shop/files/7B9B6DB2-14C7-41CD-9284-39CD1CD9144C.jpg?v=1740936098&width=533"
sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Collier Raie ll"
class="motion-reduce"
loading="lazy"
width="3000"
height="3999"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/collier-raie-ll"
id="StandardCardNoMediaLink-template--24425091498318__featured_collection-9031694254414"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--24425091498318__featured_collection-9031694254414 NoMediaStandardBadge-template--24425091498318__featured_collection-9031694254414"
>
Collier Raie ll
</a>
</h3>
</div>
<div class="card__badge bottom left"><span
id="NoMediaStandardBadge-template--24425091498318__featured_collection-9031694254414"
class="badge badge--bottom-left color-scheme-3"
>Épuisé</span></div>
</div>
</div>
<div class="card__content">
<div class="card__information">
<h3
class="card__heading h5"
id="title-template--24425091498318__featured_collection-9031694254414"
>
<a
href="/products/collier-raie-ll"
id="CardLink-template--24425091498318__featured_collection-9031694254414"
class="full-unstyled-link"
aria-labelledby="CardLink-template--24425091498318__featured_collection-9031694254414 Badge-template--24425091498318__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--24425091498318__featured_collection-9031694254414"
class="badge badge--bottom-left color-scheme-3"
>Épuisé</span></div>
</div>
</div>
</div>
</li><li
id="Slide-template--24425091498318__featured_collection-3"
class="grid__item scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 3;"
>
<div class="card-wrapper product-card-wrapper underline-links-hover">
<div
class="card card--standard card--media"
style="--ratio-percent: 133.3%;"
>
<div
class="card__inner color-scheme-2 gradient ratio"
style="--ratio-percent: 133.3%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//helloceans.com/cdn/shop/files/EE86FD72-C977-46E6-BA50-0A3BDE6CC439.jpg?v=1741467061&width=165 165w,//helloceans.com/cdn/shop/files/EE86FD72-C977-46E6-BA50-0A3BDE6CC439.jpg?v=1741467061&width=360 360w,//helloceans.com/cdn/shop/files/EE86FD72-C977-46E6-BA50-0A3BDE6CC439.jpg?v=1741467061&width=533 533w,//helloceans.com/cdn/shop/files/EE86FD72-C977-46E6-BA50-0A3BDE6CC439.jpg?v=1741467061&width=720 720w,//helloceans.com/cdn/shop/files/EE86FD72-C977-46E6-BA50-0A3BDE6CC439.jpg?v=1741467061&width=940 940w,//helloceans.com/cdn/shop/files/EE86FD72-C977-46E6-BA50-0A3BDE6CC439.jpg?v=1741467061&width=1066 1066w,//helloceans.com/cdn/shop/files/EE86FD72-C977-46E6-BA50-0A3BDE6CC439.jpg?v=1741467061 3000w "
src="//helloceans.com/cdn/shop/files/EE86FD72-C977-46E6-BA50-0A3BDE6CC439.jpg?v=1741467061&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="3000"
height="3999"
>
<img
srcset="//helloceans.com/cdn/shop/files/9141A289-B056-4129-BF1B-DD7FFCD195C6.jpg?v=1743584669&width=165 165w,//helloceans.com/cdn/shop/files/9141A289-B056-4129-BF1B-DD7FFCD195C6.jpg?v=1743584669&width=360 360w,//helloceans.com/cdn/shop/files/9141A289-B056-4129-BF1B-DD7FFCD195C6.jpg?v=1743584669&width=533 533w,//helloceans.com/cdn/shop/files/9141A289-B056-4129-BF1B-DD7FFCD195C6.jpg?v=1743584669&width=720 720w,//helloceans.com/cdn/shop/files/9141A289-B056-4129-BF1B-DD7FFCD195C6.jpg?v=1743584669&width=940 940w,//helloceans.com/cdn/shop/files/9141A289-B056-4129-BF1B-DD7FFCD195C6.jpg?v=1743584669&width=1066 1066w,//helloceans.com/cdn/shop/files/9141A289-B056-4129-BF1B-DD7FFCD195C6.jpg?v=1743584669 2448w "
src="//helloceans.com/cdn/shop/files/9141A289-B056-4129-BF1B-DD7FFCD195C6.jpg?v=1743584669&width=533"
sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
class="motion-reduce"
loading="lazy"
width="2448"
height="3264"
></div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/collier-fleur-hibiscus"
id="StandardCardNoMediaLink-template--24425091498318__featured_collection-8758894428494"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--24425091498318__featured_collection-8758894428494 NoMediaStandardBadge-template--24425091498318__featured_collection-8758894428494"
>
Collier Fleur Hibiscus
</a>
</h3>
</div>
<div class="card__badge bottom left"></div>
</div>
</div>
<div class="card__content">
<div class="card__information">
<h3
class="card__heading h5"
id="title-template--24425091498318__featured_collection-8758894428494"
>
<a
href="/products/collier-fleur-hibiscus"
id="CardLink-template--24425091498318__featured_collection-8758894428494"
class="full-unstyled-link"
aria-labelledby="CardLink-template--24425091498318__featured_collection-8758894428494 Badge-template--24425091498318__featured_collection-8758894428494"
>
Collier Fleur Hibiscus
</a>
</h3>
<div class="card-information"><span class="caption-large light"></span>
<div
class="price"
>
<div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span>
<span class="price-item price-item--regular">
€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"></div>
</div>
</div>
</div>
</li><li
id="Slide-template--24425091498318__featured_collection-4"
class="grid__item scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 4;"
>
<div class="card-wrapper product-card-wrapper underline-links-hover">
<div
class="card card--standard card--media"
style="--ratio-percent: 133.3%;"
>
<div
class="card__inner color-scheme-2 gradient ratio"
style="--ratio-percent: 133.3%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//helloceans.com/cdn/shop/files/F3CF883A-A9F6-4354-A33B-8211995D5BBE.jpg?v=1740931667&width=165 165w,//helloceans.com/cdn/shop/files/F3CF883A-A9F6-4354-A33B-8211995D5BBE.jpg?v=1740931667&width=360 360w,//helloceans.com/cdn/shop/files/F3CF883A-A9F6-4354-A33B-8211995D5BBE.jpg?v=1740931667&width=533 533w,//helloceans.com/cdn/shop/files/F3CF883A-A9F6-4354-A33B-8211995D5BBE.jpg?v=1740931667&width=720 720w,//helloceans.com/cdn/shop/files/F3CF883A-A9F6-4354-A33B-8211995D5BBE.jpg?v=1740931667&width=940 940w,//helloceans.com/cdn/shop/files/F3CF883A-A9F6-4354-A33B-8211995D5BBE.jpg?v=1740931667&width=1066 1066w,//helloceans.com/cdn/shop/files/F3CF883A-A9F6-4354-A33B-8211995D5BBE.jpg?v=1740931667 3000w "
src="//helloceans.com/cdn/shop/files/F3CF883A-A9F6-4354-A33B-8211995D5BBE.jpg?v=1740931667&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="3000"
height="3999"
>
<img
srcset="//helloceans.com/cdn/shop/files/C4F4DB1C-9AE0-4174-9F9C-80C61112950F.jpg?v=1742918013&width=165 165w,//helloceans.com/cdn/shop/files/C4F4DB1C-9AE0-4174-9F9C-80C61112950F.jpg?v=1742918013&width=360 360w,//helloceans.com/cdn/shop/files/C4F4DB1C-9AE0-4174-9F9C-80C61112950F.jpg?v=1742918013&width=533 533w,//helloceans.com/cdn/shop/files/C4F4DB1C-9AE0-4174-9F9C-80C61112950F.jpg?v=1742918013&width=720 720w,//helloceans.com/cdn/shop/files/C4F4DB1C-9AE0-4174-9F9C-80C61112950F.jpg?v=1742918013&width=940 940w,//helloceans.com/cdn/shop/files/C4F4DB1C-9AE0-4174-9F9C-80C61112950F.jpg?v=1742918013&width=1066 1066w,//helloceans.com/cdn/shop/files/C4F4DB1C-9AE0-4174-9F9C-80C61112950F.jpg?v=1742918013 3000w "
src="//helloceans.com/cdn/shop/files/C4F4DB1C-9AE0-4174-9F9C-80C61112950F.jpg?v=1742918013&width=533"
sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
class="motion-reduce"
loading="lazy"
width="3000"
height="3999"
></div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/collier-soleil"
id="StandardCardNoMediaLink-template--24425091498318__featured_collection-9031684391246"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--24425091498318__featured_collection-9031684391246 NoMediaStandardBadge-template--24425091498318__featured_collection-9031684391246"
>
Collier Soleil Spirale
</a>
</h3>
</div>
<div class="card__badge bottom left"></div>
</div>
</div>
<div class="card__content">
<div class="card__information">
<h3
class="card__heading h5"
id="title-template--24425091498318__featured_collection-9031684391246"
>
<a
href="/products/collier-soleil"
id="CardLink-template--24425091498318__featured_collection-9031684391246"
class="full-unstyled-link"
aria-labelledby="CardLink-template--24425091498318__featured_collection-9031684391246 Badge-template--24425091498318__featured_collection-9031684391246"
>
Collier Soleil Spirale
</a>
</h3>
<div class="card-information"><span class="caption-large light"></span>
<div
class="price"
>
<div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span>
<span class="price-item price-item--regular">
€20,00 EUR
</span></div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Prix habituel</span>
<span>
<s class="price-item price-item--regular">
</s>
</span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span>
<span class="price-item price-item--sale price-item--last">
€20,00 EUR
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Prix unitaire</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> par </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div>
<div class="card__badge bottom left"></div>
</div>
</div>
</div>
</li><li
id="Slide-template--24425091498318__featured_collection-5"
class="grid__item scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 5;"
>
<div class="card-wrapper product-card-wrapper underline-links-hover">
<div
class="card card--standard card--media"
style="--ratio-percent: 133.3%;"
>
<div
class="card__inner color-scheme-2 gradient ratio"
style="--ratio-percent: 133.3%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//helloceans.com/cdn/shop/files/06E7A175-B296-42A2-BA45-47CA5866322F.jpg?v=1740943090&width=165 165w,//helloceans.com/cdn/shop/files/06E7A175-B296-42A2-BA45-47CA5866322F.jpg?v=1740943090&width=360 360w,//helloceans.com/cdn/shop/files/06E7A175-B296-42A2-BA45-47CA5866322F.jpg?v=1740943090&width=533 533w,//helloceans.com/cdn/shop/files/06E7A175-B296-42A2-BA45-47CA5866322F.jpg?v=1740943090&width=720 720w,//helloceans.com/cdn/shop/files/06E7A175-B296-42A2-BA45-47CA5866322F.jpg?v=1740943090&width=940 940w,//helloceans.com/cdn/shop/files/06E7A175-B296-42A2-BA45-47CA5866322F.jpg?v=1740943090&width=1066 1066w,//helloceans.com/cdn/shop/files/06E7A175-B296-42A2-BA45-47CA5866322F.jpg?v=1740943090 3000w "
src="//helloceans.com/cdn/shop/files/06E7A175-B296-42A2-BA45-47CA5866322F.jpg?v=1740943090&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="3000"
height="3999"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/collier-summer-1"
id="StandardCardNoMediaLink-template--24425091498318__featured_collection-9054747951438"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--24425091498318__featured_collection-9054747951438 NoMediaStandardBadge-template--24425091498318__featured_collection-9054747951438"
>
Collier Summer
</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--24425091498318__featured_collection-9054747951438"
>
<a
href="/products/collier-summer-1"
id="CardLink-template--24425091498318__featured_collection-9054747951438"
class="full-unstyled-link"
aria-labelledby="CardLink-template--24425091498318__featured_collection-9054747951438 Badge-template--24425091498318__featured_collection-9054747951438"
>
Collier Summer
</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">
€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"></div>
</div>
</div>
</div>
</li><li
id="Slide-template--24425091498318__featured_collection-6"
class="grid__item scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 6;"
>
<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-scheme-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/787957DB-68E8-4BBB-9AE2-98B32230BADE.jpg?v=1740869616&width=165 165w,//helloceans.com/cdn/shop/files/787957DB-68E8-4BBB-9AE2-98B32230BADE.jpg?v=1740869616&width=360 360w,//helloceans.com/cdn/shop/files/787957DB-68E8-4BBB-9AE2-98B32230BADE.jpg?v=1740869616&width=533 533w,//helloceans.com/cdn/shop/files/787957DB-68E8-4BBB-9AE2-98B32230BADE.jpg?v=1740869616&width=720 720w,//helloceans.com/cdn/shop/files/787957DB-68E8-4BBB-9AE2-98B32230BADE.jpg?v=1740869616&width=940 940w,//helloceans.com/cdn/shop/files/787957DB-68E8-4BBB-9AE2-98B32230BADE.jpg?v=1740869616&width=1066 1066w,//helloceans.com/cdn/shop/files/787957DB-68E8-4BBB-9AE2-98B32230BADE.jpg?v=1740869616 3000w "
src="//helloceans.com/cdn/shop/files/787957DB-68E8-4BBB-9AE2-98B32230BADE.jpg?v=1740869616&width=533"
sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Bague Pierre Bleu"
class="motion-reduce"
loading="lazy"
width="3000"
height="4000"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/bague-pierre-bleu"
id="StandardCardNoMediaLink-template--24425091498318__featured_collection-8896255131982"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--24425091498318__featured_collection-8896255131982 NoMediaStandardBadge-template--24425091498318__featured_collection-8896255131982"
>
Bague Pierre Bleu
</a>
</h3>
</div>
<div class="card__badge bottom left"></div>
</div>
</div>
<div class="card__content">
<div class="card__information">
<h3
class="card__heading h5"
id="title-template--24425091498318__featured_collection-8896255131982"
>
<a
href="/products/bague-pierre-bleu"
id="CardLink-template--24425091498318__featured_collection-8896255131982"
class="full-unstyled-link"
aria-labelledby="CardLink-template--24425091498318__featured_collection-8896255131982 Badge-template--24425091498318__featured_collection-8896255131982"
>
Bague Pierre Bleu
</a>
</h3>
<div class="card-information"><span class="caption-large light"></span>
<div
class="price"
>
<div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span>
<span class="price-item price-item--regular">
€15,00 EUR
</span></div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Prix habituel</span>
<span>
<s class="price-item price-item--regular">
</s>
</span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span>
<span class="price-item price-item--sale price-item--last">
€15,00 EUR
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Prix unitaire</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> par </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div>
<div class="card__badge bottom left"></div>
</div>
</div>
</div>
</li><li
id="Slide-template--24425091498318__featured_collection-7"
class="grid__item scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 7;"
>
<div class="card-wrapper product-card-wrapper underline-links-hover">
<div
class="card card--standard card--media"
style="--ratio-percent: 133.3%;"
>
<div
class="card__inner color-scheme-2 gradient ratio"
style="--ratio-percent: 133.3%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//helloceans.com/cdn/shop/files/66E90C91-AAA7-4087-BB5E-0F4C6C65F5E2.jpg?v=1740943022&width=165 165w,//helloceans.com/cdn/shop/files/66E90C91-AAA7-4087-BB5E-0F4C6C65F5E2.jpg?v=1740943022&width=360 360w,//helloceans.com/cdn/shop/files/66E90C91-AAA7-4087-BB5E-0F4C6C65F5E2.jpg?v=1740943022&width=533 533w,//helloceans.com/cdn/shop/files/66E90C91-AAA7-4087-BB5E-0F4C6C65F5E2.jpg?v=1740943022&width=720 720w,//helloceans.com/cdn/shop/files/66E90C91-AAA7-4087-BB5E-0F4C6C65F5E2.jpg?v=1740943022&width=940 940w,//helloceans.com/cdn/shop/files/66E90C91-AAA7-4087-BB5E-0F4C6C65F5E2.jpg?v=1740943022&width=1066 1066w,//helloceans.com/cdn/shop/files/66E90C91-AAA7-4087-BB5E-0F4C6C65F5E2.jpg?v=1740943022 3000w "
src="//helloceans.com/cdn/shop/files/66E90C91-AAA7-4087-BB5E-0F4C6C65F5E2.jpg?v=1740943022&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 Éclat des Mers"
class="motion-reduce"
loading="lazy"
width="3000"
height="3999"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/collier-eclat-des-mers"
id="StandardCardNoMediaLink-template--24425091498318__featured_collection-9633441415502"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--24425091498318__featured_collection-9633441415502 NoMediaStandardBadge-template--24425091498318__featured_collection-9633441415502"
>
Collier Éclat des Mers
</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--24425091498318__featured_collection-9633441415502"
>
<a
href="/products/collier-eclat-des-mers"
id="CardLink-template--24425091498318__featured_collection-9633441415502"
class="full-unstyled-link"
aria-labelledby="CardLink-template--24425091498318__featured_collection-9633441415502 Badge-template--24425091498318__featured_collection-9633441415502"
>
Collier Éclat des Mers
</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">
€28,00 EUR
</span></div>
<div class="price__sale">
<span class="visually-hidden visually-hidden--inline">Prix habituel</span>
<span>
<s class="price-item price-item--regular">
</s>
</span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span>
<span class="price-item price-item--sale price-item--last">
€28,00 EUR
</span>
</div>
<small class="unit-price caption hidden">
<span class="visually-hidden">Prix unitaire</span>
<span class="price-item price-item--last">
<span></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> par </span>
<span>
</span>
</span>
</small>
</div></div>
</div>
</div>
<div class="card__badge bottom left"></div>
</div>
</div>
</div>
</li><li
id="Slide-template--24425091498318__featured_collection-8"
class="grid__item scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 8;"
>
<div class="card-wrapper product-card-wrapper underline-links-hover">
<div
class="card card--standard card--media"
style="--ratio-percent: 133.3%;"
>
<div
class="card__inner color-scheme-2 gradient ratio"
style="--ratio-percent: 133.3%;"
><div class="card__media">
<div class="media media--transparent media--hover-effect">
<img
srcset="//helloceans.com/cdn/shop/files/7A00A31C-3F4B-40F8-934E-4FE730E4D969.jpg?v=1743530903&width=165 165w,//helloceans.com/cdn/shop/files/7A00A31C-3F4B-40F8-934E-4FE730E4D969.jpg?v=1743530903&width=360 360w,//helloceans.com/cdn/shop/files/7A00A31C-3F4B-40F8-934E-4FE730E4D969.jpg?v=1743530903&width=533 533w,//helloceans.com/cdn/shop/files/7A00A31C-3F4B-40F8-934E-4FE730E4D969.jpg?v=1743530903&width=720 720w,//helloceans.com/cdn/shop/files/7A00A31C-3F4B-40F8-934E-4FE730E4D969.jpg?v=1743530903&width=940 940w,//helloceans.com/cdn/shop/files/7A00A31C-3F4B-40F8-934E-4FE730E4D969.jpg?v=1743530903&width=1066 1066w,//helloceans.com/cdn/shop/files/7A00A31C-3F4B-40F8-934E-4FE730E4D969.jpg?v=1743530903 3000w "
src="//helloceans.com/cdn/shop/files/7A00A31C-3F4B-40F8-934E-4FE730E4D969.jpg?v=1743530903&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 Nacré"
class="motion-reduce"
loading="lazy"
width="3000"
height="3999"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3
class="card__heading"
>
<a
href="/products/collier-soleil-nacre"
id="StandardCardNoMediaLink-template--24425091498318__featured_collection-10385371464014"
class="full-unstyled-link"
aria-labelledby="StandardCardNoMediaLink-template--24425091498318__featured_collection-10385371464014 NoMediaStandardBadge-template--24425091498318__featured_collection-10385371464014"
>
Collier Soleil Nacré
</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--24425091498318__featured_collection-10385371464014"
>
<a
href="/products/collier-soleil-nacre"
id="CardLink-template--24425091498318__featured_collection-10385371464014"
class="full-unstyled-link"
aria-labelledby="CardLink-template--24425091498318__featured_collection-10385371464014 Badge-template--24425091498318__featured_collection-10385371464014"
>
Collier Soleil Nacré
</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></ul></slider-component><div class="center collection__view-all scroll-trigger animate--slide-in">
<a
href="/collections/les-bests-sellers"
class="button"
aria-label="Afficher tous les produits de la collection Les bests sellers"
>
Tout afficher
</a>
</div></div>
</div>
</section><section id="shopify-section-template--24425091498318__featured_product_ykVB8n" class="shopify-section section section-featured-product"><product-info
data-section="template--24425091498318__featured_product_ykVB8n"
data-product-id="10285732364622"
data-update-url="false"
data-url="/products/box-mystere"
>
<link href="//helloceans.com/cdn/shop/t/3/assets/section-main-product.css?v=161818056142182136911738070931" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/section-featured-product.css?v=92895955984512702041738070931" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/component-accordion.css?v=7971072480289620591738070929" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/component-price.css?v=70172745017360139101738070929" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/component-deferred-media.css?v=14096082462203297471738070929" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/component-rating.css?v=179577762467860590411738070929" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/component-volume-pricing.css?v=111870094811454961941738070930" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/component-product-variant-picker.css?v=101198305663325844211738070929" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/component-swatch.css?v=6811383713633888781738070930" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/component-swatch-input.css?v=61683592951238328641738070930" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.section-template--24425091498318__featured_product_ykVB8n-padding {
padding-top: 27px;
padding-bottom: 27px;
}
@media screen and (min-width: 750px) {
.section-template--24425091498318__featured_product_ykVB8n-padding {
padding-top: 36px;
padding-bottom: 36px;
}
}</style><script src="//helloceans.com/cdn/shop/t/3/assets/product-info.js?v=149160427226008204701738070931" defer="defer"></script>
<script src="//helloceans.com/cdn/shop/t/3/assets/show-more.js?v=135784227224860024771738070931" defer="defer"></script>
<script src="//helloceans.com/cdn/shop/t/3/assets/price-per-item.js?v=20223165687617204711738070931" defer="defer"></script>
<section class="color-scheme-4 gradient">
<div class="page-width section-template--24425091498318__featured_product_ykVB8n-padding">
<div class="featured-product product product--medium grid grid--1-col gradient color-scheme-4 product--left isolate grid--2-col-tablet">
<div class="grid__item product__media-wrapper">
<media-gallery
id="MediaGallery-template--24425091498318__featured_product_ykVB8n"
role="region"
aria-label="Visionneuse de la galerie"
data-desktop-layout=""
>
<div id="GalleryStatus-template--24425091498318__featured_product_ykVB8n" class="visually-hidden" role="status"></div>
<slider-component id="GalleryViewer-template--24425091498318__featured_product_ykVB8n" class="slider-mobile-gutter">
<a class="skip-to-content-link button visually-hidden quick-add-hidden" href="#ProductInfo-template--24425091498318__featured_product_ykVB8n">
Passer aux informations produits
</a>
<ul
id="Slider-Gallery-template--24425091498318__featured_product_ykVB8n"
class="product__media-list contains-media grid grid--peek list-unstyled slider slider--mobile"
role="list"
>
<li
id="Slide-template--24425091498318__featured_product_ykVB8n-52231372898638"
class="product__media-item grid__item slider__slide product__media-item--single is-active scroll-trigger animate--fade-in"
data-media-id="template--24425091498318__featured_product_ykVB8n-52231372898638"
>
<div
class="product-media-container media-type-image media-fit-contain global-media-settings gradient constrain-height"
style="--ratio: 1.0; --preview-ratio: 1.0;"
>
<modal-opener
class="product__modal-opener product__modal-opener--image"
data-modal="#ProductModal-template--24425091498318__featured_product_ykVB8n"
>
<span
class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox"
aria-hidden="true"
>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus" viewbox="0 0 19 19"><path fill="currentColor" fill-rule="evenodd" d="M4.667 7.94a.5.5 0 0 1 .499-.501l5.534-.014a.5.5 0 1 1 .002 1l-5.534.014a.5.5 0 0 1-.5-.5" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M7.926 4.665a.5.5 0 0 1 .501.498l.014 5.534a.5.5 0 1 1-1 .003l-.014-5.534a.5.5 0 0 1 .499-.501" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M12.832 3.03a6.931 6.931 0 1 0-9.802 9.802 6.931 6.931 0 0 0 9.802-9.802M2.323 2.323a7.931 7.931 0 0 1 11.296 11.136l4.628 4.628a.5.5 0 0 1-.707.707l-4.662-4.662A7.932 7.932 0 0 1 2.323 2.323" clip-rule="evenodd"/></svg>
</span>
</span>
<div class="loading__spinner hidden">
<svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewbox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
</div>
<div class="product__media media media--transparent">
<img src="//helloceans.com/cdn/shop/files/E6C68465-C809-4038-B1BE-ED8862C741C5.jpg?v=1741989219&width=1946" alt="" srcset="//helloceans.com/cdn/shop/files/E6C68465-C809-4038-B1BE-ED8862C741C5.jpg?v=1741989219&width=246 246w, //helloceans.com/cdn/shop/files/E6C68465-C809-4038-B1BE-ED8862C741C5.jpg?v=1741989219&width=493 493w, //helloceans.com/cdn/shop/files/E6C68465-C809-4038-B1BE-ED8862C741C5.jpg?v=1741989219&width=600 600w, //helloceans.com/cdn/shop/files/E6C68465-C809-4038-B1BE-ED8862C741C5.jpg?v=1741989219&width=713 713w, //helloceans.com/cdn/shop/files/E6C68465-C809-4038-B1BE-ED8862C741C5.jpg?v=1741989219&width=823 823w, //helloceans.com/cdn/shop/files/E6C68465-C809-4038-B1BE-ED8862C741C5.jpg?v=1741989219&width=990 990w, //helloceans.com/cdn/shop/files/E6C68465-C809-4038-B1BE-ED8862C741C5.jpg?v=1741989219&width=1100 1100w, //helloceans.com/cdn/shop/files/E6C68465-C809-4038-B1BE-ED8862C741C5.jpg?v=1741989219&width=1206 1206w, //helloceans.com/cdn/shop/files/E6C68465-C809-4038-B1BE-ED8862C741C5.jpg?v=1741989219&width=1346 1346w, //helloceans.com/cdn/shop/files/E6C68465-C809-4038-B1BE-ED8862C741C5.jpg?v=1741989219&width=1426 1426w, //helloceans.com/cdn/shop/files/E6C68465-C809-4038-B1BE-ED8862C741C5.jpg?v=1741989219&width=1646 1646w, //helloceans.com/cdn/shop/files/E6C68465-C809-4038-B1BE-ED8862C741C5.jpg?v=1741989219&width=1946 1946w" width="1946" height="1946" class="image-magnify-lightbox" sizes="(min-width: 1200px) 605px, (min-width: 990px) calc(55.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
</div>
<button
class="product__media-toggle quick-add-hidden product__media-zoom-lightbox"
type="button"
aria-haspopup="dialog"
data-media-id="52231372898638"
>
<span class="visually-hidden">
Ouvrir le média 1 dans une fenêtre modale
</span>
</button>
</modal-opener></div>
</li></ul>
<div class="slider-buttons quick-add-hidden small-hide">
<button
type="button"
class="slider-button slider-button--prev"
name="previous"
aria-label="Faire glisser vers la gauche"
>
<span class="svg-wrapper"><svg class="icon icon-caret" viewbox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</span>
</button>
<div class="slider-counter caption">
<span class="slider-counter--current">1</span>
<span aria-hidden="true"> / </span>
<span class="visually-hidden">de</span>
<span class="slider-counter--total">1</span>
</div>
<button
type="button"
class="slider-button slider-button--next"
name="next"
aria-label="Faire glisser vers la droite"
>
<span class="svg-wrapper"><svg class="icon icon-caret" viewbox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</span>
</button>
</div>
</slider-component></media-gallery>
</div>
<div class="product__info-wrapper grid__item scroll-trigger animate--slide-in">
<section
id="ProductInfo-template--24425091498318__featured_product_ykVB8n"
class="product__info-container"
data-section="template--24425091498318__featured_product_ykVB8n"
data-url="/products/box-mystere"
><p
class="product__text inline-richtext caption-with-letter-spacing"
>Hello Oceans </p><h2 class="product__title h1" >Box Mystère
</h2><div id="price-template--24425091498318__featured_product_ykVB8n" role="status" >
<div
class="price price--large price--show-badge"
>
<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">
€35,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">
€35,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><span class="badge price__badge-sale color-scheme-4">
Promotion
</span>
<span class="badge price__badge-sold-out color-scheme-3">
Épuisé
</span></div>
</div><div class="product__tax caption rte">Taxes incluses.
</div><div ><form method="post" action="/cart/add" id="product_form_10285732364622" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="51974800769358">
<input type="hidden" name="product-id" value="10285732364622" /><input type="hidden" name="section-id" value="template--24425091498318__featured_product_ykVB8n" /></form></div>
<variant-selects
id="variant-selects-template--24425091498318__featured_product_ykVB8n"
data-section="template--24425091498318__featured_product_ykVB8n"
><fieldset class="js product-form__input product-form__input--pill">
<legend class="form__label">Nombre de bijoux</legend>
<input
type="radio"
id="template--24425091498318__featured_product_ykVB8n-1-0"
name="Nombre de bijoux-1"
value="3 bijoux"
form="product-form-template--24425091498318__featured_product_ykVB8n"
checked
data-product-url=""
data-option-value-id="6783277629774"
>
<label for="template--24425091498318__featured_product_ykVB8n-1-0">
3 bijoux<span class="visually-hidden label-unavailable">Variante épuisée ou indisponible</span>
</label><input
type="radio"
id="template--24425091498318__featured_product_ykVB8n-1-1"
name="Nombre de bijoux-1"
value="5 bijoux"
form="product-form-template--24425091498318__featured_product_ykVB8n"
data-product-url=""
data-option-value-id="6783277662542"
>
<label for="template--24425091498318__featured_product_ykVB8n-1-1">
5 bijoux<span class="visually-hidden label-unavailable">Variante épuisée ou indisponible</span>
</label><input
type="radio"
id="template--24425091498318__featured_product_ykVB8n-1-2"
name="Nombre de bijoux-1"
value="10 bijoux"
form="product-form-template--24425091498318__featured_product_ykVB8n"
data-product-url=""
data-option-value-id="6783277695310"
>
<label for="template--24425091498318__featured_product_ykVB8n-1-2">
10 bijoux<span class="visually-hidden label-unavailable">Variante épuisée ou indisponible</span>
</label>
</fieldset><script type="application/json" data-selected-variant>
{"id":51974800769358,"title":"3 bijoux","option1":"3 bijoux","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Box Mystère - 3 bijoux","public_title":"3 bijoux","options":["3 bijoux"],"price":3500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]}
</script>
</variant-selects>
<div
id="Quantity-Form-template--24425091498318__featured_product_ykVB8n"
class="product-form__input product-form__quantity"
>
<label class="quantity__label form__label" for="Quantity-template--24425091498318__featured_product_ykVB8n">
Quantité
<span class="quantity__rules-cart hidden">
<div class="loading__spinner hidden">
<svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewbox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
</div>
<span
>(<span class="quantity-cart">0</span> dans le panier)</span
>
</span>
</label>
<div class="price-per-item__container">
<quantity-input class="quantity">
<button class="quantity__button" name="minus" type="button">
<span class="visually-hidden">Réduire la quantité de Box Mystère</span>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-minus" viewbox="0 0 10 2"><path fill="currentColor" fill-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 1 1 0 1H1A.5.5 0 0 1 .5 1" clip-rule="evenodd"/></svg>
</span>
</button>
<input
class="quantity__input"
type="number"
name="quantity"
id="Quantity-template--24425091498318__featured_product_ykVB8n"
data-cart-quantity="0"
data-min="1"
min="1"
step="1"
value="1"
form="product-form-template--24425091498318__featured_product_ykVB8n"
>
<button class="quantity__button" name="plus" type="button">
<span class="visually-hidden">Augmenter la quantité de Box Mystère</span>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus" viewbox="0 0 10 10"><path fill="currentColor" fill-rule="evenodd" d="M1 4.51a.5.5 0 0 0 0 1h3.5l.01 3.5a.5.5 0 0 0 1-.01V5.5l3.5-.01a.5.5 0 0 0-.01-1H5.5L5.49.99a.5.5 0 0 0-1 .01v3.5l-3.5.01z" clip-rule="evenodd"/></svg>
</span>
</button>
</quantity-input></div>
<div class="quantity__rules caption" id="Quantity-Rules-template--24425091498318__featured_product_ykVB8n"></div></div>
<div ><product-form
class="product-form"
data-hide-errors="false"
data-section-id="template--24425091498318__featured_product_ykVB8n"
>
<div class="product-form__error-message-wrapper" role="alert" hidden>
<span class="svg-wrapper"><svg class="icon icon-error" viewbox="0 0 13 13"><circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="2"/><circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/><path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/><path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/></svg>
</span>
<span class="product-form__error-message"></span>
</div><form method="post" action="/cart/add" id="product-form-template--24425091498318__featured_product_ykVB8n" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
value="51974800769358"
class="product-variant-id"
><div class="product-form__buttons"><button
id="ProductSubmitButton-template--24425091498318__featured_product_ykVB8n"
type="submit"
name="add"
class="product-form__submit button button--full-width button--secondary"
>
<span>Ajouter au panier
</span>
<div class="loading__spinner hidden">
<svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewbox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
</div>
</button>
</div><input type="hidden" name="product-id" value="10285732364622" /><input type="hidden" name="section-id" value="template--24425091498318__featured_product_ykVB8n" /></form></product-form></div>
<script src="//helloceans.com/cdn/shop/t/3/assets/share.js?v=13024540447964430191738070931" defer="defer"></script>
<share-button id="Share-template--24425091498318__featured_product_ykVB8n" class="share-button quick-add-hidden" >
<button class="share-button__button hidden">
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-share" viewbox="0 0 13 12"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.625 8.125v2.167a1.083 1.083 0 0 0 1.083 1.083h7.584a1.083 1.083 0 0 0 1.083-1.083V8.125"/><path fill="currentColor" fill-rule="evenodd" d="M6.148 1.271a.5.5 0 0 1 .707 0L9.563 3.98a.5.5 0 0 1-.707.707L6.501 2.332 4.147 4.687a.5.5 0 1 1-.708-.707z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M6.5 1.125a.5.5 0 0 1 .5.5v6.5a.5.5 0 0 1-1 0v-6.5a.5.5 0 0 1 .5-.5" clip-rule="evenodd"/></svg>
</span>
Partager
</button>
<details id="Details-share_eBXUPH-template--24425091498318__featured_product_ykVB8n">
<summary class="share-button__button">
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-share" viewbox="0 0 13 12"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.625 8.125v2.167a1.083 1.083 0 0 0 1.083 1.083h7.584a1.083 1.083 0 0 0 1.083-1.083V8.125"/><path fill="currentColor" fill-rule="evenodd" d="M6.148 1.271a.5.5 0 0 1 .707 0L9.563 3.98a.5.5 0 0 1-.707.707L6.501 2.332 4.147 4.687a.5.5 0 1 1-.708-.707z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M6.5 1.125a.5.5 0 0 1 .5.5v6.5a.5.5 0 0 1-1 0v-6.5a.5.5 0 0 1 .5-.5" clip-rule="evenodd"/></svg>
</span>
Partager
</summary>
<div class="share-button__fallback motion-reduce">
<div class="field">
<span id="ShareMessage-template--24425091498318__featured_product_ykVB8n" class="share-button__message hidden" role="status"> </span>
<input
type="text"
class="field__input"
id="ShareUrl-template--24425091498318__featured_product_ykVB8n"
value="https://helloceans.com/products/box-mystere"
placeholder="Lien"
onclick="this.select();"
readonly
>
<label class="field__label" for="ShareUrl-template--24425091498318__featured_product_ykVB8n">Lien</label>
</div>
<button class="share-button__close hidden">
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewbox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
<span class="visually-hidden">Fermer le partage</span>
</button>
<button class="share-button__copy">
<span class="svg-wrapper"><svg
class="icon icon-clipboard"
width="11"
height="13"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
focusable="false"
viewbox="0 0 11 13"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 1a1 1 0 011-1h7a1 1 0 011 1v9a1 1 0 01-1 1V1H2zM1 2a1 1 0 00-1 1v9a1 1 0 001 1h7a1 1 0 001-1V3a1 1 0 00-1-1H1zm0 10V3h7v9H1z" fill="currentColor"/>
</svg>
</span>
<span class="visually-hidden">Copier le lien</span>
</button>
</div>
</details>
</share-button>
<a
href="/products/box-mystere"
class="link product__view-details animate-arrow"
>
Afficher tous les détails
<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</a>
</section>
</div>
</div>
<product-modal id="ProductModal-template--24425091498318__featured_product_ykVB8n" class="product-media-modal media-modal">
<div
class="product-media-modal__dialog color-scheme-4 gradient"
role="dialog"
aria-label="Galerie de supports multimédias"
aria-modal="true"
tabindex="-1"
>
<button
id="ModalClose-template--24425091498318__featured_product_ykVB8n"
type="button"
class="product-media-modal__toggle"
aria-label="Fermer"
>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewbox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</button>
<div
class="product-media-modal__content color-scheme-4 gradient"
role="document"
aria-label="Galerie de supports multimédias"
tabindex="0"
>
<img
class="global-media-settings global-media-settings--no-shadow"
srcset="//helloceans.com/cdn/shop/files/E6C68465-C809-4038-B1BE-ED8862C741C5.jpg?v=1741989219&width=550 550w,//helloceans.com/cdn/shop/files/E6C68465-C809-4038-B1BE-ED8862C741C5.jpg?v=1741989219&width=1100 1100w,//helloceans.com/cdn/shop/files/E6C68465-C809-4038-B1BE-ED8862C741C5.jpg?v=1741989219 1290w "
sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
src="//helloceans.com/cdn/shop/files/E6C68465-C809-4038-B1BE-ED8862C741C5.jpg?v=1741989219&width=1445"
alt="Box Mystère"
loading="lazy"
width="1100"
height="1100"
data-media-id="52231372898638"
></div>
</div>
</product-modal>
</div>
</section>
<script src="//helloceans.com/cdn/shop/t/3/assets/product-form.js?v=82553749319723712671738070931" defer="defer"></script>
<script type="application/ld+json">
{"@context":"http:\/\/schema.org\/","@id":"\/products\/box-mystere#product","@type":"ProductGroup","brand":{"@type":"Brand","name":"Hello Oceans "},"category":"Bijoux","description":"Plongez dans l’inattendu avec notre Box Bijoux Mystère, une sélection exclusive de bijoux en acier inoxydable, soigneusement choisis aléatoirement par Hello Oceans. Chaque box est une surprise, alliant élégance et tendance, tout en vous offrant une valeur supérieure au prix payé !\n \nChoisissez votre surprise :\n• Box 3 bijoux → Valeur de 60€ | Prix : 35€ \n• Box 5 bijoux → Valeur de 100€ | Prix : 55€ \n• Box 10 bijoux → Valeur de 150€ | Prix :80€ \n \n✨ Parfait pour se faire plaisir ou offrir un cadeau unique sans jamais savoir à l’avance ce que vous allez recevoir… Une touche de mystère, un max de style et toujours une bonne affaire !\n \nAlors, osez la surprise et laissez Hello Oceans sublimer votre collection de bijoux ! ","hasVariant":[{"@id":"\/products\/box-mystere?variant=51974800769358#variant","@type":"Product","image":"https:\/\/helloceans.com\/cdn\/shop\/files\/E6C68465-C809-4038-B1BE-ED8862C741C5.jpg?v=1741989219\u0026width=1920","name":"Box Mystère - 3 bijoux","offers":{"@id":"\/products\/box-mystere?variant=51974800769358#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"35.00","priceCurrency":"EUR","url":"https:\/\/helloceans.com\/products\/box-mystere?variant=51974800769358"}},{"@id":"\/products\/box-mystere?variant=51974800802126#variant","@type":"Product","image":"https:\/\/helloceans.com\/cdn\/shop\/files\/E6C68465-C809-4038-B1BE-ED8862C741C5.jpg?v=1741989219\u0026width=1920","name":"Box Mystère - 5 bijoux","offers":{"@id":"\/products\/box-mystere?variant=51974800802126#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"55.00","priceCurrency":"EUR","url":"https:\/\/helloceans.com\/products\/box-mystere?variant=51974800802126"}},{"@id":"\/products\/box-mystere?variant=51974800834894#variant","@type":"Product","image":"https:\/\/helloceans.com\/cdn\/shop\/files\/E6C68465-C809-4038-B1BE-ED8862C741C5.jpg?v=1741989219\u0026width=1920","name":"Box Mystère - 10 bijoux","offers":{"@id":"\/products\/box-mystere?variant=51974800834894#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"80.00","priceCurrency":"EUR","url":"https:\/\/helloceans.com\/products\/box-mystere?variant=51974800834894"}}],"name":"Box Mystère","productGroupID":"10285732364622","url":"https:\/\/helloceans.com\/products\/box-mystere"}
</script>
<script src="//helloceans.com/cdn/shop/t/3/assets/product-modal.js?v=116616134454508949461738070931" defer="defer"></script>
<script src="//helloceans.com/cdn/shop/t/3/assets/media-gallery.js?v=53998976194532824491738070931" defer="defer"></script>
</product-info>
</section><section id="shopify-section-template--24425091498318__collection_list_Xd3tk3" class="shopify-section section section-collection-list"><link href="//helloceans.com/cdn/shop/t/3/assets/section-collection-list.css?v=70863279319435850561738070931" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/component-card.css?v=120341546515895839841738070929" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/component-slider.css?v=14039311878856620671738070930" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.section-template--24425091498318__collection_list_Xd3tk3-padding {
padding-top: 27px;
padding-bottom: 27px;
}
@media screen and (min-width: 750px) {
.section-template--24425091498318__collection_list_Xd3tk3-padding {
padding-top: 36px;
padding-bottom: 36px;
}
}</style><div class="color-scheme-4 gradient">
<div class="collection-list-wrapper page-width isolate no-mobile-link section-template--24425091498318__collection_list_Xd3tk3-padding"><div class="title-wrapper-with-link title-wrapper--self-padded-mobile title-wrapper--no-top-margin">
<h2
id="SectionHeading-template--24425091498318__collection_list_Xd3tk3"
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--24425091498318__collection_list_Xd3tk3"
role="list"
><li
id="Slide-template--24425091498318__collection_list_Xd3tk3-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-scheme-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/C8B37BE2-70CC-47FE-A54C-E8A2F8E7010A.jpg?v=1742653013&width=165 165w,//helloceans.com/cdn/shop/collections/C8B37BE2-70CC-47FE-A54C-E8A2F8E7010A.jpg?v=1742653013&width=330 330w,//helloceans.com/cdn/shop/collections/C8B37BE2-70CC-47FE-A54C-E8A2F8E7010A.jpg?v=1742653013&width=535 535w,//helloceans.com/cdn/shop/collections/C8B37BE2-70CC-47FE-A54C-E8A2F8E7010A.jpg?v=1742653013&width=750 750w,//helloceans.com/cdn/shop/collections/C8B37BE2-70CC-47FE-A54C-E8A2F8E7010A.jpg?v=1742653013&width=1000 1000w,//helloceans.com/cdn/shop/collections/C8B37BE2-70CC-47FE-A54C-E8A2F8E7010A.jpg?v=1742653013&width=1500 1500w,//helloceans.com/cdn/shop/collections/C8B37BE2-70CC-47FE-A54C-E8A2F8E7010A.jpg?v=1742653013&width=3000 3000w,//helloceans.com/cdn/shop/collections/C8B37BE2-70CC-47FE-A54C-E8A2F8E7010A.jpg?v=1742653013 3000w "
src="//helloceans.com/cdn/shop/collections/C8B37BE2-70CC-47FE-A54C-E8A2F8E7010A.jpg?v=1742653013&width=1500"
sizes=" (min-width: 1200px) 366px, (min-width: 750px) calc((100vw - 10rem) / 2), calc(100vw - 3rem) "
alt="Sac à main"
height="3999"
width="3000"
loading="lazy"
class="motion-reduce"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3 class="card__heading">
<a
href="/collections/sac-a-main"
class="full-unstyled-link"
>Sac à main<span class="icon-wrap"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
</a>
</h3></div>
</div></div><div class="card__content">
<div class="card__information">
<h3 class="card__heading">
<a
href="/collections/sac-a-main"
class="full-unstyled-link"
>Sac à main<span class="icon-wrap"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
</a>
</h3></div>
</div></div>
</div>
</li><li
id="Slide-template--24425091498318__collection_list_Xd3tk3-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-scheme-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/1052FF4F-7DDD-4083-AAEA-ABD62DCC1646.jpg?v=1740936052&width=165 165w,//helloceans.com/cdn/shop/files/1052FF4F-7DDD-4083-AAEA-ABD62DCC1646.jpg?v=1740936052&width=330 330w,//helloceans.com/cdn/shop/files/1052FF4F-7DDD-4083-AAEA-ABD62DCC1646.jpg?v=1740936052&width=535 535w,//helloceans.com/cdn/shop/files/1052FF4F-7DDD-4083-AAEA-ABD62DCC1646.jpg?v=1740936052&width=750 750w,//helloceans.com/cdn/shop/files/1052FF4F-7DDD-4083-AAEA-ABD62DCC1646.jpg?v=1740936052&width=1000 1000w,//helloceans.com/cdn/shop/files/1052FF4F-7DDD-4083-AAEA-ABD62DCC1646.jpg?v=1740936052&width=1500 1500w,//helloceans.com/cdn/shop/files/1052FF4F-7DDD-4083-AAEA-ABD62DCC1646.jpg?v=1740936052&width=3000 3000w,//helloceans.com/cdn/shop/files/1052FF4F-7DDD-4083-AAEA-ABD62DCC1646.jpg?v=1740936052 3000w "
src="//helloceans.com/cdn/shop/files/1052FF4F-7DDD-4083-AAEA-ABD62DCC1646.jpg?v=1740936052&width=1500"
sizes=" (min-width: 1200px) 366px, (min-width: 750px) calc((100vw - 10rem) / 2), calc(100vw - 3rem) "
alt=""
height="3999"
width="3000"
loading="lazy"
class="motion-reduce"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3 class="card__heading">
<a
href="/collections/monde-marin"
class="full-unstyled-link"
>Monde Marin<span class="icon-wrap"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></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 xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
</a>
</h3></div>
</div></div>
</div>
</li><li
id="Slide-template--24425091498318__collection_list_Xd3tk3-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-scheme-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=1741467310&width=165 165w,//helloceans.com/cdn/shop/collections/26311060-F827-4E99-A438-A7C6C67FAA4F.jpg?v=1741467310&width=330 330w,//helloceans.com/cdn/shop/collections/26311060-F827-4E99-A438-A7C6C67FAA4F.jpg?v=1741467310&width=535 535w,//helloceans.com/cdn/shop/collections/26311060-F827-4E99-A438-A7C6C67FAA4F.jpg?v=1741467310&width=750 750w,//helloceans.com/cdn/shop/collections/26311060-F827-4E99-A438-A7C6C67FAA4F.jpg?v=1741467310&width=1000 1000w,//helloceans.com/cdn/shop/collections/26311060-F827-4E99-A438-A7C6C67FAA4F.jpg?v=1741467310&width=1500 1500w,//helloceans.com/cdn/shop/collections/26311060-F827-4E99-A438-A7C6C67FAA4F.jpg?v=1741467310&width=3000 3000w,//helloceans.com/cdn/shop/collections/26311060-F827-4E99-A438-A7C6C67FAA4F.jpg?v=1741467310 3000w "
src="//helloceans.com/cdn/shop/collections/26311060-F827-4E99-A438-A7C6C67FAA4F.jpg?v=1741467310&width=1500"
sizes=" (min-width: 1200px) 366px, (min-width: 750px) calc((100vw - 10rem) / 2), calc(100vw - 3rem) "
alt="Colliers avec Charms"
height="3998"
width="3000"
loading="lazy"
class="motion-reduce"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3 class="card__heading">
<a
href="/collections/colliers-avec-charms"
class="full-unstyled-link"
>Colliers avec Charms<span class="icon-wrap"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></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 xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
</a>
</h3></div>
</div></div>
</div>
</li><li
id="Slide-template--24425091498318__collection_list_Xd3tk3-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-scheme-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 xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></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 xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
</a>
</h3></div>
</div></div>
</div>
</li><li
id="Slide-template--24425091498318__collection_list_Xd3tk3-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-scheme-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=1741467256&width=165 165w,//helloceans.com/cdn/shop/collections/6652BB5F-46B6-47D0-81A1-BA111C12D46A.jpg?v=1741467256&width=330 330w,//helloceans.com/cdn/shop/collections/6652BB5F-46B6-47D0-81A1-BA111C12D46A.jpg?v=1741467256&width=535 535w,//helloceans.com/cdn/shop/collections/6652BB5F-46B6-47D0-81A1-BA111C12D46A.jpg?v=1741467256&width=750 750w,//helloceans.com/cdn/shop/collections/6652BB5F-46B6-47D0-81A1-BA111C12D46A.jpg?v=1741467256&width=1000 1000w,//helloceans.com/cdn/shop/collections/6652BB5F-46B6-47D0-81A1-BA111C12D46A.jpg?v=1741467256&width=1500 1500w,//helloceans.com/cdn/shop/collections/6652BB5F-46B6-47D0-81A1-BA111C12D46A.jpg?v=1741467256&width=3000 3000w,//helloceans.com/cdn/shop/collections/6652BB5F-46B6-47D0-81A1-BA111C12D46A.jpg?v=1741467256 3000w "
src="//helloceans.com/cdn/shop/collections/6652BB5F-46B6-47D0-81A1-BA111C12D46A.jpg?v=1741467256&width=1500"
sizes=" (min-width: 1200px) 366px, (min-width: 750px) calc((100vw - 10rem) / 2), calc(100vw - 3rem) "
alt="Bagues"
height="4000"
width="3000"
loading="lazy"
class="motion-reduce"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3 class="card__heading">
<a
href="/collections/bague"
class="full-unstyled-link"
>Bagues<span class="icon-wrap"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></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 xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
</a>
</h3></div>
</div></div>
</div>
</li><li
id="Slide-template--24425091498318__collection_list_Xd3tk3-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-scheme-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=1741467281&width=165 165w,//helloceans.com/cdn/shop/collections/495C999D-44AF-471D-ABC2-877177650C7C.jpg?v=1741467281&width=330 330w,//helloceans.com/cdn/shop/collections/495C999D-44AF-471D-ABC2-877177650C7C.jpg?v=1741467281&width=535 535w,//helloceans.com/cdn/shop/collections/495C999D-44AF-471D-ABC2-877177650C7C.jpg?v=1741467281&width=750 750w,//helloceans.com/cdn/shop/collections/495C999D-44AF-471D-ABC2-877177650C7C.jpg?v=1741467281&width=1000 1000w,//helloceans.com/cdn/shop/collections/495C999D-44AF-471D-ABC2-877177650C7C.jpg?v=1741467281&width=1500 1500w,//helloceans.com/cdn/shop/collections/495C999D-44AF-471D-ABC2-877177650C7C.jpg?v=1741467281&width=3000 3000w,//helloceans.com/cdn/shop/collections/495C999D-44AF-471D-ABC2-877177650C7C.jpg?v=1741467281 3000w "
src="//helloceans.com/cdn/shop/collections/495C999D-44AF-471D-ABC2-877177650C7C.jpg?v=1741467281&width=1500"
sizes=" (min-width: 1200px) 366px, (min-width: 750px) calc((100vw - 10rem) / 2), calc(100vw - 3rem) "
alt="Boucles d’oreilles"
height="3999"
width="3000"
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 xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></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 xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
</a>
</h3></div>
</div></div>
</div>
</li><li
id="Slide-template--24425091498318__collection_list_Xd3tk3-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-scheme-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=1741467368&width=165 165w,//helloceans.com/cdn/shop/collections/48EEF357-AF56-4BE3-BCF0-9F37004F2486.jpg?v=1741467368&width=330 330w,//helloceans.com/cdn/shop/collections/48EEF357-AF56-4BE3-BCF0-9F37004F2486.jpg?v=1741467368&width=535 535w,//helloceans.com/cdn/shop/collections/48EEF357-AF56-4BE3-BCF0-9F37004F2486.jpg?v=1741467368&width=750 750w,//helloceans.com/cdn/shop/collections/48EEF357-AF56-4BE3-BCF0-9F37004F2486.jpg?v=1741467368&width=1000 1000w,//helloceans.com/cdn/shop/collections/48EEF357-AF56-4BE3-BCF0-9F37004F2486.jpg?v=1741467368&width=1500 1500w,//helloceans.com/cdn/shop/collections/48EEF357-AF56-4BE3-BCF0-9F37004F2486.jpg?v=1741467368&width=3000 3000w,//helloceans.com/cdn/shop/collections/48EEF357-AF56-4BE3-BCF0-9F37004F2486.jpg?v=1741467368 3000w "
src="//helloceans.com/cdn/shop/collections/48EEF357-AF56-4BE3-BCF0-9F37004F2486.jpg?v=1741467368&width=1500"
sizes=" (min-width: 1200px) 366px, (min-width: 750px) calc((100vw - 10rem) / 2), calc(100vw - 3rem) "
alt="Travel lover"
height="3999"
width="3000"
loading="lazy"
class="motion-reduce"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3 class="card__heading">
<a
href="/collections/travel-lover"
class="full-unstyled-link"
>Travel lover<span class="icon-wrap"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></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 xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
</a>
</h3></div>
</div></div>
</div>
</li><li
id="Slide-template--24425091498318__collection_list_Xd3tk3-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-scheme-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/2040AE80-E516-41E8-A837-BA0C9387D885.jpg?v=1741208692&width=165 165w,//helloceans.com/cdn/shop/files/2040AE80-E516-41E8-A837-BA0C9387D885.jpg?v=1741208692&width=330 330w,//helloceans.com/cdn/shop/files/2040AE80-E516-41E8-A837-BA0C9387D885.jpg?v=1741208692&width=535 535w,//helloceans.com/cdn/shop/files/2040AE80-E516-41E8-A837-BA0C9387D885.jpg?v=1741208692&width=750 750w,//helloceans.com/cdn/shop/files/2040AE80-E516-41E8-A837-BA0C9387D885.jpg?v=1741208692&width=1000 1000w,//helloceans.com/cdn/shop/files/2040AE80-E516-41E8-A837-BA0C9387D885.jpg?v=1741208692&width=1500 1500w,//helloceans.com/cdn/shop/files/2040AE80-E516-41E8-A837-BA0C9387D885.jpg?v=1741208692&width=3000 3000w,//helloceans.com/cdn/shop/files/2040AE80-E516-41E8-A837-BA0C9387D885.jpg?v=1741208692 3000w "
src="//helloceans.com/cdn/shop/files/2040AE80-E516-41E8-A837-BA0C9387D885.jpg?v=1741208692&width=1500"
sizes=" (min-width: 1200px) 366px, (min-width: 750px) calc((100vw - 10rem) / 2), calc(100vw - 3rem) "
alt=""
height="3999"
width="3000"
loading="lazy"
class="motion-reduce"
>
</div>
</div><div class="card__content">
<div class="card__information">
<h3 class="card__heading">
<a
href="/collections/symbole-de-la-spirale"
class="full-unstyled-link"
>symbole de la spirale<span class="icon-wrap"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></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 xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></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--24425091957070__footer" class="shopify-section shopify-section-group-footer-group">
<link href="//helloceans.com/cdn/shop/t/3/assets/section-footer.css?v=60318643098753476351738070931" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/component-newsletter.css?v=4727253280200485261738070929" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/component-list-menu.css?v=151968516119678728991738070929" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/component-list-payment.css?v=69253961410771838501738070929" rel="stylesheet" type="text/css" media="all" />
<link href="//helloceans.com/cdn/shop/t/3/assets/component-list-social.css?v=35792976012981934991738070929" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.footer {
margin-top: 0px;
}
.section-sections--24425091957070__footer-padding {
padding-top: 27px;
padding-bottom: 27px;
}
@media screen and (min-width: 750px) {
.footer {
margin-top: 0px;
}
.section-sections--24425091957070__footer-padding {
padding-top: 36px;
padding-bottom: 36px;
}
}</style><footer class="footer color-scheme-4 gradient section-sections--24425091957070__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">Inscrit toi à la Newletters</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--24425091957070__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--24425091957070__footer">
E-mail
</label>
<button
type="submit"
class="newsletter-form__button field__button"
name="commit"
id="Subscribe"
aria-label="S'inscrire"
>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
</span>
</button>
</div></div></form></div></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"><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>
<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="FooterCountry-country-results"
aria-describedby="FooterCountryLabel"
>
<span>France |
EUR
€</span>
<svg class="icon icon-caret" viewbox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
</button>
<div class="disclosure__list-wrapper country-selector" hidden>
<div class="country-filter">
<div class="field">
<input
class="country-filter__input field__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="Rechercher"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
>
<label class="field__label" for="country-filter-input">Rechercher</label>
<button
type="reset"
class="country-filter__reset-button field__button hidden"
aria-label="Effacer le terme de recherche"
><svg fill="none" stroke="currentColor" class="icon icon-close" viewbox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg>
</button>
<div class="country-filter__search-icon field__button motion-reduce"><svg fill="none" class="icon icon-search" viewbox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</div>
</div>
<button
class="country-selector__close-button button--small link"
type="button"
aria-label="Fermer"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewbox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</button>
</div>
<div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
<div
class="disclosure__list country-selector__list country-selector__list--with-multiple-currencies"
id="FooterCountry-country-results"
>
<ul role="list" class="list-unstyled countries"><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="DE"
id="Allemagne"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Allemagne</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="AT"
id="Autriche"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Autriche</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="BE"
id="Belgique"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Belgique</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="BG"
id="Bulgarie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Bulgarie</span>
<span class="localization-form__currency motion-reduce">
BGN
лв.</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CY"
id="Chypre"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Chypre</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="HR"
id="Croatie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Croatie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="DK"
id="Danemark"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Danemark</span>
<span class="localization-form__currency motion-reduce">
DKK
kr.</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="ES"
id="Espagne"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Espagne</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="EE"
id="Estonie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Estonie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="FI"
id="Finlande"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Finlande</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
aria-current="true"
data-value="FR"
id="France"
>
<span
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">France</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="GR"
id="Grèce"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Grèce</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="GP"
id="Guadeloupe"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Guadeloupe</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="HU"
id="Hongrie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Hongrie</span>
<span class="localization-form__currency motion-reduce">
HUF
Ft</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IE"
id="Irlande"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Irlande</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IT"
id="Italie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Italie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="RE"
id="La Réunion"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">La Réunion</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LV"
id="Lettonie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Lettonie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LT"
id="Lituanie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Lituanie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LU"
id="Luxembourg"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Luxembourg</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="MT"
id="Malte"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Malte</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="MQ"
id="Martinique"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Martinique</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="NC"
id="Nouvelle-Calédonie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Nouvelle-Calédonie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="NL"
id="Pays-Bas"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Pays-Bas</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="PL"
id="Pologne"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Pologne</span>
<span class="localization-form__currency motion-reduce">
PLN
zł</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="PT"
id="Portugal"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Portugal</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="RO"
id="Roumanie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Roumanie</span>
<span class="localization-form__currency motion-reduce">
RON
Lei</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SK"
id="Slovaquie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Slovaquie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SI"
id="Slovénie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Slovénie</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SE"
id="Suède"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Suède</span>
<span class="localization-form__currency motion-reduce">
SEK
kr</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CZ"
id="Tchéquie"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Tchéquie</span>
<span class="localization-form__currency motion-reduce">
CZK
Kč</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="WF"
id="Wallis-et-Futuna"
>
<span
class="visibility-hidden"
><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewbox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
</span>
<span class="country">Wallis-et-Futuna</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li></ul>
</div>
</div>
<div class="country-selector__overlay"></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"
>© 2025, <a href="/" title="">Hello Oceans </a></small>
<small class="copyright__content"><a target="_blank" rel="nofollow" href="https://fr.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Commerce électronique propulsé par Shopify</a></small></div>
</div>
</div>
</footer>
</div>
<!-- END sections: footer-group -->
<ul hidden>
<li id="a11y-refresh-page-message">Le choix d'une sélection entraîne l'actualisation de la page entière.</li>
<li id="a11y-new-window-message">S'ouvre dans une nouvelle fenêtre.</li>
</ul>
<script>
window.shopUrl = 'https://helloceans.com';
window.routes = {
cart_add_url: '/cart/add',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
cart_url: '/cart',
predictive_search_url: '/search/suggest',
};
window.cartStrings = {
error: `Une erreur est survenue lors de l’actualisation de votre panier. Veuillez réessayer.`,
quantityError: `Vous ne pouvez pas ajouter plus de [quantity] de ce produit à votre panier.`,
};
window.variantStrings = {
addToCart: `Ajouter au panier`,
soldOut: `Épuisé`,
unavailable: `Non disponible(s)`,
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`,
min_error: `Cet article a un minimum de [min]`,
max_error: `Cet article a un maximum de [max]`,
step_error: `Vous pouvez ajouter cet article uniquement par incréments de [step]`,
};
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`,
countrySelectorSearchCount: `[count] pays/régions trouvés`,
};
</script><script src="//helloceans.com/cdn/shop/t/3/assets/predictive-search.js?v=57209189334897115771738070931" defer="defer"></script></body>
</html>
