<!DOCTYPE html>
<html lang="fr-FR" xmlns="http://www.w3.org/1999/xhtml">
<head itemscope itemtype="http://schema.org/WebSite">
<title>La Boutique de Marine - Bijoux acier inoxydable femme &homme</title>
<meta name="description" content="Découvrez La Boutique de Marine : bijoux en acier inoxydable homme et femme, élégants, tendance, résistants et faits pour durer." />
<link rel="canonical" href="https://laboutiquedemarine.fr/" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
<meta property="og:title" itemprop='name' content="La Boutique de Marine - Bijoux acier inoxydable femme &homme"/>
<meta property="og:description" content="Découvrez La Boutique de Marine : bijoux en acier inoxydable homme et femme, élégants, tendance, résistants et faits pour durer."/>
<link rel="shortcut icon" type="image/svg"
href="https://cdn.sumup.store/shops/58014356/settings/th240/79df2e57-79b5-475b-a66d-3e170afc65bb.jpeg"/>
<style>
:root {
--color-affirmation: #397163;
--color-attention: #ba6332;
--color-decoration: #f8f8f8;
--color-link: #000000;
--color-link-rgb: 0, 0, 0;
--affirmation-color-font: 255, 255, 255;
--affirmation-color-font-invert: 0, 0, 0;
--attention-color-font: 255, 255, 255;
--attention-color-font-invert: 0, 0, 0;
--decoration-color-font: 0, 0, 0;
--decoration-color-font-hex: #000000;
--decoration-color-font-invert: 255, 255, 255;
--placeholder-fill-opacity: 0.08;
--placeholder-content-fill-opacity: 1;
--placeholder-fill-opacity-invert: 0.2;
--placeholder-content-fill-opacity-invert: 0.7;
--font-color-light-background: rgba(var(--decoration-color-font), 0.4);
--font-color-mid-light-background: rgba(var(--decoration-color-font), 0.2);
--font-color-super-light-background: rgba(var(--decoration-color-font), 0.1);
--link-color-font: 255, 255, 255;
--link-color-font-hex: #FFFFFF;
--link-color-font-invert: 0, 0, 0;
}
</style>
<link rel="preload" href="https://static.sumup.com/online-store/fonts/open-sans-400.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="https://static.sumup.com/online-store/fonts/open-sans-700.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<style>
@font-face {
font-family: 'Open Sans';
src: url('https://static.sumup.com/online-store/fonts/open-sans-400.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
src: url('https://static.sumup.com/online-store/fonts/open-sans-700.woff2') format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
:root {
--font-heading: 'Open Sans';
--font-heading-weight: 700;
--font-text: 'Open Sans';
--font-text-weight: 400;
--font-label: 'Open Sans';
--font-label-weight: 400;
}
</style>
<link rel="stylesheet" href="https://cdn.sumup.store/assets/v2530.0.0/storefront/theme.9327559b.css">
<link rel="stylesheet" href="https://cdn.sumup.store/assets/v2530.0.0/storefront/consentBanner.d3980cc7.css">
<script nonce="DvlFjgEZSsbjmSAlka4Y1w==">
window.dataLayer = window.dataLayer || [];
function gtag() { window.dataLayer.push(arguments); }
</script>
<!-- Google Tag Manager -->
<script nonce="DvlFjgEZSsbjmSAlka4Y1w==">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KJVNV3D');</script>
<!-- End Google Tag Manager -->
<script nonce="DvlFjgEZSsbjmSAlka4Y1w==">
const appInfo = {
shopId: "dcc9ffb3-a506-44d1-8fc9-58f79cc32fa3",
checkoutApiUrl: "https://checkout.sumupstore.com",
};
</script>
<script src="https://cdn.sumup.store/assets/v2530.0.0/storefront/runtime.7563d208.js" defer></script><script src="https://cdn.sumup.store/assets/v2530.0.0/storefront/vendor.978a1d39.js" defer></script><script src="https://cdn.sumup.store/assets/v2530.0.0/storefront/translator.f51d6f2b.js" defer></script>
</head>
<body tabindex="-1" id="storefrontBody" data-globals='{"shopInfo":{"domain":"https:\/\/laboutiquedemarine.fr","uuid":"dcc9ffb3-a506-44d1-8fc9-58f79cc32fa3","checkoutUrl":"https:\/\/checkout.sumupstore.com","currencyCode":"EUR","isPreviewMode":false,"locale":"fr-FR","mch":"bd7878e1f187492313ecb8164730e322ea3d2fbf6da3403100b83a803974ce39","transactionalStatus":"transactional"},"settings":{"installmentsEnabled":false,"backToCheckout":false,"cartType":"full_page"},"translations":{"notificationError":"Le produit ne peut pas \u00eatre ajout\u00e9 au panier","productDescriptionShowLess":"Montrer moins","productDescriptionShowMore":"Voir plus"},"imagesUrl":{"productBlind":"https:\/\/cdn.sumup.store\/assets\/v2530.0.0\/storefront\/images\/product_blind.42469217.png","placeholderItem":"https:\/\/cdn.sumup.store\/assets\/v2530.0.0\/storefront\/images\/placeholder-item.82f7a244.svg","cartIcon":"https:\/\/cdn.sumup.store\/assets\/v2530.0.0\/storefront\/images\/header-cart-icon.b98de144.svg","cartDeleteIcon":"https:\/\/cdn.sumup.store\/assets\/v2530.0.0\/storefront\/images\/cart-remove-icon.c33934ab.svg","hamburgerMenu":"https:\/\/cdn.sumup.store\/assets\/v2530.0.0\/storefront\/images\/header-hamburger-menu.0f2115b4.svg","hamburgerMenuClose":"https:\/\/cdn.sumup.store\/assets\/v2530.0.0\/storefront\/images\/header-hamburger-close.ee19af5c.svg","bannerPlaceholder":"https:\/\/cdn.sumup.store\/assets\/v2530.0.0\/storefront\/images\/placeholder-banner.b18c1aa4.svg","text_and_imagePlaceholder":"https:\/\/cdn.sumup.store\/assets\/v2530.0.0\/storefront\/images\/placeholder-banner.b18c1aa4.svg","text_onlyPlaceholder":"https:\/\/cdn.sumup.store\/assets\/v2530.0.0\/storefront\/images\/placeholder-banner.b18c1aa4.svg","logoPlaceholder":"https:\/\/cdn.sumup.store\/assets\/v2530.0.0\/storefront\/images\/placeholder-logo.07eb53b3.svg"},"featurePolicy":["category_projections","modular_setup_v1","os_pages_migration","sumupstore_storefront_domain_find"],"initialReferer":null}' data-content-group="home" >
<a href="#pageContentWrapper" class="skip-to-main-content-link">
Skip to main content
</a>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KJVNV3D"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div
tabindex="0"
id="notificationWrapper"
data-selector="os-theme-notification"
data-notification-type=""
class="os-theme-notification">
<span class="notification-message"></span>
</div>
<nav id="mobileNavigation" class="container-fluid p-0 navigation-mobile" data-selector="os-theme-navigation-mobile">
<ul role="list">
<li data-selector="os-theme-header-navigation-mobile-elem-Accueil" role="listitem">
<div class="submenu-action-wrapper">
<a
class="body-2-bold is-active"
href="https://laboutiquedemarine.fr/"
title="Accueil"
>
<span>Accueil</span>
</a>
</div>
</li>
<li data-selector="os-theme-header-navigation-mobile-elem-Articles" role="listitem">
<div class="submenu-action-wrapper">
<a
class="body-2-regular"
href="https://laboutiquedemarine.fr/produits"
title="Articles"
>
<span>Articles</span>
</a>
</div>
</li>
</ul>
</nav>
<!-- OS Theme - Header section -->
<header
class="header header-3 scroll-type-scroll without-background header-name-visibility-true has-actions menu-align-left"
data-selector="os-theme-header"
id="os-theme-header"
>
<div id="headerContainer" class="container px-lg-6 p-0">
<div class="row header-row flex-nowrap">
<div class="col-auto searchbar-wrapper is-hidden d-lg-none" id="searchbarMobileWrapper">
<div class="searchbar-input">
<div class="with-icon">
<i aria-label="Rechercher" id="searchbarSubmitIcon" class="icon icon-search"></i>
<label for="searchbar">
Rechercher
</label>
<input id="searchbarInput" class="searchbar" type="text" placeholder="Rechercher" />
</div>
<button aria-label="Fermer" type="button" class="shl--searchbar" data-cy="header-searchbar-close-button">
<i class="icon icon-close" id="searchbarBtnMobileClose"></i>
</button>
</div>
<div class="dropdown is-hidden" id="searchResultsMobile">
<ul role="list">
</ul>
</div>
</div>
<div class="col-auto hamburger-menu-wrapper d-lg-none">
<button aria-label="Menu" class="hamburger-menu"
data-selector="os-theme-header-hamburger-menu">
<i class="icon" data-selector="os-theme-header-hamburger-menu-icon"></i>
</button>
</div>
<div class="menu-column" id="navWrapper">
<div class="center-column align-left">
<nav class="navigation" data-selector="os-theme-header-navigation">
<ul class="d-none d-lg-flex" role="list">
<li class="navigation-item" data-selector="os-theme-header-navigation-elem-Accueil" role="listitem">
<a
aria-current="page"
class="body-2-bold is-active"
href="https://laboutiquedemarine.fr/"
title="Accueil"
>
<span>Accueil</span>
</a>
</li>
<li class="navigation-item" data-selector="os-theme-header-navigation-elem-Articles" role="listitem">
<a
class="body-2-regular"
href="https://laboutiquedemarine.fr/produits"
title="Articles"
>
<span>Articles</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="col logo-column">
<div class="logo-wrapper"
data-selector="os-theme-header-logo-wrapper">
<a href="https://laboutiquedemarine.fr/"
title="La Boutique de Marine ">
<div class="logo">
<img
src="https://cdn.sumup.store/shops/58014356/settings/th480/79df2e57-79b5-475b-a66d-3e170afc65bb.jpeg"
style="width: 190px;"
alt="La Boutique de Marine - Bijoux tendance en acier inoxydable femme & homme"
data-selector="os-theme-header-logo" />
</div>
</a>
<div class="store-name" data-selector="os-theme-header-store-name">
<a href="https://laboutiquedemarine.fr/"
class="body-2-bold default-link"
title="La Boutique de Marine ">
<span>La Boutique de Marine </span>
</a>
</div>
</div>
</div>
<div class="col-auto searchbar-wrapper searchbar-desktop is-hidden" id="searchbarDesktopWrapper">
<div class="with-icon">
<i aria-label="Rechercher" id="searchbarDesktopSubmitIcon" class="icon icon-search"></i>
<label for="searchbar">
Rechercher
</label>
<input id="searchbarInputDesktop" class="searchbar" type="text" placeholder="Rechercher" />
</div>
<div class="dropdown is-hidden is-desktop" id="searchResultsDesktop">
<ul role="list">
</ul>
</div>
</div>
<div class="col-auto actions-col">
<div class="header-right">
<div class="searchbar-icon"
data-selector="os-theme-header-searchbar">
<button aria-label="Rechercher" type="button" class="shl--searchbar d-none d-lg-flex" data-cy="header-small-open-searchbar" id="searchbarBtnDesktop">
<i class="icon icon-search"></i>
</button>
<!-- Mobile search trigger button -->
<button aria-label="Rechercher" type="button" class="shl--searchbar d-lg-none" data-cy="header-small-open-searchbar-mobile" id="searchbarBtnMobile">
<i class="icon icon-search"></i>
</button>
</div>
<div class="cart-items"
id="osCartBtn"
data-selector="os-theme-header-cart">
<a aria-label="Panier" href="https://laboutiquedemarine.fr/panier" class="shl--cart" data-cy="header-small-open-cart">
<span class="shl--cart-quantity"></span>
<i class="icon icon-cart"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</header>
<div id="pageContentWrapper" class="body-content-mixed-height">
<section class="products-highlights"
data-selector="products-highlights">
<div class="container">
<div class="row">
<div class="col-12">
<h1 class="headline-small"
data-selector="os-theme-products-highlights-headline">
Suggestions
</h1>
</div>
</div>
<div class="row gy-4">
<div class="col-6 col-md-3">
<a href="https://laboutiquedemarine.fr/article/chaine-maille-grain-de-cafe-en-acier-inoxydable-argente-et-noir"
class="list-product"
data-item-id="BFC14D56-E4C8-4BA2-B356-0B286EEB2E79"
data-item-name="Chaîne maille grain de café en acier inoxydable argenté et noir"
data-selector="list-product-view">
<div class="list-product-image">
<div class="img-wrapper">
<img src=" https://images.sumup.com/img_20QCQSP1M680ERNSADXVC7A0J2/image.png"
data-selector="os-theme-product-list-image"
alt="Chaîne maille grain de café en acier inoxydable argenté et noir" />
</div>
</div>
<div class="list-product-info">
<h3 class="body-2-bold body-1-bold-xl" data-selector="os-theme-product-list-name">
Chaîne maille grain de café en acier inoxydable argenté et noir
</h3>
<div class="list-product-price-wrapper with-margin">
<div class="list-product-price">
<span class="list-product-price-regular body-2-bold-xs body-1-bold-sm body-2-bold-md body-1-bold-lg" data-selector="os-theme-product-list-price-regular">15,00 €</span>
</div>
</div>
</div>
</a>
</div>
<div class="col-6 col-md-3">
<a href="https://laboutiquedemarine.fr/article/collier-croix-en-acier-inoxydable-argente-orne-de-strass-scintillants-pour-une-touche-elegante-et-intemporelle"
class="list-product"
data-item-id="947C6F34-BF01-49BF-A663-EB130A45CBC9"
data-item-name="Collier croix en acier inoxydable argenté, orné de strass scintillants pour une touche élégante et intemporelle"
data-selector="list-product-view">
<div class="list-product-image">
<div class="img-wrapper">
<img src=" https://images.sumup.com/img_7XCCMHA0SK9GGRHH8RCKZXJF2E/image.png"
data-selector="os-theme-product-list-image"
alt="Collier croix en acier inoxydable argenté, orné de strass scintillants pour une touche élégante et intemporelle" />
</div>
</div>
<div class="list-product-info">
<h3 class="body-2-bold body-1-bold-xl" data-selector="os-theme-product-list-name">
Collier croix en acier inoxydable argenté, orné de strass scintillants pour une touche élégante et intemporelle
</h3>
<div class="list-product-price-wrapper with-margin">
<div class="list-product-price">
<span class="list-product-price-regular body-2-bold-xs body-1-bold-sm body-2-bold-md body-1-bold-lg" data-selector="os-theme-product-list-price-regular">10,00 €</span>
</div>
</div>
</div>
</a>
</div>
<div class="col-6 col-md-3">
<a href="https://laboutiquedemarine.fr/article/collier-femme-maille-serpent-tricolore-en-acier-inoxydable"
class="list-product"
data-item-id="5864AFFB-A136-44F0-8182-D5D60E2CE28A"
data-item-name="Collier femme maille serpent tricolore en acier inoxydable"
data-selector="list-product-view">
<div class="list-product-image">
<div class="img-wrapper">
<img src=" https://images.sumup.com/img_0WFCP164FR95MV2VHRVJ03GVNE/image.png"
data-selector="os-theme-product-list-image"
alt="Collier femme maille serpent tricolore en acier inoxydable" />
</div>
</div>
<div class="list-product-info">
<h3 class="body-2-bold body-1-bold-xl" data-selector="os-theme-product-list-name">
Collier femme maille serpent tricolore en acier inoxydable
</h3>
<div class="list-product-price-wrapper with-margin">
<div class="list-product-price">
<span class="list-product-price-regular body-2-bold-xs body-1-bold-sm body-2-bold-md body-1-bold-lg" data-selector="os-theme-product-list-price-regular">15,00 €</span>
</div>
</div>
</div>
</a>
</div>
<div class="col-6 col-md-3">
<a href="https://laboutiquedemarine.fr/article/bracelets-dore-arbre-de-vie-en-acier-inoxydable"
class="list-product"
data-item-id="74C027F5-8C61-490C-91F3-183C62851F1B"
data-item-name="Bracelets doré arbre de vie en acier inoxydable "
data-selector="list-product-view">
<div class="list-product-image">
<div class="img-wrapper">
<img src=" https://images.sumup.com/img_61CPYZYHDN8QVT1PJXAQ4YEJ2Y/image.png"
data-selector="os-theme-product-list-image"
alt="Bracelets doré arbre de vie en acier inoxydable " />
</div>
</div>
<div class="list-product-info">
<h3 class="body-2-bold body-1-bold-xl" data-selector="os-theme-product-list-name">
Bracelets doré arbre de vie en acier inoxydable
</h3>
<div class="list-product-price-wrapper">
<div class="list-product-price">
<span class="list-product-price-regular body-2-bold-xs body-1-bold-sm body-2-bold-md body-1-bold-lg" data-selector="os-theme-product-list-price-regular">10,00 €</span>
</div>
</div>
<div class="list-product-info-variants label">Autres variantes disponibles</div>
</div>
</a>
</div>
<div class="col-6 col-md-3">
<a href="https://laboutiquedemarine.fr/article/collier-breloques-femme-fleurs-dore-en-acier-inoxydable-elegance-florale-et-tendance"
class="list-product"
data-item-id="3036867E-E4D6-47FC-BB60-6243D57BE46F"
data-item-name="Collier breloques femme fleurs doré en acier inoxydable – Élégance florale et tendance"
data-selector="list-product-view">
<div class="list-product-image">
<div class="img-wrapper">
<img src=" https://images.sumup.com/img_5B72C66BQB8JXA5AC9SB7RR34P/image.png"
data-selector="os-theme-product-list-image"
alt="Collier breloques femme fleurs doré en acier inoxydable – Élégance florale et tendance" />
</div>
</div>
<div class="list-product-info">
<h3 class="body-2-bold body-1-bold-xl" data-selector="os-theme-product-list-name">
Collier breloques femme fleurs doré en acier inoxydable – Élégance florale et tendance
</h3>
<div class="list-product-price-wrapper with-margin">
<div class="list-product-price">
<span class="list-product-price-regular body-2-bold-xs body-1-bold-sm body-2-bold-md body-1-bold-lg" data-selector="os-theme-product-list-price-regular">18,00 €</span>
</div>
</div>
</div>
</a>
</div>
<div class="col-6 col-md-3">
<a href="https://laboutiquedemarine.fr/article/collier-en-acier-inoxydable-dore-et-argente-maille-grain-de-cafe"
class="list-product"
data-item-id="C0ED377E-0C4D-49A2-B04B-535CC1C9B1B1"
data-item-name="Collier en acier inoxydable doré et argenté – Maille grain de café"
data-selector="list-product-view">
<div class="list-product-image">
<div class="img-wrapper">
<img src=" https://images.sumup.com/img_2DH2MH440R952TGJJC94JJDN8M/image.png"
data-selector="os-theme-product-list-image"
alt="Collier en acier inoxydable doré et argenté – Maille grain de café" />
</div>
</div>
<div class="list-product-info">
<h3 class="body-2-bold body-1-bold-xl" data-selector="os-theme-product-list-name">
Collier en acier inoxydable doré et argenté – Maille grain de café
</h3>
<div class="list-product-price-wrapper with-margin">
<div class="list-product-price">
<span class="list-product-price-regular body-2-bold-xs body-1-bold-sm body-2-bold-md body-1-bold-lg" data-selector="os-theme-product-list-price-regular">15,00 €</span>
</div>
</div>
</div>
</a>
</div>
<div class="col-6 col-md-3">
<a href="https://laboutiquedemarine.fr/article/bracelet-homme-en-acier-inoxydable-maille-gourmette"
class="list-product"
data-item-id="CF2CD706-B115-492F-BE80-E09E61E28C67"
data-item-name="Bracelet homme en acier inoxydable – Maille gourmette"
data-selector="list-product-view">
<div class="list-product-image">
<div class="img-wrapper">
<img src=" https://images.sumup.com/img_64E54879HT9F4R6X6T28YHJE7B/image.png"
data-selector="os-theme-product-list-image"
alt="Bracelet homme en acier inoxydable – Maille gourmette" />
</div>
</div>
<div class="list-product-info">
<h3 class="body-2-bold body-1-bold-xl" data-selector="os-theme-product-list-name">
Bracelet homme en acier inoxydable – Maille gourmette
</h3>
<div class="list-product-price-wrapper with-margin">
<div class="list-product-price">
<span class="list-product-price-regular body-2-bold-xs body-1-bold-sm body-2-bold-md body-1-bold-lg" data-selector="os-theme-product-list-price-regular">15,00 €</span>
</div>
</div>
</div>
</a>
</div>
<div class="col-6 col-md-3">
<a href="https://laboutiquedemarine.fr/article/bracelet-femme-brode-tendance"
class="list-product"
data-item-id="26759ACE-0958-45F7-B617-D356D3FCF74E"
data-item-name="Bracelet femme brodé tendance "
data-selector="list-product-view">
<div class="list-product-image">
<div class="img-wrapper">
<img src=" https://images.sumup.com/img_1FF34JR8MQ81CVZRRD6SZZP1BE/image.png"
data-selector="os-theme-product-list-image"
alt="Bracelet femme brodé tendance " />
</div>
</div>
<div class="list-product-info">
<h3 class="body-2-bold body-1-bold-xl" data-selector="os-theme-product-list-name">
Bracelet femme brodé tendance
</h3>
<div class="list-product-price-wrapper with-margin">
<div class="list-product-price">
<span class="list-product-price-regular body-2-bold-xs body-1-bold-sm body-2-bold-md body-1-bold-lg" data-selector="os-theme-product-list-price-regular">20,00 €</span>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="row">
<div class="col-12">
<a class="products-explore btn-tertiary btn-tertiary-small btn-tertiary-large-lg"
href="/produits"
data-selector="os-theme-products-highlights-cta">
Parcourir les produits
<i class="icon-arrow-right"></i>
</a>
</div>
</div>
</div>
</section>
</div>
<div id="sideCart" class="shl--cart-widget hide">
<div class="shl--cart-widget-inner">
<div class="shl--cart-header">
<span id="sideCartCloseButton"
class="shl--icon-wrapper"
data-cy="cart-widget-close-button">
<i class="icon-chevron-right-light"></i>
</span>
<h2 class="body-2-bold body-1-bold-lg"
data-selector="os-theme-side-shopping-cart-title">
Panier
</h2>
</div>
<div id="itemSoldOutNotification" class='hidden'>
<i class='icon icon-exclamation'></i>
<h6 class='body-2-bold'>Épuisé</h6>
<p class='body-2-regular'>Désolés, un ou plusieurs produits sont en rupture de stock. Votre panier a été mis à jour.</p>
</div>
<div class="shl--cart-elements">
<ul role="list" id="sideCartItemsList" class="cart--list"></ul>
</div>
<div id="sideCartEmptyState"
data-cy="cart-widget-empty-wrapper"
class="shl--cart-empty-cover">
<div class="shl--single-cart-empty-icon-wrapper"
data-cy="cart-widget-empty-image">
<i class="icon-cart"></i>
</div>
<p data-cy="cart-widget-empty-label">
Votre panier est vide
</p>
</div>
<div id="cartSummary" class="shl--cart-summary hidden">
<div class="cart-message-accordion">
<span class="cart-message-accordion__header" data-selector="os-cart-accordion-header">
<button class="cart-message-accordion__header__button" type="button">
Message à l'attention du commerçant
<i class="icon icon-chevron-down"></i>
</button>
</span>
<div class="cart-message-accordion__content">
<div class="cart-message-accordion__content__inner">
<label class="visually-hidden" for="cartMessage">Message à l'attention du commerçant</label>
<textarea aria-label="Ajouter une remarque" aria-describedby="hint" id="cartMessage" name="os-cart-message-input" placeholder="Ajouter une remarque" rows="4" maxlength="300" data-selector="os-cart-message-input"></textarea>
<span id="hint" class="cart--message-input-validation"></span>
</div>
</div>
</div>
<div class="cart--subtotal">
<span data-selector="os-cart-summary-subtotal-label">
Coût Total
</span>
<span id="cartSummarySubtotal"
data-selector="os-cart-summary-subtotal-value">
</span>
</div>
<div class="cart--shipping">
<span data-selector="os-cart-summary-shipping-label">
Livraison
</span>
<span data-selector="os-cart-summary-shipping-value">
calculé au moment du paiement
</span>
</div>
<div class="cart--sum">
<div class="sum-tax-wrapper">
<span data-selector="os-cart-summary-total-label">
Total
</span>
<span id="cartSummaryTax" data-selector="os-cart-summary-tax-label">
</span>
</div>
<span id="cartSummaryTotal" data-selector="os-cart-summary-total-value">
</span>
</div>
<div class="shl--checkout-btn checkout--cart visible">
<button id="goToCheckout"
class="btn btn-1 btn-small cart-checkout-button"
data-cy="cart-widget-go-to-checkout">
<span>
Payer
</span>
</button>
</div>
<a id="returnToProducts"
href="/produits"
class="btn btn-1 btn-small cart-return-to-products-button hidden"
data-cy="cart-widget-return-to-products"
>
<span>
Revenir aux produits
</span>
</a>
</div>
</div>
</div>
<footer class="p-0 footer" data-selector="os-theme-footer">
<div class="footer-main">
<div class="container px-lg-6">
<div class="row footer-row">
<nav class="col-12 footer-navigation" data-selector="os-theme-footer-navigation">
<ul role="list" class="row footer-navigation-wrapper justify-content-center">
<li role="listitem" class="col-2">
<a
href="https://laboutiquedemarine.fr/contact"
title="Contactez-nous"
data-link-target="contact"
data-link-type="page"
>
Contactez-nous
</a>
</li>
<li role="listitem" class="col-2">
<a
href="https://laboutiquedemarine.fr/page/conditions-generales"
title="Conditions"
data-link-target="3f36cb25-1352-42cf-8bbf-b8ede8489645"
data-link-type="page"
>
Conditions
</a>
</li>
<li role="listitem" class="col-2">
<a
href="https://laboutiquedemarine.fr/page/politique-en-matiere-de-protection-de-la-vie-privee"
title="Politique de confidentialité"
data-link-target="4283ec5a-3a08-43bc-b176-3f006e4d59d7"
data-link-type="page"
>
Politique de confidentialité
</a>
</li>
<li role="listitem" class="col-2">
<a
href="https://laboutiquedemarine.fr/politique-cookies"
title="Politique de cookies"
data-link-target="cookie_policy"
data-link-type="page"
>
Politique de cookies
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="footer-copyrights">
<div class="container px-lg-6 copyrights-wrapper">
<div class="row">
<div class="col col-12 col-md-7 copyrights-column">
<div class="copyrights" data-selector="os-theme-footer-copyrights"><span>© 2026</span><span>La Boutique de Marine </span></div>
</div>
<div class="col col-12 col-md-5">
<div class="footer-logo" data-selector="os-theme-footer-powered"> powered by
<a href="https://www.sumup.com/fr-fr/boutique-en-ligne/" rel="nofollow" target="_blank">
<img width="84" height="24" src="https://cdn.sumup.store/assets/v2530.0.0/storefront/images/sumup-footer-logo.7a423614.svg" alt="SumUp Accueil" data-selector="os-theme-footer-whatsapp-icon-mobile">
</a>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="cookie-banner" id="cookie-banner" data-selector="cookie-banner" hidden aria-hidden="true">
<div class="container">
<div class="row align-items-center">
<div class="cookie-banner-description col col-12 col-md-7" data-selector="cookie-banner-description">
<h3 class="body-1-bold" data-selector="cookie-banner-description-header">Cookies</h3>
<p class="body-3-regular" data-selector="cookie-banner-description-content">Ce site Internet utilise des cookies. Ce sont de petits fichiers qui nous aident à comprendre comment vous utilisez nos services afin que nous puissions améliorer votre expérience. Vous pouvez également consulter notre <a href="/politique-cookies" target="_blank" title="Politique de cookies">politique sur les cookies</a>.</p>
</div>
<div class="col col-12 col-md-5" data-selector="cookie-banner-actions">
<div class="cookie-banner-actions">
<button data-selector="cookie-banner-accept-button" type="submit" class="btn btn-1 btn-small cookie-banner-accept-button">
<span data-selector="cookie-banner-accept-button-text">Tout accepter</span>
</button>
<button data-selector="cookie-banner-settings-button" type="submit" class="btn btn-2 btn-small cookie-banner-settings-button" id="cookie-banner-settings-button">
<span data-selector="cookie-banner-settings-button-text">Paramètres de cookies</span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="cookie-settings" id="cookie-settings" data-selector="cookie-settings" hidden aria-hidden="true">
<div class="container">
<div class="row">
<div class="cookie-settings-description col col-12 col-xl-4" data-selector="cookie-settings-description">
<h3 class="body-1-bold" data-selector="cookie-settings-description-header">Préférences de cookies</h3>
<p class="body-3-regular" data-selector="cookie-settings-description-content">Certains cookies sont nécessaires au fonctionnement du site Internet. D'autres sont des cookies de performance facultatifs qui nous aident à comprendre la façon dont nos utilisateurs interagissent avec le site Internet. En acceptant l'utilisation de ces cookies, vous nous aidez à vous offrir un meilleur site Internet. Pour en avoir plus sur les cookies utilisés sur ce site, consultez notre <a href="/politique-cookies" title="Politique de cookies">politique sur les cookies</a>.</p>
</div>
<div class="col col-12 col-xl-8">
<div class="cookie-settings-details col col-12" data-selector="cookie-settings-details">
<div class="cookie-settings-details-performance" data-selector="cookie-settings-details-performance">
<h3 class="body-2-bold" data-selector="cookie-settings-details-performance-header">Cookies de performance</h3>
<p class="body-3-regular" data-selector="cookie-settings-details-performance-content">Ces cookies comptent le nombre de visites sur le site Internet et peuvent voir d'où viennent les visiteurs afin que nous puissions améliorer la performance de notre site. Ces cookies nous indiquent les pages les plus populaires et les moins populaires et nous montrent comment les visiteurs naviguent sur le site. Toutes les informations collectées par ces cookies sont agrégées et donc anonymes. Si vous n'autorisez pas ces cookies, nous ne pourrons pas comprendre les performances du site Internet.</p>
<div class="toggle" data-selector="cookie-settings-details-performance-toggle">
<input type="checkbox" id="togglePerformance">
<label for="togglePerformance">
<span id="togglePerformanceLabelOn">
On
</span>
<span id="togglePerformanceLabelOff" class="d-none">
Off
</span>
</label>
</div>
</div>
</div>
<div class="cookie-settings-actions col col-12" data-selector="cookie-settings-actions">
<button data-selector="cookie-settings-accept-button" type="submit" class="btn btn-1 btn-small cookie-banner-accept-button">
<span data-selector="cookie-settings-accept-button-text">Tout accepter</span>
</button>
<button data-selector="cookie-settings-save-button" type="submit" class="btn btn-2 btn-small cookie-settings-save-button" id="cookie-settings-save-button">
<span data-selector="cookie-settings-save-button-text">Enregistrer les paramètres</span>
</button>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.sumup.store/assets/v2530.0.0/storefront/shared.2e1945e4.js" defer></script>
<script src="https://cdn.sumup.store/assets/v2530.0.0/storefront/analytics.83893505.js" defer></script>
<script src="https://laboutiquedemarine.fr/translations/os_theme?locales=fr_FR,en" defer></script>
<script src="https://cdn.sumup.store/assets/v2530.0.0/storefront/theme.64e9de57.js" defer></script>
<script src="https://cdn.sumup.store/assets/v2530.0.0/storefront/cart.bb9e82f4.js" defer></script>
<script src="https://cdn.sumup.store/assets/v2530.0.0/storefront/searchbar.eb4758cd.js" defer></script>
<script src="https://cdn.sumup.store/assets/v2530.0.0/storefront/menuItems.d3f30281.js" defer></script>
<script src="https://cdn.sumup.store/assets/v2530.0.0/storefront/banner.99b47bee.js" defer></script>
<script src="https://cdn.sumup.store/assets/v2530.0.0/storefront/gallery.41f12697.js" defer></script>
<script src="https://cdn.sumup.store/assets/v2530.0.0/storefront/variants.237556d8.js" defer></script>
<script src="https://cdn.sumup.store/assets/v2530.0.0/storefront/consentBanner.404f0721.js" defer></script>
<script src="https://cdn.sumup.store/assets/v2530.0.0/storefront/navigation.738f69d0.js" defer></script>
<script src="https://cdn.sumup.store/assets/v2530.0.0/storefront/notification.59dd42b8.js" defer></script>
<script src="https://cdn.sumup.store/assets/v2530.0.0/storefront/upsell.3ba73f04.js" defer></script>
</body>
</html>