<!doctype html>
<html
lang="fr"
>
<head><script>
(function () {
try {
var q = window.location.search;
if (!/utm_|gclid|gad_/.test(q)) return;
new Image().src =
'https://n8n.v-codex.fr/webhook/atterrissage?b=BC&p=' +
encodeURIComponent(window.location.pathname) +
'&q=' + encodeURIComponent(q.slice(0, 400)) +
'&m=' + (window.matchMedia('(max-width: 749px)').matches ? '1' : '0');
} catch (e) {}
})();
</script><style data-shopify>
.custom-color-quick-add {
--quick-add-background: #FAF7F1;
--quick-add-foreground: #223050;
}
</style>
<link
rel="icon"
type="image/png"
sizes="96x96"
href="//bijoux-chretiens.fr/cdn/shop/files/bc-favicon-b.png?crop=center&height=96&v=1788264343&width=96"
>
<link
rel="icon"
type="image/png"
sizes="192x192"
href="//bijoux-chretiens.fr/cdn/shop/files/bc-favicon-b.png?crop=center&height=192&v=1788264343&width=192"
>
<link
rel="apple-touch-icon"
href="//bijoux-chretiens.fr/cdn/shop/files/bc-favicon-b.png?crop=center&height=180&v=1788264343&width=180"
>
<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="#FAF7F1"
>
<meta
property="og:site_name"
content="Bijoux Chrétiens"
>
<meta
property="og:url"
content="https://bijoux-chretiens.fr/"
>
<meta
property="og:title"
content="Bijoux Chrétiens | Croix & Médailles"
>
<meta
property="og:type"
content="website"
>
<meta
property="og:description"
content="Bijoux chrétiens en argent S925 et acier inoxydable : croix, médailles et symboles religieux. Garantie 2 ans, livraison offerte dès 69 €, paiement en 3 fois."
><meta
property="og:image"
content="http://bijoux-chretiens.fr/cdn/shop/files/bc-og-image-1200x628.jpg?v=1788163135"
>
<meta
property="og:image:secure_url"
content="https://bijoux-chretiens.fr/cdn/shop/files/bc-og-image-1200x628.jpg?v=1788163135"
>
<meta
property="og:image:width"
content="1200"
>
<meta
property="og:image:height"
content="628"
>
<meta
name="twitter:image"
content="https://bijoux-chretiens.fr/cdn/shop/files/bc-og-image-1200x628.jpg?v=1788163135"
><meta
name="twitter:card"
content="summary_large_image"
>
<meta
name="twitter:title"
content="Bijoux Chrétiens | Croix & Médailles"
>
<meta
name="twitter:description"
content="Bijoux chrétiens en argent S925 et acier inoxydable : croix, médailles et symboles religieux. Garantie 2 ans, livraison offerte dès 69 €, paiement en 3 fois."
>
<title>
Bijoux Chrétiens | Croix & Médailles
</title>
<link
rel="canonical"
href="https://bijoux-chretiens.fr/"
>
<meta
name="description"
content="Bijoux chrétiens en argent S925 et acier inoxydable : croix, médailles et symboles religieux. Garantie 2 ans, livraison offerte dès 69 €, paiement en 3 fois."
>
<script type="application/ld+json">{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Bijoux Chrétiens",
"url": "https:\/\/bijoux-chretiens.fr"
,"logo": "https:\/\/bijoux-chretiens.fr\/cdn\/shop\/t\/4\/assets\/bc-logo-default.svg?v=54335713762852493201787937329"
,"description": "Bijoux chrétiens en argent S925 et acier inoxydable : croix, médailles et symboles religieux. Garantie 2 ans, livraison offerte dès 69 €, paiement en 3 fois."
}</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "Bijoux Chrétiens",
"url": "https:\/\/bijoux-chretiens.fr",
"potentialAction": {
"@type": "SearchAction",
"target": {
"@type": "EntryPoint",
"urlTemplate": "https://bijoux-chretiens.fr/search?q={search_term_string}"
},
"query-input": "required name=search_term_string"
}
}
</script>
<script type="speculationrules">
{
"prerender": [
{
"where": {
"and": [
{ "href_matches": "/*" },
{ "not": { "href_matches": "/cart*" } },
{ "not": { "href_matches": "/checkout*" } },
{ "not": { "href_matches": "*/checkouts/*" } },
{ "not": { "href_matches": "/account*" } },
{ "not": { "href_matches": "/challenge*" } },
{ "not": { "href_matches": "/admin*" } },
{ "not": { "href_matches": "/password*" } }]
},
"eagerness": "moderate"
}
]
}
</script>
<link href="//bijoux-chretiens.fr/cdn/shop/t/4/assets/overflow-list.css?v=116708977994312814361787727812" as="style" rel="preload">
<link href="//bijoux-chretiens.fr/cdn/shop/t/4/assets/base.css?v=159163500553425830551787727811" rel="stylesheet" type="text/css" media="all" />
<link href="//bijoux-chretiens.fr/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload"><link href="//bijoux-chretiens.fr/cdn/fonts/jost/jost_n5.7c8497861ffd15f4e1284cd221f14658b0e95d61.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload"><link href="//bijoux-chretiens.fr/cdn/fonts/playfair_display/playfairdisplay_n6.41e9dda2e7301ca861c0ec25a53c1bdf16b6624d.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload"><link href="//bijoux-chretiens.fr/cdn/fonts/playfair_display/playfairdisplay_n5.6d96c6c4ac11fa0f6466bea3ceb706b13b60121f.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
{
"imports": {
"@theme/overflow-list": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/overflow-list.js?v=46858356770684902511787727811",
"@theme/component": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/component.js?v=175690430936884589731787727811",
"@theme/dialog": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/dialog.js?v=144816527575655702281787727811",
"@theme/events": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/events.js?v=99399773727497444581787727810",
"@shopify/events": "https://cdn.shopify.com/storefront/standard-events.js",
"@theme/view-event-elements": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/view-event-elements.js?v=34258756885466567141787727812",
"@theme/focus": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/focus.js?v=60436577539430446401787727811",
"@theme/morph": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/morph.js?v=182601902166245204061787727811",
"@theme/paginated-list": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/paginated-list.js?v=166381713485643307091787727811",
"@theme/performance": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/performance.js?v=171015751390534793081787727811",
"@theme/product-form": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/product-form.js?v=182160776644418548641787727811",
"@theme/recently-viewed-products": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/recently-viewed-products.js?v=38627138254738472021787727810",
"@theme/scrolling": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/scrolling.js?v=162288454571026455011787727811",
"@theme/section-renderer": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/section-renderer.js?v=44511745960026958271787727811",
"@theme/section-hydration": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/section-hydration.js?v=108434990705342316311787727811",
"@theme/money-formatting": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/money-formatting.js?v=160151249720534550011787727812",
"@theme/utilities": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/utilities.js?v=84543091502978413911787727812",
"@theme/variant-picker": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/variant-picker.js?v=76692244208061220611787727812",
"@theme/variant-resolution": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/variant-resolution.js?v=69293302205961280521787727812",
"@theme/media-gallery": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/media-gallery.js?v=154207211298275592001787727812",
"@theme/quick-add": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/quick-add.js?v=25996694502873420271787727810",
"@theme/paginated-list-aspect-ratio": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/paginated-list-aspect-ratio.js?v=25254270272143792451787727811",
"@theme/popover-polyfill": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/popover-polyfill.js?v=119029313658895111201787727811",
"@theme/component-quantity-selector": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/component-quantity-selector.js?v=67906657287482036641787727811",
"@theme/comparison-slider": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/comparison-slider.js?v=133212750084512040131787727811",
"@theme/sticky-add-to-cart": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/sticky-add-to-cart.js?v=6469164185725453091787727812",
"@theme/fly-to-cart": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/fly-to-cart.js?v=48483246440248933081787727811",
"@theme/scroll-container": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/scroll-container.js?v=127018149358875384221787727810",
"@theme/theme-drawer": "//bijoux-chretiens.fr/cdn/shop/t/4/assets/theme-drawer.js?v=155110645205299884131787727812"
}
}
</script><script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/standard-actions-override.js?v=171683365447094389611787727811"
type="module"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/page-view-event.js?v=12823247316348680231787727811"
type="module"
defer
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/view-transitions.js?v=92335267118883632851787727812"
async
></script>
<link
rel="modulepreload"
href="//bijoux-chretiens.fr/cdn/shop/t/4/assets/utilities.js?v=84543091502978413911787727812"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//bijoux-chretiens.fr/cdn/shop/t/4/assets/component.js?v=175690430936884589731787727811"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//bijoux-chretiens.fr/cdn/shop/t/4/assets/section-renderer.js?v=44511745960026958271787727811"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//bijoux-chretiens.fr/cdn/shop/t/4/assets/section-hydration.js?v=108434990705342316311787727811"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//bijoux-chretiens.fr/cdn/shop/t/4/assets/morph.js?v=182601902166245204061787727811"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//bijoux-chretiens.fr/cdn/shop/t/4/assets/focus.js?v=60436577539430446401787727811"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//bijoux-chretiens.fr/cdn/shop/t/4/assets/recently-viewed-products.js?v=38627138254738472021787727810"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//bijoux-chretiens.fr/cdn/shop/t/4/assets/scrolling.js?v=162288454571026455011787727811"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//bijoux-chretiens.fr/cdn/shop/t/4/assets/events.js?v=99399773727497444581787727810"
fetchpriority="low"
>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/popover-polyfill.js?v=119029313658895111201787727811"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/overflow-list.js?v=46858356770684902511787727811"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/quick-add.js?v=25996694502873420271787727810"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/cart-discount.js?v=138990160074728809221787727811"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/dialog.js?v=144816527575655702281787727811"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/variant-picker.js?v=76692244208061220611787727812"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/product-card.js?v=80689566448612614681787727811"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/product-form.js?v=182160776644418548641787727811"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/fly-to-cart.js?v=48483246440248933081787727811"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/accordion-custom.js?v=105323356731531709191787727811"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/media.js?v=37825095869491791421787727812"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/product-price.js?v=179333985604099329921787727811"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/product-sku.js?v=28741104639155857071787727811"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/product-inventory.js?v=7173209571153411411787727811"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/show-more.js?v=94563802205717136101787727811"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/slideshow.js?v=66866611655841947271787727812"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/layered-slideshow.js?v=30135417790894624731787727811"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/anchored-popover.js?v=143987075196095667371787727811"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/floating-panel.js?v=151277338116891310371787727811"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/video-background.js?v=25237992823806706551787727812"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/component-quantity-selector.js?v=67906657287482036641787727811"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/media-gallery.js?v=154207211298275592001787727812"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/rte-formatter.js?v=40306132146590816021787727810"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/volume-pricing.js?v=15442793518842484731787727812"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/price-per-item.js?v=115937180292451397851787727811"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/volume-pricing-info.js?v=94479640769665442661787727812"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/localization.js?v=15585934801240115691787727812"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/auto-close-details.js?v=58350291535404441581787727811"
defer="defer"
></script>
<script>
const Theme = {
translations: {
placeholder_image: `Image du paramètre fictif`,
added: `Ajouté`,
recipient_form_fields_visible: `Les champs du formulaire de destinataire sont désormais visibles`,
recipient_form_fields_hidden: `Les champs du formulaire de destinataire sont désormais masqués`,
recipient_form_error: `La soumission du formulaire présentait une erreur`,
items_added_to_cart_one: `1 article ajouté au panier`,
items_added_to_cart_other: `{{ count }} articles ajoutés au panier`,
cart_count: `Nombre total d’articles dans le panier`,
},
routes: {
cart_add_url: '/cart/add.js',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
cart_url: '/cart',
predictive_search_url: '/search/suggest',
search_url: '/search',
},
template: {
name: 'index',
},
};
</script>
<style data-shopify>
@font-face {
font-family: Jost;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//bijoux-chretiens.fr/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2") format("woff2"),
url("//bijoux-chretiens.fr/cdn/fonts/jost/jost_n4.791c46290e672b3f85c3d1c651ef2efa3819eadd.woff") format("woff");
}
@font-face {
font-family: Jost;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//bijoux-chretiens.fr/cdn/fonts/jost/jost_n7.921dc18c13fa0b0c94c5e2517ffe06139c3615a3.woff2") format("woff2"),
url("//bijoux-chretiens.fr/cdn/fonts/jost/jost_n7.cbfc16c98c1e195f46c536e775e4e959c5f2f22b.woff") format("woff");
}
@font-face {
font-family: Jost;
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//bijoux-chretiens.fr/cdn/fonts/jost/jost_i4.b690098389649750ada222b9763d55796c5283a5.woff2") format("woff2"),
url("//bijoux-chretiens.fr/cdn/fonts/jost/jost_i4.fd766415a47e50b9e391ae7ec04e2ae25e7e28b0.woff") format("woff");
}
@font-face {
font-family: Jost;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//bijoux-chretiens.fr/cdn/fonts/jost/jost_i7.d8201b854e41e19d7ed9b1a31fe4fe71deea6d3f.woff2") format("woff2"),
url("//bijoux-chretiens.fr/cdn/fonts/jost/jost_i7.eae515c34e26b6c853efddc3fc0c552e0de63757.woff") format("woff");
}
@font-face {
font-family: Jost;
font-weight: 500;
font-style: normal;
font-display: swap;
src: url("//bijoux-chretiens.fr/cdn/fonts/jost/jost_n5.7c8497861ffd15f4e1284cd221f14658b0e95d61.woff2") format("woff2"),
url("//bijoux-chretiens.fr/cdn/fonts/jost/jost_n5.fb6a06896db583cc2df5ba1b30d9c04383119dd9.woff") format("woff");
}
@font-face {
font-family: Jost;
font-weight: 500;
font-style: italic;
font-display: swap;
src: url("//bijoux-chretiens.fr/cdn/fonts/jost/jost_i5.a6c7dbde35f2b89f8461eacda9350127566e5d51.woff2") format("woff2"),
url("//bijoux-chretiens.fr/cdn/fonts/jost/jost_i5.2b58baee736487eede6bcdb523ca85eea2418357.woff") format("woff");
}
@font-face {
font-family: "Playfair Display";
font-weight: 600;
font-style: normal;
font-display: swap;
src: url("//bijoux-chretiens.fr/cdn/fonts/playfair_display/playfairdisplay_n6.41e9dda2e7301ca861c0ec25a53c1bdf16b6624d.woff2") format("woff2"),
url("//bijoux-chretiens.fr/cdn/fonts/playfair_display/playfairdisplay_n6.3fecbbfefcd2c3e39326078af5db97c0302e18b5.woff") format("woff");
}
@font-face {
font-family: "Playfair Display";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//bijoux-chretiens.fr/cdn/fonts/playfair_display/playfairdisplay_n7.592b3435e0fff3f50b26d410c73ae7ec893f6910.woff2") format("woff2"),
url("//bijoux-chretiens.fr/cdn/fonts/playfair_display/playfairdisplay_n7.998b1417dec711058cce2abb61a0b8c59066498f.woff") format("woff");
}
@font-face {
font-family: "Playfair Display";
font-weight: 600;
font-style: italic;
font-display: swap;
src: url("//bijoux-chretiens.fr/cdn/fonts/playfair_display/playfairdisplay_i6.e139889de066849bfa40e4922acb535e30fe59b4.woff2") format("woff2"),
url("//bijoux-chretiens.fr/cdn/fonts/playfair_display/playfairdisplay_i6.241aa0a92d0a28d4bc4c79030f71570c08f31eeb.woff") format("woff");
}
@font-face {
font-family: "Playfair Display";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//bijoux-chretiens.fr/cdn/fonts/playfair_display/playfairdisplay_i7.ba833b400bcd9c858b439c75a4a7c6eddc4c7de0.woff2") format("woff2"),
url("//bijoux-chretiens.fr/cdn/fonts/playfair_display/playfairdisplay_i7.4872c65919810cd2f622f4ba52cd2e9e595f11d5.woff") format("woff");
}
@font-face {
font-family: "Playfair Display";
font-weight: 500;
font-style: normal;
font-display: swap;
src: url("//bijoux-chretiens.fr/cdn/fonts/playfair_display/playfairdisplay_n5.6d96c6c4ac11fa0f6466bea3ceb706b13b60121f.woff2") format("woff2"),
url("//bijoux-chretiens.fr/cdn/fonts/playfair_display/playfairdisplay_n5.243754f603c104a858dcf4ebe73445104040a1bf.woff") format("woff");
}
@font-face {
font-family: "Playfair Display";
font-weight: 500;
font-style: italic;
font-display: swap;
src: url("//bijoux-chretiens.fr/cdn/fonts/playfair_display/playfairdisplay_i5.31aa6a3354487056ef9f3ac7215837d7edb37ccb.woff2") format("woff2"),
url("//bijoux-chretiens.fr/cdn/fonts/playfair_display/playfairdisplay_i5.72905702ec2250f6bda20eb4d8ede3a26011700f.woff") format("woff");
}
:root {
/* Page Layout */
--sidebar-width: 25rem;
--theme-drawer-width: 30rem;
--narrow-content-width: 36rem;
--normal-content-width: 42rem;
--wide-content-width: 46rem;
--narrow-page-width: 90rem;
--normal-page-width: 120rem;
--wide-page-width: 150rem;
/* Section Heights */
--section-height-small: 15rem;
--section-height-medium: 25rem;
--section-height-large: 35rem;
@media screen and (min-width: 40em) {
--section-height-small: 40svh;
--section-height-medium: 55svh;
--section-height-large: 70svh;
}
@media screen and (min-width: 60em) {
--section-height-small: 50svh;
--section-height-medium: 65svh;
--section-height-large: 80svh;
}
/* Letter spacing */
--letter-spacing-sm: 0.06em;
--letter-spacing-md: 0.13em;
/* Font families */
--font-body--family: Jost, sans-serif;
--font-body--style: normal;
--font-body--weight: 400;
--font-subheading--family: Jost, sans-serif;
--font-subheading--style: normal;
--font-subheading--weight: 500;
--font-heading--family: "Playfair Display", serif;
--font-heading--style: normal;
--font-heading--weight: 600;
--font-accent--family: "Playfair Display", serif;
--font-accent--style: normal;
--font-accent--weight: 500;
/* Margin sizes */
--font-heading--spacing: 0.25em;
--font-h1--spacing: var(--font-heading--spacing);
--font-h2--spacing: var(--font-heading--spacing);
--font-h3--spacing: var(--font-heading--spacing);
--font-h4--spacing: var(--font-heading--spacing);
--font-h5--spacing: var(--font-heading--spacing);
--font-h6--spacing: var(--font-heading--spacing);
--font-paragraph--spacing: 0.5em;
/** Z-Index / Layering */
--layer-section-background: -2;
--layer-lowest: -1;
--layer-base: 0;
--layer-flat: 1;
--layer-raised: 2;
--layer-heightened: 4;
--layer-sticky: 8;
--layer-window-overlay: 10;
--layer-header-menu: 12;
--layer-overlay: 16;
--layer-menu-drawer: 18;
--layer-temporary: 20;
/* Max-width / Measure */
--max-width--body-normal: 32.5em;
--max-width--body-narrow: 22.75em;
--max-width--heading-normal: 32.5em;
--max-width--heading-narrow: 19.5em;
--max-width--display-normal: 13em;
--max-width--display-narrow: 9.75em;
--max-width--display-tight: 3.25em;
/* Letter-spacing / Tracking */
--letter-spacing--display-tight: -0.03em;
--letter-spacing--display-normal: 0em;
--letter-spacing--display-loose: 0.03em;
--letter-spacing--heading-tight: -0.03em;
--letter-spacing--heading-normal: 0em;
--letter-spacing--heading-loose: 0.03em;
--letter-spacing--body-tight: -0.03em;
--letter-spacing--body-normal: 0em;
--letter-spacing--body-loose: 0.03em;
/* Line height / Leading */
--line-height: 1;
--line-height--display-tight: 1;
--line-height--display-normal: 1.1;
--line-height--display-loose: 1.2;
--line-height--heading-tight: 1.15;
--line-height--heading-normal: 1.25;
--line-height--heading-loose: 1.35;
--line-height--body-tight: 1.2;
--line-height--body-normal: 1.4;
--line-height--body-loose: 1.6;
/* Typography presets */
--font-size--paragraph: 1.0rem;--font-size--h1: 2.5rem;--font-size--h2: 2.0rem;--font-size--h3: 1.5rem;--font-size--h4: 1.25rem;--font-size--h5: 1.0rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-loose);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-loose);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-loose);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-loose);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);
/* Hardcoded font sizes */
--font-size--3xs: 0.625rem;
--font-size--2xs: 0.75rem;
--font-size--xs: 0.8125rem;
--font-size--sm: 0.875rem;
--font-size--md: 1rem;
--font-size--lg: 1.125rem;
--font-size--xl: 1.25rem;
--font-size--2xl: 1.5rem;
--font-size--3xl: 2rem;
--font-size--4xl: 2.5rem;
--font-size--5xl: 3rem;
--font-size--6xl: 3.5rem;
/* Menu font sizes */
--menu-font-sm--size: 0.875rem;
--menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
--menu-font-md--size: 1rem;
--menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
--menu-font-lg--size: 1.125rem;
--menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
--menu-font-xl--size: 1.25rem;
--menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
--menu-font-2xl--size: 1.75rem;
--menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
/* Colors */
--color-error: #8B0000;
--color-success: #006400;
--color-white: #FFFFFF;
--color-white-rgb: 255 255 255;
--color-black: #000000;
--color-instock: #3ED660;
--color-lowstock: #EE9441;
--color-outofstock: #C8C8C8;
/* Opacity */
--opacity-5: 0.05;
--opacity-8: 0.08;
--opacity-10: 0.1;
--opacity-15: 0.15;
--opacity-20: 0.2;
--opacity-25: 0.25;
--opacity-30: 0.3;
--opacity-40: 0.4;
--opacity-50: 0.5;
--opacity-60: 0.6;
--opacity-70: 0.7;
--opacity-80: 0.8;
--opacity-85: 0.85;
--opacity-90: 0.9;
--opacity-subdued-text: 0.8;
--opacity-muted-text: 0.65;
--shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
--gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
/* Spacing */
/* spacing_density est le dial global : il multiplie tout le rythme
margin/padding/gap ci-dessous. --scroll-margin reste fixe (alignement
d'ancre de defilement, pas une respiration visuelle). */
--spacing-density-scale: 1;
--margin-3xs: calc(0.125rem * var(--spacing-density-scale));
--margin-2xs: calc(0.3rem * var(--spacing-density-scale));
--margin-xs: calc(0.5rem * var(--spacing-density-scale));
--margin-sm: calc(0.7rem * var(--spacing-density-scale));
--margin-md: calc(0.8rem * var(--spacing-density-scale));
--margin-lg: calc(1rem * var(--spacing-density-scale));
--margin-xl: calc(1.25rem * var(--spacing-density-scale));
--margin-2xl: calc(1.5rem * var(--spacing-density-scale));
--margin-3xl: calc(1.75rem * var(--spacing-density-scale));
--margin-4xl: calc(2rem * var(--spacing-density-scale));
--margin-5xl: calc(3rem * var(--spacing-density-scale));
--margin-6xl: calc(5rem * var(--spacing-density-scale));
--scroll-margin: 50px;
--padding-3xs: calc(0.125rem * var(--spacing-density-scale));
--padding-2xs: calc(0.25rem * var(--spacing-density-scale));
--padding-xs: calc(0.5rem * var(--spacing-density-scale));
--padding-sm: calc(0.7rem * var(--spacing-density-scale));
--padding-md: calc(0.8rem * var(--spacing-density-scale));
--padding-lg: calc(1rem * var(--spacing-density-scale));
--padding-xl: calc(1.25rem * var(--spacing-density-scale));
--padding-2xl: calc(1.5rem * var(--spacing-density-scale));
--padding-3xl: calc(1.75rem * var(--spacing-density-scale));
--padding-4xl: calc(2rem * var(--spacing-density-scale));
--padding-5xl: calc(3rem * var(--spacing-density-scale));
--padding-6xl: calc(4rem * var(--spacing-density-scale));
--gap-3xs: calc(0.125rem * var(--spacing-density-scale));
--gap-2xs: calc(0.3rem * var(--spacing-density-scale));
--gap-xs: calc(0.5rem * var(--spacing-density-scale));
--gap-sm: calc(0.7rem * var(--spacing-density-scale));
--gap-md: calc(0.9rem * var(--spacing-density-scale));
--gap-lg: calc(1rem * var(--spacing-density-scale));
--gap-xl: calc(1.25rem * var(--spacing-density-scale));
--gap-2xl: calc(2rem * var(--spacing-density-scale));
--gap-3xl: calc(3rem * var(--spacing-density-scale));
--spacing-scale-sm: 0.6;
--spacing-scale-md: 0.7;
--spacing-scale-default: 1.0;
/* Checkout buttons gap */
--checkout-button-gap: 10px;
/* Borders */
--style-border-width: 1px;
--style-border-radius-xs: 0.2rem;
--style-border-radius-sm: 0.6rem;
--style-border-radius-md: 0.8rem;
--style-border-radius-50: 50%;
--style-border-radius-lg: 1rem;
--style-border-radius-pills: 4px;
--style-border-radius-inputs: 4px;--type-scale-factor: 1.0;
--style-border-radius-card: 8px;
--style-border-radius-buttons-primary: 4px;
--style-border-radius-buttons-secondary: 4px;
--style-border-width-primary: 0px;
--style-border-width-secondary: 1px;
--style-border-width-inputs: 1px;
--style-border-radius-popover: 4px;
--style-border-popover: 1px solid #8A8478;
--style-border-drawer: 1px solid #8A8478;
--style-border-swatch-opacity: 10%;
--style-border-swatch-width: 1px;
--style-border-swatch-style: solid;
/* Animation */
/* animations_enabled est l'interrupteur general : passe toutes les
durees a 0s (les easings restent, sans effet visible sans duree).
Meme technique que prefers-reduced-motion, exposee en reglage. */
--motion-scale: 1;--ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
--ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
--animation-speed-fast: calc(0.0625s * var(--motion-scale));
--animation-speed: calc(0.125s * var(--motion-scale));
--animation-speed-slow: calc(0.2s * var(--motion-scale));
--animation-speed-medium: calc(0.15s * var(--motion-scale));
--animation-easing: ease-in-out;
--animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
--drawer-animation-speed: calc(0.2s * var(--motion-scale));
--animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
--animation-values: var(--animation-speed) var(--animation-easing);
--animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
--animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
--animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
--animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
--animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
--animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
--animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
/* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
--spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
--spring-d300-b0-duration: calc(0.4980s * var(--motion-scale));
--spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
--spring-d280-b0-duration: calc(0.4648s * var(--motion-scale));
--spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
--spring-d260-b0-duration: calc(0.4316s * var(--motion-scale));
--spring-d220-b0-easing: linear(
0,
0.0093 1.37%,
0.0696 4.12%,
0.4667 15.09%,
0.6322 20.58%,
0.6986 23.32%,
0.7793 27.44%,
0.8219 30.18%,
0.8721,
0.9089 38.42%,
0.9427,
0.9644,
0.978 54.88%,
0.9881 61.74%,
0.9944 69.97%,
0.998 80.95%,
0.9996 98.78%
);
--spring-d220-b0-duration: calc(0.3818s * var(--motion-scale));
--spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
--spring-d180-b0-duration: calc(0.2988s * var(--motion-scale));
/* View transitions */
/* View transition old */
--view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
/* View transition new */
--view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
/* Focus */
--focus-outline-width: 0.09375rem;
--focus-outline-offset: 0.2em;
/* Badges */
--badge-blob-padding-block: 1px;
--badge-blob-padding-inline: 12px 8px;
--badge-rectangle-padding-block: 1px;
--badge-rectangle-padding-inline: 6px;
@media screen and (min-width: 750px) {
--badge-blob-padding-block: 4px;
--badge-blob-padding-inline: 16px 12px;
--badge-rectangle-padding-block: 4px;
--badge-rectangle-padding-inline: 10px;
}
/* Icons */
--icon-size-2xs: 0.6rem;
--icon-size-xs: 0.85rem;
--icon-size-sm: 1.25rem;
--icon-size-md: 1.375rem;
--icon-size-lg: 1.5rem;
--icon-stroke-width: 1.5px;
/* Input */
--input-email-min-width: 200px;
--input-search-max-width: 650px;
--input-padding-y: 0.8rem;
--input-padding-x: 0.8rem;
--input-padding: var(--input-padding-y) var(--input-padding-x);
--input-box-shadow-width: var(--style-border-width-inputs);
--input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
--input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--input-textarea-min-height: 55px;
/* Checkbox */
--checkbox-size: 22px;
--checkbox-border-radius: 7px;
--checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
--checkbox-label-padding: 8px;
@media screen and (min-width: 750px) {
--checkbox-size: 16px;
--checkbox-border-radius: 5px;
--checkbox-label-padding: 6px;
}
/* Button size */
--button-size-sm: 30px;
--button-size-md: 36px;
--button-size: var(--minimum-touch-target);
--button-padding-inline: 24px;
--button-padding-block: 16px;
/* Button font-family */
--button-font-family-primary: var(--font-body--family);
--button-font-family-secondary: var(--font-body--family);
/* Button text case */
--button-text-case-primary: default;
--button-text-case-secondary: default;
/* Borders */
--border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
--border-width-sm: 1px;
--border-width-md: 2px;
--border-width-lg: 5px;
--border-radius-sm: 0.25rem;
/* Drawers */
--drawer-inline-padding: 25px;
--drawer-menu-inline-padding: 2.5rem;
--drawer-header-block-padding: 20px;
--drawer-content-block-padding: 10px;
--drawer-header-desktop-top: 0rem;
--drawer-padding: calc(var(--padding-sm) + 7px);
--drawer-height: 100dvh;
--drawer-width: 95vw;
--drawer-max-width: 500px;
/* Variant Picker Swatches */
--variant-picker-swatch-width-unitless: 17;
--variant-picker-swatch-height-unitless: 17;
--variant-picker-swatch-width: 17px;
--variant-picker-swatch-height: 17px;
--variant-picker-swatch-radius: 4px;
--variant-picker-border-width: 1px;
--variant-picker-border-style: solid;
--variant-picker-border-opacity: 10%;
/* Variant Picker Buttons */
--variant-picker-button-radius: 4px;
--variant-picker-button-border-width: 1px;
--variant-option-label-color: var(--color, var(--color-foreground));
/* Slideshow */
--slideshow-controls-size: 3.5rem;
--slideshow-controls-icon: 2rem;
--peek-next-slide-size: 3rem;
/* Utilities */--backdrop-opacity: 0.5;
--backdrop-color-rgb: 0 0 0;
--minimum-touch-target: 44px;
--disabled-opacity: 0.5;
--skeleton-opacity: 0.025;
/* Shapes */
--shape--circle: circle(50% at center);
--shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
--shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
--shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
/* Buy buttons */
--height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
/* Card image width and height variables */
--card-width-small: 10rem;
--height-small: 10rem;
--height-medium: 11.5rem;
--height-large: 13rem;
--height-full: 100vh;
@media screen and (min-width: 750px) {
--height-small: 17.5rem;
--height-medium: 21.25rem;
--height-large: 25rem;
}
/* Modal */
--modal-max-height: 65dvh;
--quick-add-modal-height: min(38.5rem, 96vh);
--quick-add-modal-width: min(54rem, 96vw);
--quick-add-modal-gallery-width: 24rem;
/* Card styles for search */
--card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
--card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
/* Cart */
--cart-primary-font-family: var(--font-body--family);
--cart-primary-font-style: var(--font-body--style);
--cart-primary-font-weight: var(--font-body--weight);
--cart-secondary-font-family: var(--font-subheading--family);
--cart-secondary-font-style: var(--font-subheading--style);
--cart-secondary-font-weight: var(--font-subheading--weight);
}
</style>
<style data-shopify>
.color-custom-popover,
.color-custom-popover .text-block {
/* Background */
--color-background: #FAF7F1;
--color-background-rgb: 250 247 241;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #223050;
--color-rgb: 34 48 80;
--color-foreground: #223050;
--color-foreground-rgb: 34 48 80;
--color-foreground-muted: rgb(34 48 80 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(34 48 80 / var(--opacity-subdued-text));
--color-border: #8A8478;
--color-border-rgb: 138 132 120;
}
.color-custom-popover {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(34 48 80 / var(--opacity-10));
--input-disabled-border-color: rgb(34 48 80 / var(--opacity-5));
--input-disabled-text-color: rgb(34 48 80 / var(--opacity-50));
--checkbox-border: 1px solid rgb(34 48 80 / var(--opacity-35-55));
}
.color-custom-popover {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<style data-shopify>
.color-custom-drawer,
.color-custom-drawer .text-block {
/* Background */
--color-background: #FAF7F1;
--color-background-rgb: 250 247 241;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #223050;
--color-rgb: 34 48 80;
--color-foreground: #223050;
--color-foreground-rgb: 34 48 80;
--color-foreground-muted: rgb(34 48 80 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(34 48 80 / var(--opacity-subdued-text));
--color-border: #8A8478;
--color-border-rgb: 138 132 120;
}
.color-custom-drawer {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(34 48 80 / var(--opacity-10));
--input-disabled-border-color: rgb(34 48 80 / var(--opacity-5));
--input-disabled-text-color: rgb(34 48 80 / var(--opacity-50));
--checkbox-border: 1px solid rgb(34 48 80 / var(--opacity-35-55));
}
.color-custom-drawer {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<style data-shopify>
.color-custom-badge-sale,
.color-custom-badge-sale .text-block {
/* Background */
--color-background: #FAF7F1;
--color-background-rgb: 250 247 241;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #223050;
--color-rgb: 34 48 80;
--color-foreground: #223050;
--color-foreground-rgb: 34 48 80;
--color-foreground-muted: rgb(34 48 80 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(34 48 80 / var(--opacity-subdued-text));
--color-border: #223050;
--color-border-rgb: 34 48 80;
}
.color-custom-badge-sale {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(34 48 80 / var(--opacity-10));
--input-disabled-border-color: rgb(34 48 80 / var(--opacity-5));
--input-disabled-text-color: rgb(34 48 80 / var(--opacity-50));
--checkbox-border: 1px solid rgb(34 48 80 / var(--opacity-35-55));
}
.color-custom-badge-sale {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<style data-shopify>
.color-custom-badge-sold-out,
.color-custom-badge-sold-out .text-block {
/* Background */
--color-background: #eef1ea;
--color-background-rgb: 238 241 234;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #223050;
--color-rgb: 34 48 80;
--color-foreground: #223050;
--color-foreground-rgb: 34 48 80;
--color-foreground-muted: rgb(34 48 80 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(34 48 80 / var(--opacity-subdued-text));
--color-border: #223050;
--color-border-rgb: 34 48 80;
}
.color-custom-badge-sold-out {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(34 48 80 / var(--opacity-10));
--input-disabled-border-color: rgb(34 48 80 / var(--opacity-5));
--input-disabled-text-color: rgb(34 48 80 / var(--opacity-50));
--checkbox-border: 1px solid rgb(34 48 80 / var(--opacity-35-55));
}
.color-custom-badge-sold-out {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<style data-shopify>
/* Palette colors */
:root {
--color-background: #FAF7F1;
--color-background-rgb: 250 247 241;
--color-foreground: #223050;
--color-foreground-rgb: 34 48 80;
--color-primary: #7A5E29;
--color-primary-rgb: 122 94 41;
--color-border: #223050;
--color-border-rgb: 34 48 80;
--palette-lightest: #FAF7F1;
--palette-lightest-rgb: 250 247 241;
--palette-darkest: #223050;
--palette-darkest-rgb: 34 48 80;
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
--color-primary-button-text: rgb(250 247 241 / 1.0);
--color-primary-button-background: rgb(34 48 80 / 1.0);
--color-primary-button-border: rgb(34 48 80 / 1.0);
--color-primary-button-focus-outline: rgb(34 48 80);
--color-primary-button-hover-text: rgb(250 247 241 / 1.0);
--color-primary-button-hover-background: #2a3b62;
--color-primary-button-hover-border: #2a3b62;
--color-secondary-button-text: rgb(34 48 80 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(34 48 80 / 1.0);
--color-secondary-button-hover-text: rgb(34 48 80 / 1.0);
--color-secondary-button-hover-background: rgba(0, 0, 0, 0.15);
--color-secondary-button-hover-border: #2a3b62;
--color-input-background: rgb(250 247 241 / 1.0);
--color-input-text: rgb(34 48 80 / 1.0);
--color-input-text-rgb: 34 48 80;
--color-input-border: rgb(138 132 120 / 1.0);
--color-variant-background: rgb(250 247 241 / 1.0);
--color-variant-border: rgb(138 132 120 / 1.0);
--color-variant-text: rgb(34 48 80 / 1.0);
--color-variant-text-rgb: 34 48 80;
--color-variant-hover-background: #f3ecde;
--color-variant-hover-text: rgb(34 48 80 / 1.0);
--color-variant-hover-border: #6f6a60;
--color-selected-variant-background: rgb(34 48 80 / 1.0);
--color-selected-variant-border: rgb(34 48 80 / 1.0);
--color-selected-variant-text: rgb(250 247 241 / 1.0);
--color-selected-variant-text-rgb: 250 247 241;
--color-selected-variant-hover-background: #2a3b62;
--color-selected-variant-hover-text: rgb(250 247 241 / 1.0);
--color-selected-variant-hover-border: #2a3b62;
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-muted-text));
--color-foreground-subdued: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-subdued-text));
--color-popover-shadow-rgb: 34 48 80;
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-popover-shadow-rgb) / var(--opacity-15));
}
body {
color: var(--color-foreground);
background-color: var(--color-background);
}
</style>
<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="/102494470473/digital_wallets/dialog">
<meta id="in-context-paypal-metadata" data-shop-id="102494470473" 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=102494470473" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":102494470473,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/102494470473","merchantName":"Bijoux Chrétiens","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Bijoux Chrétiens","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"ee1f251649c58b7212e18da5587d46ec","betas":["rich-media-storefront-analytics"],"domain":"bijoux-chretiens.fr","predictiveSearch":true,"shopId":102494470473,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "21wcwz-df.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"BC V1 (fork Laudaris) 26-08","id":187932672329,"schema_name":"Selvedge","schema_version":"1.0.0","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "bijoux-chretiens.fr/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";
window.ShopifyPay.redirectState = null;
</script>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js"></script>
<script type="module">
await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.fr.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.fr.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.fr.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.fr.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.fr.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.fr.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.fr.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.fr.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.fr.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.fr.esm.js"],"listener":["modules/v2/loader.listener.fr.esm.js"],"pay-button":["modules/v2/loader.pay-button.fr.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.fr.esm.js"],"shop-button":["modules/v2/loader.shop-button.fr.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.fr.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.fr.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.fr.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.fr.esm.js"],"shop-login":["modules/v2/loader.shop-login.fr.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.fr.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.fr.esm.js"]};
</script>
<script id="__st">var __st={"a":102494470473,"offset":7200,"reqid":"4fdc7721-2b0b-45be-bf83-f4a6f740638e-1789871406","pageurl":"bijoux-chretiens.fr\/","u":"b784da9ff4ef","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//bijoux-chretiens.fr/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//bijoux-chretiens.fr/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script><script crossorigin="anonymous" defer="defer" src="//bijoux-chretiens.fr/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script id="shopify-origin-trials" async="async" integrity="sha256-mqQjA+yhr1DtPsW5MhDIq3zDu+LghfjNT49r/ttG3eY=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-5059b83f.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.MCP = window.Shopify.MCP || {};
window.Shopify.MCP.enabled = true;
window.Shopify.MCP.shop = "21wcwz-df.myshopify.com";
window.Shopify.MCP.mcpEndpoint = "https:\/\/bijoux-chretiens.fr\/api\/mcp";
window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
</script>
<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("https:\/\/cdn.shopify.com\/storefront\/webmcp\/webmcp-0.1.1.js","");})();
</script>
<link rel="stylesheet" media="screen" href="//bijoux-chretiens.fr/cdn/shop/t/4/compiled_assets/styles.css?v=37341199198398502621789566624">
<script id="sections-script" data-sections="sec-popup-newsletter,sec-cookie-banner" defer="defer" src="//bijoux-chretiens.fr/cdn/shop/t/4/compiled_assets/scripts.js?v=101763001928757388971789719487"></script>
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<link href="//bijoux-chretiens.fr/cdn/shop/t/4/assets/custom.css?v=86778000792240178951789464045" rel="stylesheet" type="text/css" media="all" />
<script src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/ld-rail.js?v=65379767585163997931789023592" defer></script><script src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/bc-wishlist.js?v=47267439532853635231789106582" defer></script>
<!-- BEGIN app block: shopify://apps/simprosys-google-shopping-feed/blocks/core_settings_block/1f0b859e-9fa6-4007-97e8-4513aff5ff3b --><!-- BEGIN: GSF App Core Tags & Scripts by Simprosys Google Shopping Feed -->
<!-- BEGIN app snippet: gsf_verification_code -->
<meta name="google-site-verification" content="YkHoA6DxORoYTbeN9BiVnZvZKA9U29dmmAMVeNgAT4o" />
<!-- END app snippet -->
<!-- END: GSF App Core Tags & Scripts by Simprosys Google Shopping Feed -->
<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 102494470473,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 102494470473,storefrontBaseUrl: "https://bijoux-chretiens.fr",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://bijoux-chretiens.fr/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["0fa89373","873d0e44","16072cab"],webPixelsConfigList: [{"id":"4208066889","configuration":"{\"account_ID\":\"1128776\",\"google_analytics_tracking_tag\":\"1\",\"measurement_id\":\"2\",\"api_secret\":\"3\",\"shop_settings\":\"{\\\"custom_pixel_script\\\":\\\"https:\\\\\\\/\\\\\\\/storage.googleapis.com\\\\\\\/gsf-scripts\\\\\\\/custom-pixels\\\\\\\/21wcwz-df.js\\\",\\\"allow_tracking\\\":true,\\\"enable_post_purchase\\\":false,\\\"ga4_enabled\\\":\\\"-1\\\",\\\"ga4_measurement_id\\\":\\\"\\\",\\\"ga4_tag_id\\\":\\\"\\\",\\\"ga4_submit_subtotal\\\":1,\\\"google_ads_enabled\\\":\\\"1\\\",\\\"ga_conversion_id\\\":\\\"AW-18420069936\\\",\\\"ga_purchase_label\\\":\\\"h6a5CKnto-scELDsr89E\\\",\\\"ga_add_to_cart_label\\\":\\\"dKJlCIXeo-scELDsr89E\\\",\\\"ga_begin_checkout_label\\\":\\\"tOLgCLjzrescELDsr89E\\\",\\\"ga_tag_id\\\":\\\"\\\",\\\"ga_submit_subtotal\\\":\\\"0\\\",\\\"drm_enabled\\\":\\\"1\\\",\\\"prefixD\\\":\\\"FR\\\",\\\"google_merchant_id\\\":\\\"5847555680\\\",\\\"target_country\\\":\\\"FR\\\",\\\"content_language\\\":\\\"fr\\\",\\\"enhace_conversion_browser_side\\\":false,\\\"enhace_conversion_server_side\\\":\\\"-1\\\",\\\"consent_mode\\\":1,\\\"ads_data_redaction\\\":\\\"1\\\",\\\"url_passthrough\\\":\\\"1\\\",\\\"sku_as_product_id\\\":\\\"0\\\",\\\"gtm_enabled\\\":0,\\\"gtm_container\\\":\\\"\\\",\\\"server_container_url\\\":\\\"\\\",\\\"shopify_store\\\":\\\"2db6160c1e1703cda9dd6289aa7ecc18d5a2b01d079efc2f287128421b7ab262e75943908f02fd5ece7cfdd044d0df9692fb008be04b2179f05792dfbc03d610\\\"}\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"dbf16afd37d7bda963909dd4e886232e","type":"APP","apiClientId":1558137,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Bijoux Chrétiens","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"21wcwz-df.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/bijoux-chretiens.fr"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"10329097404745","handle":"collier-croix-chretienne","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975078170953","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10329098944841","handle":"collier-saint-esprit","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975080759625","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10329095930185","handle":"bracelet-croix-de-jesus","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975074763081","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10329097371977","handle":"collier-croix-catholique","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975078138185","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10329095897417","handle":"bracelet-croix-cuir","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975074566473","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10329097797961","handle":"collier-croix-enfant","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975078793545","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10329094947145","handle":"bague-saint-michel","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975072338249","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10329099239753","handle":"medaille-de-saint-benoit","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975081709897","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10329098977609","handle":"collier-trois-croix","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975080825161","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10329099698505","handle":"pendentif-croix-minimaliste","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975082496329","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10329096028489","handle":"bracelet-croix-fantaisie","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975074926921","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10329094750537","handle":"bague-croix-simple","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975071519049","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10329099370825","handle":"pendantes-croix","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975081906505","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10329099141449","handle":"medaille-ange","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975081578825","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10329098879305","handle":"collier-poisson-chretien-argent","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975080628553","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10329099338057","handle":"medaillon-croix-homme","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975081873737","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10329097044297","handle":"chevaliere-croix","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975077253449","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10329094914377","handle":"bague-saint-benoit","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975071748425","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10329099796809","handle":"pendentif-croix-romane","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975082824009","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10329093177673","handle":"bague-ailes-dange","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975065784649","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10329093275977","handle":"bague-ange","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975065915721","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10329094029641","handle":"bague-chrisme","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975068143945","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10329094095177","handle":"bague-couronne-epines","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54975068569929","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://bijoux-chretiens.fr/cdn","1b3c7779w6e1f7d30p7ae783d3m9b5a05aa",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"187932672329","themePublished":"true","eventMetadataId":"37245b65-2310-4e63-9aab-b4ceb55bf6d7","pageType":"home","shopId":"102494470473","storefrontBaseUrl":"https:\/\/bijoux-chretiens.fr","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"0fa89373\", \"873d0e44\", \"16072cab\"]","isMerchantRequest":"false","hashVersion":"1b3c7779w6e1f7d30p7ae783d3m9b5a05aa","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"home","requestId":"4fdc7721-2b0b-45be-bf83-f4a6f740638e-1789871406"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
window.ShopifyAnalytics.lib.trekkie = window.trekkie;
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
try {
window.__TREKKIE_SHIM_QUEUE.push({
from: 'trekkie-stub',
method: method,
args: args.slice(1)
});
} catch (e) {
// no-op
}
}
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 102494470473,
theme_id: 187932672329,
app_name: "storefront",
context_url: window.location.href,
source_url: "//bijoux-chretiens.fr/cdn/s/trekkie.storefront.7ba2605b9cb6cd518b93431f40a9bde3a4a2f7bd.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//bijoux-chretiens.fr/cdn/s/trekkie.storefront.7ba2605b9cb6cd518b93431f40a9bde3a4a2f7bd.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//bijoux-chretiens.fr/cdn/s/trekkie.storefront.7ba2605b9cb6cd518b93431f40a9bde3a4a2f7bd.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":102494470473,"isMerchantRequest":null,"themeId":187932672329,"themeCityHash":"18285057729147202788","contentLanguage":"fr","currency":"EUR","eventMetadataId":"37245b65-2310-4e63-9aab-b4ceb55bf6d7"},"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;
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"4fdc7721-2b0b-45be-bf83-f4a6f740638e-1789871406","shopifyEmitted":true});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//bijoux-chretiens.fr/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://bijoux-chretiens.fr/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.2.min.js"
data-application="storefront-renderer"
data-shop-id="102494470473"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="187932672329"
data-theme-name="Selvedge"
data-theme-version="1.0.0"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://bijoux-chretiens.fr/api/collect"
></script>
<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script><script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"102494470473","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Se connecter ou créer un compte"},{"key":"account_menu.signed_out_state.section_divider","value":"Autres moyens de connexion"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"E-mail"},{"key":"account_menu.signed_out_state.orders_button","value":"Commandes"},{"key":"account_menu.signed_out_state.profile_button","value":"Profil"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Se connecter avec Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continuer avec Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continuer avec Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Envoyez-moi des nouvelles et des offres par e-mail"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Bonjour, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Compte"},{"key":"account_menu.signed_in_state.orders_button","value":"Commandes"},{"key":"account_menu.signed_in_state.profile_button","value":"Profil"},{"key":"account_menu.location_picker.sheet_title","value":"Emplacements"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Rechercher"},{"key":"account_menu.aria_labels.close_menu","value":"Fermer le menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Retour au menu principal depuis {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, ouvre le sous-menu"},{"key":"account_menu.aria_labels.loading_menu","value":"Chargement du menu"},{"key":"account_menu.aria_labels.account","value":"Compte"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Se connecter avec e-mail"},{"key":"account_menu.aria_labels.sign_in","value":"Se connecter"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":false},"visitor":{"country":"FR","language":"fr"}}</script>
<meta name="shopify-y" content="00000000-0000-0000-5000-000000000000" data-expiration="1821429006000"><meta name="shopify-s" content="00000000-0000-0000-5000-000000000000" data-expiration="1789873206000"><meta name="new-cookie-storage-activated" content="f">
</head>
<body class="page-width-wide card-hover-effect-subtle-zoom">
<a
class="skip-to-content-link button-secondary"
href="#MainContent"
>
Ignorer et passer au contenu
</a>
<theme-drawer id="chat-drawer">
<dialog
ref="panel"
class="theme-drawer__dialog chat-drawer"
>
<shopify-chat
mode="standalone"
mode-switch
></shopify-chat>
</dialog>
</theme-drawer>
<script type="module">
const chatDrawer = document.querySelector('#chat-drawer');
const shopifyChat = document.querySelector('shopify-chat');
document.addEventListener('theme-drawer:open', (event) => {
if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
shopifyChat?.setAttribute('mode', 'managed');
});
document.addEventListener('theme-drawer:close', (event) => {
if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
// If mode is still managed, this is a theme-initiated close (backdrop /
// Escape) — close the chat so the FAB appears. If mode is already
// standalone, the close was triggered by an undock (enter-standalone sets
// mode before closing the drawer) — leave the chat open as a floating panel.
if (shopifyChat?.getAttribute('mode') === 'managed') {
shopifyChat?.removeAttribute('open');
}
shopifyChat?.setAttribute('mode', 'standalone');
});
document.addEventListener('shopify-chat:enter-managed', () => {
// Captured at event-fire time — the dock-transition animation hint below
// depends on state as it was when the event was dispatched.
const isStandaloneAndOpen = shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone';
// The activator-click path (FAB click on desktop with stored
// preferredMode=managed) dispatches enter-managed *before* calling show(),
// so the chat's `open` attribute at event time understates the imminent
// outcome. Defer to a microtask: by then show() (if any) has run, and we
// can distinguish the viewport-driven mobile→desktop transition that left
// a minimized FAB (chat stays closed → don't open an empty drawer) from
// an activator click (chat just opened → open the drawer).
queueMicrotask(() => {
if (!shopifyChat?.hasAttribute('open') && !chatDrawer?.hasAttribute('open')) {
return;
}
chatDrawer?.open?.(isStandaloneAndOpen ? { enter: 'inline-start' } : undefined);
});
});
document.addEventListener('shopify-chat:enter-standalone', () => {
shopifyChat?.setAttribute('mode', 'standalone');
chatDrawer?.close?.();
});
document.addEventListener('shopify-chat:close', () => {
if (shopifyChat?.getAttribute('mode') === 'managed') {
chatDrawer?.close?.();
}
});
document.addEventListener('megaMenu:hover', () => {
if (shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone') {
shopifyChat?.removeAttribute('open');
}
});
// After the chat upgrades it self-restores its preferred mode from
// sessionStorage. Reconcile any mismatch with the theme-drawer's state
// — the drawer is the source of truth for which mode the chat should
// be in (open → managed, closed → standalone).
customElements.whenDefined('shopify-chat').then(() => {
const mode = chatDrawer?.hasAttribute('open') ? 'managed' : 'standalone';
if (shopifyChat?.getAttribute('mode') !== mode) {
// When switching managed → standalone (e.g. narrow viewport skipped
// drawer restore), also close the chat so it renders as the FAB
// rather than an open standalone panel.
if (mode === 'standalone' && shopifyChat?.hasAttribute('open')) {
shopifyChat?.removeAttribute('open');
}
shopifyChat?.setAttribute('mode', mode);
}
});
</script>
<div class="page-wrapper">
<div id="header-group">
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--27635358892361__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group">
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/announcement-bar.js?v=88074946299668293891787727811"
type="module"
fetchpriority="low"
></script>
<style data-shopify>
.color-custom-sections--27635358892361__header_announcements_9jGBFp,
.color-custom-sections--27635358892361__header_announcements_9jGBFp .text-block {
/* Background */
--color-background: #223050;
--color-background-rgb: 34 48 80;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
0.6; --opacity-30-60: 0.6; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: var(--palette-lightest);
--color-rgb: var(--palette-lightest-rgb);
--color-foreground: var(--palette-lightest);
--color-foreground-rgb: var(--palette-lightest-rgb);
--color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text));
--color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text));
--color-border: var(--palette-lightest);
--color-border-rgb: var(--palette-lightest-rgb);
}
.color-custom-sections--27635358892361__header_announcements_9jGBFp {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5));
--input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50));
--checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55));
}
.color-custom-sections--27635358892361__header_announcements_9jGBFp {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<div class="section-background color-custom-sections--27635358892361__header_announcements_9jGBFp"></div>
<aside
class="announcement-bar spacing-style section section--page-width color-custom-sections--27635358892361__header_announcements_9jGBFp"
style="--padding-block-start: 12px; --padding-block-end:12px; --padding-inline-start:0px; --padding-inline-end:0px;; --border-bottom-width: 0px; --color-border: #7A5E29;"
>
<announcement-bar-component
class="announcement-bar__slider"
autoplay="5" aria-live="polite"
>
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-chevron button button-unstyled button-unstyled--transparent flip-x"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-chevron button button-unstyled button-unstyled--transparent"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</slideshow-arrows>
<div class="announcement-bar__slides">
<slideshow-slide
ref="slides[]"
class="announcement-bar__slide text-block text-block--AYlB5cUMycVd3NjlwS__announcement_BxgCk9 text-block--align-center text-block--full-width custom-typography custom-font-size"
style=" --font-size: 0.75rem; --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --text-align: center; --line-height: 1; "
aria-hidden="false"
data-nosnippet
>
<p class="announcement-bar__text">
Écrin offert avec chaque bijou
</p>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
class="announcement-bar__slide text-block text-block--Ac1oxZVhJYXI0SkVHe__announcement_offre10 text-block--align-center text-block--full-width custom-typography custom-font-size"
style=" --font-size: 0.75rem; --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --text-align: center; --line-height: 1; "
aria-hidden="true"
data-nosnippet
>
<p class="announcement-bar__text">
-10 % sur votre première commande · <u>J'en profite</u>
</p>
<a
class="announcement-bar__link"
href="#offre-newsletter"
>
<span class="visually-hidden">
-10 % sur votre première commande · J'en profite
</span>
</a>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
class="announcement-bar__slide text-block text-block--AcCs2ZThPV3JQclQrQ__announcement_livret49 text-block--align-center text-block--full-width custom-typography custom-font-size"
style=" --font-size: 0.75rem; --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --text-align: center; --line-height: 1; "
aria-hidden="true"
data-nosnippet
>
<p class="announcement-bar__text">
Livret de prières offert dès 49 €
</p>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
class="announcement-bar__slide text-block text-block--AZzVnM3V4VlJiSjA1c__announcement_livraison69 text-block--align-center text-block--full-width custom-typography custom-font-size"
style=" --font-size: 0.75rem; --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --text-align: center; --line-height: 1; "
aria-hidden="true"
data-nosnippet
>
<p class="announcement-bar__text">
Livraison offerte dès 69 €
</p>
</slideshow-slide>
</div>
</announcement-bar-component>
</aside>
</div><header id="shopify-section-sections--27635358892361__header_section" class="shopify-section shopify-section-group-header-group header-section">
<div class="header-veil" aria-hidden="true"></div><header-component
id="header-component"
class="header"
data-theme-color="rgb(250 247 241)"
data-bubble-style="default"
sticky="always"
data-skip-node-update
data-scroll-direction="none"
data-transparent-background="bottom"
style=" --color-background-top-row: rgba(250 247 241 / 1.0); --color-background-bottom-row: rgba(250 247 241 / 1.0); --cart-bubble-background: var(--palette-darkest); --cart-bubble-text: #FAF7F1; --header-menu-font-size: 0.75rem; --header-menu-font-weight: 500; --header-menu-letter-spacing: 0.08em; --header-menu-text-case: uppercase; --header-menu-font-family: var(--font-body--family); --header-secondary-font-size: 0.75rem; "
>
<div class="header__underlay header__underlay-closed"></div>
<div
class="header__underlay header__underlay-open"
></div>
<div
class="header__row header__row--top color-#FAF7F1 section section--full-width-margin section--full-width divider--page-width color-custom-top-sections--27635358892361__header_section"
ref="headerRowTop">
<div class="header__columns spacing-style">
<style data-shopify>
.color-custom-top-sections--27635358892361__header_section,
.color-custom-top-sections--27635358892361__header_section .text-block {
/* Background */
--color-background: #FAF7F1;
--color-background-rgb: 250 247 241;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #223050;
--color-rgb: 34 48 80;
--color-foreground: #223050;
--color-foreground-rgb: 34 48 80;
--color-foreground-muted: rgb(34 48 80 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(34 48 80 / var(--opacity-subdued-text));
--color-border: var(--palette-darkest);
--color-border-rgb: var(--palette-darkest-rgb);
}
.color-custom-top-sections--27635358892361__header_section {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(34 48 80 / var(--opacity-10));
--input-disabled-border-color: rgb(34 48 80 / var(--opacity-5));
--input-disabled-text-color: rgb(34 48 80 / var(--opacity-50));
--checkbox-border: 1px solid rgb(34 48 80 / var(--opacity-35-55));
}
.color-custom-top-sections--27635358892361__header_section {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<div
class="header__column header__column--left"
data-testid="header-top-left"
>
<div
class="header__drawer"
ref="headerDrawerContainer"
data-hydration-key="header-drawer-mobile"
>
<style data-shopify>
.color-custom-AODcrY3dJWTBNYnQ0S__header-menu-1,
.color-custom-AODcrY3dJWTBNYnQ0S__header-menu-1 .text-block {
/* Background */
--color-background: #FAF7F1;
--color-background-rgb: 250 247 241;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #223050;
--color-rgb: 34 48 80;
--color-foreground: #223050;
--color-foreground-rgb: 34 48 80;
--color-foreground-muted: rgb(34 48 80 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(34 48 80 / var(--opacity-subdued-text));
--color-border: var(--palette-darkest);
--color-border-rgb: var(--palette-darkest-rgb);
}
.color-custom-AODcrY3dJWTBNYnQ0S__header-menu-1 {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(34 48 80 / var(--opacity-10));
--input-disabled-border-color: rgb(34 48 80 / var(--opacity-5));
--input-disabled-text-color: rgb(34 48 80 / var(--opacity-50));
--checkbox-border: 1px solid rgb(34 48 80 / var(--opacity-35-55));
}
.color-custom-AODcrY3dJWTBNYnQ0S__header-menu-1 {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/header-drawer.js?v=121243031541024704371787727811"
type="module"
fetchpriority="low"
></script>
<header-drawer
class="header-drawer"
style="--menu-image-border-radius: 12px; --resource-card-corner-radius: 12px;"
>
<details
id="Details-menu-drawer-container"
data-skip-node-update="true"
class="menu-drawer-container"
ref="details"
scroll-lock
>
<summary
class="header__icon header__icon--menu header__icon--summary"
aria-label="Menu"
on:click="/toggle"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</span>
</summary>
<div
ref="menuDrawer"
class="menu-drawer color-custom-AODcrY3dJWTBNYnQ0S__header-menu-1"
>
<button
class="button close-button menu-drawer__close-button focus-inset"
type="button"
aria-label="Fermer"
on:click="/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</span>
</button>
<nav
class="menu-drawer__navigation"
style="--menu-top-level-font-family: var(--font-body--family);--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:uppercase; --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: var(--menu-font-2xl--line-height);--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:uppercase; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:uppercase; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued); "
aria-label="Principale"
>
<ul
class="menu-drawer__menu has-submenu"
role="list"
>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
><details
id="Details-menu-drawer-menu-item-1"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-bijoux-croix"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open/submenu"
>
<span class="menu-drawer__menu-item-text wrap-text">Bijoux Croix</span>
<span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-bijoux-croix"
class="menu-drawer__submenu has-submenu"
tabindex="-1"
style="--menu-drawer-animation-index: 1;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
on:click="header-drawer/back"
aria-label="Retour à Bijoux Croix"
>
<span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="menu-drawer__menu-item-text wrap-text">Bijoux Croix</span>
</button>
<button
class="button button-unstyled close-button menu-drawer__close-button focus-inset"
type="button"
aria-label="Fermer"
on:click="header-drawer/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</span>
</button>
</div>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
>
<li
class="menu-drawer__list-item menu-drawer__list-item--deep"
>
<div class="menu-drawer__colonne">
<p class="menu-drawer__surtitre">Catégorie</p>
<ul class="menu-drawer__menu menu-drawer__menu--grandchildlist" role="list"><li class="menu-drawer__list-item">
<a
href="/collections/colliers-croix"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--pastille"
><span class="menu-drawer__pastille" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/collier-trois-croix-dore.png?v=1788118436&width=96" alt="" loading="lazy"></span><span class="menu-drawer__menu-item-text wrap-text">Colliers croix</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/collections/pendentifs-croix"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--pastille"
><span class="menu-drawer__pastille" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/pendentif-croix-minimaliste-chretien-dore.png?v=1788119032&width=96" alt="" loading="lazy"></span><span class="menu-drawer__menu-item-text wrap-text">Pendentifs croix</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/collections/bracelets-croix"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--pastille"
><span class="menu-drawer__pastille" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/bracelet-croix-fantaisie-dore.png?v=1788116046&width=96" alt="" loading="lazy"></span><span class="menu-drawer__menu-item-text wrap-text">Bracelets croix</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/collections/bagues-croix"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--pastille"
><span class="menu-drawer__pastille" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/bague-croix-simple-doree.png?v=1788114961&width=96" alt="" loading="lazy"></span><span class="menu-drawer__menu-item-text wrap-text">Bagues croix</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/collections/boucles-doreilles-croix"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--pastille"
><span class="menu-drawer__pastille" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/pendantes-croix-dore.png?v=1788118746&width=96" alt="" loading="lazy"></span><span class="menu-drawer__menu-item-text wrap-text">Boucles d'oreilles croix</span>
</a>
</li></ul>
</div>
</li><li
class="menu-drawer__list-item menu-drawer__list-item--deep"
>
<div class="menu-drawer__colonne">
<p class="menu-drawer__surtitre">Guides</p>
<ul class="menu-drawer__menu menu-drawer__menu--grandchildlist" role="list"><li class="menu-drawer__list-item">
<a
href="/blogs/blog-chretien/taille-croix-pendentif"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
><span class="menu-drawer__menu-item-text wrap-text">Quelle taille de croix choisir ?</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/blogs/blog-chretien/pourquoi-porter-croix-cou"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
><span class="menu-drawer__menu-item-text wrap-text">Pourquoi porter une croix ?</span>
</a>
</li></ul>
</div>
</li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
><details
id="Details-menu-drawer-menu-item-2"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-medailles-saints"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open/submenu"
>
<span class="menu-drawer__menu-item-text wrap-text">Médailles & Saints</span>
<span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-medailles-saints"
class="menu-drawer__submenu has-submenu"
tabindex="-1"
style="--menu-drawer-animation-index: 2;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
on:click="header-drawer/back"
aria-label="Retour à Médailles & Saints"
>
<span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="menu-drawer__menu-item-text wrap-text">Médailles & Saints</span>
</button>
<button
class="button button-unstyled close-button menu-drawer__close-button focus-inset"
type="button"
aria-label="Fermer"
on:click="header-drawer/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</span>
</button>
</div>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
>
<li
class="menu-drawer__list-item menu-drawer__list-item--deep"
>
<div class="menu-drawer__colonne">
<p class="menu-drawer__surtitre">Par figure</p>
<ul class="menu-drawer__menu menu-drawer__menu--grandchildlist" role="list"><li class="menu-drawer__list-item">
<a
href="/collections/vierge-marie"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--pastille"
><span class="menu-drawer__pastille" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/collier-croix-catholique-dore.png?v=1788116862&width=96" alt="" loading="lazy"></span><span class="menu-drawer__menu-item-text wrap-text">Vierge Marie</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/collections/saint-esprit"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--pastille"
><span class="menu-drawer__pastille" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/collier-saint-esprit-argente.png?v=1788118396&width=96" alt="" loading="lazy"></span><span class="menu-drawer__menu-item-text wrap-text">Colombe de l'Esprit-Saint</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/collections/saint-benoit"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--pastille"
><span class="menu-drawer__pastille" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/medaille-saint-benoit-doree.png?v=1788118630&width=96" alt="" loading="lazy"></span><span class="menu-drawer__menu-item-text wrap-text">Saint Benoît</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/collections/ange-gardien"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--pastille"
><span class="menu-drawer__pastille" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/medaille-ange-doree.png?v=1788118558&width=96" alt="" loading="lazy"></span><span class="menu-drawer__menu-item-text wrap-text">Ange gardien</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/collections/poisson-chretien-ichtus"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--pastille"
><span class="menu-drawer__pastille" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/collier-poisson-chretien-argent-argente.png?v=1788118298&width=96" alt="" loading="lazy"></span><span class="menu-drawer__menu-item-text wrap-text">Poisson chrétien (Ichtus)</span>
</a>
</li></ul>
</div>
</li><li
class="menu-drawer__list-item menu-drawer__list-item--deep"
>
<div class="menu-drawer__colonne">
<p class="menu-drawer__surtitre">Guides</p>
<ul class="menu-drawer__menu menu-drawer__menu--grandchildlist" role="list"><li class="menu-drawer__list-item">
<a
href="/blogs/blog-chretien/croix-crucifix-ou-medaille"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
><span class="menu-drawer__menu-item-text wrap-text">Croix, crucifix ou médaille ?</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/blogs/blog-chretien/fete-saint-patron"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
><span class="menu-drawer__menu-item-text wrap-text">La fête du saint patron</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/blogs/blog-chretien/calendrier-des-saints"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
><span class="menu-drawer__menu-item-text wrap-text">Le calendrier des saints</span>
</a>
</li></ul>
</div>
</li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
><details
id="Details-menu-drawer-menu-item-3"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-pour-elle"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open/submenu"
>
<span class="menu-drawer__menu-item-text wrap-text">Pour elle</span>
<span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-pour-elle"
class="menu-drawer__submenu has-submenu"
tabindex="-1"
style="--menu-drawer-animation-index: 3;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
on:click="header-drawer/back"
aria-label="Retour à Pour elle"
>
<span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="menu-drawer__menu-item-text wrap-text">Pour elle</span>
</button>
<button
class="button button-unstyled close-button menu-drawer__close-button focus-inset"
type="button"
aria-label="Fermer"
on:click="header-drawer/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</span>
</button>
</div>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
>
<li
class="menu-drawer__list-item menu-drawer__list-item--deep"
>
<div class="menu-drawer__colonne">
<p class="menu-drawer__surtitre">Catégorie</p>
<ul class="menu-drawer__menu menu-drawer__menu--grandchildlist" role="list"><li class="menu-drawer__list-item">
<a
href="/collections/bijoux-croix-femme"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--pastille"
><span class="menu-drawer__pastille" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/pendentif-croix-minimaliste-chretien-dore.png?v=1788119032&width=96" alt="" loading="lazy"></span><span class="menu-drawer__menu-item-text wrap-text">Bijoux croix femme</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/collections/colliers-croix-femme"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--pastille"
><span class="menu-drawer__pastille" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/collier-trois-croix-dore.png?v=1788118436&width=96" alt="" loading="lazy"></span><span class="menu-drawer__menu-item-text wrap-text">Colliers croix femme</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/collections/boucles-doreilles-croix-femme"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--pastille"
><span class="menu-drawer__pastille" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/pendantes-croix-dore.png?v=1788118746&width=96" alt="" loading="lazy"></span><span class="menu-drawer__menu-item-text wrap-text">Boucles d'oreilles croix femme</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/collections/bagues-croix-femme"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--pastille"
><span class="menu-drawer__pastille" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/bague-croix-simple-doree.png?v=1788114961&width=96" alt="" loading="lazy"></span><span class="menu-drawer__menu-item-text wrap-text">Bagues croix femme</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/collections/bracelets-femme"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--pastille"
><span class="menu-drawer__pastille" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/bracelet-croix-fantaisie-dore.png?v=1788116046&width=96" alt="" loading="lazy"></span><span class="menu-drawer__menu-item-text wrap-text">Bracelets croix femme</span>
</a>
</li></ul>
</div>
</li><li
class="menu-drawer__list-item menu-drawer__list-item--deep"
>
<div class="menu-drawer__colonne">
<p class="menu-drawer__surtitre">Guides</p>
<ul class="menu-drawer__menu menu-drawer__menu--grandchildlist" role="list"><li class="menu-drawer__list-item">
<a
href="/blogs/blog-chretien/croix-crucifix-ou-medaille"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
><span class="menu-drawer__menu-item-text wrap-text">Croix, crucifix ou médaille ?</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/blogs/blog-chretien/bijou-acier-ou-argent"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
><span class="menu-drawer__menu-item-text wrap-text">Acier ou argent, que choisir ?</span>
</a>
</li></ul>
</div>
</li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
><details
id="Details-menu-drawer-menu-item-4"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-pour-lui"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open/submenu"
>
<span class="menu-drawer__menu-item-text wrap-text">Pour lui</span>
<span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-pour-lui"
class="menu-drawer__submenu has-submenu"
tabindex="-1"
style="--menu-drawer-animation-index: 4;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
on:click="header-drawer/back"
aria-label="Retour à Pour lui"
>
<span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="menu-drawer__menu-item-text wrap-text">Pour lui</span>
</button>
<button
class="button button-unstyled close-button menu-drawer__close-button focus-inset"
type="button"
aria-label="Fermer"
on:click="header-drawer/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</span>
</button>
</div>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
>
<li
class="menu-drawer__list-item menu-drawer__list-item--deep"
>
<div class="menu-drawer__colonne">
<p class="menu-drawer__surtitre">Catégorie</p>
<ul class="menu-drawer__menu menu-drawer__menu--grandchildlist" role="list"><li class="menu-drawer__list-item">
<a
href="/collections/colliers-croix-homme"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--pastille"
><span class="menu-drawer__pastille" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/medaillon-croix-homme-argente.jpg?v=1788118723&width=96" alt="" loading="lazy"></span><span class="menu-drawer__menu-item-text wrap-text">Colliers croix homme</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/collections/bracelets-homme"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--pastille"
><span class="menu-drawer__pastille" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/bracelet-croix-cuir-dore.png?v=1788115963&width=96" alt="" loading="lazy"></span><span class="menu-drawer__menu-item-text wrap-text">Bracelets croix homme</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/collections/chevalieres"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--pastille"
><span class="menu-drawer__pastille" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/chevaliere-croix-doree.png?v=1788116431&width=96" alt="" loading="lazy"></span><span class="menu-drawer__menu-item-text wrap-text">Chevalières</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/collections/bagues-homme"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--pastille"
><span class="menu-drawer__pastille" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/bague-saint-benoit-doree.jpg?v=1788115041&width=96" alt="" loading="lazy"></span><span class="menu-drawer__menu-item-text wrap-text">Bagues homme</span>
</a>
</li></ul>
</div>
</li><li
class="menu-drawer__list-item menu-drawer__list-item--deep"
>
<div class="menu-drawer__colonne">
<p class="menu-drawer__surtitre">Guides</p>
<ul class="menu-drawer__menu menu-drawer__menu--grandchildlist" role="list"><li class="menu-drawer__list-item">
<a
href="/blogs/blog-chretien/taille-croix-pendentif"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
><span class="menu-drawer__menu-item-text wrap-text">Quelle taille de croix choisir ?</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/blogs/blog-chretien/bijou-acier-ou-argent"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
><span class="menu-drawer__menu-item-text wrap-text">Acier ou argent, que choisir ?</span>
</a>
</li></ul>
</div>
</li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 5;"
><details
id="Details-menu-drawer-menu-item-5"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-idees-cadeaux"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open/submenu"
>
<span class="menu-drawer__menu-item-text wrap-text">Idées cadeaux</span>
<span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-idees-cadeaux"
class="menu-drawer__submenu has-submenu"
tabindex="-1"
style="--menu-drawer-animation-index: 5;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
on:click="header-drawer/back"
aria-label="Retour à Idées cadeaux"
>
<span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="menu-drawer__menu-item-text wrap-text">Idées cadeaux</span>
</button>
<button
class="button button-unstyled close-button menu-drawer__close-button focus-inset"
type="button"
aria-label="Fermer"
on:click="header-drawer/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</span>
</button>
</div>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
>
<li
class="menu-drawer__list-item menu-drawer__list-item--deep"
>
<div class="menu-drawer__colonne">
<p class="menu-drawer__surtitre">Par occasion</p>
<ul class="menu-drawer__menu menu-drawer__menu--grandchildlist" role="list"><li class="menu-drawer__list-item">
<a
href="/collections/bapteme"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--pastille"
><span class="menu-drawer__pastille" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/collier-croix-enfant-dore.png?v=1788117221&width=96" alt="" loading="lazy"></span><span class="menu-drawer__menu-item-text wrap-text">Baptême</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/collections/communion"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--pastille"
><span class="menu-drawer__pastille" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/collier-croix-enfant-dore.png?v=1788117221&width=96" alt="" loading="lazy"></span><span class="menu-drawer__menu-item-text wrap-text">Communion</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/collections/confirmation"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--pastille"
><span class="menu-drawer__pastille" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/pendentif-croix-romane-dore.png?v=1788119188&width=96" alt="" loading="lazy"></span><span class="menu-drawer__menu-item-text wrap-text">Confirmation</span>
</a>
</li></ul>
</div>
</li><li
class="menu-drawer__list-item menu-drawer__list-item--deep"
>
<div class="menu-drawer__colonne">
<p class="menu-drawer__surtitre">Par budget</p>
<ul class="menu-drawer__menu menu-drawer__menu--grandchildlist" role="list"><li class="menu-drawer__list-item">
<a
href="/collections/cadeau-moins-de-30-euros"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
><span class="menu-drawer__menu-item-text wrap-text">Moins de 30 €</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/collections/cadeau-moins-de-50-euros"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
><span class="menu-drawer__menu-item-text wrap-text">Moins de 50 €</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/collections/cadeau-moins-de-100-euros"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
><span class="menu-drawer__menu-item-text wrap-text">Moins de 100 €</span>
</a>
</li></ul>
</div>
</li><li
class="menu-drawer__list-item menu-drawer__list-item--deep"
>
<div class="menu-drawer__colonne">
<p class="menu-drawer__surtitre">Pour qui</p>
<ul class="menu-drawer__menu menu-drawer__menu--grandchildlist" role="list"><li class="menu-drawer__list-item">
<a
href="/collections/cadeau-femme"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
><span class="menu-drawer__menu-item-text wrap-text">Cadeau femme</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/collections/cadeau-homme"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
><span class="menu-drawer__menu-item-text wrap-text">Cadeau homme</span>
</a>
</li></ul>
</div>
</li><li
class="menu-drawer__list-item menu-drawer__list-item--deep"
>
<div class="menu-drawer__colonne">
<p class="menu-drawer__surtitre">Guides</p>
<ul class="menu-drawer__menu menu-drawer__menu--grandchildlist" role="list"><li class="menu-drawer__list-item">
<a
href="/pages/cadeaux-chretiens"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
><span class="menu-drawer__menu-item-text wrap-text">Bien choisir un cadeau</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/blogs/blog-chretien/cadeau-premiere-communion"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
><span class="menu-drawer__menu-item-text wrap-text">Cadeau de première communion</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/blogs/blog-chretien/cadeau-bapteme-fille"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
><span class="menu-drawer__menu-item-text wrap-text">Cadeau de baptême pour une fille</span>
</a>
</li><li class="menu-drawer__list-item">
<a
href="/blogs/blog-chretien/cadeau-bapteme-garcon"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
><span class="menu-drawer__menu-item-text wrap-text">Cadeau de baptême pour un garçon</span>
</a>
</li></ul>
</div>
</li></ul>
</div>
</div>
</details></li>
</ul>
</nav><div class="menu-drawer__animated-element menu-drawer__editorial" style="--menu-drawer-animation-index: 5;"><nav class="bc-menu-sec bc-menu-sec--drawer" aria-label="Liens secondaires"><a class="bc-menu-sec__lien" href="/pages/a-propos">La marque</a><a class="bc-menu-sec__lien" href="/pages/guide-dentretien">Guide d'entretien</a><a class="bc-menu-sec__lien" href="/blogs/blog-chretien">Blog</a></nav></div><div
class="menu-drawer__utility-links menu-drawer__animated-element"
style="--menu-drawer-animation-index: 5;"
><div class="menu-drawer__comptes">
<button type="button" class="menu-drawer__offre"
onclick="var d=this.closest('details');var c=d?d.querySelector('.menu-drawer__close-button'):null;if(c)c.click();var o=document.querySelector('.bc-popup__onglet');if(o)setTimeout(function(){o.click();},380);">
<svg viewbox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="2.5" y="4.5" width="15" height="11" rx="1.5"/><path d="m3 5.5 7 5.5 7-5.5"/></svg>
<span>-10 % offerts</span>
</button>
<a class="menu-drawer__compte-lien" href="/pages/liste-envie">
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
<span>Liste d'envie</span>
<span class="menu-drawer__compte-pastille" data-bc-wl-compteur hidden>0</span>
</a>
<a class="menu-drawer__compte-lien" href="/account">
<svg viewbox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" aria-hidden="true" focusable="false"><circle cx="10" cy="6.8" r="3.4"/><path d="M3.6 17c1.5-3.1 3.9-4.6 6.4-4.6s4.9 1.5 6.4 4.6"/></svg>
<span>Se connecter</span>
</a>
</div>
</div>
</div>
<div
class="menu-drawer__backdrop"
on:click="header-drawer/close"
></div>
</details>
</header-drawer>
</div>
<style data-shopify>
.header__underlay {
--color-submenu: rgb(250 247 241);
}
</style>
<search-button
class="search-action search-action--hidden-on-menu"
>
<button
on:click="#search-modal/showDialog"
class="button-unstyled header-actions__action"
aria-label="Rechercher"
aria-haspopup="dialog"
>
<span class="hidden">
Rechercher
</span>
<span class="svg-wrapper">
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</button>
</search-button>
<a
href="/"
class="size-style spacing-style header-logo"
style=" --size-style-width: ;--size-style-height: ; --padding-block-start: 0px;--padding-block-end: 0px; --font-family: var(--font-body--family); --font-style: var(--font-body--style); --font-weight: 600; "
>
<span
class="header-logo__image-container header-logo__image-container--original"
data-testid="header-logo"
><img
class="header-logo__image header-logo__image--asset"
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/bc-logo-default.svg?v=54335713762852493201787937329"
alt="Bijoux Chrétiens - Accueil"
width="120"
height="30"
style="--header-logo-image-height: 30px; --header-logo-image-height-mobile: 26px;"
loading="eager"
></span>
</a>
</div><div
class="header__column header__column--right"
data-testid="header-top-right"
>
<form action="/search" method="get" role="search" class="header-search-bar"><script>
(function () {
function volet() { var m = document.getElementById('search-modal'); return m ? m.querySelector('dialog') : null; }
function champPanneau() { var m = document.getElementById('search-modal'); return m ? m.querySelector('.search-input') : null; }
function ferme() {
// garde : a la fermeture, Chrome rend le focus au champ du header, dont
// le focusin rouvrirait le volet dans la meme seconde (bug paye le 10/09).
window.__bcRechFermeeA = Date.now();
var d = volet(); if (d && d.open) d.close();
document.body.classList.remove('recherche-ouverte');
var hi = document.querySelector('.header-search-bar__input');
if (hi) hi.blur();
}
window.bcFermeRecherche = ferme;
function ouvre() {
if (!window.matchMedia('(min-width: 990px)').matches) return;
if (Date.now() - (window.__bcRechFermeeA || 0) < 600) return;
var d = volet();
if (d && !d.open) {
// le volet recouvre le header : le mouseup du MEME clic atterrit sur lui,
// le navigateur cible alors le click sur body, et le gestionnaire
// clic-hors-volet refermait tout dans la milliseconde (paye le 10/09).
window.__bcRechOuverteA = Date.now();
d.show();
document.body.classList.add('recherche-ouverte');
var cp = champPanneau();
if (cp) cp.focus();
}
}
document.addEventListener('focusin', function (e) {
if (!e.target.closest || !e.target.closest('.header-search-bar__input')) return;
ouvre();
});
// 10/09, Val : la loupe du header n'envoie PAS vers /search, elle ouvre le volet.
document.addEventListener('click', function (e) {
var b = e.target.closest && e.target.closest('.header-search-bar__submit');
if (!b) return;
if (window.matchMedia('(min-width: 990px)').matches) {
e.preventDefault();
ouvre();
}
});
document.addEventListener('input', function (e) {
if (!e.target.closest || !e.target.closest('.header-search-bar__input')) return;
var cp = champPanneau();
if (cp) { cp.value = e.target.value; cp.dispatchEvent(new Event('input', { bubbles: true })); }
});
document.addEventListener('keydown', function (e) { if (e.key === 'Escape') ferme(); });
document.addEventListener('click', function (e) {
if (!document.body.classList.contains('recherche-ouverte')) return;
if (Date.now() - (window.__bcRechOuverteA || 0) < 400) return;
if (e.target.closest('.search-modal') || e.target.closest('.header-search-bar')) return;
ferme();
});
})();
</script>
<button type="submit" class="header-search-bar__submit" aria-label="Rechercher"><svg class="header-search-bar__loupe" viewbox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" aria-hidden="true" focusable="false">
<circle cx="8.6" cy="8.6" r="5.9"/>
<line x1="13.2" y1="13.2" x2="17.4" y2="17.4"/>
</svg>
</button>
<input
type="search"
name="q"
class="header-search-bar__input"
placeholder="Recherche"
autocomplete="off"
value=""
>
<input type="hidden" name="options[prefix]" value="last">
</form>
<search-button
class="search-action search-action--hidden-on-drawer header-search-icon--mobile"
>
<button
on:click="#search-modal/showDialog"
class="button-unstyled header-actions__action"
aria-label="Rechercher"
aria-haspopup="dialog"
>
<span class="hidden">
Rechercher
</span>
<span class="svg-wrapper">
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</button>
</search-button>
<script
type="module"
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/cart-icon.js?v=67390625444794793231787727811"
fetchpriority="low"
></script>
<header-actions
>
<div
class="account-button header-actions__action color-custom-popover"
>
<shopify-store store-domain="https://bijoux-chretiens.fr" country="FR" language="fr"></shopify-store>
<shopify-account
menu="customer-account-main-menu"
>
<span
slot="signed-out-avatar"
class="account-button__text header-actions__text-style hidden"
>
Compte
</span>
<span
slot="signed-out-avatar"
class=""
aria-hidden="true"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="15"
height="17"
viewbox="0 0 15 17"
fill="none"
slot="signed-out-avatar"
class="account-button__icon"
>
<path
stroke="currentColor"
stroke-linejoin="round"
stroke-width="var(--icon-stroke-width)"
d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z"
/>
</svg>
</span>
</shopify-account>
</div>
<a
href="/pages/liste-envie"
class="header-actions__action bc-wl-entete"
data-bc-wl-lien
aria-label="Liste d'envie"
data-libelle-vide="Liste d'envie"
data-libelle-un="Liste d'envie, 1 chapelet"
data-libelle-n="Liste d'envie, {n} chapelets"
>
<span class="hidden">
Liste d'envie
</span>
<span
class="svg-wrapper bc-wl-entete__icone"
aria-hidden="true"
>
<svg viewbox="0 0 24 24" fill="none" focusable="false">
<path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" stroke="currentColor" stroke-width="1.5" vector-effect="non-scaling-stroke" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="bc-wl-pastille" data-bc-wl-compteur hidden aria-hidden="true"></span>
</a>
<button
class="header-actions__action button-unstyled"
on:click="#cart-drawer/toggle"
aria-haspopup="dialog"
aria-expanded="false"
aria-controls="cart-drawer"
aria-label="Panier"
aria-describedby="cart-bubble-text"
data-testid="cart-drawer-trigger"
>
<cart-icon
class="header-actions__cart-icon"
data-testid="cart-icon"
>
<span class="hidden">
Panier
</span>
<span
class="svg-wrapper"
aria-hidden="true"
>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
</span>
<div
ref="cartBubble"
class="cart-bubble visually-hidden"
style="--cart-bubble-background-fallback: #223050; --cart-bubble-text-fallback: #FAF7F1;"
data-maintain-ratio
>
<span class="cart-bubble__background"></span>
<span
ref="cartBubbleText"
id="cart-bubble-text"
class="cart-bubble__text"
>
<span
class="cart-bubble__text-count hidden"
ref="cartBubbleCount"
aria-hidden="true"
data-testid="cart-bubble"
>0</span>
</span>
</div>
</cart-icon>
</button>
<span
ref="liveRegion"
class="visually-hidden"
role="status"
data-testid="cart-count-live-region"
></span>
</header-actions>
<script
type="module"
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/header-actions.js?v=157135685635924702181787727811"
fetchpriority="low"
></script>
</div>
</div>
</div>
<div
class="header__row header__row--bottom color- section section--full-width-margin section--full-width mobile:hidden color-custom-bottom-sections--27635358892361__header_section"
ref="headerRowTop">
<div class="header__columns spacing-style">
<div
class="header__column header__column--left"
data-testid="header-bottom-left"
>
<style data-shopify>
.color-custom-AODcrY3dJWTBNYnQ0S__header-menu,
.color-custom-AODcrY3dJWTBNYnQ0S__header-menu .text-block {
/* Background */
--color-background: #FAF7F1;
--color-background-rgb: 250 247 241;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #223050;
--color-rgb: 34 48 80;
--color-foreground: #223050;
--color-foreground-rgb: 34 48 80;
--color-foreground-muted: rgb(34 48 80 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(34 48 80 / var(--opacity-subdued-text));
--color-border: var(--palette-darkest);
--color-border-rgb: var(--palette-darkest-rgb);
}
.color-custom-AODcrY3dJWTBNYnQ0S__header-menu {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(34 48 80 / var(--opacity-10));
--input-disabled-border-color: rgb(34 48 80 / var(--opacity-5));
--input-disabled-text-color: rgb(34 48 80 / var(--opacity-50));
--checkbox-border: 1px solid rgb(34 48 80 / var(--opacity-35-55));
}
.color-custom-AODcrY3dJWTBNYnQ0S__header-menu {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<header-menu
ref="headerMenu"
class="header-menu"
data-hydration-key="header-menu"
>
<div class="header-menu__inner">
<nav
class="menu-list"
aria-label="Principale"
style="--menu-top-level-font-family: var(--font-body--family);--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:uppercase; --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: var(--menu-font-sm--line-height);--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);"
>
<overflow-list
ref="overflowMenu"
class="overflow-menu background-matches-parent"
minimum-items="2"
data-testid="header-menu-overflow-list"
data-skip-node-update
>
<template shadowrootmode="open">
<link href="//bijoux-chretiens.fr/cdn/shop/t/4/assets/overflow-list.css?v=116708977994312814361787727812" rel="stylesheet" type="text/css" media="all" />
<ul part="list">
<slot></slot>
<slot
name="more"
part="more"
hidden
>
<li
part="more"
>
<button
class="button"
type="button"
tabindex="0"
>
Plus
</button>
</li>
</slot>
<li
part="placeholder"
hidden
></li>
</ul>
<div part="overflow">
<ul part="overflow-list">
<slot name="overflow"></slot>
</ul>
</div>
</template>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections/bijoux-croix"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Bijoux Croix<svg class="menu-list__caret" aria-hidden="true" focusable="false" viewbox="0 0 10 6">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
fill="currentColor"
></path></svg></span>
</a><div class="menu-list__submenu background-matches-parent" ref="submenu[]">
<div
id="submenu-1"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:uppercase; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:uppercase; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued); "
>
<div class="mega-menu section section--full-width-margin section--full-width"><div class="mega-menu__identity">
<p class="mega-menu__identity-title">Bijoux Croix</p><a class="mega-menu__identity-link" href="/collections/bijoux-croix">Voir tous les bijoux croix</a>
</div>
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-1"
>
<ul
data-menu-list-id="MegaMenuList-1"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 12px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div><span class="mega-menu__link mega-menu__link--parent mega-menu__link--static">
<span class="wrap-text">Catégorie</span></span>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
><a
href="/collections/colliers-croix"
class="mega-menu__link mega-menu__link--with-icon"
><span class="mega-menu__link-icon mega-menu__link-icon--photo" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/collier-trois-croix-dore.png?v=1788118436&width=96" alt="" loading="lazy"></span><span class="wrap-text">Colliers croix</span>
</a>
</li>
<li
><a
href="/collections/pendentifs-croix"
class="mega-menu__link mega-menu__link--with-icon"
><span class="mega-menu__link-icon mega-menu__link-icon--photo" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/pendentif-croix-minimaliste-chretien-dore.png?v=1788119032&width=96" alt="" loading="lazy"></span><span class="wrap-text">Pendentifs croix</span>
</a>
</li>
<li
><a
href="/collections/bracelets-croix"
class="mega-menu__link mega-menu__link--with-icon"
><span class="mega-menu__link-icon mega-menu__link-icon--photo" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/bracelet-croix-fantaisie-dore.png?v=1788116046&width=96" alt="" loading="lazy"></span><span class="wrap-text">Bracelets croix</span>
</a>
</li>
<li
><a
href="/collections/bagues-croix"
class="mega-menu__link mega-menu__link--with-icon"
><span class="mega-menu__link-icon mega-menu__link-icon--photo" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/bague-croix-simple-doree.png?v=1788114961&width=96" alt="" loading="lazy"></span><span class="wrap-text">Bagues croix</span>
</a>
</li>
<li
><a
href="/collections/boucles-doreilles-croix"
class="mega-menu__link mega-menu__link--with-icon"
><span class="mega-menu__link-icon mega-menu__link-icon--photo" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/pendantes-croix-dore.png?v=1788118746&width=96" alt="" loading="lazy"></span><span class="wrap-text">Boucles d'oreilles croix</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div><span class="mega-menu__link mega-menu__link--parent mega-menu__link--static">
<span class="wrap-text">Guides</span></span>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
><a
href="/blogs/blog-chretien/taille-croix-pendentif"
class="mega-menu__link"
><span class="wrap-text">Quelle taille de croix choisir ?</span>
</a>
</li>
<li
><a
href="/blogs/blog-chretien/pourquoi-porter-croix-cou"
class="mega-menu__link"
><span class="wrap-text">Pourquoi porter une croix ?</span>
</a>
</li>
</ul>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-1"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-1"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div><aside class="mega-menu__promos"><a class="mega-menu__promo mega-menu__promo--produit" href="/products/collier-croix-chretienne" rel="nofollow noopener"><img class="mega-menu__promo-img" src="https://cdn.shopify.com/s/files/1/1024/9447/0473/files/collier-croix-chretienne-chretien-dore.png?width=560" alt="Collier croix chrétienne, doré, sur fond blanc" loading="lazy"><span class="mega-menu__promo-brande">Anastasie</span>
<span class="mega-menu__promo-nom">Collier croix chrétienne</span>
<span class="mega-menu__promo-prix">89,00 €</span>
</a><a class="mega-menu__promo" href="/pages/faq" rel="nofollow noopener"><img class="mega-menu__promo-img" src="https://cdn.shopify.com/s/files/1/1024/9447/0473/files/bc-hero-duo-nbp.png?width=560" alt="Livraison offerte dès 69 €" loading="lazy"><span class="mega-menu__promo-txt">Livraison offerte dès 69 €</span></a></aside></div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections/medailles-saints"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Médailles & Saints<svg class="menu-list__caret" aria-hidden="true" focusable="false" viewbox="0 0 10 6">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
fill="currentColor"
></path></svg></span>
</a><div class="menu-list__submenu background-matches-parent" ref="submenu[]">
<div
id="submenu-2"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:uppercase; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:uppercase; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued); "
>
<div class="mega-menu section section--full-width-margin section--full-width"><div class="mega-menu__identity">
<p class="mega-menu__identity-title">Médailles & Saints</p><a class="mega-menu__identity-link" href="/collections/medailles-saints">Voir toutes les médailles</a>
</div>
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-2"
>
<ul
data-menu-list-id="MegaMenuList-2"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 12px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div><span class="mega-menu__link mega-menu__link--parent mega-menu__link--static">
<span class="wrap-text">Par figure</span></span>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
><a
href="/collections/vierge-marie"
class="mega-menu__link mega-menu__link--with-icon"
><span class="mega-menu__link-icon mega-menu__link-icon--photo" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/collier-croix-catholique-dore.png?v=1788116862&width=96" alt="" loading="lazy"></span><span class="wrap-text">Vierge Marie</span>
</a>
</li>
<li
><a
href="/collections/saint-esprit"
class="mega-menu__link mega-menu__link--with-icon"
><span class="mega-menu__link-icon mega-menu__link-icon--photo" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/collier-saint-esprit-argente.png?v=1788118396&width=96" alt="" loading="lazy"></span><span class="wrap-text">Colombe de l'Esprit-Saint</span>
</a>
</li>
<li
><a
href="/collections/saint-benoit"
class="mega-menu__link mega-menu__link--with-icon"
><span class="mega-menu__link-icon mega-menu__link-icon--photo" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/medaille-saint-benoit-doree.png?v=1788118630&width=96" alt="" loading="lazy"></span><span class="wrap-text">Saint Benoît</span>
</a>
</li>
<li
><a
href="/collections/ange-gardien"
class="mega-menu__link mega-menu__link--with-icon"
><span class="mega-menu__link-icon mega-menu__link-icon--photo" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/medaille-ange-doree.png?v=1788118558&width=96" alt="" loading="lazy"></span><span class="wrap-text">Ange gardien</span>
</a>
</li>
<li
><a
href="/collections/poisson-chretien-ichtus"
class="mega-menu__link mega-menu__link--with-icon"
><span class="mega-menu__link-icon mega-menu__link-icon--photo" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/collier-poisson-chretien-argent-argente.png?v=1788118298&width=96" alt="" loading="lazy"></span><span class="wrap-text">Poisson chrétien (Ichtus)</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div><span class="mega-menu__link mega-menu__link--parent mega-menu__link--static">
<span class="wrap-text">Guides</span></span>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
><a
href="/blogs/blog-chretien/croix-crucifix-ou-medaille"
class="mega-menu__link"
><span class="wrap-text">Croix, crucifix ou médaille ?</span>
</a>
</li>
<li
><a
href="/blogs/blog-chretien/fete-saint-patron"
class="mega-menu__link"
><span class="wrap-text">La fête du saint patron</span>
</a>
</li>
<li
><a
href="/blogs/blog-chretien/calendrier-des-saints"
class="mega-menu__link"
><span class="wrap-text">Le calendrier des saints</span>
</a>
</li>
</ul>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-2"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-2"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div><aside class="mega-menu__promos"><a class="mega-menu__promo" href="/pages/faq" rel="nofollow noopener"><img class="mega-menu__promo-img" src="https://cdn.shopify.com/s/files/1/1024/9447/0473/files/bc-blog-differentes-formes-de-priere.jpg?width=560" alt="Le livret de prières, offert dès 49 € d'achat" loading="lazy"><span class="mega-menu__promo-txt">Le livret de prières, offert dès 49 € d'achat</span></a></aside></div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections/femme"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Pour elle<svg class="menu-list__caret" aria-hidden="true" focusable="false" viewbox="0 0 10 6">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
fill="currentColor"
></path></svg></span>
</a><div class="menu-list__submenu background-matches-parent" ref="submenu[]">
<div
id="submenu-3"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:uppercase; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:uppercase; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued); "
>
<div class="mega-menu section section--full-width-margin section--full-width"><div class="mega-menu__identity">
<p class="mega-menu__identity-title">Pour elle</p><a class="mega-menu__identity-link" href="/collections/femme">Voir tous les bijoux femme</a>
</div>
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-3"
>
<ul
data-menu-list-id="MegaMenuList-3"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 12px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div><span class="mega-menu__link mega-menu__link--parent mega-menu__link--static">
<span class="wrap-text">Catégorie</span></span>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
><a
href="/collections/bijoux-croix-femme"
class="mega-menu__link mega-menu__link--with-icon"
><span class="mega-menu__link-icon mega-menu__link-icon--photo" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/pendentif-croix-minimaliste-chretien-dore.png?v=1788119032&width=96" alt="" loading="lazy"></span><span class="wrap-text">Bijoux croix femme</span>
</a>
</li>
<li
><a
href="/collections/colliers-croix-femme"
class="mega-menu__link mega-menu__link--with-icon"
><span class="mega-menu__link-icon mega-menu__link-icon--photo" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/collier-trois-croix-dore.png?v=1788118436&width=96" alt="" loading="lazy"></span><span class="wrap-text">Colliers croix femme</span>
</a>
</li>
<li
><a
href="/collections/boucles-doreilles-croix-femme"
class="mega-menu__link mega-menu__link--with-icon"
><span class="mega-menu__link-icon mega-menu__link-icon--photo" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/pendantes-croix-dore.png?v=1788118746&width=96" alt="" loading="lazy"></span><span class="wrap-text">Boucles d'oreilles croix femme</span>
</a>
</li>
<li
><a
href="/collections/bagues-croix-femme"
class="mega-menu__link mega-menu__link--with-icon"
><span class="mega-menu__link-icon mega-menu__link-icon--photo" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/bague-croix-simple-doree.png?v=1788114961&width=96" alt="" loading="lazy"></span><span class="wrap-text">Bagues croix femme</span>
</a>
</li>
<li
><a
href="/collections/bracelets-femme"
class="mega-menu__link mega-menu__link--with-icon"
><span class="mega-menu__link-icon mega-menu__link-icon--photo" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/bracelet-croix-fantaisie-dore.png?v=1788116046&width=96" alt="" loading="lazy"></span><span class="wrap-text">Bracelets croix femme</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div><span class="mega-menu__link mega-menu__link--parent mega-menu__link--static">
<span class="wrap-text">Guides</span></span>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
><a
href="/blogs/blog-chretien/croix-crucifix-ou-medaille"
class="mega-menu__link"
><span class="wrap-text">Croix, crucifix ou médaille ?</span>
</a>
</li>
<li
><a
href="/blogs/blog-chretien/bijou-acier-ou-argent"
class="mega-menu__link"
><span class="wrap-text">Acier ou argent, que choisir ?</span>
</a>
</li>
</ul>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-3"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-3"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div><aside class="mega-menu__promos"><a class="mega-menu__promo mega-menu__promo--produit" href="/products/collier-saint-esprit" rel="nofollow noopener"><img class="mega-menu__promo-img" src="https://cdn.shopify.com/s/files/1/1024/9447/0473/files/collier-saint-esprit-chretien-dore.png?width=560" alt="Collier Saint Esprit, argenté, sur fond blanc" loading="lazy"><span class="mega-menu__promo-brande">Charité</span>
<span class="mega-menu__promo-nom">Collier Saint Esprit</span>
<span class="mega-menu__promo-prix">74,00 €</span>
</a><a class="mega-menu__promo" href="/blogs/blog-chretien/croix-crucifix-ou-medaille" rel="nofollow noopener"><img class="mega-menu__promo-img" src="https://cdn.shopify.com/s/files/1/1024/9447/0473/files/bc-hero-radieuse.png?width=560" alt="Croix, crucifix ou médaille ?" loading="lazy"><span class="mega-menu__promo-txt">Croix, crucifix ou médaille ?</span></a></aside></div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections/homme"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Pour lui<svg class="menu-list__caret" aria-hidden="true" focusable="false" viewbox="0 0 10 6">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
fill="currentColor"
></path></svg></span>
</a><div class="menu-list__submenu background-matches-parent" ref="submenu[]">
<div
id="submenu-4"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:uppercase; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:uppercase; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued); "
>
<div class="mega-menu section section--full-width-margin section--full-width"><div class="mega-menu__identity">
<p class="mega-menu__identity-title">Pour lui</p><a class="mega-menu__identity-link" href="/collections/homme">Voir tous les bijoux homme</a>
</div>
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-4"
>
<ul
data-menu-list-id="MegaMenuList-4"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 12px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div><span class="mega-menu__link mega-menu__link--parent mega-menu__link--static">
<span class="wrap-text">Catégorie</span></span>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
><a
href="/collections/colliers-croix-homme"
class="mega-menu__link mega-menu__link--with-icon"
><span class="mega-menu__link-icon mega-menu__link-icon--photo" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/medaillon-croix-homme-argente.jpg?v=1788118723&width=96" alt="" loading="lazy"></span><span class="wrap-text">Colliers croix homme</span>
</a>
</li>
<li
><a
href="/collections/bracelets-homme"
class="mega-menu__link mega-menu__link--with-icon"
><span class="mega-menu__link-icon mega-menu__link-icon--photo" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/bracelet-croix-cuir-dore.png?v=1788115963&width=96" alt="" loading="lazy"></span><span class="wrap-text">Bracelets croix homme</span>
</a>
</li>
<li
><a
href="/collections/chevalieres"
class="mega-menu__link mega-menu__link--with-icon"
><span class="mega-menu__link-icon mega-menu__link-icon--photo" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/chevaliere-croix-doree.png?v=1788116431&width=96" alt="" loading="lazy"></span><span class="wrap-text">Chevalières</span>
</a>
</li>
<li
><a
href="/collections/bagues-homme"
class="mega-menu__link mega-menu__link--with-icon"
><span class="mega-menu__link-icon mega-menu__link-icon--photo" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/bague-saint-benoit-doree.jpg?v=1788115041&width=96" alt="" loading="lazy"></span><span class="wrap-text">Bagues homme</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div><span class="mega-menu__link mega-menu__link--parent mega-menu__link--static">
<span class="wrap-text">Guides</span></span>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
><a
href="/blogs/blog-chretien/taille-croix-pendentif"
class="mega-menu__link"
><span class="wrap-text">Quelle taille de croix choisir ?</span>
</a>
</li>
<li
><a
href="/blogs/blog-chretien/bijou-acier-ou-argent"
class="mega-menu__link"
><span class="wrap-text">Acier ou argent, que choisir ?</span>
</a>
</li>
</ul>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-4"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-4"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div><aside class="mega-menu__promos"><a class="mega-menu__promo mega-menu__promo--produit" href="/products/bracelet-croix-cuir" rel="nofollow noopener"><img class="mega-menu__promo-img" src="https://cdn.shopify.com/s/files/1/1024/9447/0473/files/bracelet-croix-cuir-chretien-dore.png?width=560" alt="Bracelet croix cuir, noir, sur fond blanc" loading="lazy"><span class="mega-menu__promo-brande">Crépin</span>
<span class="mega-menu__promo-nom">Bracelet croix cuir</span>
<span class="mega-menu__promo-prix">39,00 €</span>
</a></aside></div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections/cadeau-chretien"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Idées cadeaux<svg class="menu-list__caret" aria-hidden="true" focusable="false" viewbox="0 0 10 6">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
fill="currentColor"
></path></svg></span>
</a><div class="menu-list__submenu background-matches-parent" ref="submenu[]">
<div
id="submenu-5"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:uppercase; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:uppercase; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued); "
>
<div class="mega-menu section section--full-width-margin section--full-width"><div class="mega-menu__identity">
<p class="mega-menu__identity-title">Idées cadeaux</p><a class="mega-menu__identity-link" href="/collections/cadeau-chretien">Voir toutes les idées cadeaux</a>
</div>
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-5"
>
<ul
data-menu-list-id="MegaMenuList-5"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 12px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div><span class="mega-menu__link mega-menu__link--parent mega-menu__link--static">
<span class="wrap-text">Par occasion</span></span>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
><a
href="/collections/bapteme"
class="mega-menu__link mega-menu__link--with-icon"
><span class="mega-menu__link-icon mega-menu__link-icon--photo" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/collier-croix-enfant-dore.png?v=1788117221&width=96" alt="" loading="lazy"></span><span class="wrap-text">Baptême</span>
</a>
</li>
<li
><a
href="/collections/communion"
class="mega-menu__link mega-menu__link--with-icon"
><span class="mega-menu__link-icon mega-menu__link-icon--photo" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/collier-croix-enfant-dore.png?v=1788117221&width=96" alt="" loading="lazy"></span><span class="wrap-text">Communion</span>
</a>
</li>
<li
><a
href="/collections/confirmation"
class="mega-menu__link mega-menu__link--with-icon"
><span class="mega-menu__link-icon mega-menu__link-icon--photo" aria-hidden="true"><img src="//bijoux-chretiens.fr/cdn/shop/files/pendentif-croix-romane-dore.png?v=1788119188&width=96" alt="" loading="lazy"></span><span class="wrap-text">Confirmation</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div><span class="mega-menu__link mega-menu__link--parent mega-menu__link--static">
<span class="wrap-text">Par budget</span></span>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
><a
href="/collections/cadeau-moins-de-30-euros"
class="mega-menu__link"
><span class="wrap-text">Moins de 30 €</span>
</a>
</li>
<li
><a
href="/collections/cadeau-moins-de-50-euros"
class="mega-menu__link"
><span class="wrap-text">Moins de 50 €</span>
</a>
</li>
<li
><a
href="/collections/cadeau-moins-de-100-euros"
class="mega-menu__link"
><span class="wrap-text">Moins de 100 €</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div><span class="mega-menu__link mega-menu__link--parent mega-menu__link--static">
<span class="wrap-text">Pour qui</span></span>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
><a
href="/collections/cadeau-femme"
class="mega-menu__link"
><span class="wrap-text">Cadeau femme</span>
</a>
</li>
<li
><a
href="/collections/cadeau-homme"
class="mega-menu__link"
><span class="wrap-text">Cadeau homme</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div><span class="mega-menu__link mega-menu__link--parent mega-menu__link--static">
<span class="wrap-text">Guides</span></span>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
><a
href="/pages/cadeaux-chretiens"
class="mega-menu__link"
><span class="wrap-text">Bien choisir un cadeau</span>
</a>
</li>
<li
><a
href="/blogs/blog-chretien/cadeau-premiere-communion"
class="mega-menu__link"
><span class="wrap-text">Cadeau de première communion</span>
</a>
</li>
<li
><a
href="/blogs/blog-chretien/cadeau-bapteme-fille"
class="mega-menu__link"
><span class="wrap-text">Cadeau de baptême pour une fille</span>
</a>
</li>
<li
><a
href="/blogs/blog-chretien/cadeau-bapteme-garcon"
class="mega-menu__link"
><span class="wrap-text">Cadeau de baptême pour un garçon</span>
</a>
</li>
</ul>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-5"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-5"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div></div>
</div>
</div></li>
<li
class="menu-list__list-item"
role="presentation"
slot="more"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<button
role="listitem"
class="menu-list__link button-unstyled"
aria-haspopup="true"
aria-expanded="false"
ref="menuitem"
>
<span class="menu-list__link-title">Plus</span>
</button>
</li>
</overflow-list>
</nav>
</div>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/header-menu.js?v=177388175794493903551787727811"
type="module"
fetchpriority="low"
></script>
</header-menu>
<style data-shopify>
.header__underlay {
--color-submenu: rgb(250 247 241);
}
</style>
<nav class="bc-menu-sec bc-menu-sec--desktop" aria-label="Liens secondaires"><a class="bc-menu-sec__lien" href="/pages/a-propos">La marque</a><a class="bc-menu-sec__lien" href="/pages/guide-dentretien">Guide d'entretien</a><a class="bc-menu-sec__lien" href="/blogs/blog-chretien">Blog</a></nav>
</div>
</div>
</div>
<div class="header__row header__navigation-bar-row">
<style data-shopify>
.header__underlay {
--color-submenu: rgb(250 247 241);
}
</style>
</div>
</header-component>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/header.js?v=80400095950630575681787727811"
type="module"
></script>
<script type="module">
import { hydrate } from '@theme/section-hydration';
const url = new URL(window.location.href);
url.searchParams.delete('page');
hydrate('sections--27635358892361__header_section', url);
</script>
</header>
<!-- END sections: header-group -->
</div>
<script>
// Inline header height and menu style calculations to prevent layout shift
// Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
(function setHeaderHeighCustomProperties() {
/*
* Header calculation functions for maintaining CSS variables
* Mimic calculateHeaderGroupHeight() in utilities.js
*/
const header = document.querySelector('header-component');
const headerGroup = document.querySelector('#header-group');
const hasHeaderSection = headerGroup?.querySelector('.header-section');
if (!header || !headerGroup) return;
const headerTopRow = header.querySelector('.header__row--top');
const headerHeight = header.offsetHeight;
// Calculate the total height of the header group
let headerGroupHeight = 0;
const children = headerGroup.children;
for (let i = 0; i < children.length; i++) {
const element = children[i];
if (element === header || !(element instanceof HTMLElement)) continue;
headerGroupHeight += element.offsetHeight;
}
// Check for transparent header special case
if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
headerGroupHeight += headerHeight;
}
// Set CSS variables
document.body.style.setProperty('--header-height', `${headerHeight}px`);
document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
// Aussi sur <html> : le scroll-padding-top des ancres (scroller document
// en mobile) ne peut pas lire une variable posée sur body.
document.documentElement.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
if (headerTopRow) {
window.requestAnimationFrame(function () {
document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
});
}
/**
* Updates CSS custom properties for transparent header offset calculation
* Mimic updateTransparentHeaderOffset() in utilities.js
*/
if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
document.body.style.setProperty('--transparent-header-offset-boolean', '0');
return;
}
const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
})();
(function setHeaderMenuStyle() {
const headerComponent = document.querySelector('#header-component');
if (headerComponent) {
const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
const overflowList = headerComponent?.querySelector('overflow-list');
const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
}
})();
</script>
<main
id="MainContent"
class="content-for-layout"
role="main"
data-page-transition-enabled="false"
data-product-transition="false"
data-template="index"
>
<section id="shopify-section-template--27635360137545__hero" class="shopify-section"><section class="bc-banner bc-banner--split">
<div class="bc-x bc-banner__grid">
<div class="bc-banner__in"><p class="bc-label bc-label--rule">Bijoux Chrétiens</p><h1 class="bc-banner__h">Portez votre foi, chaque jour, avec élégance</h1><div class="bc-banner__sub"><p>Bijoux religieux en acier inoxydable et argent S925 pour s'offrir ou pour offrir. </p></div><div class="bc-banner__links"><a class="bc-btn bc-btn--primary" href="/collections/bijoux-croix">Découvrir nos bijoux croix</a><a class="bc-banner__link2" href="/collections/medailles-saints">Nos médailles et saints<span aria-hidden="true"> →</span></a></div></div>
<div class="bc-banner__media"><img src="//bijoux-chretiens.fr/cdn/shop/files/bc-hero-duo-nbp.png?v=1787776764&width=2048" alt="Portez votre foi, chaque jour, avec élégance" srcset="//bijoux-chretiens.fr/cdn/shop/files/bc-hero-duo-nbp.png?v=1787776764&width=800 800w, //bijoux-chretiens.fr/cdn/shop/files/bc-hero-duo-nbp.png?v=1787776764&width=1024 1024w, //bijoux-chretiens.fr/cdn/shop/files/bc-hero-duo-nbp.png?v=1787776764&width=1416 1416w, //bijoux-chretiens.fr/cdn/shop/files/bc-hero-duo-nbp.png?v=1787776764&width=2048 2048w" width="2048" height="1529" loading="eager" class="bc-banner__img" fetchpriority="high" sizes="(max-width: 900px) 92vw, 62vw">
</div>
</div>
</section>
</section><section id="shopify-section-template--27635360137545__benefices" class="shopify-section section-ticker-wrapper"><section
class="sec-ticker sec-ticker--template--27635360137545__benefices sec-ticker--variant-custom"
style=" --sec-ticker-bg: #1b2a4a; --sec-ticker-fg: #ede7da; --sec-ticker-speed: 45s;"
><div class="sec-ticker__viewport">
<div class="sec-ticker__track">
<div class="sec-ticker__group"><span class="sec-ticker__item" >Livraison offerte dès 69 €</span>
<span class="sec-ticker__sep" aria-hidden="true">✦</span><span class="sec-ticker__item" >Écrin offert, livret de prières par e-mail</span>
<span class="sec-ticker__sep" aria-hidden="true">✦</span><span class="sec-ticker__item" >Retour gratuit en cas de défaut</span>
<span class="sec-ticker__sep" aria-hidden="true">✦</span><span class="sec-ticker__item" >Garantie 2 ans</span>
<span class="sec-ticker__sep" aria-hidden="true">✦</span><span class="sec-ticker__item" >Paiement sécurisé</span>
<span class="sec-ticker__sep" aria-hidden="true">✦</span><span class="sec-ticker__item" >Acier inoxydable ou argent 925, écrit sur chaque fiche</span>
<span class="sec-ticker__sep" aria-hidden="true">✦</span></div>
<div class="sec-ticker__group" aria-hidden="true"><span class="sec-ticker__item" >Livraison offerte dès 69 €</span>
<span class="sec-ticker__sep" aria-hidden="true">✦</span><span class="sec-ticker__item" >Écrin offert, livret de prières par e-mail</span>
<span class="sec-ticker__sep" aria-hidden="true">✦</span><span class="sec-ticker__item" >Retour gratuit en cas de défaut</span>
<span class="sec-ticker__sep" aria-hidden="true">✦</span><span class="sec-ticker__item" >Garantie 2 ans</span>
<span class="sec-ticker__sep" aria-hidden="true">✦</span><span class="sec-ticker__item" >Paiement sécurisé</span>
<span class="sec-ticker__sep" aria-hidden="true">✦</span><span class="sec-ticker__item" >Acier inoxydable ou argent 925, écrit sur chaque fiche</span>
<span class="sec-ticker__sep" aria-hidden="true">✦</span></div>
<div class="sec-ticker__group" aria-hidden="true"><span class="sec-ticker__item" >Livraison offerte dès 69 €</span>
<span class="sec-ticker__sep" aria-hidden="true">✦</span><span class="sec-ticker__item" >Écrin offert, livret de prières par e-mail</span>
<span class="sec-ticker__sep" aria-hidden="true">✦</span><span class="sec-ticker__item" >Retour gratuit en cas de défaut</span>
<span class="sec-ticker__sep" aria-hidden="true">✦</span><span class="sec-ticker__item" >Garantie 2 ans</span>
<span class="sec-ticker__sep" aria-hidden="true">✦</span><span class="sec-ticker__item" >Paiement sécurisé</span>
<span class="sec-ticker__sep" aria-hidden="true">✦</span><span class="sec-ticker__item" >Acier inoxydable ou argent 925, écrit sur chaque fiche</span>
<span class="sec-ticker__sep" aria-hidden="true">✦</span></div>
</div>
</div></section>
</section><section id="shopify-section-template--27635360137545__ld-produits" class="shopify-section"><section
class="ld-prod"
style="padding-block: 56px 56px; padding-inline: var(--full-page-margin, 1rem);"
>
<div class="ld-prod__in">
<div class="ld-prod__head">
<div><p class="ld-prod__eyebrow">Les plus offerts</p><h2 class="ld-prod__h">Nos bijoux chrétiens les plus choisis</h2></div>
<div class="ld-prod__right"><a class="ld-prod__all" href="/collections/all">
Voir tous les bijoux
<svg viewbox="0 0 16 16" width="12" height="12" fill="none" aria-hidden="true">
<path d="M2 8h11M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a><div class="ld-prod__nav" data-ld-rail-nav hidden>
<button class="ld-prod__arrow" type="button" data-ld-rail-prev aria-controls="ld-piste-template--27635360137545__ld-produits" aria-label="Produits précédents">
<svg viewbox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M15 5l-7 7 7 7"/></svg>
</button>
<button class="ld-prod__arrow" type="button" data-ld-rail-next aria-controls="ld-piste-template--27635360137545__ld-produits" aria-label="Produits suivants">
<svg viewbox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M9 5l7 7-7 7"/></svg>
</button>
</div></div>
</div>
<ul class="ld-prod__grid ld-prod__grid--piste" id="ld-piste-template--27635360137545__ld-produits"><li class="ld-card">
<a class="ld-card__link" href="/products/collier-croix-chretienne">
<span class="ld-card__media"><img
class="ld-card__img"
src="//bijoux-chretiens.fr/cdn/shop/files/collier-croix-chretienne-dore.png?v=1788116887&width=800"
srcset="//bijoux-chretiens.fr/cdn/shop/files/collier-croix-chretienne-dore.png?v=1788116887&width=400 400w, //bijoux-chretiens.fr/cdn/shop/files/collier-croix-chretienne-dore.png?v=1788116887&width=800 800w"
sizes="(min-width: 990px) 24vw, (min-width: 750px) 45vw, 90vw"></span><span class="ld-card__t"><span class="ld-card__cat">Collier croix chrétienne</span>
<span class="ld-card__nom">Anastasie</span></span>
<span class="ld-card__p">89,00 €</span>
</a>
</li>
<li class="ld-card">
<a class="ld-card__link" href="/products/collier-saint-esprit">
<span class="ld-card__media"><img
class="ld-card__img"
src="//bijoux-chretiens.fr/cdn/shop/files/collier-saint-esprit-argente.png?v=1788118396&width=800"
srcset="//bijoux-chretiens.fr/cdn/shop/files/collier-saint-esprit-argente.png?v=1788118396&width=400 400w, //bijoux-chretiens.fr/cdn/shop/files/collier-saint-esprit-argente.png?v=1788118396&width=800 800w"
sizes="(min-width: 990px) 24vw, (min-width: 750px) 45vw, 90vw"></span><span class="ld-card__t"><span class="ld-card__cat">Collier Saint Esprit</span>
<span class="ld-card__nom">Charité</span></span>
<span class="ld-card__p">74,00 €</span>
</a>
</li>
<li class="ld-card">
<a class="ld-card__link" href="/products/bracelet-croix-de-jesus">
<span class="ld-card__media"><img
class="ld-card__img"
src="//bijoux-chretiens.fr/cdn/shop/files/bracelet-croix-de-jesus-dore.png?v=1788115994&width=800"
srcset="//bijoux-chretiens.fr/cdn/shop/files/bracelet-croix-de-jesus-dore.png?v=1788115994&width=400 400w, //bijoux-chretiens.fr/cdn/shop/files/bracelet-croix-de-jesus-dore.png?v=1788115994&width=800 800w"
sizes="(min-width: 990px) 24vw, (min-width: 750px) 45vw, 90vw"></span><span class="ld-card__t"><span class="ld-card__cat">Bracelet croix de Jésus</span>
<span class="ld-card__nom">Monique</span></span>
<span class="ld-card__p">64,00 €</span>
</a>
</li>
<li class="ld-card">
<a class="ld-card__link" href="/products/collier-croix-catholique">
<span class="ld-card__media"><img
class="ld-card__img"
src="//bijoux-chretiens.fr/cdn/shop/files/collier-croix-catholique-dore.png?v=1788116862&width=800"
srcset="//bijoux-chretiens.fr/cdn/shop/files/collier-croix-catholique-dore.png?v=1788116862&width=400 400w, //bijoux-chretiens.fr/cdn/shop/files/collier-croix-catholique-dore.png?v=1788116862&width=800 800w"
sizes="(min-width: 990px) 24vw, (min-width: 750px) 45vw, 90vw"></span><span class="ld-card__t"><span class="ld-card__cat">Collier croix catholique</span>
<span class="ld-card__nom">Julienne</span></span>
<span class="ld-card__p">119,00 €</span>
</a>
</li>
<li class="ld-card">
<a class="ld-card__link" href="/products/bracelet-croix-cuir">
<span class="ld-card__media"><img
class="ld-card__img"
src="//bijoux-chretiens.fr/cdn/shop/files/bracelet-croix-cuir-dore.png?v=1788115963&width=800"
srcset="//bijoux-chretiens.fr/cdn/shop/files/bracelet-croix-cuir-dore.png?v=1788115963&width=400 400w, //bijoux-chretiens.fr/cdn/shop/files/bracelet-croix-cuir-dore.png?v=1788115963&width=800 800w"
sizes="(min-width: 990px) 24vw, (min-width: 750px) 45vw, 90vw"></span><span class="ld-card__t"><span class="ld-card__cat">Bracelet croix cuir</span>
<span class="ld-card__nom">Crépin</span></span>
<span class="ld-card__p">39,00 €</span>
</a>
</li>
<li class="ld-card">
<a class="ld-card__link" href="/products/collier-croix-enfant">
<span class="ld-card__media"><img
class="ld-card__img"
src="//bijoux-chretiens.fr/cdn/shop/files/collier-croix-enfant-dore.png?v=1788117221&width=800"
srcset="//bijoux-chretiens.fr/cdn/shop/files/collier-croix-enfant-dore.png?v=1788117221&width=400 400w, //bijoux-chretiens.fr/cdn/shop/files/collier-croix-enfant-dore.png?v=1788117221&width=800 800w"
sizes="(min-width: 990px) 24vw, (min-width: 750px) 45vw, 90vw"></span><span class="ld-card__t"><span class="ld-card__cat">Collier croix enfant</span>
<span class="ld-card__nom">Pancrace</span></span>
<span class="ld-card__p">29,00 €</span>
</a>
</li>
<li class="ld-card">
<a class="ld-card__link" href="/products/bague-saint-michel">
<span class="ld-card__media"><img
class="ld-card__img"
src="//bijoux-chretiens.fr/cdn/shop/files/bague-saint-michel-doree.jpg?v=1788115057&width=800"
srcset="//bijoux-chretiens.fr/cdn/shop/files/bague-saint-michel-doree.jpg?v=1788115057&width=400 400w, //bijoux-chretiens.fr/cdn/shop/files/bague-saint-michel-doree.jpg?v=1788115057&width=800 800w"
sizes="(min-width: 990px) 24vw, (min-width: 750px) 45vw, 90vw"></span><span class="ld-card__t"><span class="ld-card__cat">Bague Saint Michel</span>
<span class="ld-card__nom">Georges</span></span>
<span class="ld-card__p">39,00 €</span>
</a>
</li>
<li class="ld-card">
<a class="ld-card__link" href="/products/medaille-de-saint-benoit">
<span class="ld-card__media"><img
class="ld-card__img"
src="//bijoux-chretiens.fr/cdn/shop/files/medaille-saint-benoit-doree.png?v=1788118630&width=800"
srcset="//bijoux-chretiens.fr/cdn/shop/files/medaille-saint-benoit-doree.png?v=1788118630&width=400 400w, //bijoux-chretiens.fr/cdn/shop/files/medaille-saint-benoit-doree.png?v=1788118630&width=800 800w"
sizes="(min-width: 990px) 24vw, (min-width: 750px) 45vw, 90vw"></span><span class="ld-card__t"><span class="ld-card__cat">Médaille Saint Benoît</span>
<span class="ld-card__nom">Odilon</span></span>
<span class="ld-card__p">29,00 €</span>
</a>
</li>
</ul><div class="ld-prod__jauge" data-ld-jauge aria-hidden="true"><span></span></div></div>
</section><script>
// Copie de la mécanique du rail des avis (sec-ld-avis), classes adaptées.
// ⚠️ Ni `scroll-behavior: smooth` en CSS, ni behavior 'smooth' en JS sur la
// piste : combinés à `scroll-snap-type: mandatory`, les deux annulent le
// défilement programmatique (mesuré les 25 et 26/08 : scrollLeft reste à 0).
(function () {
var rail = document.getElementById('ld-piste-template--27635360137545__ld-produits');
if (!rail) return;
var sec = rail.closest('.ld-prod');
var nav = sec && sec.querySelector('[data-ld-rail-nav]');
var prev = sec && sec.querySelector('[data-ld-rail-prev]');
var next = sec && sec.querySelector('[data-ld-rail-next]');
if (!nav || !prev || !next) return;
function step() {
var card = rail.querySelector('.ld-card');
if (!card) return rail.clientWidth;
var gap = parseFloat(getComputedStyle(rail).columnGap) || 0;
return card.getBoundingClientRect().width + gap;
}
var jauge = sec && sec.querySelector('[data-ld-jauge] span');
function avancerJauge() {
if (!jauge) return;
var course = rail.scrollWidth - rail.clientWidth;
// La jauge montre la PART VISIBLE et sa position (voir sec-ld-avis pour la
// démonstration de l'ordre des transformations : la translation se résout
// dans le repère du parent, elle ne se divise pas par l'échelle).
var part = Math.min(1, rail.clientWidth / rail.scrollWidth);
var avance = course > 0 ? rail.scrollLeft / course : 0;
jauge.style.transform = 'translateX(' + (avance * (1 - part) * 100) + '%) scaleX(' + part + ')';
}
function sync() {
var scrollable = rail.scrollWidth - rail.clientWidth > 4;
nav.hidden = !scrollable;
avancerJauge();
if (!scrollable) return;
var max = rail.scrollWidth - rail.clientWidth - 2;
prev.disabled = rail.scrollLeft <= 2;
next.disabled = rail.scrollLeft >= max;
}
// 🔴 behavior: 'auto' OBLIGATOIRE ici : mesuré le 26/08 sur cette piste,
// 'smooth' + scroll-snap mandatory = scrollLeft ramené à 0 par Chrome
// (même incident que le rail bestsellers du 25/08). L'accroche du snap
// adoucit déjà le saut.
// Le sync est rappelé DIRECTEMENT après le clic (et non seulement sur
// l'événement scroll) : un scroll programmatique ne déclenche l'événement
// qu'au prochain frame rendu, et une fenêtre à l'arrière-plan peut ne
// jamais le produire. L'état des flèches ne doit pas en dépendre.
function aller(sens) {
rail.scrollBy({ left: sens * step(), behavior: 'auto' });
setTimeout(sync, 120);
}
prev.addEventListener('click', function () { aller(-1); });
next.addEventListener('click', function () { aller(1); });
rail.addEventListener('scroll', sync, { passive: true });
rail.addEventListener('scrollend', sync);
window.addEventListener('resize', sync);
sync();
})();
</script>
</section><section id="shopify-section-template--27635360137545__saint_du_jour" class="shopify-section"><section class="bc-saint" id="bc-saint-template--27635360137545__saint_du_jour">
<div class="bc-saint__inner">
<div class="bc-saint__texte"><p class="bc-saint__eyebrow">Prochaine grande fête</p>
<h2 class="bc-saint__nom">Saint Matthieu</h2>
<p class="bc-saint__ligne">Au calendrier de l’Église, le 21 septembre.</p><a class="bc-saint__lien" href="/collections/medailles-saints">Découvrir nos bijoux de saints</a></div></div>
</section>
</section><section id="shopify-section-template--27635360137545__collections" class="shopify-section"><section
class="bc-section bc-tiles"
style="--bc-card-ratio: 1 / 1; --bc-cols-n: 4;"
>
<div class="bc-x">
<div class="bc-heading"><p class="bc-label bc-label--rule">Explorer</p><h2 class="bc-h bc-h--lg">Les familles de bijoux chrétiens</h2><div class="bc-lede"><p>Chaque famille, choisie pour la matière et pour le sens.</p></div></div>
<div class="bc-cols"><a
class="bc-card bc-card--img"
href="/collections/colliers-croix"
><div class="bc-card__img">
<img src="//bijoux-chretiens.fr/cdn/shop/collections/Viaorfonddur.png?v=1785505315&width=800" alt="Collier croix dorée sur pierre de travertin" srcset="//bijoux-chretiens.fr/cdn/shop/collections/Viaorfonddur.png?v=1785505315&width=300 300w, //bijoux-chretiens.fr/cdn/shop/collections/Viaorfonddur.png?v=1785505315&width=450 450w, //bijoux-chretiens.fr/cdn/shop/collections/Viaorfonddur.png?v=1785505315&width=600 600w, //bijoux-chretiens.fr/cdn/shop/collections/Viaorfonddur.png?v=1785505315&width=800 800w" width="800" height="800" loading="lazy" sizes="(max-width: 900px) 45vw, 24vw">
</div><div class="bc-card__body">
<h3 class="bc-card__name">Colliers croix</h3><div class="bc-card__desc">Le bijou de foi porté chaque jour.</div><span class="bc-card__cta">Découvrir</span>
</div>
</a><a
class="bc-card bc-card--img"
href="/collections/bracelets-croix"
><div class="bc-card__img">
<img src="//bijoux-chretiens.fr/cdn/shop/collections/Bracelet_croix_acier_inoxydable_or.png?v=1785505322&width=800" alt="Bracelet croix doré sur satin" srcset="//bijoux-chretiens.fr/cdn/shop/collections/Bracelet_croix_acier_inoxydable_or.png?v=1785505322&width=300 300w, //bijoux-chretiens.fr/cdn/shop/collections/Bracelet_croix_acier_inoxydable_or.png?v=1785505322&width=450 450w, //bijoux-chretiens.fr/cdn/shop/collections/Bracelet_croix_acier_inoxydable_or.png?v=1785505322&width=600 600w, //bijoux-chretiens.fr/cdn/shop/collections/Bracelet_croix_acier_inoxydable_or.png?v=1785505322&width=800 800w" width="800" height="800" loading="lazy" sizes="(max-width: 900px) 45vw, 24vw">
</div><div class="bc-card__body">
<h3 class="bc-card__name">Bracelets croix</h3><div class="bc-card__desc">Au poignet, pour elle et pour lui.</div><span class="bc-card__cta">Découvrir</span>
</div>
</a><a
class="bc-card bc-card--img"
href="/collections/bagues-croix"
><div class="bc-card__img">
<img src="//bijoux-chretiens.fr/cdn/shop/collections/Bague_croix_simple_acier.png?v=1785505327&width=800" alt="Bague croix or sur travertin" srcset="//bijoux-chretiens.fr/cdn/shop/collections/Bague_croix_simple_acier.png?v=1785505327&width=300 300w, //bijoux-chretiens.fr/cdn/shop/collections/Bague_croix_simple_acier.png?v=1785505327&width=450 450w, //bijoux-chretiens.fr/cdn/shop/collections/Bague_croix_simple_acier.png?v=1785505327&width=600 600w, //bijoux-chretiens.fr/cdn/shop/collections/Bague_croix_simple_acier.png?v=1785505327&width=800 800w" width="800" height="800" loading="lazy" sizes="(max-width: 900px) 45vw, 24vw">
</div><div class="bc-card__body">
<h3 class="bc-card__name">Bagues croix</h3><div class="bc-card__desc">L'anneau discret du quotidien.</div><span class="bc-card__cta">Découvrir</span>
</div>
</a><a
class="bc-card bc-card--img"
href="/collections/boucles-doreilles-croix"
><div class="bc-card__img">
<img src="//bijoux-chretiens.fr/cdn/shop/collections/Boucles_d_oreilles_croix_pour_femme.png?v=1785505329&width=800" alt="Boucles d'oreilles croix or sur pierre" srcset="//bijoux-chretiens.fr/cdn/shop/collections/Boucles_d_oreilles_croix_pour_femme.png?v=1785505329&width=300 300w, //bijoux-chretiens.fr/cdn/shop/collections/Boucles_d_oreilles_croix_pour_femme.png?v=1785505329&width=450 450w, //bijoux-chretiens.fr/cdn/shop/collections/Boucles_d_oreilles_croix_pour_femme.png?v=1785505329&width=600 600w, //bijoux-chretiens.fr/cdn/shop/collections/Boucles_d_oreilles_croix_pour_femme.png?v=1785505329&width=800 800w" width="800" height="800" loading="lazy" sizes="(max-width: 900px) 45vw, 24vw">
</div><div class="bc-card__body">
<h3 class="bc-card__name">Boucles d'oreilles croix</h3><div class="bc-card__desc">La croix, en plus léger.</div><span class="bc-card__cta">Découvrir</span>
</div>
</a><a
class="bc-card bc-card--img"
href="/collections/pendentifs-croix"
><div class="bc-card__img">
<img src="//bijoux-chretiens.fr/cdn/shop/collections/Aeternusfonddur.png?v=1785505319&width=800" alt="Pendentif croix or sur pierre calcaire" srcset="//bijoux-chretiens.fr/cdn/shop/collections/Aeternusfonddur.png?v=1785505319&width=300 300w, //bijoux-chretiens.fr/cdn/shop/collections/Aeternusfonddur.png?v=1785505319&width=450 450w, //bijoux-chretiens.fr/cdn/shop/collections/Aeternusfonddur.png?v=1785505319&width=600 600w, //bijoux-chretiens.fr/cdn/shop/collections/Aeternusfonddur.png?v=1785505319&width=800 800w" width="800" height="800" loading="lazy" sizes="(max-width: 900px) 45vw, 24vw">
</div><div class="bc-card__body">
<h3 class="bc-card__name">Pendentifs croix</h3><div class="bc-card__desc">La croix seule, à monter sur sa chaîne.</div><span class="bc-card__cta">Découvrir</span>
</div>
</a><a
class="bc-card bc-card--img"
href="/collections/medailles-saints"
><div class="bc-card__img">
<img src="//bijoux-chretiens.fr/cdn/shop/collections/Reginafonddur.png?v=1785505337&width=800" alt="Médaille miraculeuse Vierge Marie" srcset="//bijoux-chretiens.fr/cdn/shop/collections/Reginafonddur.png?v=1785505337&width=300 300w, //bijoux-chretiens.fr/cdn/shop/collections/Reginafonddur.png?v=1785505337&width=450 450w, //bijoux-chretiens.fr/cdn/shop/collections/Reginafonddur.png?v=1785505337&width=600 600w, //bijoux-chretiens.fr/cdn/shop/collections/Reginafonddur.png?v=1785505337&width=800 800w" width="800" height="800" loading="lazy" sizes="(max-width: 900px) 45vw, 24vw">
</div><div class="bc-card__body">
<h3 class="bc-card__name">Médailles & saints</h3><div class="bc-card__desc">Vierge et saints, fidèles à leur modèle.</div><span class="bc-card__cta">Découvrir</span>
</div>
</a><a
class="bc-card bc-card--img"
href="/collections/chevalieres"
><div class="bc-card__img">
<img src="//bijoux-chretiens.fr/cdn/shop/collections/SIgnumfonddur.png?v=1785505349&width=800" alt="Chevalière croix or sur lin écru" srcset="//bijoux-chretiens.fr/cdn/shop/collections/SIgnumfonddur.png?v=1785505349&width=300 300w, //bijoux-chretiens.fr/cdn/shop/collections/SIgnumfonddur.png?v=1785505349&width=450 450w, //bijoux-chretiens.fr/cdn/shop/collections/SIgnumfonddur.png?v=1785505349&width=600 600w, //bijoux-chretiens.fr/cdn/shop/collections/SIgnumfonddur.png?v=1785505349&width=800 800w" width="800" height="800" loading="lazy" sizes="(max-width: 900px) 45vw, 24vw">
</div><div class="bc-card__body">
<h3 class="bc-card__name">Chevalières</h3><div class="bc-card__desc">Le sceau, gravé d'un symbole.</div><span class="bc-card__cta">Découvrir</span>
</div>
</a><a
class="bc-card bc-card--img"
href="/collections/ange-gardien"
><div class="bc-card__img">
<img src="//bijoux-chretiens.fr/cdn/shop/collections/Collier_Ange_Gardien_en_argent.png?v=1785505344&width=800" alt="Collier ange gardien argent sur pierre" srcset="//bijoux-chretiens.fr/cdn/shop/collections/Collier_Ange_Gardien_en_argent.png?v=1785505344&width=300 300w, //bijoux-chretiens.fr/cdn/shop/collections/Collier_Ange_Gardien_en_argent.png?v=1785505344&width=450 450w, //bijoux-chretiens.fr/cdn/shop/collections/Collier_Ange_Gardien_en_argent.png?v=1785505344&width=600 600w, //bijoux-chretiens.fr/cdn/shop/collections/Collier_Ange_Gardien_en_argent.png?v=1785505344&width=800 800w" width="800" height="800" loading="lazy" sizes="(max-width: 900px) 45vw, 24vw">
</div><div class="bc-card__body">
<h3 class="bc-card__name">Bijoux ange gardien</h3><div class="bc-card__desc">La figure qui veille, à porter ou à offrir.</div><span class="bc-card__cta">Découvrir</span>
</div>
</a></div>
</div>
</section>
</section><section id="shopify-section-template--27635360137545__croix_histoires" class="shopify-section"><section class="bc-croix" id="bc-croix-template--27635360137545__croix_histoires">
<div class="bc-croix__inner"><p class="bc-croix__eyebrow">Les symboles</p><h2 class="bc-croix__h">Chaque croix a son histoire</h2><p class="bc-croix__intro">Cinq formes, cinq héritages. La forme d'une croix n'est jamais un hasard.</p><div class="bc-croix__grille"><a class="bc-croix__carte" href="/blogs/blog-chretien/croix-latine">
<span class="bc-croix__dessin" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 80" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M32 8 V72 M14 28 H50"/></svg></span>
<span class="bc-croix__titre">La croix latine</span>
<span class="bc-croix__ligne">La forme la plus ancienne et la plus répandue : la branche verticale plus longue, celle du crucifiement.</span>
</a>
<a class="bc-croix__carte" href="/blogs/blog-chretien/croix-celtique">
<span class="bc-croix__dessin" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 80" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M32 8 V72 M12 32 H52"/><circle cx="32" cy="32" r="14"/></svg></span>
<span class="bc-croix__titre">La croix celtique</span>
<span class="bc-croix__ligne">Inscrite dans un anneau, héritée de l'Irlande et des îles britanniques du haut Moyen Âge.</span>
</a>
<a class="bc-croix__carte" href="/blogs/blog-chretien/croix-templiere">
<span class="bc-croix__dessin" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 80" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M25 10 H39 L35 30 H29 Z"/><path d="M25 62 H39 L35 42 H29 Z"/><path d="M8 29 V43 L28 39 V33 Z"/><path d="M56 29 V43 L36 39 V33 Z"/></svg></span>
<span class="bc-croix__titre">La croix pattée</span>
<span class="bc-croix__ligne">Aux branches évasées, portée par les ordres militaires du Moyen Âge, dont les Templiers.</span>
</a>
<a class="bc-croix__carte" href="/blogs/blog-chretien/croix-de-camargue">
<span class="bc-croix__dessin" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 80" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M32 20 V50 M18 32 H46"/><path d="M32 20 V12 M28 12 V18 M36 12 V18 M28 18 H36"/><path d="M18 32 H12 M12 28 V36 M17 28 V36" stroke-width="2.6"/><path d="M46 32 H52 M52 28 V36 M47 28 V36" stroke-width="2.6"/><path d="M32 54 C29 50 24 51 24 55 C24 59 32 63 32 63 C32 63 40 59 40 55 C40 51 35 50 32 54 Z" stroke-width="2.4"/><path d="M32 63 V72 M24 68 C26 72 30 74 32 74 C34 74 38 72 40 68" stroke-width="2.4"/></svg></span>
<span class="bc-croix__titre">La croix de Camargue</span>
<span class="bc-croix__ligne">Née en Provence au début du XXe siècle : la croix, l'ancre et le cœur, pour la foi, l'espérance et la charité.</span>
</a>
<a class="bc-croix__carte" href="/blogs/blog-chretien/croix-de-lorraine-signification">
<span class="bc-croix__dessin" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 80" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M32 8 V72 M20 24 H44 M14 42 H50"/></svg></span>
<span class="bc-croix__titre">La croix de Lorraine</span>
<span class="bc-croix__ligne">À deux traverses, l'emblème des ducs de Lorraine devenu un symbole français.</span>
</a>
</div>
</div>
</section>
</section><section id="shopify-section-template--27635360137545__story" class="shopify-section"><section class="bc-section bc-story">
<div class="bc-x bc-story__grid">
<div class="bc-story__text"><p class="bc-label bc-label--rule">Le parti pris</p><h2 class="bc-h bc-h--lg">Chaque pièce porte le nom d'un saint.</h2><p class="bc-p bc-p--lead">Nous refusons les références creuses : chaque pièce reçoit le nom d'un saint, celui de sa dévotion ou de sa famille spirituelle.</p><div class="bc-p"><p>Ce n'est pas un décor.</p><p>C'est une façon d'honorer ce que le bijou représente, et de vous aider à choisir en connaissance de cause.</p><p>Chaque fiche vous raconte le saint en deux lignes, sans jamais prêcher.</p></div></div><div class="bc-story__aside"><ul class="bc-saintlist"><li >Sainte Rita<span>Causes désespérées</span></li><li >Saint Benoît<span>Protection</span></li><li >Saint Michel<span>Combat spirituel</span></li><li >Saint Christophe<span>Voyageurs</span></li><li >Sainte Thérèse<span>Missions</span></li><li >Notre-Dame<span>Intercession</span></li></ul></div></div>
</section>
</section><section id="shopify-section-template--27635360137545__bc_maison" class="shopify-section"><section class="bc-section bc-maison">
<div class="bc-x">
<div class="bc-heading"><p class="bc-label bc-label--rule">La maison</p><h2 class="bc-h bc-h--lg">Ce en quoi nous croyons</h2><div class="bc-lede"><p>Quatre principes, tenus sur chaque commande.</p></div></div>
<div class="bc-pillars"><div class="bc-pillar" >
<span class="bc-pillar__ico"><svg class="ico" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6.5 9.5 17 4 11.5"/></svg></span>
<div class="bc-pillar__t">Une garantie sans blâme</div>
<p class="bc-pillar__x">Deux ans : un défaut de tenue, et nous remplaçons la pièce. Sans discussion et sans frais.</p>
</div><div class="bc-pillar" >
<span class="bc-pillar__ico"><svg class="ico" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 4h12l3 5-9 11L3 9z"/><path d="M3 9h18M9 4 6 9l6 11 6-11-3-5"/></svg></span>
<div class="bc-pillar__t">La matière exacte, écrite</div>
<p class="bc-pillar__x">Acier inoxydable ou argent 925, jamais l'un pour l'autre. C'est écrit sur chaque fiche.</p>
</div><div class="bc-pillar" >
<span class="bc-pillar__ico"><svg class="ico" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="4" y="9.5" width="16" height="10.5" rx="1"/><path d="M4 13.5h16M12 9.5v10.5"/><path d="M12 9.5c-1.6-3.6-6.6-4-6.6-1 0 1.6 2.2 1 6.6 1zm0 0c1.6-3.6 6.6-4 6.6-1 0 1.6-2.2 1-6.6 1z"/></svg></span>
<div class="bc-pillar__t">Écrin offert</div>
<p class="bc-pillar__x">Un écrin dans chaque colis, et un livret de prières envoyé par e-mail. Sans supplément.</p>
</div><div class="bc-pillar" >
<span class="bc-pillar__ico"><svg class="ico" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="9" r="5.5"/><path d="M8.5 13.7 7 20.5l5-2.4 5 2.4-1.5-6.8"/></svg></span>
<div class="bc-pillar__t">Des médailles fidèles</div>
<p class="bc-pillar__x">Chaque médaille respecte son modèle d'origine. L'objet rappelle la prière, sans la remplacer.</p>
</div></div>
</div>
</section>
</section><section id="shopify-section-template--27635360137545__ld-avis" class="shopify-section"><section class="ld-avis ld-avis--clair" style="padding-block: 56px 56px; padding-inline: var(--full-page-margin, 1rem);">
<div class="ld-avis__in">
<div class="ld-avis__head">
<div><p class="ld-avis__eyebrow">Ce qu'en disent nos clients</p><h2 class="ld-avis__h">Des bijoux déjà portés</h2></div>
<div class="ld-avis__right"><p class="ld-avis__score"><span class="ld-avis__etoiles" role="img" aria-label="Note moyenne de 4,0 sur 5">
<svg width="0" height="0" aria-hidden="true" focusable="false" style="position:absolute">
<clippath id="ld-av-demi-template--27635360137545ld-avis"><rect x="0" y="0" width="10" height="20"/></clippath>
</svg><svg viewbox="0 0 20 20" width="15" height="15" aria-hidden="true" class="ld-avis__et">
<path class="ld-avis__et-vide" d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z"/><path class="ld-avis__et-or" d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z"/></svg><svg viewbox="0 0 20 20" width="15" height="15" aria-hidden="true" class="ld-avis__et">
<path class="ld-avis__et-vide" d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z"/><path class="ld-avis__et-or" d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z"/></svg><svg viewbox="0 0 20 20" width="15" height="15" aria-hidden="true" class="ld-avis__et">
<path class="ld-avis__et-vide" d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z"/><path class="ld-avis__et-or" d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z"/></svg><svg viewbox="0 0 20 20" width="15" height="15" aria-hidden="true" class="ld-avis__et">
<path class="ld-avis__et-vide" d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z"/><path class="ld-avis__et-or" d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z"/></svg><svg viewbox="0 0 20 20" width="15" height="15" aria-hidden="true" class="ld-avis__et">
<path class="ld-avis__et-vide" d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z"/></svg></span><span class="ld-avis__chiffre">4,0 / 5</span>
<span class="ld-avis__count">307 avis de nos clients</span></p><div class="ld-avis__nav" data-ld-rail-nav hidden>
<button class="ld-avis__arrow" type="button" data-ld-rail-prev aria-controls="ld-rail-template--27635360137545ld-avis" aria-label="Avis précédents">
<svg viewbox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M15 5l-7 7 7 7"/></svg>
</button>
<button class="ld-avis__arrow" type="button" data-ld-rail-next aria-controls="ld-rail-template--27635360137545ld-avis" aria-label="Avis suivants">
<svg viewbox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M9 5l7 7-7 7"/></svg>
</button>
</div></div>
</div><span id="avis-clients" class="ld-avis__ancre" aria-hidden="true"></span>
<div class="ld-avis__rail" id="ld-rail-template--27635360137545ld-avis" tabindex="0" role="group" aria-label="Des bijoux déjà portés"><figure class="ld-avis__card ld-avis__card--photo"><img class="ld-avis__img"
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/bc-avis-838040593.jpg?v=142816258076991411521787734952"
alt="Photo du client : Collier croix catholique - Veritas"
width="600" height="600" loading="lazy"><span class="ld-avis__mini" role="img" aria-label="5 étoiles sur 5"><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg></span>
<blockquote class="ld-avis__txt">« Vraiment parfait et tellement magnifique »</blockquote>
<button class="ld-avis__lire" type="button" aria-expanded="false" hidden>
<span class="ld-avis__lire-txt">Lire la suite</span>
</button>
<figcaption class="ld-avis__sig">
Godin M.
<span class="ld-avis__prod">· Collier croix catholique - Veritas</span></figcaption></figure>
<figure class="ld-avis__card ld-avis__card--photo"><img class="ld-avis__img"
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/bc-avis-919041297.jpg?v=55035495821586356451787734951"
alt="Photo du client : Bracelet croix de Jésus - Alba"
width="600" height="600" loading="lazy"><span class="ld-avis__mini" role="img" aria-label="5 étoiles sur 5"><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg></span>
<blockquote class="ld-avis__txt">« J’adore mon bracelet léger agréable à porter superbe »</blockquote>
<button class="ld-avis__lire" type="button" aria-expanded="false" hidden>
<span class="ld-avis__lire-txt">Lire la suite</span>
</button>
<figcaption class="ld-avis__sig">
Patricia G.
<span class="ld-avis__prod">· Bracelet croix de Jésus - Alba</span></figcaption></figure>
<figure class="ld-avis__card ld-avis__card--photo"><img class="ld-avis__img"
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/bc-avis-838040727.jpg?v=19170425567660783771787734952"
alt="Photo du client : Collier Croix Bijouterie"
width="600" height="600" loading="lazy"><span class="ld-avis__mini" role="img" aria-label="5 étoiles sur 5"><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg></span>
<blockquote class="ld-avis__txt">« Très belle et bon rapport qualité prix je recommande »</blockquote>
<button class="ld-avis__lire" type="button" aria-expanded="false" hidden>
<span class="ld-avis__lire-txt">Lire la suite</span>
</button>
<figcaption class="ld-avis__sig">
Laura D.
<span class="ld-avis__prod">· Collier Croix Bijouterie</span></figcaption></figure>
<figure class="ld-avis__card ld-avis__card--photo"><img class="ld-avis__img"
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/bc-avis-838040456.jpg?v=36383530572325367551787734952"
alt="Photo du client : Pendentif Croix Romane"
width="600" height="600" loading="lazy"><span class="ld-avis__mini" role="img" aria-label="5 étoiles sur 5"><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg></span>
<blockquote class="ld-avis__txt">« magnifique pendentif, je suis très heureuse de cet achat. »</blockquote>
<button class="ld-avis__lire" type="button" aria-expanded="false" hidden>
<span class="ld-avis__lire-txt">Lire la suite</span>
</button>
<figcaption class="ld-avis__sig">
Kloé G.
<span class="ld-avis__prod">· Pendentif Croix Romane</span></figcaption></figure>
<figure class="ld-avis__card ld-avis__card--photo"><img class="ld-avis__img"
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/bc-avis-838040264.jpg?v=34241430577817042231787734951"
alt="Photo du client : Pendentif Croix Rose"
width="600" height="600" loading="lazy"><span class="ld-avis__mini" role="img" aria-label="5 étoiles sur 5"><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg></span>
<blockquote class="ld-avis__txt">« Jolie croix, originale et élégante. Ce cadeau a été apprécié. »</blockquote>
<button class="ld-avis__lire" type="button" aria-expanded="false" hidden>
<span class="ld-avis__lire-txt">Lire la suite</span>
</button>
<figcaption class="ld-avis__sig">
Céline N.
<span class="ld-avis__prod">· Pendentif Croix Rose</span></figcaption></figure>
<figure class="ld-avis__card ld-avis__card--photo"><img class="ld-avis__img"
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/bc-avis-838040369.jpg?v=390082055140709981787734952"
alt="Photo du client : Bracelet Croix de Tau"
width="600" height="600" loading="lazy"><span class="ld-avis__mini" role="img" aria-label="5 étoiles sur 5"><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg><svg viewbox="0 0 20 20" width="12" height="12" aria-hidden="true"
class=""><path d="M10 1.6l2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z" fill="currentColor"/></svg></span>
<blockquote class="ld-avis__txt">« Merci, il est joli, agréable à porter et me rappelle le Liban. »</blockquote>
<button class="ld-avis__lire" type="button" aria-expanded="false" hidden>
<span class="ld-avis__lire-txt">Lire la suite</span>
</button>
<figcaption class="ld-avis__sig">
Jean-philippe L.
<span class="ld-avis__prod">· Bracelet Croix de Tau</span></figcaption></figure>
</div><div class="ld-avis__jauge" data-ld-jauge aria-hidden="true"><span></span></div><p class="ld-avis__plus"><a href="/pages/avis-clients">Lire les avis
<svg viewbox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M9 5l7 7-7 7"/></svg>
</a>
</p><p class="ld-avis__mentions">Avis déposés après un achat vérifié, publiés sans contrepartie, seule la mise en forme est corrigée. La note de 4,0 sur 5 porte sur l'ensemble des 307 avis collectés.</p></div>
</section>
<script>
// 🔴 Deux fermetures INDEPENDANTES. Le rognage vivait d'abord dans celle des fleches,
// derriere `if (!nav) return;` : en mode grille les fleches ne sont pas rendues, donc le
// script sortait avant d'avoir rogne quoi que ce soit. Un garde-fou pose pour une
// fonctionnalite ne doit jamais barrer la route a une autre.
(function () {
var rail = document.getElementById('ld-rail-template--27635360137545ld-avis');
if (!rail) return;
// On ne rogne que les cartes qui depassent REELLEMENT 3 lignes : sinon un avis court
// heriterait d'un bouton qui n'ouvre rien. Mesure faite apres le chargement des polices,
// sans quoi la hauteur de ligne est celle de la police de secours.
function rognage() {
var cards = rail.querySelectorAll('.ld-avis__card');
for (var i = 0; i < cards.length; i++) {
var card = cards[i];
var txt = card.querySelector('.ld-avis__txt');
var btn = card.querySelector('.ld-avis__lire');
if (!txt || !btn) continue;
if (card.classList.contains('est-ouvert')) continue; // ne pas refermer ce que le visiteur a ouvert
card.classList.add('ld-avis__card--long');
var depasse = txt.scrollHeight - txt.clientHeight > 2;
if (!depasse) card.classList.remove('ld-avis__card--long');
btn.hidden = !depasse;
}
}
rail.addEventListener('click', function (e) {
var btn = e.target.closest && e.target.closest('.ld-avis__lire');
if (!btn) return;
var card = btn.closest('.ld-avis__card');
var ouvert = card.classList.toggle('est-ouvert');
btn.setAttribute('aria-expanded', ouvert ? 'true' : 'false');
btn.querySelector('.ld-avis__lire-txt').textContent = ouvert ? 'Réduire' : 'Lire la suite';
});
if (document.fonts && document.fonts.ready) document.fonts.ready.then(rognage);
else rognage();
window.addEventListener('resize', rognage);
})();
(function () {
var rail = document.getElementById('ld-rail-template--27635360137545ld-avis');
if (!rail) return;
var sec = rail.closest('.ld-avis');
var nav = sec && sec.querySelector('[data-ld-rail-nav]');
var prev = sec && sec.querySelector('[data-ld-rail-prev]');
var next = sec && sec.querySelector('[data-ld-rail-next]');
if (!nav || !prev || !next) return; // mode grille : pas de fleches, rien a piloter
function step() {
var card = rail.querySelector('.ld-avis__card');
if (!card) return rail.clientWidth;
var gap = parseFloat(getComputedStyle(rail).columnGap) || 0;
return card.getBoundingClientRect().width + gap;
}
var jauge = sec && sec.querySelector('[data-ld-jauge] span');
function avancerJauge() {
if (!jauge) return;
var course = rail.scrollWidth - rail.clientWidth;
// La jauge montre la PART VISIBLE et sa position : une largeur proportionnelle
// au rail visible, glissee le long de la course. Un simple pourcentage de
// defilement mentirait sur le nombre d'avis restants.
var part = Math.min(1, rail.clientWidth / rail.scrollWidth);
var avance = course > 0 ? rail.scrollLeft / course : 0;
// 🔴 20/08 : le `/ part` de la premiere version etait un contresens sur l'ordre
// des transformations. Dans `translateX(A) scaleX(s)`, la mise a l'echelle
// s'applique A L'ELEMENT, et la translation ensuite, DANS LE REPERE DU PARENT :
// elle n'est donc pas divisee par l'echelle. Diviser par `part` (0,2 ici)
// multipliait la course par cinq. Val l'a decrit exactement : « des la deuxieme
// tuile le trait part tout au bout, a la troisieme il disparait ». Verifie :
// a la 2e tuile, 0,214 x 0,8 x 100 / 0,1996 = 86 % au lieu de 17 %.
// Le pourcentage se resout sur la largeur PROPRE de l'element, non mise a
// l'echelle : la course utile va donc de 0 a (1 - part) x 100 %.
jauge.style.transform = 'translateX(' + (avance * (1 - part) * 100) + '%) scaleX(' + part + ')';
}
function sync() {
var scrollable = rail.scrollWidth - rail.clientWidth > 4;
nav.hidden = !scrollable;
avancerJauge();
if (!scrollable) return;
var max = rail.scrollWidth - rail.clientWidth - 2;
prev.disabled = rail.scrollLeft <= 2;
next.disabled = rail.scrollLeft >= max;
}
// 🔴 09/09/2026, Val : « les fleches du rail sont cassees ». Mesure sur le live :
// scrollLeft ne bouge PAS d'un clic, alors qu'une affectation directe et un
// scrollBy en `auto` marchent tous les deux. La cause est connue et deja payee
// deux fois dans cette maison (25 et 26/08, rail bestsellers puis sec-ld-produits) :
// `behavior: 'smooth'` combine a `scroll-snap-type: x mandatory` fait ANNULER le
// defilement programmatique par Chrome, qui reaccroche au point de depart.
// sec-ld-produits avait ete corrige, sec-ld-avis avait ete oublie : meme correctif,
// meme commentaire. L'accroche du snap adoucit deja le saut, on ne perd rien.
// Le sync est rappele DIRECTEMENT apres le clic : un scroll programmatique
// n'emet son evenement qu'au prochain frame rendu, qu'une fenetre en arriere-plan
// peut ne jamais produire.
function aller(sens) {
rail.scrollBy({ left: sens * step(), behavior: 'auto' });
setTimeout(sync, 120);
}
prev.addEventListener('click', function () { aller(-1); });
next.addEventListener('click', function () { aller(1); });
rail.addEventListener('scroll', avancerJauge, { passive: true });
rail.addEventListener('scroll', sync, { passive: true });
rail.addEventListener('scrollend', sync);
window.addEventListener('resize', sync);
sync();
})();
</script>
</section><section id="shopify-section-template--27635360137545__citation" class="shopify-section"><section
class="ld-quote"
style=" background-color: #1b2a4a; --ld-quote-on: #faf7f1; --ld-quote-off: #b9c1d0; padding-block: 60px 60px; padding-inline: var(--full-page-margin, 1rem); "
>
<div class="ld-quote__in"><blockquote class="ld-quote__text"><span class="ld-quote__w" style="--d: 0;">«</span>
<span class="ld-quote__w" style="--d: 11;">Que</span>
<span class="ld-quote__w" style="--d: 22;">votre</span>
<span class="ld-quote__w" style="--d: 33;">lumière</span>
<span class="ld-quote__w" style="--d: 44;">brille</span>
<span class="ld-quote__w" style="--d: 55;">devant</span>
<span class="ld-quote__w" style="--d: 66;">les</span>
<span class="ld-quote__w" style="--d: 77;">hommes.</span>
<span class="ld-quote__w" style="--d: 88;">»</span>
</blockquote><p class="ld-quote__source">Évangile selon saint Matthieu 5, 16</p></div>
</section>
</section><section id="shopify-section-template--27635360137545__ld-editorial" class="shopify-section"><section class="ld-edito" style="padding-block: 56px 56px; padding-inline: var(--full-page-margin, 1rem);">
<div class="ld-edito__in">
<div class="ld-edito__col"><p class="ld-edito__eyebrow">Pour aller plus loin</p><h2 class="ld-edito__h">Bien choisir vos bijoux chrétiens</h2><div class="ld-edito__intro"><p>Un bijou chrétien se choisit pour ce qu'il représente autant que pour sa matière.</p><p>Voici l'essentiel pour vous y retrouver, sujet par sujet.</p></div></div>
<div class="ld-edito__list"><details class="ld-edito__item" open>
<summary class="ld-edito__sum">
<span>Acier inoxydable ou argent 925</span>
<svg class="ld-edito__chev" viewbox="0 0 16 16" width="13" height="13" fill="none" aria-hidden="true">
<path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</summary>
<div class="ld-edito__d"><p><strong>Notre cœur de gamme est en acier inoxydable</strong>, un métal qui résiste bien à l'oxydation du quotidien.</p><p>Il est pensé pour être porté tous les jours, des années durant.</p><p>L'argent 925 habille nos pièces les plus précieuses ; il se ternit légèrement et se ravive d'un coup de chiffon.</p><p>La matière exacte est écrite sur chaque fiche, et nous disons franchement d'où viennent nos bijoux.</p></div>
</details><details class="ld-edito__item" >
<summary class="ld-edito__sum">
<span>Les formes de croix et leur histoire</span>
<svg class="ld-edito__chev" viewbox="0 0 16 16" width="13" height="13" fill="none" aria-hidden="true">
<path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</summary>
<div class="ld-edito__d"><p>Croix latine, celtique à l'anneau, templière pattée ou de Lorraine à deux traverses : chaque forme porte une histoire.</p><p>La croix de Camargue, elle, dit la foi, l'espérance et la charité.</p><p>Retrouvez-les dans <a href="/collections/bijoux-croix">tous nos bijoux croix</a>, et leurs histoires sur <a href="/blogs/blog-chretien">le blog</a>.</p></div>
</details><details class="ld-edito__item" >
<summary class="ld-edito__sum">
<span>Choisir : la famille, puis le style</span>
<svg class="ld-edito__chev" viewbox="0 0 16 16" width="13" height="13" fill="none" aria-hidden="true">
<path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</summary>
<div class="ld-edito__d"><p>Choisissez d'abord la famille : <a href="/collections/colliers-croix">collier</a>, <a href="/collections/pendentifs-croix">pendentif</a>, <a href="/collections/bracelets-croix">bracelet</a> ou <a href="/collections/bagues-croix">bague</a>.</p><p>Puis le style : croix sobre pour le quotidien, grande croix ou crucifix pour un signe plus marqué.</p><p>Un modèle fin et léger pour un enfant, une chaîne robuste pour un homme.</p><p><strong>En cas de doute, l'acier inoxydable est le choix le plus sûr.</strong></p></div>
</details><details class="ld-edito__item" >
<summary class="ld-edito__sum">
<span>Quelle longueur de chaîne</span>
<svg class="ld-edito__chev" viewbox="0 0 16 16" width="13" height="13" fill="none" aria-hidden="true">
<path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</summary>
<div class="ld-edito__d"><p>La chaîne se choisit avant le pendentif.</p><p><strong>40 à 45 cm</strong> pose la croix à la base du cou, <strong>50 à 55 cm</strong> la fait tomber sur le sternum.</p><p><strong>60 cm et plus</strong> conviennent aux croix larges et au port par-dessus un vêtement.</p><p>Pour un enfant, comptez 36 à 40 cm. La longueur et le métal du fermoir sont indiqués sur chaque fiche.</p></div>
</details><details class="ld-edito__item" >
<summary class="ld-edito__sum">
<span>Homme, femme, enfant : les proportions</span>
<svg class="ld-edito__chev" viewbox="0 0 16 16" width="13" height="13" fill="none" aria-hidden="true">
<path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</summary>
<div class="ld-edito__d"><p>Le symbole ne change pas, seules les proportions.</p><p>Comptez <strong>15 à 25 mm</strong> sur 40 à 45 cm pour une femme, <strong>25 à 40 mm</strong> sur 50 à 60 cm pour un homme.</p><p>Pour un enfant : <strong>10 à 15 mm</strong> sur 36 à 40 cm.</p><p>Voir nos <a href="/collections/homme">bijoux pour homme</a>. Les dimensions exactes sont sur chaque fiche.</p></div>
</details><details class="ld-edito__item" >
<summary class="ld-edito__sum">
<span>Entretenir son bijou</span>
<svg class="ld-edito__chev" viewbox="0 0 16 16" width="13" height="13" fill="none" aria-hidden="true">
<path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</summary>
<div class="ld-edito__d"><p>L'acier inoxydable ne demande aucun entretien particulier, un simple chiffon suffit.</p><p>Pour l'argent 925, un coup de chiffon ravive l'éclat ; évitez le contact prolongé avec l'eau et le parfum.</p><p>Les bons gestes, le nettoyage et le rangement sont dans notre <a href="/pages/guide-dentretien">guide d'entretien</a>.</p></div>
</details><details class="ld-edito__item" >
<summary class="ld-edito__sum">
<span>Offrir : baptême, communion, confirmation</span>
<svg class="ld-edito__chev" viewbox="0 0 16 16" width="13" height="13" fill="none" aria-hidden="true">
<path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</summary>
<div class="ld-edito__d"><p>Un bijou chrétien se donne, et chaque commande part dans son écrin, prête à être offerte.</p><p>Baptême, communion, confirmation, pour elle ou pour lui : nos repères par occasion sont réunis sur <a href="/pages/cadeaux-chretiens">la page cadeaux</a>.</p></div>
</details></div>
</div>
</section>
</section><section id="shopify-section-template--27635360137545__manifeste" class="shopify-section"><section class="bc-manifeste bc-manifeste--media" id="bc-manifeste-template--27635360137545__manifeste">
<div class="bc-manifeste__inner"><div class="bc-manifeste__media">
<img
src="//bijoux-chretiens.fr/cdn/shop/files/bc-manifeste-lumiere.jpg?v=1787764431&width=1000"
srcset="//bijoux-chretiens.fr/cdn/shop/files/bc-manifeste-lumiere.jpg?v=1787764431&width=600 600w, //bijoux-chretiens.fr/cdn/shop/files/bc-manifeste-lumiere.jpg?v=1787764431&width=1000 1000w, //bijoux-chretiens.fr/cdn/shop/files/bc-manifeste-lumiere.jpg?v=1787764431&width=1400 1400w"
sizes="(min-width: 990px) 42vw, 92vw"
alt="Une fine croix dorée portée sur la peau, chemise de lin, lumière chaude"
width="1064" height="1416" loading="lazy">
</div><div class="bc-manifeste__contenu"><p class="bc-manifeste__eyebrow">Notre ligne</p><h2 class="bc-manifeste__h">Ce qu'un bijou chrétien n'est pas</h2><div class="bc-manifeste__paires"><div class="bc-manifeste__paire" ><p class="bc-manifeste__ligne"><span class="bc-manifeste__non">Jamais un porte-bonheur,</span> <span class="bc-manifeste__oui">mais le rappel de la présence de Dieu, partout.</span></p>
</div><div class="bc-manifeste__paire" ><p class="bc-manifeste__ligne"><span class="bc-manifeste__non">Jamais un talisman qui protège,</span> <span class="bc-manifeste__oui">mais un signe de foi, porté à hauteur de cœur.</span></p>
</div><div class="bc-manifeste__paire" ><p class="bc-manifeste__ligne"><span class="bc-manifeste__non">Jamais un substitut à la prière,</span> <span class="bc-manifeste__oui">mais l'objet qui la rappelle, au quotidien.</span></p>
</div></div><p class="bc-manifeste__chute">C'est pourquoi nos fiches décrivent des bijoux, jamais des talismans.</p></div>
</div>
</section>
</section><section id="shopify-section-template--27635360137545__faq_bc" class="shopify-section section-faq-wrapper"><section
class="sec-faq sec-faq--template--27635360137545__faq_bc sec-faq--variant-custom"
style="--sec-faq-pt: 88px; --sec-faq-pb: 88px; --sec-faq-cols: 1; --sec-faq-gap: 12px; --sec-faq-bg: #faf7f1; --sec-faq-fg: #223050;"
>
<div class="sec-faq__inner sec-faq__inner--left"><p class="sec-faq__eyebrow">FAQ</p><h2 class="sec-faq__heading">Questions fréquentes sur les bijoux chrétiens</h2><div class="sec-faq__intro"><p>Tout ce qu'il faut savoir avant de choisir.</p></div><script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Quelle est la différence entre un pendentif et un collier ?","acceptedAnswer":{"@type":"Answer","text":"Le collier est vendu avec sa chaîne, prêt à porter.Le pendentif est la croix ou la médaille seule, à monter sur la chaîne de votre choix.La longueur et le métal sont indiqués sur chaque fiche."}},{"@type":"Question","name":"Est-ce que les bijoux en acier inoxydable noircissent ?","acceptedAnswer":{"@type":"Answer","text":"Non.L'acier inoxydable résiste bien à l'oxydation du quotidien, même porté tous les jours.L'argent 925, lui, peut se ternir avec le temps : un coup de chiffon lui rend son éclat."}},{"@type":"Question","name":"Est-ce que les bijoux en acier inoxydable peuvent aller dans l'eau ?","acceptedAnswer":{"@type":"Answer","text":"Oui : douche, pluie et transpiration ne l'abîment pas.Évitez en revanche l'eau de piscine chlorée et l'eau de mer, qui attaquent tous les métaux à la longue.Pour l'argent 925, retirez-le avant de vous baigner."}},{"@type":"Question","name":"Est-ce que porter une croix protège ?","acceptedAnswer":{"@type":"Answer","text":"Une croix n'est pas un porte-bonheur.Elle rappelle une foi, elle n'agit pas à votre place : c'est la prière qui compte, l'objet la rappelle.Nous ne vendons jamais nos bijoux comme des talismans."}},{"@type":"Question","name":"Qui doit offrir la médaille de baptême ?","acceptedAnswer":{"@type":"Answer","text":"La tradition veut que ce soit le parrain ou la marraine, la chaîne étant parfois offerte par l'autre.Rien ne l'impose : les parents, les grands-parents ou un proche peuvent tout à fait l'offrir."}},{"@type":"Question","name":"Peut-on bénir ses propres médailles ?","acceptedAnswer":{"@type":"Answer","text":"La bénédiction d'un objet de piété revient ordinairement au prêtre ou au diacre, et la plupart le font volontiers à l'issue d'une messe.Une médaille se porte bénie ou non : la bénédiction ajoute une prière de l'Église, elle ne change pas l'objet."}},{"@type":"Question","name":"Que contient chaque commande ?","acceptedAnswer":{"@type":"Answer","text":"Le bijou part dans son écrin, sans supplément. Le livret de prières vous est envoyé par e-mail après la commande."}}]}</script><div class="sec-faq__list"><details
class="sec-faq__item"
>
<summary class="sec-faq__summary">
<span class="sec-faq__question">Quelle est la différence entre un pendentif et un collier ?</span>
<span class="sec-faq__chevron" aria-hidden="true">
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" width="16" height="16"><path d="M6 9l6 6 6-6"/></svg>
</span>
</summary><div class="sec-faq__answer"><p>Le collier est vendu avec sa chaîne, prêt à porter.</p><p>Le pendentif est la croix ou la médaille seule, à monter sur la chaîne de votre choix.</p><p>La longueur et le métal sont indiqués sur chaque fiche.</p></div></details><details
class="sec-faq__item"
>
<summary class="sec-faq__summary">
<span class="sec-faq__question">Est-ce que les bijoux en acier inoxydable noircissent ?</span>
<span class="sec-faq__chevron" aria-hidden="true">
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" width="16" height="16"><path d="M6 9l6 6 6-6"/></svg>
</span>
</summary><div class="sec-faq__answer"><p>Non.</p><p>L'acier inoxydable résiste bien à l'oxydation du quotidien, même porté tous les jours.</p><p>L'argent 925, lui, peut se ternir avec le temps : un coup de chiffon lui rend son éclat.</p></div></details><details
class="sec-faq__item"
>
<summary class="sec-faq__summary">
<span class="sec-faq__question">Est-ce que les bijoux en acier inoxydable peuvent aller dans l'eau ?</span>
<span class="sec-faq__chevron" aria-hidden="true">
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" width="16" height="16"><path d="M6 9l6 6 6-6"/></svg>
</span>
</summary><div class="sec-faq__answer"><p>Oui : douche, pluie et transpiration ne l'abîment pas.</p><p>Évitez en revanche l'eau de piscine chlorée et l'eau de mer, qui attaquent tous les métaux à la longue.</p><p>Pour l'argent 925, retirez-le avant de vous baigner.</p></div></details><details
class="sec-faq__item"
>
<summary class="sec-faq__summary">
<span class="sec-faq__question">Est-ce que porter une croix protège ?</span>
<span class="sec-faq__chevron" aria-hidden="true">
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" width="16" height="16"><path d="M6 9l6 6 6-6"/></svg>
</span>
</summary><div class="sec-faq__answer"><p>Une croix n'est pas un porte-bonheur.</p><p>Elle rappelle une foi, elle n'agit pas à votre place : c'est la prière qui compte, l'objet la rappelle.</p><p>Nous ne vendons jamais nos bijoux comme des talismans.</p></div></details><details
class="sec-faq__item"
>
<summary class="sec-faq__summary">
<span class="sec-faq__question">Qui doit offrir la médaille de baptême ?</span>
<span class="sec-faq__chevron" aria-hidden="true">
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" width="16" height="16"><path d="M6 9l6 6 6-6"/></svg>
</span>
</summary><div class="sec-faq__answer"><p>La tradition veut que ce soit le parrain ou la marraine, la chaîne étant parfois offerte par l'autre.</p><p>Rien ne l'impose : les parents, les grands-parents ou un proche peuvent tout à fait l'offrir.</p></div></details><details
class="sec-faq__item"
>
<summary class="sec-faq__summary">
<span class="sec-faq__question">Peut-on bénir ses propres médailles ?</span>
<span class="sec-faq__chevron" aria-hidden="true">
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" width="16" height="16"><path d="M6 9l6 6 6-6"/></svg>
</span>
</summary><div class="sec-faq__answer"><p>La bénédiction d'un objet de piété revient ordinairement au prêtre ou au diacre, et la plupart le font volontiers à l'issue d'une messe.</p><p>Une médaille se porte bénie ou non : la bénédiction ajoute une prière de l'Église, elle ne change pas l'objet.</p></div></details><details
class="sec-faq__item"
>
<summary class="sec-faq__summary">
<span class="sec-faq__question">Que contient chaque commande ?</span>
<span class="sec-faq__chevron" aria-hidden="true">
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" width="16" height="16"><path d="M6 9l6 6 6-6"/></svg>
</span>
</summary><div class="sec-faq__answer"><p>Le bijou part dans son écrin, sans supplément. Le livret de prières vous est envoyé par e-mail après la commande.</p></div></details></div></div>
</section>
</section><section id="shopify-section-template--27635360137545__journal" class="shopify-section featured-blog-posts">
<div
class="section-background"
></div>
<div
class="section section--page-width section-resource-list spacing-style gap-style"
style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 88px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 88px));--gap: 0px;"
>
<div id="shopify-block-AUE9PTXdMWlRNbDNob__static-blog-title" class="shopify-block">
<rte-formatter class="spacing-style text-block text-block--AUE9PTXdMWlRNbDNob__static-blog-title rte rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --margin-block-start: 0px;--margin-block-end: 0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Blog Chrétien</p><h2>Le journal</h2><p>Comprendre les symboles, les saints et les gestes de la foi : nos articles pour choisir en connaissance de cause.</p>
</rte-formatter>
</div>
<div
class="resource-list force-full-width resource-list__carousel"
style="--resource-list-column-gap-desktop: 8px;--column-count: 3;--column-count-mobile: 1;--mobile-card-size: 60cqw;"
data-testid="featured-blog-posts"
>
<div style="--gutter-slide-width: var(--util-page-margin-offset); --slide-width-max: 450px;">
<slideshow-component
ref="featuredBlog"
class="resource-list__carousel"
style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8;--slide-min-height: auto;--slide-min-height-desktop: auto;"
initial-slide="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
gutters="start end"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div class="resource-list__item">
<div
class="featured-blog-posts-card spacing-style border-style"
data-block-id="AM0gzek40T053NzFvd__static-blog-post-card"
data-testid="featured-blog-posts-card"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --text-align: left; --horizontal-alignment: left; --gap: 8px; "
><a class="featured-blog-posts-card__link" href="/blogs/blog-chretien/mort-saint-francois-assise">
<span class="visually-hidden">Comment est mort saint François d'Assise ?</span>
</a><div class="featured-blog-posts-card__inner">
<style data-shopify>
.featured-blog-posts-card[data-block-id="AM0gzek40T053NzFvd__static-blog-post-card"] {
--ratio: 16 / 9;
}
</style>
<div
class="resource-image featured-blog-posts-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; "
><img src="//bijoux-chretiens.fr/cdn/shop/articles/mort-saint-francois-assise-41131.jpg?v=1789541139&width=3840" alt="Comment est mort saint François d'Assise ?" srcset="//bijoux-chretiens.fr/cdn/shop/articles/mort-saint-francois-assise-41131.jpg?v=1789541139&width=240 240w, //bijoux-chretiens.fr/cdn/shop/articles/mort-saint-francois-assise-41131.jpg?v=1789541139&width=352 352w, //bijoux-chretiens.fr/cdn/shop/articles/mort-saint-francois-assise-41131.jpg?v=1789541139&width=832 832w, //bijoux-chretiens.fr/cdn/shop/articles/mort-saint-francois-assise-41131.jpg?v=1789541139&width=1200 1200w, //bijoux-chretiens.fr/cdn/shop/articles/mort-saint-francois-assise-41131.jpg?v=1789541139&width=1600 1600w, //bijoux-chretiens.fr/cdn/shop/articles/mort-saint-francois-assise-41131.jpg?v=1789541139&width=1920 1920w, //bijoux-chretiens.fr/cdn/shop/articles/mort-saint-francois-assise-41131.jpg?v=1789541139&width=2560 2560w, //bijoux-chretiens.fr/cdn/shop/articles/mort-saint-francois-assise-41131.jpg?v=1789541139&width=3840 3840w" width="3840" height="2143" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="featured-blog-posts-card__content layout-panel-flex--column"><h3>
<rte-formatter class="spacing-style text-block text-block--ATHpiTGdYUzlZSzIvT__title rte text-block--align-left rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --margin-block-start: 0px;--margin-block-end: 0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; ">
<h3>Comment est mort saint François d'Assise ?</h3>
</rte-formatter>
</h3>
<div id="shopify-block-AYlI0cE96d2ZhWE9qO__blog-post-info-text" class="shopify-block">
<div
class="blog-post-details spacing-style justify-left"
style=" --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px; "
><span><time datetime="2026-09-16T10:47:19Z">16 septembre 2026</time></span><span>|</span><span>Valentin Dusart</span></div>
</div>
<rte-formatter
class="blog-post-card__content-text spacing-style text-block text-block--AVFhJOVhIdVNSV21Cb__blog-post-description rte rte"
style=" --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; "
>
Le soir du 3 octobre 1226, à la Portioncule, à 44 ans. Les maladies qui l'ont emporté, les stigmates de l'Alverne, ses derniers gestes, et pourquoi on le fête le...
</rte-formatter>
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div class="resource-list__item">
<div
class="featured-blog-posts-card spacing-style border-style"
data-block-id="AM0gzek40T053NzFvd__static-blog-post-card-1"
data-testid="featured-blog-posts-card"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --text-align: left; --horizontal-alignment: left; --gap: 8px; "
><a class="featured-blog-posts-card__link" href="/blogs/blog-chretien/comment-defendre-sa-foi">
<span class="visually-hidden">Comment défendre sa foi chrétienne, avec douceur</span>
</a><div class="featured-blog-posts-card__inner">
<style data-shopify>
.featured-blog-posts-card[data-block-id="AM0gzek40T053NzFvd__static-blog-post-card-1"] {
--ratio: 16 / 9;
}
</style>
<div
class="resource-image featured-blog-posts-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; "
><img src="//bijoux-chretiens.fr/cdn/shop/articles/comment-defendre-sa-foi-41688.jpg?v=1789541696&width=3840" alt="Comment défendre sa foi chrétienne, avec douceur" srcset="//bijoux-chretiens.fr/cdn/shop/articles/comment-defendre-sa-foi-41688.jpg?v=1789541696&width=240 240w, //bijoux-chretiens.fr/cdn/shop/articles/comment-defendre-sa-foi-41688.jpg?v=1789541696&width=352 352w, //bijoux-chretiens.fr/cdn/shop/articles/comment-defendre-sa-foi-41688.jpg?v=1789541696&width=832 832w, //bijoux-chretiens.fr/cdn/shop/articles/comment-defendre-sa-foi-41688.jpg?v=1789541696&width=1200 1200w, //bijoux-chretiens.fr/cdn/shop/articles/comment-defendre-sa-foi-41688.jpg?v=1789541696&width=1600 1600w, //bijoux-chretiens.fr/cdn/shop/articles/comment-defendre-sa-foi-41688.jpg?v=1789541696&width=1920 1920w, //bijoux-chretiens.fr/cdn/shop/articles/comment-defendre-sa-foi-41688.jpg?v=1789541696&width=2560 2560w, //bijoux-chretiens.fr/cdn/shop/articles/comment-defendre-sa-foi-41688.jpg?v=1789541696&width=3840 3840w" width="3840" height="2143" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="featured-blog-posts-card__content layout-panel-flex--column"><h3>
<rte-formatter class="spacing-style text-block text-block--ATHpiTGdYUzlZSzIvT__title-1 rte text-block--align-left rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --margin-block-start: 0px;--margin-block-end: 0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; ">
<h3>Comment défendre sa foi chrétienne, avec douceur</h3>
</rte-formatter>
</h3>
<div id="shopify-block-AYlI0cE96d2ZhWE9qO__blog-post-info-text-1" class="shopify-block">
<div
class="blog-post-details spacing-style justify-left"
style=" --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px; "
><span><time datetime="2026-09-16T10:42:00Z">16 septembre 2026</time></span><span>|</span><span>Valentin Dusart</span></div>
</div>
<rte-formatter
class="blog-post-card__content-text spacing-style text-block text-block--AVFhJOVhIdVNSV21Cb__blog-post-description-1 rte rte"
style=" --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; "
>
Défendre sa foi ne veut pas dire gagner un débat ou avoir raison sur tout. Saint Pierre invite à « rendre raison de l'espérance qui est en vous », mais...
</rte-formatter>
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div class="resource-list__item">
<div
class="featured-blog-posts-card spacing-style border-style"
data-block-id="AM0gzek40T053NzFvd__static-blog-post-card-2"
data-testid="featured-blog-posts-card"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --text-align: left; --horizontal-alignment: left; --gap: 8px; "
><a class="featured-blog-posts-card__link" href="/blogs/blog-chretien/comment-lire-la-bible">
<span class="visually-hidden">Comment lire la Bible : le guide pour débuter</span>
</a><div class="featured-blog-posts-card__inner">
<style data-shopify>
.featured-blog-posts-card[data-block-id="AM0gzek40T053NzFvd__static-blog-post-card-2"] {
--ratio: 16 / 9;
}
</style>
<div
class="resource-image featured-blog-posts-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; "
><img src="//bijoux-chretiens.fr/cdn/shop/articles/comment-lire-la-bible-41696.jpg?v=1789541704&width=3840" alt="Comment lire la Bible : le guide pour débuter" srcset="//bijoux-chretiens.fr/cdn/shop/articles/comment-lire-la-bible-41696.jpg?v=1789541704&width=240 240w, //bijoux-chretiens.fr/cdn/shop/articles/comment-lire-la-bible-41696.jpg?v=1789541704&width=352 352w, //bijoux-chretiens.fr/cdn/shop/articles/comment-lire-la-bible-41696.jpg?v=1789541704&width=832 832w, //bijoux-chretiens.fr/cdn/shop/articles/comment-lire-la-bible-41696.jpg?v=1789541704&width=1200 1200w, //bijoux-chretiens.fr/cdn/shop/articles/comment-lire-la-bible-41696.jpg?v=1789541704&width=1600 1600w, //bijoux-chretiens.fr/cdn/shop/articles/comment-lire-la-bible-41696.jpg?v=1789541704&width=1920 1920w, //bijoux-chretiens.fr/cdn/shop/articles/comment-lire-la-bible-41696.jpg?v=1789541704&width=2560 2560w, //bijoux-chretiens.fr/cdn/shop/articles/comment-lire-la-bible-41696.jpg?v=1789541704&width=3840 3840w" width="3840" height="2143" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="featured-blog-posts-card__content layout-panel-flex--column"><h3>
<rte-formatter class="spacing-style text-block text-block--ATHpiTGdYUzlZSzIvT__title-2 rte text-block--align-left rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --margin-block-start: 0px;--margin-block-end: 0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; ">
<h3>Comment lire la Bible : le guide pour débuter</h3>
</rte-formatter>
</h3>
<div id="shopify-block-AYlI0cE96d2ZhWE9qO__blog-post-info-text-2" class="shopify-block">
<div
class="blog-post-details spacing-style justify-left"
style=" --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px; "
><span><time datetime="2026-09-16T10:42:00Z">16 septembre 2026</time></span><span>|</span><span>Valentin Dusart</span></div>
</div>
<rte-formatter
class="blog-post-card__content-text spacing-style text-block text-block--AVFhJOVhIdVNSV21Cb__blog-post-description-2 rte rte"
style=" --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; "
>
Par où commencer sans se décourager, comment elle est bâtie, ce qu'est la lectio divina, et comment choisir sa traduction.
</rte-formatter>
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div class="resource-list__item">
<div
class="featured-blog-posts-card spacing-style border-style"
data-block-id="AM0gzek40T053NzFvd__static-blog-post-card-3"
data-testid="featured-blog-posts-card"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --text-align: left; --horizontal-alignment: left; --gap: 8px; "
><a class="featured-blog-posts-card__link" href="/blogs/blog-chretien/histoire-de-leglise-chretienne">
<span class="visually-hidden">Histoire de l'Église chrétienne : la grande fresque</span>
</a><div class="featured-blog-posts-card__inner">
<style data-shopify>
.featured-blog-posts-card[data-block-id="AM0gzek40T053NzFvd__static-blog-post-card-3"] {
--ratio: 16 / 9;
}
</style>
<div
class="resource-image featured-blog-posts-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; "
><img src="//bijoux-chretiens.fr/cdn/shop/articles/histoire-de-leglise-chretienne-41750.jpg?v=1789541758&width=3840" alt="Histoire de l'Église chrétienne : la grande fresque" srcset="//bijoux-chretiens.fr/cdn/shop/articles/histoire-de-leglise-chretienne-41750.jpg?v=1789541758&width=240 240w, //bijoux-chretiens.fr/cdn/shop/articles/histoire-de-leglise-chretienne-41750.jpg?v=1789541758&width=352 352w, //bijoux-chretiens.fr/cdn/shop/articles/histoire-de-leglise-chretienne-41750.jpg?v=1789541758&width=832 832w, //bijoux-chretiens.fr/cdn/shop/articles/histoire-de-leglise-chretienne-41750.jpg?v=1789541758&width=1200 1200w, //bijoux-chretiens.fr/cdn/shop/articles/histoire-de-leglise-chretienne-41750.jpg?v=1789541758&width=1600 1600w, //bijoux-chretiens.fr/cdn/shop/articles/histoire-de-leglise-chretienne-41750.jpg?v=1789541758&width=1920 1920w, //bijoux-chretiens.fr/cdn/shop/articles/histoire-de-leglise-chretienne-41750.jpg?v=1789541758&width=2560 2560w, //bijoux-chretiens.fr/cdn/shop/articles/histoire-de-leglise-chretienne-41750.jpg?v=1789541758&width=3840 3840w" width="3840" height="2143" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="featured-blog-posts-card__content layout-panel-flex--column"><h3>
<rte-formatter class="spacing-style text-block text-block--ATHpiTGdYUzlZSzIvT__title-3 rte text-block--align-left rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --margin-block-start: 0px;--margin-block-end: 0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; ">
<h3>Histoire de l'Église chrétienne : la grande fresque</h3>
</rte-formatter>
</h3>
<div id="shopify-block-AYlI0cE96d2ZhWE9qO__blog-post-info-text-3" class="shopify-block">
<div
class="blog-post-details spacing-style justify-left"
style=" --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px; "
><span><time datetime="2026-09-16T10:42:00Z">16 septembre 2026</time></span><span>|</span><span>Valentin Dusart</span></div>
</div>
<rte-formatter
class="blog-post-card__content-text spacing-style text-block text-block--AVFhJOVhIdVNSV21Cb__blog-post-description-3 rte rte"
style=" --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; "
>
La tradition chrétienne situe la naissance de l'Église à la Pentecôte, cinquante jours après Pâques. Les premiers siècles sont ceux de la prédication des apôtres, puis des persécutions dans l'Empire...
</rte-formatter>
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div class="resource-list__item">
<div
class="featured-blog-posts-card spacing-style border-style"
data-block-id="AM0gzek40T053NzFvd__static-blog-post-card-4"
data-testid="featured-blog-posts-card"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --text-align: left; --horizontal-alignment: left; --gap: 8px; "
><a class="featured-blog-posts-card__link" href="/blogs/blog-chretien/medaille-miraculeuse-signification">
<span class="visually-hidden">La Médaille Miraculeuse : histoire et signification</span>
</a><div class="featured-blog-posts-card__inner">
<style data-shopify>
.featured-blog-posts-card[data-block-id="AM0gzek40T053NzFvd__static-blog-post-card-4"] {
--ratio: 16 / 9;
}
</style>
<div
class="resource-image featured-blog-posts-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; "
><img src="//bijoux-chretiens.fr/cdn/shop/articles/medaille-miraculeuse-signification-v2.jpg?v=1789490073&width=3840" alt="Médaille miraculeuse : chapelle mariale parisienne où est née la dévotion" srcset="//bijoux-chretiens.fr/cdn/shop/articles/medaille-miraculeuse-signification-v2.jpg?v=1789490073&width=240 240w, //bijoux-chretiens.fr/cdn/shop/articles/medaille-miraculeuse-signification-v2.jpg?v=1789490073&width=352 352w, //bijoux-chretiens.fr/cdn/shop/articles/medaille-miraculeuse-signification-v2.jpg?v=1789490073&width=832 832w, //bijoux-chretiens.fr/cdn/shop/articles/medaille-miraculeuse-signification-v2.jpg?v=1789490073&width=1200 1200w, //bijoux-chretiens.fr/cdn/shop/articles/medaille-miraculeuse-signification-v2.jpg?v=1789490073&width=1600 1600w, //bijoux-chretiens.fr/cdn/shop/articles/medaille-miraculeuse-signification-v2.jpg?v=1789490073&width=1920 1920w, //bijoux-chretiens.fr/cdn/shop/articles/medaille-miraculeuse-signification-v2.jpg?v=1789490073&width=2560 2560w, //bijoux-chretiens.fr/cdn/shop/articles/medaille-miraculeuse-signification-v2.jpg?v=1789490073&width=3840 3840w" width="3840" height="2143" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="featured-blog-posts-card__content layout-panel-flex--column"><h3>
<rte-formatter class="spacing-style text-block text-block--ATHpiTGdYUzlZSzIvT__title-4 rte text-block--align-left rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --margin-block-start: 0px;--margin-block-end: 0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; ">
<h3>La Médaille Miraculeuse : histoire et signification</h3>
</rte-formatter>
</h3>
<div id="shopify-block-AYlI0cE96d2ZhWE9qO__blog-post-info-text-4" class="shopify-block">
<div
class="blog-post-details spacing-style justify-left"
style=" --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px; "
><span><time datetime="2026-09-16T10:42:00Z">16 septembre 2026</time></span><span>|</span><span>Valentin Dusart</span></div>
</div>
<rte-formatter
class="blog-post-card__content-text spacing-style text-block text-block--AVFhJOVhIdVNSV21Cb__blog-post-description-4 rte rte"
style=" --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; "
>
Rue du Bac, 1830 : d'où vient la médaille, ce que signifient le M, les deux cœurs et les douze étoiles, et comment choisir la sienne.
</rte-formatter>
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div class="resource-list__item">
<div
class="featured-blog-posts-card spacing-style border-style"
data-block-id="AM0gzek40T053NzFvd__static-blog-post-card-5"
data-testid="featured-blog-posts-card"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --text-align: left; --horizontal-alignment: left; --gap: 8px; "
><a class="featured-blog-posts-card__link" href="/blogs/blog-chretien/meditation-chretienne">
<span class="visually-hidden">La méditation chrétienne : un guide pour débuter</span>
</a><div class="featured-blog-posts-card__inner">
<style data-shopify>
.featured-blog-posts-card[data-block-id="AM0gzek40T053NzFvd__static-blog-post-card-5"] {
--ratio: 16 / 9;
}
</style>
<div
class="resource-image featured-blog-posts-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; "
><img src="//bijoux-chretiens.fr/cdn/shop/articles/meditation-chretienne-41774.jpg?v=1789541782&width=3840" alt="La méditation chrétienne : un guide pour débuter" srcset="//bijoux-chretiens.fr/cdn/shop/articles/meditation-chretienne-41774.jpg?v=1789541782&width=240 240w, //bijoux-chretiens.fr/cdn/shop/articles/meditation-chretienne-41774.jpg?v=1789541782&width=352 352w, //bijoux-chretiens.fr/cdn/shop/articles/meditation-chretienne-41774.jpg?v=1789541782&width=832 832w, //bijoux-chretiens.fr/cdn/shop/articles/meditation-chretienne-41774.jpg?v=1789541782&width=1200 1200w, //bijoux-chretiens.fr/cdn/shop/articles/meditation-chretienne-41774.jpg?v=1789541782&width=1600 1600w, //bijoux-chretiens.fr/cdn/shop/articles/meditation-chretienne-41774.jpg?v=1789541782&width=1920 1920w, //bijoux-chretiens.fr/cdn/shop/articles/meditation-chretienne-41774.jpg?v=1789541782&width=2560 2560w, //bijoux-chretiens.fr/cdn/shop/articles/meditation-chretienne-41774.jpg?v=1789541782&width=3840 3840w" width="3840" height="2143" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="featured-blog-posts-card__content layout-panel-flex--column"><h3>
<rte-formatter class="spacing-style text-block text-block--ATHpiTGdYUzlZSzIvT__title-5 rte text-block--align-left rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --margin-block-start: 0px;--margin-block-end: 0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; ">
<h3>La méditation chrétienne : un guide pour débuter</h3>
</rte-formatter>
</h3>
<div id="shopify-block-AYlI0cE96d2ZhWE9qO__blog-post-info-text-5" class="shopify-block">
<div
class="blog-post-details spacing-style justify-left"
style=" --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px; "
><span><time datetime="2026-09-16T10:42:00Z">16 septembre 2026</time></span><span>|</span><span>Valentin Dusart</span></div>
</div>
<rte-formatter
class="blog-post-card__content-text spacing-style text-block text-block--AVFhJOVhIdVNSV21Cb__blog-post-description-5 rte rte"
style=" --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; "
>
La méditation chrétienne est centrée sur la relation à Dieu et l'écoute de sa Parole : elle ne cherche pas le vide intérieur. Elle prend plusieurs formes : méditer l'Évangile,...
</rte-formatter>
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-6; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div class="resource-list__item">
<div
class="featured-blog-posts-card spacing-style border-style"
data-block-id="AM0gzek40T053NzFvd__static-blog-post-card-6"
data-testid="featured-blog-posts-card"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --text-align: left; --horizontal-alignment: left; --gap: 8px; "
><a class="featured-blog-posts-card__link" href="/blogs/blog-chretien/le-careme">
<span class="visually-hidden">Le Carême : sens, dates et comment bien le vivre</span>
</a><div class="featured-blog-posts-card__inner">
<style data-shopify>
.featured-blog-posts-card[data-block-id="AM0gzek40T053NzFvd__static-blog-post-card-6"] {
--ratio: 16 / 9;
}
</style>
<div
class="resource-image featured-blog-posts-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; "
><img src="//bijoux-chretiens.fr/cdn/shop/articles/le-careme-41766.jpg?v=1789541774&width=3840" alt="Le Carême : sens, dates et comment bien le vivre" srcset="//bijoux-chretiens.fr/cdn/shop/articles/le-careme-41766.jpg?v=1789541774&width=240 240w, //bijoux-chretiens.fr/cdn/shop/articles/le-careme-41766.jpg?v=1789541774&width=352 352w, //bijoux-chretiens.fr/cdn/shop/articles/le-careme-41766.jpg?v=1789541774&width=832 832w, //bijoux-chretiens.fr/cdn/shop/articles/le-careme-41766.jpg?v=1789541774&width=1200 1200w, //bijoux-chretiens.fr/cdn/shop/articles/le-careme-41766.jpg?v=1789541774&width=1600 1600w, //bijoux-chretiens.fr/cdn/shop/articles/le-careme-41766.jpg?v=1789541774&width=1920 1920w, //bijoux-chretiens.fr/cdn/shop/articles/le-careme-41766.jpg?v=1789541774&width=2560 2560w, //bijoux-chretiens.fr/cdn/shop/articles/le-careme-41766.jpg?v=1789541774&width=3840 3840w" width="3840" height="2143" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="featured-blog-posts-card__content layout-panel-flex--column"><h3>
<rte-formatter class="spacing-style text-block text-block--ATHpiTGdYUzlZSzIvT__title-6 rte text-block--align-left rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --margin-block-start: 0px;--margin-block-end: 0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; ">
<h3>Le Carême : sens, dates et comment bien le vivre</h3>
</rte-formatter>
</h3>
<div id="shopify-block-AYlI0cE96d2ZhWE9qO__blog-post-info-text-6" class="shopify-block">
<div
class="blog-post-details spacing-style justify-left"
style=" --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px; "
><span><time datetime="2026-09-16T10:42:00Z">16 septembre 2026</time></span><span>|</span><span>Valentin Dusart</span></div>
</div>
<rte-formatter
class="blog-post-card__content-text spacing-style text-block text-block--AVFhJOVhIdVNSV21Cb__blog-post-description-6 rte rte"
style=" --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; "
>
Quarante jours, trois piliers et deux jours de jeûne : les dates, l'origine, et ce que l'Église demande vraiment.
</rte-formatter>
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-7; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div class="resource-list__item">
<div
class="featured-blog-posts-card spacing-style border-style"
data-block-id="AM0gzek40T053NzFvd__static-blog-post-card-7"
data-testid="featured-blog-posts-card"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --text-align: left; --horizontal-alignment: left; --gap: 8px; "
><a class="featured-blog-posts-card__link" href="/blogs/blog-chretien/poisson-symbole-chretien-ichthus">
<span class="visually-hidden">Le poisson, symbole chrétien : origine de l'Ichthus</span>
</a><div class="featured-blog-posts-card__inner">
<style data-shopify>
.featured-blog-posts-card[data-block-id="AM0gzek40T053NzFvd__static-blog-post-card-7"] {
--ratio: 16 / 9;
}
</style>
<div
class="resource-image featured-blog-posts-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; "
><img src="//bijoux-chretiens.fr/cdn/shop/articles/poisson-symbole-chretien-ichthus-40747.jpg?v=1789540753&width=3840" alt="Le poisson, symbole chrétien : origine de l'Ichthus" srcset="//bijoux-chretiens.fr/cdn/shop/articles/poisson-symbole-chretien-ichthus-40747.jpg?v=1789540753&width=240 240w, //bijoux-chretiens.fr/cdn/shop/articles/poisson-symbole-chretien-ichthus-40747.jpg?v=1789540753&width=352 352w, //bijoux-chretiens.fr/cdn/shop/articles/poisson-symbole-chretien-ichthus-40747.jpg?v=1789540753&width=832 832w, //bijoux-chretiens.fr/cdn/shop/articles/poisson-symbole-chretien-ichthus-40747.jpg?v=1789540753&width=1200 1200w, //bijoux-chretiens.fr/cdn/shop/articles/poisson-symbole-chretien-ichthus-40747.jpg?v=1789540753&width=1600 1600w, //bijoux-chretiens.fr/cdn/shop/articles/poisson-symbole-chretien-ichthus-40747.jpg?v=1789540753&width=1920 1920w, //bijoux-chretiens.fr/cdn/shop/articles/poisson-symbole-chretien-ichthus-40747.jpg?v=1789540753&width=2560 2560w, //bijoux-chretiens.fr/cdn/shop/articles/poisson-symbole-chretien-ichthus-40747.jpg?v=1789540753&width=3840 3840w" width="3840" height="2143" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="featured-blog-posts-card__content layout-panel-flex--column"><h3>
<rte-formatter class="spacing-style text-block text-block--ATHpiTGdYUzlZSzIvT__title-7 rte text-block--align-left rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --margin-block-start: 0px;--margin-block-end: 0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; ">
<h3>Le poisson, symbole chrétien : origine de l'Ichthus</h3>
</rte-formatter>
</h3>
<div id="shopify-block-AYlI0cE96d2ZhWE9qO__blog-post-info-text-7" class="shopify-block">
<div
class="blog-post-details spacing-style justify-left"
style=" --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px; "
><span><time datetime="2026-09-16T10:42:00Z">16 septembre 2026</time></span><span>|</span><span>Valentin Dusart</span></div>
</div>
<rte-formatter
class="blog-post-card__content-text spacing-style text-block text-block--AVFhJOVhIdVNSV21Cb__blog-post-description-7 rte rte"
style=" --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; "
>
Le poisson est l'un des plus anciens symboles chrétiens, utilisé dès les premiers siècles. En grec, poisson se dit Ichthus (ΙΧΘΥΣ), un acrostiche formé des initiales de « Jésus Christ,...
</rte-formatter>
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-8; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="resource-list__slide"
>
<div class="resource-list__item">
<div
class="featured-blog-posts-card spacing-style border-style"
data-block-id="AM0gzek40T053NzFvd__static-blog-post-card-8"
data-testid="featured-blog-posts-card"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --text-align: left; --horizontal-alignment: left; --gap: 8px; "
><a class="featured-blog-posts-card__link" href="/blogs/blog-chretien/7-sacrements-eglise-catholique">
<span class="visually-hidden">Les 7 sacrements de l'Église catholique : le guide</span>
</a><div class="featured-blog-posts-card__inner">
<style data-shopify>
.featured-blog-posts-card[data-block-id="AM0gzek40T053NzFvd__static-blog-post-card-8"] {
--ratio: 16 / 9;
}
</style>
<div
class="resource-image featured-blog-posts-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; "
><img src="//bijoux-chretiens.fr/cdn/shop/articles/7-sacrements-eglise-catholique-41672.jpg?v=1789541680&width=3840" alt="Les 7 sacrements de l'Église catholique : le guide" srcset="//bijoux-chretiens.fr/cdn/shop/articles/7-sacrements-eglise-catholique-41672.jpg?v=1789541680&width=240 240w, //bijoux-chretiens.fr/cdn/shop/articles/7-sacrements-eglise-catholique-41672.jpg?v=1789541680&width=352 352w, //bijoux-chretiens.fr/cdn/shop/articles/7-sacrements-eglise-catholique-41672.jpg?v=1789541680&width=832 832w, //bijoux-chretiens.fr/cdn/shop/articles/7-sacrements-eglise-catholique-41672.jpg?v=1789541680&width=1200 1200w, //bijoux-chretiens.fr/cdn/shop/articles/7-sacrements-eglise-catholique-41672.jpg?v=1789541680&width=1600 1600w, //bijoux-chretiens.fr/cdn/shop/articles/7-sacrements-eglise-catholique-41672.jpg?v=1789541680&width=1920 1920w, //bijoux-chretiens.fr/cdn/shop/articles/7-sacrements-eglise-catholique-41672.jpg?v=1789541680&width=2560 2560w, //bijoux-chretiens.fr/cdn/shop/articles/7-sacrements-eglise-catholique-41672.jpg?v=1789541680&width=3840 3840w" width="3840" height="2143" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="featured-blog-posts-card__content layout-panel-flex--column"><h3>
<rte-formatter class="spacing-style text-block text-block--ATHpiTGdYUzlZSzIvT__title-8 rte text-block--align-left rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --margin-block-start: 0px;--margin-block-end: 0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; ">
<h3>Les 7 sacrements de l'Église catholique : le guide</h3>
</rte-formatter>
</h3>
<div id="shopify-block-AYlI0cE96d2ZhWE9qO__blog-post-info-text-8" class="shopify-block">
<div
class="blog-post-details spacing-style justify-left"
style=" --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px; "
><span><time datetime="2026-09-16T10:42:00Z">16 septembre 2026</time></span><span>|</span><span>Valentin Dusart</span></div>
</div>
<rte-formatter
class="blog-post-card__content-text spacing-style text-block text-block--AVFhJOVhIdVNSV21Cb__blog-post-description-8 rte rte"
style=" --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; "
>
L'Église catholique compte 7 sacrements, répartis en 3 groupes. Sacrements de l'initiation chrétienne : Baptême, Confirmation, Eucharistie.
</rte-formatter>
</div>
</div>
</div>
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</div><div class="ld-jauge" data-ld-jauge-noyau aria-hidden="true"><span></span></div>
</div>
</div>
</section><section id="shopify-section-template--27635360137545__maison" class="shopify-section section-story-wrapper">
<section
class="sec-story sec-story--template--27635360137545__maison color-custom-template--27635360137545__maison sec-story--no-eyebrow-dot"
style="--sec-story-pt: 64px; --sec-story-pb: 64px; --sec-story-cols: 0; --sec-story-gap: 32px;"
>
<div class="sec-story__inner sec-story__inner--center"><p class="sec-story__eyebrow">La maison</p><h2 class="sec-story__heading">Deux maisons, une même exigence</h2><div class="sec-story__intro"><p>Depuis 2022, je cherche à honorer la foi catholique en proposant des bijoux chrétiens de qualité, et des chapelets.</p><p>En 2026, j'ai décidé de séparer les deux objets, pour faire chacun de mon mieux.</p><p>Vous retrouverez nos bijoux ici, et nos chapelets sur <a href="https://laudaris.fr" rel="noopener">Laudaris</a>.</p><p>J'espère que les deux sélections vous plairont.</p><p>Soyez bénis.</p><p>Valentin</p></div></div>
</section>
</section><section id="shopify-section-template--27635360137545__newsletter" class="shopify-section section-newsletter-wrapper"><section
class="sec-newsletter sec-newsletter--template--27635360137545__newsletter sec-newsletter--variant-custom"
style="--sec-nl-pt: 96px; --sec-nl-pb: 96px; --sec-nl-bg: #1b2a4a; --sec-nl-fg: #faf7f1;"
>
<div class="sec-newsletter__inner sec-newsletter__inner--center"><p class="sec-newsletter__eyebrow">Restons en lien</p><h2 class="sec-newsletter__heading">Rejoignez la maison</h2><div class="sec-newsletter__subheading"><p>Nos nouveautés, nos conseils pour choisir et entretenir vos bijoux, et -15 % sur votre première commande.</p></div><form method="post" action="/contact#NewsletterForm-template--27635360137545__newsletter" id="NewsletterForm-template--27635360137545__newsletter" accept-charset="UTF-8" class="sec-newsletter__form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter"><label class="visually-hidden" for="nl-template--27635360137545__newsletter">Votre adresse e-mail</label>
<input
id="nl-template--27635360137545__newsletter"
type="email"
name="contact[email]"
class="sec-newsletter__input"
placeholder="Votre adresse e-mail"
autocomplete="email"
required
>
<button type="submit" class="sec-newsletter__btn">Je m'inscris</button></form></div>
</section>
</section>
</main>
<footer>
<!-- BEGIN sections: footer-group -->
<section id="shopify-section-sections--27635358925129__footer_reassurance_bar" class="shopify-section shopify-section-group-footer-group section-reassurance-wrapper">
<section
class="sec-reassurance sec-reassurance--sections--27635358925129__footer_reassurance_bar color-custom-sections--27635358925129__footer_reassurance_bar sec-reassurance--align-left"
style="--sec-reassurance-gap: 24px; --sec-reassurance-pt: 16px; --sec-reassurance-pb: 16px;"
>
<ul class="sec-reassurance__list" role="list"><li class="sec-reassurance__item" ><span class="sec-reassurance__icon" aria-hidden="true"><svg class="ico" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 6.5h11v9H3z"/><path d="M14 9.5h4l3 3v3h-7z"/><circle cx="7" cy="18" r="1.7"/><circle cx="17.5" cy="18" r="1.7"/></svg></span><div class="sec-reassurance__text"><p class="sec-reassurance__title">Livraison offerte dès 69 €</p><p class="sec-reassurance__subtitle">Envoi sous 48 h, livraison 6 à 15 jours.</p></div>
</li><li class="sec-reassurance__item" ><span class="sec-reassurance__icon" aria-hidden="true"><svg class="ico" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 11a8 8 0 0 0-14-4.5L4 8"/><path d="M4 4v4h4"/><path d="M4 13a8 8 0 0 0 14 4.5L20 16"/><path d="M20 20v-4h-4"/></svg></span><div class="sec-reassurance__text"><p class="sec-reassurance__title">30 jours pour changer d'avis</p><p class="sec-reassurance__subtitle">Retour gratuit en cas de défaut.</p></div>
</li><li class="sec-reassurance__item" ><span class="sec-reassurance__icon" aria-hidden="true"><svg class="ico" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3.5" y="5.5" width="17" height="13" rx="1.5"/><path d="M4.5 6.5 12 12.5l7.5-6"/></svg></span><div class="sec-reassurance__text"><p class="sec-reassurance__title">Une question sur un bijou ?</p><p class="sec-reassurance__subtitle">Une vraie personne vous répond.</p></div>
</li><li class="sec-reassurance__item" ><span class="sec-reassurance__icon" aria-hidden="true"><svg class="ico" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="10.5" width="14" height="9.5" rx="2"/><path d="M8 10.5V8a4 4 0 0 1 8 0v2.5"/></svg></span><div class="sec-reassurance__text"><p class="sec-reassurance__title">Paiement en 3x, sans frais</p><p class="sec-reassurance__subtitle">Payez en trois fois avec Klarna.</p></div>
</li></ul>
</section>
</section><div id="shopify-section-sections--27635358925129__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper">
<style data-shopify>
.color-custom-sections--27635358925129__footer_m9NzUG,
.color-custom-sections--27635358925129__footer_m9NzUG .text-block {
/* Background */
--color-background: #FAF7F1;
--color-background-rgb: 250 247 241;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #223050;
--color-rgb: 34 48 80;
--color-foreground: #223050;
--color-foreground-rgb: 34 48 80;
--color-foreground-muted: rgb(34 48 80 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(34 48 80 / var(--opacity-subdued-text));
--color-border: var(--palette-darkest);
--color-border-rgb: var(--palette-darkest-rgb);
}
.color-custom-sections--27635358925129__footer_m9NzUG {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(34 48 80 / var(--opacity-10));
--input-disabled-border-color: rgb(34 48 80 / var(--opacity-5));
--input-disabled-text-color: rgb(34 48 80 / var(--opacity-50));
--checkbox-border: 1px solid rgb(34 48 80 / var(--opacity-35-55));
}
.color-custom-sections--27635358925129__footer_m9NzUG {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<div
class="section-background color-custom-sections--27635358925129__footer_m9NzUG"
></div>
<div
class="section section--page-width color-custom-sections--27635358925129__footer_m9NzUG"
>
<div
class="footer-content spacing-style footer-content--isolated-grid-item-desktop footer-content--isolated-grid-item-tablet"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px)); --footer-gap: 20px; --grid-columns: 4; --last-row-count: 1; --tablet-last-row-count: 1; "
>
<div
class="group-block group-block--height-fit group-block--width-fit-content border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start;"
>
<div
class="logo-block spacing-style"
style=" --logo-width: 300px; --logo-height: 40px; --padding-block-start: 0px;--padding-block-end: 4px;--padding-inline-start: 0px;--padding-inline-end: 0px; "
>
<div class="logo-block__image-wrapper">
<img
class="logo-block__image"
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/bc-logo-default.svg?v=54335713762852493201787937329"
alt="Bijoux Chrétiens"
width="1766"
height="235"
loading="lazy"
>
</div>
</div>
<rte-formatter class="spacing-style text-block text-block--AUWFHRkY0RkNiZGtDW__ld_base paragraph rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --margin-block-start: 0px;--margin-block-end: 0px; --width: fit-content; --max-width: var(--max-width--body-38ch); ">
<p>La bijouterie chrétienne : porter sa foi, du baptême au quotidien.</p>
</rte-formatter>
</div>
</div>
<accordion-custom
class="menu"
open-by-default-on-desktop
open-by-default-on-mobile
data-disable-on-desktop="true"
data-disable-on-mobile="true"
>
<details
class="menu__details spacing-style"
data-testid="menu-details"
style=" --spacing--size: 12px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; "
open
>
<summary class="menu__heading h3">
<span class="menu__heading__default">Boutique</span>
<span class="menu__heading__accordion">
Boutique
<span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</summary>
<nav
class="details-content"
>
<ul class="list-unstyled">
<li class="menu__item paragraph">
<details class="menu__tiroir">
<summary class="menu__tiroir-titre">
<span>Bijoux Croix</span>
<span class="menu__tiroir-caret svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<ul class="list-unstyled menu__sublist">
<li class="menu__subitem paragraph">
<a href="/collections/bijoux-croix">Voir tout</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/colliers-croix">Colliers croix</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/pendentifs-croix">Pendentifs croix</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/bracelets-croix">Bracelets croix</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/bagues-croix">Bagues croix</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/boucles-doreilles-croix">Boucles d'oreilles croix</a>
</li>
<li class="menu__subitem paragraph">
<a href="/blogs/blog-chretien/taille-croix-pendentif">Quelle taille de croix choisir ?</a>
</li>
<li class="menu__subitem paragraph">
<a href="/blogs/blog-chretien/pourquoi-porter-croix-cou">Pourquoi porter une croix ?</a>
</li>
</ul>
</details>
</li>
<li class="menu__item paragraph">
<details class="menu__tiroir">
<summary class="menu__tiroir-titre">
<span>Médailles & Saints</span>
<span class="menu__tiroir-caret svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<ul class="list-unstyled menu__sublist">
<li class="menu__subitem paragraph">
<a href="/collections/medailles-saints">Voir tout</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/vierge-marie">Vierge Marie</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/saint-esprit">Colombe de l'Esprit-Saint</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/saint-benoit">Saint Benoît</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/ange-gardien">Ange gardien</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/poisson-chretien-ichtus">Poisson chrétien (Ichtus)</a>
</li>
<li class="menu__subitem paragraph">
<a href="/blogs/blog-chretien/croix-crucifix-ou-medaille">Croix, crucifix ou médaille ?</a>
</li>
<li class="menu__subitem paragraph">
<a href="/blogs/blog-chretien/fete-saint-patron">La fête du saint patron</a>
</li>
<li class="menu__subitem paragraph">
<a href="/blogs/blog-chretien/calendrier-des-saints">Le calendrier des saints</a>
</li>
</ul>
</details>
</li>
<li class="menu__item paragraph">
<details class="menu__tiroir">
<summary class="menu__tiroir-titre">
<span>Pour elle</span>
<span class="menu__tiroir-caret svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<ul class="list-unstyled menu__sublist">
<li class="menu__subitem paragraph">
<a href="/collections/femme">Voir tout</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/bijoux-croix-femme">Bijoux croix femme</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/colliers-croix-femme">Colliers croix femme</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/boucles-doreilles-croix-femme">Boucles d'oreilles croix femme</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/bagues-croix-femme">Bagues croix femme</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/bracelets-femme">Bracelets croix femme</a>
</li>
<li class="menu__subitem paragraph">
<a href="/blogs/blog-chretien/croix-crucifix-ou-medaille">Croix, crucifix ou médaille ?</a>
</li>
<li class="menu__subitem paragraph">
<a href="/blogs/blog-chretien/bijou-acier-ou-argent">Acier ou argent, que choisir ?</a>
</li>
</ul>
</details>
</li>
<li class="menu__item paragraph">
<details class="menu__tiroir">
<summary class="menu__tiroir-titre">
<span>Pour lui</span>
<span class="menu__tiroir-caret svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<ul class="list-unstyled menu__sublist">
<li class="menu__subitem paragraph">
<a href="/collections/homme">Voir tout</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/colliers-croix-homme">Colliers croix homme</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/bracelets-homme">Bracelets croix homme</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/chevalieres">Chevalières</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/bagues-homme">Bagues homme</a>
</li>
<li class="menu__subitem paragraph">
<a href="/blogs/blog-chretien/taille-croix-pendentif">Quelle taille de croix choisir ?</a>
</li>
<li class="menu__subitem paragraph">
<a href="/blogs/blog-chretien/bijou-acier-ou-argent">Acier ou argent, que choisir ?</a>
</li>
</ul>
</details>
</li>
<li class="menu__item paragraph">
<details class="menu__tiroir">
<summary class="menu__tiroir-titre">
<span>Idées cadeaux</span>
<span class="menu__tiroir-caret svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<ul class="list-unstyled menu__sublist">
<li class="menu__subitem paragraph">
<a href="/collections/cadeau-chretien">Voir tout</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/bapteme">Baptême</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/communion">Communion</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/confirmation">Confirmation</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/cadeau-moins-de-30-euros">Moins de 30 €</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/cadeau-moins-de-50-euros">Moins de 50 €</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/cadeau-moins-de-100-euros">Moins de 100 €</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/cadeau-femme">Cadeau femme</a>
</li>
<li class="menu__subitem paragraph">
<a href="/collections/cadeau-homme">Cadeau homme</a>
</li>
<li class="menu__subitem paragraph">
<a href="/pages/cadeaux-chretiens">Bien choisir un cadeau</a>
</li>
<li class="menu__subitem paragraph">
<a href="/blogs/blog-chretien/cadeau-premiere-communion">Cadeau de première communion</a>
</li>
<li class="menu__subitem paragraph">
<a href="/blogs/blog-chretien/cadeau-bapteme-fille">Cadeau de baptême pour une fille</a>
</li>
<li class="menu__subitem paragraph">
<a href="/blogs/blog-chretien/cadeau-bapteme-garcon">Cadeau de baptême pour un garçon</a>
</li>
</ul>
</details>
</li>
</ul>
</nav>
</details>
</accordion-custom>
<accordion-custom
class="menu"
open-by-default-on-desktop
open-by-default-on-mobile
data-disable-on-desktop="true"
data-disable-on-mobile="true"
>
<details
class="menu__details spacing-style"
data-testid="menu-details"
style=" --spacing--size: 12px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; "
open
>
<summary class="menu__heading h3">
<span class="menu__heading__default">Aide</span>
<span class="menu__heading__accordion">
Aide
<span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</summary>
<nav
class="details-content"
>
<ul class="list-unstyled">
<li class="menu__item paragraph">
<a href="/pages/avis-clients">
Avis clients
</a>
</li>
<li class="menu__item paragraph">
<a href="/pages/suivi">
Suivi de commande
</a>
</li>
<li class="menu__item paragraph">
<a href="/pages/faq">
Foire aux questions (FAQ)
</a>
</li>
<li class="menu__item paragraph">
<a href="/pages/contact">
Nous contacter
</a>
</li>
<li class="menu__item paragraph">
<a href="/pages/a-propos">
À propos
</a>
</li>
<li class="menu__item paragraph">
<a href="/pages/guide-dentretien">
Guide d'entretien
</a>
</li>
<li class="menu__item paragraph">
<a href="/blogs/blog-chretien">
Blog
</a>
</li>
<li class="menu__item paragraph">
<a href="#cookies">
Gérer les cookies
</a>
</li>
</ul>
</nav>
</details>
</accordion-custom>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 6px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div class="spacing-style text-block text-block--AQXJUWnhsUlo2Vm1FV__text_LWt8Pz h4 text-block--align-left" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --margin-block-start: 0px;--margin-block-end: 0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; ">
<p>Rejoignez la maison</p>
</div>
<rte-formatter class="spacing-style text-block text-block--ASzcyWVA0ZTlkZzNTT__text_f9CFLH rte text-block--align-left rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --margin-block-start: 0px;--margin-block-end: 0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; ">
<p>Nos nouveautés, nos conseils, et -10 % sur votre première commande.</p>
</rte-formatter>
<div
class="email-signup-block size-style spacing-style"
style=" --size-style-width: 100%;--size-style-height: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; "
>
<form method="post" action="/contact#EmailSignup-AYTRUaXBWbW02MnFlN__email_signup_crihX7" id="EmailSignup-AYTRUaXBWbW02MnFlN__email_signup_crihX7" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<div
class="email-signup__input-group email-signup__input-group--integrated email-signup__input-group--arrow"
style=" --border-width: 1px; --border-radius: 100px; --color-input-background: #FAF7F1; --color-input-text: #223050; --color-input-text-rgb: 34 48 80; --color-input-border: #8A8478; "
>
<label
for="EmailInput-AYTRUaXBWbW02MnFlN__email_signup_crihX7"
class="visually-hidden"
>
E-mail
</label>
<input
id="EmailInput-AYTRUaXBWbW02MnFlN__email_signup_crihX7"
class="email-signup__input email-signup__input--all paragraph"
type="email"
name="contact[email]"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
placeholder="Adresse e-mail"
required
>
<button
class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AYTRUaXBWbW02MnFlN__email_signup_crihX7"
aria-label="S’inscrire"
>
<svg
viewbox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
focusable="false"
aria-hidden="true"
class="email-signup__button-icon"
>
<path
clip-rule="evenodd"
d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</button>
</div></form>
</div>
</div>
</div>
<div
class="payment-icons spacing-style"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --icon-gap: 10px; --alignment: flex-end; "
>
<span class="visually-hidden">Moyens de paiement</span>
<ul
class="payment-icons__list"
role="list"
><li class="payment-icons__item">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
</li><li class="payment-icons__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="payment-icons__item">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" aria-labelledby="pi-bancontact" role="img" viewbox="0 0 38 24" width="38" height="24"><title id="pi-bancontact">Bancontact</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M4.703 3.077h28.594c.139 0 .276.023.405.068.128.045.244.11.343.194a.9.9 0 0 1 .229.29c.053.107.08.223.08.34V20.03a.829.829 0 0 1-.31.631 1.164 1.164 0 0 1-.747.262H4.703a1.23 1.23 0 0 1-.405-.068 1.09 1.09 0 0 1-.343-.194.9.9 0 0 1-.229-.29.773.773 0 0 1-.08-.34V3.97c0-.118.027-.234.08-.342a.899.899 0 0 1 .23-.29c.098-.082.214-.148.342-.193a1.23 1.23 0 0 1 .405-.068Z" fill="#fff"/><path d="M6.38 18.562v-3.077h1.125c.818 0 1.344.259 1.344.795 0 .304-.167.515-.401.638.338.132.536.387.536.734 0 .62-.536.91-1.37.91H6.38Zm.724-1.798h.537c.328 0 .468-.136.468-.387 0-.268-.255-.356-.599-.356h-.406v.743Zm0 1.262h.448c.438 0 .693-.093.693-.383 0-.286-.219-.404-.63-.404h-.51v.787Zm3.284.589c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.156.002.31.014.464.035v-.105c0-.269-.183-.396-.531-.396a2.128 2.128 0 0 0-.688.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.767 0 1.147.343 1.147.936v1.222c-.214.093-.615.194-1.136.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.947.947 0 0 0 .365-.061Zm1.204.444v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.167-.444-.484-.444a1.267 1.267 0 0 0-.459.079v1.719h-.713Zm4.886-2.167-.135.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.652.25-.652.664 0 .453.24.685.688.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.553 2.22c-.802 0-1.302-.47-1.302-1.178 0-.704.5-1.174 1.302-1.174.807 0 1.297.47 1.297 1.173 0 .708-.49 1.179-1.297 1.179Zm0-.502c.37 0 .563-.259.563-.677 0-.413-.193-.672-.563-.672-.364 0-.568.26-.568.672 0 .418.204.677.568.677Zm1.713.449v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.166-.444-.484-.444a1.268 1.268 0 0 0-.459.079v1.719h-.713Zm3.996.053c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.355v-.488l.718-.03v.518h.578v.484h-.578v.94c0 .256.125.374.36.374.093 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Zm1.814 0c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.155.002.31.014.464.035v-.105c0-.269-.183-.396-.532-.396a2.128 2.128 0 0 0-.687.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.766 0 1.146.343 1.146.936v1.222c-.213.093-.614.194-1.135.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.946.946 0 0 0 .365-.061Zm3.157-1.723-.136.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.651.25-.651.664 0 .453.24.685.687.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.58 2.22c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.354v-.488l.72-.03v.518h.577v.484h-.578v.94c0 .256.125.374.36.374.092 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Z" fill="#1E3764"/><path d="M11.394 13.946c3.803 0 5.705-2.14 7.606-4.28H6.38v4.28h5.014Z" fill="url(#pi-bancontact-a)"/><path d="M26.607 5.385c-3.804 0-5.705 2.14-7.607 4.28h12.62v-4.28h-5.013Z" fill="url(#pi-bancontact-b)"/><defs><lineargradient id="pi-bancontact-a" x1="8.933" y1="12.003" x2="17.734" y2="8.13" gradientunits="userSpaceOnUse"><stop stop-color="#005AB9"/><stop offset="1" stop-color="#1E3764"/></lineargradient><lineargradient id="pi-bancontact-b" x1="19.764" y1="10.037" x2="29.171" y2="6.235" gradientunits="userSpaceOnUse"><stop stop-color="#FBA900"/><stop offset="1" stop-color="#FFD800"/></lineargradient></defs></svg>
</li><li class="payment-icons__item">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" aria-labelledby="pi-cartes_bancaires"><title id="pi-cartes_bancaires">Cartes Bancaires</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="url(#pi-cartes_bancaires-bg)" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M359.76,172.39L377.69,176.41C391.283,180.103 404.573,185.387 417.56,192.26L436.24,204.32C444.133,210.28 451.377,216.933 457.97,224.28C468.75,236.533 477.46,250.08 484.1,264.92C491.547,282.307 496.263,300.463 498.25,319.39L498.88,325.76C498.884,325.797 498.885,325.833 498.885,325.87C498.885,326.477 498.387,326.978 497.78,326.98L488.04,327.03L463.22,327.01L364.28,327.01L314.43,327.03C314.189,327.03 313.99,327.229 313.99,327.47L313.97,358.76C313.97,359.149 314.291,359.47 314.68,359.47L347.03,359.44L392.51,359.36L455.5,359.39L476.03,359.37L497.93,359.27C497.934,359.27 497.938,359.27 497.942,359.27C498.436,359.27 498.842,359.676 498.842,360.17C498.842,360.19 498.841,360.21 498.84,360.23C497.793,375.25 495.07,389.85 490.67,404.03C481.463,433.73 465.017,458.42 441.33,478.1C434.7,482.97 427.99,488.11 421.1,492.01C414.607,495.677 407.88,499.007 400.92,502C390.773,505.96 380.283,509.25 369.45,511.87C358.57,514.083 347.61,515.697 336.57,516.71C323.27,517.67 310.147,517.68 297.2,516.74C284.933,515.8 273.123,514.087 261.77,511.6L238.33,504.64L222.81,498.06C213.743,493.66 205.42,488.693 197.84,483.16C194.92,481.02 191.367,478.213 187.18,474.74C179.267,467.567 172.037,459.82 165.49,451.5C149.837,429.727 139.937,405.473 135.79,378.74C134.997,373.607 134.313,368.713 133.74,364.06C133.493,359.447 133.287,355.093 133.12,351C130.62,288.62 154.03,229.02 209.21,195.62C221.257,188.393 234.053,182.7 247.6,178.54C266.753,172.68 286.397,169.49 306.53,168.97C310.04,168.99 313.69,168.59 316.97,168.67C332.75,169.1 344.72,169.82 359.76,172.39Z" fill="#fff" transform="matrix(.0373 0 0 .0321 1 1)"/><path d="M543.53,178.39L564.53,178.48L615.29,178.46L626.64,178.39L658.03,178.43L695.21,178.41L715.29,178.46L742.47,178.47C754.77,178.27 765.197,178.96 773.75,180.54C775.25,180.813 778.343,181.547 783.03,182.74C791.683,185.62 799.43,190.06 806.27,196.06C821.137,209.253 829.46,225.9 831.24,246C831.54,249.353 831.53,254.247 831.21,260.68C830.883,262.76 830.52,264.863 830.12,266.99C826.12,288.283 815.17,304.643 797.27,316.07C791.15,319.983 784.14,322.75 776.24,324.37C766.087,326.103 757.34,326.973 750,326.98C729.9,327.007 709.807,327.017 689.72,327.01L640.23,327.03L610.96,327.03L552.22,327.08L529.14,326.99C528.66,326.99 528.42,326.75 528.42,326.27L528.39,210.79L528.46,182.34L528.39,178.97C528.39,178.966 528.39,178.963 528.39,178.959C528.385,178.641 528.647,178.375 528.971,178.37C528.974,178.37 528.977,178.37 528.98,178.37L543.53,178.39Z" fill="#fff" transform="matrix(.0373 0 0 .0321 1 1)"/><path d="M544.02,359.28L600.29,359.41L629.53,359.47L686.76,359.42C710.667,359.473 734.58,359.523 758.5,359.57C761.013,359.57 764.993,359.987 770.44,360.82C794.68,363.74 814.59,379.34 824.72,401.32C830.253,413.787 832.43,426.597 831.25,439.75C828.89,466.217 816.147,486.057 793.02,499.27C777.79,506.54 761.85,507.5 745.02,507.51C735.833,507.517 726.643,507.513 717.45,507.5L680.94,507.51L653.28,507.52L592.8,507.63L585.32,507.53L539.82,507.52L529.54,507.64C528.88,507.58 528.55,507.367 528.55,507C528.557,475.087 528.537,443.147 528.49,411.18L528.47,360.61C528.47,359.71 528.917,359.263 529.81,359.27L544.02,359.28Z" fill="#fff" transform="matrix(.0373 0 0 .0321 1 1)"/><defs><lineargradient id="pi-cartes_bancaires-bg" x1="1" y1="23" x2="37" y2="1" gradientunits="userSpaceOnUse"><stop stop-color="#003087"/><stop offset=".32" stop-color="#005AA8"/><stop offset=".5" stop-color="#E7DFDC"/><stop offset=".74" stop-color="#C8102E"/><stop offset="1" stop-color="#B00020"/></lineargradient></defs></svg>
</li><li class="payment-icons__item">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" viewbox="0 0 38 24" aria-labelledby="pi-klarna" fill="none"><title id="pi-klarna">Klarna</title><rect width="38" height="24" rx="2" fill="#FFA8CD"/><rect x=".5" y=".5" width="37" height="23" rx="1.5" stroke="#000" stroke-opacity=".07"/><path d="M30.62 14.755c-.662 0-1.179-.554-1.179-1.226 0-.673.517-1.226 1.18-1.226.663 0 1.18.553 1.18 1.226 0 .672-.517 1.226-1.18 1.226zm-.33 1.295c.565 0 1.286-.217 1.686-1.068l.04.02c-.176.465-.176.742-.176.81v.11h1.423v-4.786H31.84v.109c0 .069 0 .346.175.81l-.039.02c-.4-.85-1.121-1.068-1.687-1.068-1.355 0-2.31 1.088-2.31 2.522 0 1.433.955 2.521 2.31 2.521zm-4.788-5.043c-.643 0-1.15.228-1.56 1.068l-.039-.02c.175-.464.175-.741.175-.81v-.11h-1.423v4.787h1.462V13.4c0-.662.38-1.078.995-1.078.614 0 .917.356.917 1.068v2.532h1.462v-3.046c0-1.088-.838-1.869-1.989-1.869zm-4.963 1.068l-.039-.02c.176-.464.176-.741.176-.81v-.11h-1.424v4.787h1.463l.01-2.304c0-.673.35-1.078.926-1.078.156 0 .282.02.429.06v-1.464c-.644-.139-1.22.109-1.54.94zm-4.65 2.68c-.664 0-1.18-.554-1.18-1.226 0-.673.516-1.226 1.18-1.226.662 0 1.179.553 1.179 1.226 0 .672-.517 1.226-1.18 1.226zm-.332 1.295c.565 0 1.287-.217 1.687-1.068l.038.02c-.175.465-.175.742-.175.81v.11h1.424v-4.786h-1.424v.109c0 .069 0 .346.175.81l-.038.02c-.4-.85-1.122-1.068-1.687-1.068-1.356 0-2.311 1.088-2.311 2.522 0 1.433.955 2.521 2.31 2.521zm-4.349-.128h1.463V9h-1.463v6.922zM10.136 9H8.644c0 1.236-.751 2.343-1.892 3.134l-.448.317V9h-1.55v6.922h1.55V12.49l2.564 3.43h1.892L8.293 12.64c1.121-.82 1.852-2.096 1.843-3.639z" fill="#0B051D"/></svg>
</li><li class="payment-icons__item">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>
</li><li class="payment-icons__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="payment-icons__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="payment-icons__item">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 16.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
</li></ul>
</div>
</div>
</div>
</div><div id="shopify-section-sections--27635358925129__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities">
<style data-shopify>
.color-custom-sections--27635358925129__footer_utilities_jLGE8U,
.color-custom-sections--27635358925129__footer_utilities_jLGE8U .text-block {
/* Background */
--color-background: #FAF7F1;
--color-background-rgb: 250 247 241;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #223050;
--color-rgb: 34 48 80;
--color-foreground: #223050;
--color-foreground-rgb: 34 48 80;
--color-foreground-muted: rgb(34 48 80 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(34 48 80 / var(--opacity-subdued-text));
--color-border: var(--palette-darkest);
--color-border-rgb: var(--palette-darkest-rgb);
}
.color-custom-sections--27635358925129__footer_utilities_jLGE8U {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(34 48 80 / var(--opacity-10));
--input-disabled-border-color: rgb(34 48 80 / var(--opacity-5));
--input-disabled-text-color: rgb(34 48 80 / var(--opacity-50));
--checkbox-border: 1px solid rgb(34 48 80 / var(--opacity-35-55));
}
.color-custom-sections--27635358925129__footer_utilities_jLGE8U {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<div
class="section-background color-custom-sections--27635358925129__footer_utilities_jLGE8U"
></div>
<div
class="section section--page-width color-custom-sections--27635358925129__footer_utilities_jLGE8U"
>
<div
class="utilities utilities--blocks-2 spacing-style"
style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 0px; --divider-color: #8A8478; --gap: 24px;"
data-testid="footer-utilities"
>
<div
class="footer-utilities__group-copyright custom-typography custom-font-size"
style=" --font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-); "
>
<span class="footer-utilities__text">
© 2026
<a href="/" title="">Bijoux Chrétiens</a></span>
</div>
<div id="shopify-block-AeUs0bG0wNzNCQ1RwO__ld_legal" class="shopify-block"><div
class="ld-legal"
style="--ld-legal-size: 0.6875rem;"
><a href="/policies/privacy-policy">Politique de confidentialité</a><a href="/policies/contact-information">Coordonnées</a><a href="/policies/legal-notice">Mentions légales</a><a href="/policies/refund-policy">Politique de remboursement</a><a href="/policies/shipping-policy">Politique d’expédition</a><a href="/policies/terms-of-sale">Conditions générales de vente</a><a href="/policies/terms-of-service">Conditions d’utilisation</a></div>
</div>
</div>
</div>
</div><section id="shopify-section-sections--27635358925129__popup_newsletter" class="shopify-section shopify-section-group-footer-group"><sec-popup-newsletter
class="bc-popup"
data-delai="7"
data-repos="14"
data-cle="bc-popup-sections--27635358925129__popup_newsletter"
style="--bc-popup-bg: #FAF7F1; --bc-popup-fg: #223050; --bc-popup-radius: 0px;"
>
<dialog class="bc-popup__dialog bc-popup__dialog--center" aria-labelledby="popup-newsletter-titre-sections--27635358925129__popup_newsletter" ref="dialog">
<button type="button" class="bc-popup__close" aria-label="Fermer" ref="close">
<svg viewbox="0 0 24 24" width="18" height="18" aria-hidden="true" focusable="false" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M5 5l14 14M19 5L5 19" stroke-linecap="round"/>
</svg>
</button><div class="bc-popup__media">
<img src="//bijoux-chretiens.fr/cdn/shop/files/bc-popup-bienvenue.jpg?v=1788039361&width=800" alt="Deux colliers croix et une médaille miraculeuse en doré, posés sur du lin près d'un pochon marine." srcset="//bijoux-chretiens.fr/cdn/shop/files/bc-popup-bienvenue.jpg?v=1788039361&width=320 320w, //bijoux-chretiens.fr/cdn/shop/files/bc-popup-bienvenue.jpg?v=1788039361&width=480 480w, //bijoux-chretiens.fr/cdn/shop/files/bc-popup-bienvenue.jpg?v=1788039361&width=640 640w, //bijoux-chretiens.fr/cdn/shop/files/bc-popup-bienvenue.jpg?v=1788039361&width=800 800w" width="800" height="597" loading="eager" sizes="(min-width: 750px) 320px, 100vw">
</div><div class="bc-popup__corps"><p class="bc-popup__eyebrow">Nouveautés et offres privilégiées</p><p id="popup-newsletter-titre-sections--27635358925129__popup_newsletter" class="bc-popup__titre h2">-10 % sur votre première commande</p><div class="bc-popup__texte"><p>Laissez-nous votre e-mail, votre code apparaît aussitôt.</p></div><form method="post" action="/contact#PopupNewsletter-sections--27635358925129__popup_newsletter" id="PopupNewsletter-sections--27635358925129__popup_newsletter" accept-charset="UTF-8" class="bc-popup__form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter"><label class="visually-hidden" for="PopupNewsletter-sections--27635358925129__popup_newsletter-prenom">Votre prénom (facultatif)</label>
<input
id="PopupNewsletter-sections--27635358925129__popup_newsletter-prenom"
type="text"
name="contact[first_name]"
class="bc-popup__input bc-popup__input--prenom"
placeholder="Votre prénom (facultatif)"
autocomplete="given-name"
><label class="visually-hidden" for="PopupNewsletter-sections--27635358925129__popup_newsletter-email">Votre adresse e-mail</label>
<input
id="PopupNewsletter-sections--27635358925129__popup_newsletter-email"
type="email"
name="contact[email]"
class="bc-popup__input"
placeholder="Votre adresse e-mail"
autocomplete="email"
required
>
<button type="submit" class="bc-popup__btn">S'abonner</button></form><div class="bc-popup__mentions"><p>Offre non cumulable · Désinscription en un clic · <a href="/policies/privacy-policy">Politique de confidentialité</a></p></div></div>
</dialog><div class="bc-popup__zone" hidden ref="zone" style="--bc-popup-tab-bg: #1b2a4a; --bc-popup-tab-fg: #FAF7F1;">
<button type="button" class="bc-popup__onglet" ref="onglet">-10 % offerts</button>
<button type="button" class="bc-popup__zone-fermer" aria-label="Masquer cette offre" ref="masquer"><svg viewbox="0 0 24 24" width="12" height="12" aria-hidden="true" focusable="false" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M5 5l14 14M19 5L5 19" stroke-linecap="round"/>
</svg>
</button>
</div></sec-popup-newsletter>
</section><section id="shopify-section-sections--27635358925129__cookie_banner" class="shopify-section shopify-section-group-footer-group"><sec-cookie-banner
class="sec-cookies"
hidden
data-apercu="true"
style="--sec-ck-bg: #223050; --sec-ck-fg: #FAF7F1; --sec-ck-radius: 3px;"
><div class="sec-cookies__voile" aria-hidden="true"></div><div class="sec-cookies__barre" role="region" aria-label="Consentement aux cookies" aria-describedby="sec-cookies-texte">
<div class="sec-cookies__interieur">
<div class="sec-cookies__reglages" hidden ref="reglages">
<ul class="sec-cookies__liste">
<li class="sec-cookies__ligne">
<div class="sec-cookies__ligne-texte">
<span class="sec-cookies__ligne-nom">Nécessaires</span>
<span class="sec-cookies__ligne-info">Panier, connexion, sécurité du paiement.</span>
</div>
<span class="sec-cookies__toujours">Toujours actifs</span>
</li>
<li class="sec-cookies__ligne">
<div class="sec-cookies__ligne-texte">
<span class="sec-cookies__ligne-nom">Mesure d'audience</span>
<span class="sec-cookies__ligne-info">Comprendre comment le site est utilisé.</span>
</div>
<input type="checkbox" class="sec-cookies__case" data-categorie="analytics" aria-label="Mesure d'audience">
</li>
<li class="sec-cookies__ligne">
<div class="sec-cookies__ligne-texte">
<span class="sec-cookies__ligne-nom">Publicité</span>
<span class="sec-cookies__ligne-info">Mesurer nos campagnes et limiter les répétitions.</span>
</div>
<input type="checkbox" class="sec-cookies__case" data-categorie="marketing" aria-label="Publicité">
</li>
<li class="sec-cookies__ligne">
<div class="sec-cookies__ligne-texte">
<span class="sec-cookies__ligne-nom">Préférences</span>
<span class="sec-cookies__ligne-info">Retenir votre pays et votre langue.</span>
</div>
<input type="checkbox" class="sec-cookies__case" data-categorie="preferences" aria-label="Préférences">
</li>
</ul>
</div>
<div class="sec-cookies__principal"><div class="sec-cookies__texte" id="sec-cookies-texte">
<p>Nous utilisons des cookies pour faire fonctionner la boutique et mesurer notre audience. Vous pouvez changer d'avis à tout moment.</p>
<button type="button" class="sec-cookies__lien" data-action="personnaliser" ref="personnaliser">Personnaliser</button>
</div><div class="sec-cookies__actions">
<button type="button" class="sec-cookies__btn" data-action="refuser">Tout refuser</button>
<button type="button" class="sec-cookies__btn sec-cookies__btn--plein" data-action="accepter">Tout accepter</button>
<button type="button" class="sec-cookies__btn sec-cookies__btn--plein" data-action="enregistrer" hidden ref="enregistrer">Enregistrer mes choix</button>
</div>
</div>
</div>
</div>
</sec-cookie-banner>
</section>
<!-- END sections: footer-group -->
<span id="footer-end" aria-hidden="true"></span>
</footer>
</div>
<div
id="shopify-section-cart-drawer-section"
class="shopify-section"
>
<script
type="module"
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/cart-drawer.js?v=101430053943909765251787727811"
fetchpriority="low"
></script>
<theme-drawer
id="cart-drawer"
data-skip-node-update
>
<dialog
ref="panel"
class="theme-drawer__dialog color-custom-drawer"
aria-labelledby="cart-drawer-heading"
cart-summary-sticky="true"
>
<cart-drawer-component
auto-open
>
<template id="empty-cart-template">
<div
class="cart-drawer__content"
aria-label="Panier"
>
<p
class="theme-drawer__title h4"
id="cart-drawer-heading"
>
Votre panier est vide
</p>
<div class="cart-drawer__items">
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/component-cart-items.js?v=15481655509880482651787727811"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/component-cart-quantity-selector.js?v=168493463479860323171787727811"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/volume-pricing-info.js?v=94479640769665442661787727812"
type="module"
fetchpriority="low"
></script>
<div
class="cart-items__wrapper cart-items__wrapper--drawer-empty"
data-cart-drawer-empty
style=""
>
<p>
Vous possédez un compte ? <a href="https://bijoux-chretiens.fr/customer_authentication/redirect?locale=fr®ion_country=FR">Connectez-vous</a> pour payer plus vite.
</p><a
class="button cart-items__empty-button"
href="/collections/all"
>
<span class="button-text">
Continuer vos achats
</span>
</a></div>
</div>
</div>
</template>
<div
class="cart-drawer__inner cart-drawer--empty"
data-hydration-key="cart-drawer-inner"
><div class="theme-drawer__header">
<button
on:click="#cart-drawer/close"
class="theme-drawer__close-button cart-drawer__close-button--empty"
type="button"
aria-label="Fermer"
>
<span class="svg-wrapper"><svg aria-hidden="true" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</span>
</button>
</div>
<style data-shopify>
.free-shipping-bar {
display: flex;
flex-direction: column;
gap: var(--gap-2xs, 6px);
width: 100%;
padding-block: var(--padding-md, 12px);
}
.free-shipping-bar--drawer {
padding-inline: var(--cart-drawer-padding, var(--padding-lg));
}
.free-shipping-bar--page {
padding-inline: 0;
}
.free-shipping-bar__label {
margin: 0;
font-size: var(--font-size--sm);
color: var(--color-foreground);
text-align: center;
}
.free-shipping-bar--reached .free-shipping-bar__label {
font-weight: var(--font-weight-bold);
}
.free-shipping-bar__track {
position: relative;
width: 100%;
height: 6px;
border-radius: var(--style-border-radius-pills, 999px);
background: color-mix(in srgb, var(--color-foreground) 12%, transparent);
}
.free-shipping-bar--multi .free-shipping-bar__track {
height: 8px;
}
.free-shipping-bar__fill {
position: absolute;
inset-block: 0;
inset-inline-start: 0;
width: var(--free-shipping-progress, 0%);
border-radius: inherit;
background: #7A5E29;
transition: width var(--animation-speed, 0.3s) var(--animation-easing, ease);
}
.free-shipping-bar:not(.free-shipping-bar--multi) .free-shipping-bar__track {
overflow: hidden;
}
.free-shipping-bar__dot {
position: absolute;
top: 50%;
left: clamp(8px, var(--dot-pos, 0%), calc(100% - 8px));
transform: translate(-50%, -50%);
width: 14px;
height: 14px;
border-radius: 50%;
background: var(--color-background);
border: 2px solid color-mix(in srgb, var(--color-foreground) 30%, transparent);
}
.free-shipping-bar__dot--hit {
background: #7A5E29;
border-color: #7A5E29;
}
.free-shipping-bar__legend {
position: relative;
height: 1.1em;
}
.free-shipping-bar__legend-item {
max-width: 32%;
overflow: hidden;
text-overflow: ellipsis;
position: absolute;
left: var(--dot-pos, 0%);
transform: translateX(-50%);
font-size: calc(0.68rem * var(--type-scale-factor, 1));
white-space: nowrap;
opacity: 0.7;
}
.free-shipping-bar__legend-item:first-child {
transform: translateX(max(-50%, -1 * var(--dot-pos)));
}
.free-shipping-bar__legend-item:last-child {
transform: translateX(min(-50%, calc(-100% + (100% - var(--dot-pos)))));
}
@media (prefers-reduced-motion: reduce) {
.free-shipping-bar__fill {
transition: none;
}
}
/* Conteneurs étroits (mobile, tiroir) : le positionnement absolu des libellés
de paliers les fait se chevaucher : rangée statique qui wrappe à la place. */
@media (max-width: 500px) {
.free-shipping-bar__legend {
height: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 0.15rem 0.75rem;
}
.free-shipping-bar__legend-item,
.free-shipping-bar__legend-item:first-child,
.free-shipping-bar__legend-item:last-child {
position: static;
transform: none;
max-width: none;
}
}
.free-shipping-bar--drawer .free-shipping-bar__legend {
height: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 0.15rem 0.75rem;
}
.free-shipping-bar--drawer .free-shipping-bar__legend-item,
.free-shipping-bar--drawer .free-shipping-bar__legend-item:first-child,
.free-shipping-bar--drawer .free-shipping-bar__legend-item:last-child {
position: static;
transform: none;
max-width: none;
}
/* ── Paliers illustres (04/09/2026, Val : « il faut une icone de cadeau et un camion »).
Le defaut d'avant : dans le tiroir, les legendes passaient en `space-between` et se
collaient aux deux bords, alors que les pastilles restaient a leur position reelle.
« Votre livret de prieres » s'affichait donc a 0 % pour un palier a 49 sur 69. */
.free-shipping-bar__dot--ico {
width: 30px; height: 30px;
display: flex; align-items: center; justify-content: center;
background: var(--color-background);
border: 1.5px solid color-mix(in srgb, var(--color-foreground) 28%, transparent);
color: color-mix(in srgb, var(--color-foreground) 62%, transparent);
box-shadow: 0 0 0 4px var(--color-background);
}
.free-shipping-bar__dot--ico svg { width: 17px; height: 17px; display: block; }
.free-shipping-bar__dot--ico.free-shipping-bar__dot--hit {
border-color: #7A5E29;
color: #7A5E29;
background: var(--color-background);
}
/* la legende revient SOUS sa pastille, y compris dans le tiroir */
.free-shipping-bar__legend,
.free-shipping-bar--drawer .free-shipping-bar__legend {
position: relative; display: block; height: auto; min-height: 1.2em;
margin-top: .5rem;
}
.free-shipping-bar__legend-item,
.free-shipping-bar--drawer .free-shipping-bar__legend-item,
.free-shipping-bar--drawer .free-shipping-bar__legend-item:first-child,
.free-shipping-bar--drawer .free-shipping-bar__legend-item:last-child {
position: absolute; left: var(--dot-pos, 0%);
transform: translateX(-50%);
max-width: 46%; white-space: nowrap; text-align: center; line-height: 1.3; font-weight: 500;
}
/* les extremites ne debordent pas du cadre */
.free-shipping-bar__legend-item:first-child { transform: translateX(max(-50%, -1 * var(--dot-pos))); text-align: left; }
.free-shipping-bar__legend-item:last-child { transform: translateX(min(-50%, calc(-100% + (100% - var(--dot-pos))))); text-align: right; }
/* ── Barre en vert (04/09/2026, Val : « je prefere la barre en verte »).
Vert sourd choisi pour tenir avec le marine et l'or de la charte : un vert vif
jurerait avec l'ivoire. Il ne remplace PAS `color1` (l'or), qui sert ailleurs. */
/* ⚠️ Le vert pose plus tot dans la journee est ANNULE : Val s'etait trompe de couleur.
On prend le marine de la charte, qui a en plus le meilleur contraste sur l'ivoire
(#223050 sur #FAF7F1) ; le dore, lui, se serait delave sur ce fond creme. */
.free-shipping-bar__fill { background: #223050 !important; }
.free-shipping-bar__dot--ico.free-shipping-bar__dot--hit {
border-color: #223050 !important;
color: #223050 !important;
}
/* ── Deux defauts mesures dans le tiroir le 04/09/2026 (Val : « d'autres modifs pour
rendre le sidecart plus propre ? »), invisibles sur la page panier pleine largeur.
1. La legende de droite sortait de 28 px HORS du tiroir (« La livraison o… » coupee).
Cause : le bloc groupe `--drawer …__legend-item:last-child` (specificite 0,3,0)
battait la regle de recadrage `…__legend-item:last-child` (0,2,0). La correction
d'extremite existait donc, mais perdait la cascade exactement la ou elle servait.
2. Le titre chevauchait les pastilles de 6 px : elles font 30 px centrees sur un rail
de 6 px, donc elles montent 11 px au-dessus de lui, et rien ne reservait la place. */
.free-shipping-bar--multi .free-shipping-bar__label {
margin-bottom: 16px;
}
.free-shipping-bar--drawer .free-shipping-bar__legend-item:first-child {
transform: translateX(max(-50%, -1 * var(--dot-pos)));
text-align: left;
}
.free-shipping-bar--drawer .free-shipping-bar__legend-item:last-child {
transform: translateX(min(-50%, calc(-100% + (100% - var(--dot-pos)))));
text-align: right;
}
/* ── Dans le TIROIR, la legende devient le MONTANT (04/09/2026).
Les paliers sont a 49 et 69 € sur une jauge qui plafonne a 69 : ils tombent donc a
71 % et 100 %, soit ~85 px d'ecart dans un tiroir de 290 px. Deux libelles longs
(« Votre livret de prieres », « La livraison offerte ») ne peuvent PAS y tenir cote
a cote, quelle que soit la police : ils se chevauchaient. L'icone dit deja QUOI
(cadeau / camion), il ne manquait que le QUAND. Sur la page panier, large, les noms
restent : c'est le seul endroit ou ils tiennent. */
.fsb-eur { display: none; }
.free-shipping-bar--drawer .fsb-nom { display: none; }
.free-shipping-bar--drawer .fsb-eur {
display: inline;
font-variant-numeric: lining-nums tabular-nums;
letter-spacing: 0.02em;
}
/* ── Val, 04/09 : « le 69 € de la livraison offerte n'est pas centre par rapport a
l'icone ». Exact : la legende de droite etait recalee sur le bord pour ne pas sortir
du tiroir, pendant que la pastille, elle, restait a sa position reelle. Les deux ne
pouvaient pas coincider.
La cause est en amont : le rail allait d'un bord a l'autre, donc le palier a 100 %
tombait AU BORD, et une etiquette centree dessus debordait forcement. On retrecit
donc le rail de 22 px de chaque cote : les pastilles extremes rentrent dans le
cadre, et toutes les legendes peuvent enfin etre simplement centrees. */
/* ⚠️ `margin-inline` seul ne suffisait pas : le rail garde `width: 100%` plus haut, et
les deux s'ADDITIONNENT au lieu de se compenser. Mesure : la pastille du palier 100 %
sortait encore de 9 px du tiroir. Il faut donc annuler la largeur fixe. */
.free-shipping-bar__track {
margin-inline: 22px;
width: auto;
}
/* 🔴 CAUSE EXACTE du « 69 € pas aligne avec son icone », mesuree le 04/09 : la PASTILLE
est posee avec `left: clamp(8px, var(--dot-pos), calc(100% - 8px))` — le clamp la
ramene de 8 px vers l'interieur au palier 100 % — alors que la legende, elle, etait a
`left: var(--dot-pos)` tout court. D'ou 8 px d'ecart au dernier palier, et 0 au
palier a 71 %, ou le clamp ne mord pas. C'est ce qui m'avait echappe aux essais
precedents : je corrigeais la legende sans regarder comment la pastille etait posee.
⭐ La regle : deux elements qu'on veut alignes se positionnent avec la MEME formule. */
.free-shipping-bar__legend-item,
.free-shipping-bar__legend-item:first-child,
.free-shipping-bar__legend-item:last-child,
.free-shipping-bar--drawer .free-shipping-bar__legend-item,
.free-shipping-bar--drawer .free-shipping-bar__legend-item:first-child,
.free-shipping-bar--drawer .free-shipping-bar__legend-item:last-child {
left: clamp(8px, var(--dot-pos, 0%), calc(100% - 8px));
transform: translateX(-50%);
text-align: center;
}
/* la legende partage l'inset du rail, sinon 100 % ne designe pas le meme point */
.free-shipping-bar__legend,
.free-shipping-bar--drawer .free-shipping-bar__legend { margin-inline: 22px; }
/* ── ce qui porte l'information dans la phrase ── */
.fsb-cle {
font-weight: 600;
font-variant-numeric: lining-nums tabular-nums;
}
.fsb-obj {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 2px;
text-decoration-color: color-mix(in srgb, currentColor 45%, transparent);
}
/* ── Page panier en ETROIT (08/09/2026) : les noms cedent la place aux montants.
« Sur la page panier, large, les noms restent : c'est le seul endroit ou ils
tiennent » — vrai en bureau, faux sur telephone : a 430 px les deux libelles
retombaient en flux inline, colles (« Votre livret de prieresLa livraison
offerte »). Cause : le media query ≤500px les passe en `static` avec une
specificite 0,2,0 (`:first-child`/`:last-child`) que le bloc « paliers
illustres » (0,1,0) ne rebat pas — exactement le defaut n°1 mesure dans le
tiroir le 04/09. On rebat a 0,3,0, scope au contexte page, et on porte la
solution du tiroir : l'icone dit QUOI, le montant dit QUAND. */
@media (max-width: 500px) {
.free-shipping-bar--page .fsb-nom { display: none; }
.free-shipping-bar--page .fsb-eur {
display: inline;
font-variant-numeric: lining-nums tabular-nums;
letter-spacing: 0.02em;
}
.free-shipping-bar--page .free-shipping-bar__legend-item,
.free-shipping-bar--page .free-shipping-bar__legend-item:first-child,
.free-shipping-bar--page .free-shipping-bar__legend-item:last-child {
position: absolute;
/* meme pose que la PASTILLE (lecon du 04/09 : corriger la legende sans
regarder comment la pastille est posee garantit le desalignement) */
left: clamp(8px, var(--dot-pos, 0%), calc(100% - 8px));
transform: translateX(-50%);
max-width: 46%;
white-space: nowrap;
text-align: center;
line-height: 1.3;
font-weight: 500;
}
}
</style>
<cart-items-component
class="cart-items-component"
data-drawer
view-event-trigger="dialog"
data-section-id="cart-drawer-section"
view-event-payload="{"context":null,"cart":null}"
>
<div
class="cart-drawer__content"
aria-label="Panier"
>
<p
class="theme-drawer__title h4"
id="cart-drawer-heading"
>
Votre panier est vide
</p>
<div class="cart-drawer__items">
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/component-cart-items.js?v=15481655509880482651787727811"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/component-cart-quantity-selector.js?v=168493463479860323171787727811"
type="module"
fetchpriority="low"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/volume-pricing-info.js?v=94479640769665442661787727812"
type="module"
fetchpriority="low"
></script>
<div
class="cart-items__wrapper cart-items__wrapper--drawer-empty"
data-cart-drawer-empty
style=""
>
<p>
Vous possédez un compte ? <a href="https://bijoux-chretiens.fr/customer_authentication/redirect?locale=fr®ion_country=FR">Connectez-vous</a> pour payer plus vite.
</p><a
class="button cart-items__empty-button"
href="/collections/all"
>
<span class="button-text">
Continuer vos achats
</span>
</a></div>
</div>
</div>
</cart-items-component>
</div>
</cart-drawer-component>
</dialog>
</theme-drawer>
</div>
<script type="module" src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/cart-upsell.js?v=49733553938183807111787727811" fetchpriority="low"></script>
<script>
(() => {
// Deux defauts signales par Val le 04/09, tous deux dus au MORPHING du panier :
// 1. « les produits "vous aimerez aussi" se suppriment une fois qu'on ajoute un
// deuxieme produit » → le slot vit dans `.cart-drawer__items`, que
// `cart-items-component` REMPLACE a chaque mise a jour. Le slot disparaissait
// donc du DOM, et `querySelector` ne trouvait plus rien a remplir.
// 2. « ca n'a pas change la jauge » → la barre est rendue HORS de la zone morphee,
// donc rien ne la rafraichissait. On va la rechercher cote serveur.
const URL_RECOS = '/recommendations/products?section_id=cart-recos&limit=8&intent=related';
let derniereCle = null;
// ⚠️ Recree le slot s'il a ete emporte par un morph, au lieu d'abandonner.
// ⚠️ Deux emplacements coexistent (pied sur ordinateur, liste sur telephone) : on les
// remplit TOUS, c'est le CSS qui decide lequel se voit. `querySelector` au singulier
// n'en aurait rempli qu'un, et l'autre serait reste vide selon la largeur d'ecran.
function slots() {
const trouves = [...document.querySelectorAll('[data-cart-recos]')];
if (trouves.length) return trouves;
const hote = document.querySelector('.cart-drawer__summary');
if (!hote) return [];
const s = document.createElement('div');
s.setAttribute('data-cart-recos', '');
hote.prepend(s);
return [s];
}
async function peupler() {
const cibles = slots();
if (!cibles.length) return;
let panier;
try {
panier = await (await fetch('/cart.js')).json();
} catch { return; }
const ref = panier.items?.[0]?.product_id;
if (!ref) { cibles.forEach((c) => (c.innerHTML = '')); derniereCle = null; return; }
// ⚠️ La cle porte TOUT le panier, pas seulement le 1er article : un produit ajoute
// doit sortir des suggestions, or son ajout ne change pas le premier article.
const cle = panier.items.map((i) => i.product_id).join(',');
if (cle === derniereCle && cibles.every((c) => c.innerHTML.trim())) return;
derniereCle = cle;
try {
const html = await (await fetch(`${URL_RECOS}&product_id=${ref}`)).text();
const doc = new DOMParser().parseFromString(html, 'text/html');
const bloc = doc.querySelector('.cart-recos');
cibles.forEach((c) => {
c.innerHTML = bloc ? bloc.outerHTML : '';
brancher(c);
});
} catch { cibles.forEach((c) => (c.innerHTML = '')); }
}
// La jauge est re-rendue cote serveur : elle depend du total du panier, que seul
// Liquid sait convertir en paliers atteints et en pourcentage.
async function rafraichirJauge() {
const actuelle = document.querySelector('.cart-drawer__inner .free-shipping-bar');
if (!actuelle) return;
try {
const html = await (await fetch('/?section_id=cart-drawer-section')).text();
const doc = new DOMParser().parseFromString(html, 'text/html');
const neuve = doc.querySelector('.free-shipping-bar');
if (neuve) actuelle.replaceWith(neuve);
} catch { /* la jauge reste sur son dernier etat, ce n'est pas bloquant */ }
}
// Le pilotage de la piste vit ICI et pas dans la section : un <script> insere par
// `innerHTML` ne s'execute jamais. Meme raison que pour cart-upsell.js plus haut.
// Regle de la maison : la FLECHE sur ordinateur, la JAUGE sur telephone, jamais les
// deux. Le CSS decide laquelle est visible, ce script alimente les deux.
function brancher(hote) {
const piste = hote.querySelector('.cart-recos__row');
if (!piste) return;
const prec = hote.querySelector('[data-reco-prev]');
const suiv = hote.querySelector('[data-reco-next]');
const jauge = hote.querySelector('[data-reco-gauge]');
const pas = () => (piste.querySelector('.cart-recos__cell')?.getBoundingClientRect().width || 110) + 10;
const rafraichir = () => {
const max = piste.scrollWidth - piste.clientWidth;
if (prec) prec.disabled = piste.scrollLeft <= 2;
if (suiv) suiv.disabled = piste.scrollLeft >= max - 2;
if (jauge) {
const part = Math.min(1, piste.clientWidth / piste.scrollWidth);
const avance = max > 0 ? piste.scrollLeft / max : 0;
jauge.style.width = part * 100 + '%';
jauge.style.transform = `translateX(${avance * (1 - part) * 100 / part || 0}%)`;
}
};
prec?.addEventListener('click', () => piste.scrollBy({ left: -pas(), behavior: 'smooth' }));
suiv?.addEventListener('click', () => piste.scrollBy({ left: pas(), behavior: 'smooth' }));
piste.addEventListener('scroll', rafraichir, { passive: true });
rafraichir();
}
const surMaj = () => setTimeout(() => { peupler(); rafraichirJauge(); }, 400);
// 🔴 Val, 05/09 : « a plusieurs reprises la section "vous aimerez aussi" ne s'affiche
// pas. Pour qu'elle s'affiche je dois F5 la page. »
// Cause : l'observateur ci-dessous etait pose UNE SEULE FOIS, au chargement, et
// seulement `if (hote)`. Quand le tiroir n'etait pas encore monte a cet instant
// (panier vide au chargement, ou script execute avant le rendu du drawer), `hote`
// valait null : aucun observateur n'etait attache, `peupler()` sortait aussitot
// faute de slot, et PLUS RIEN ne rattrapait de toute la visite. Un F5 ne
// « reparait » rien, il retombait juste sur un ordre de montage favorable.
// ⇒ L'attache devient rejouable, et trois evenements distincts la retentent.
function observerListe() {
const hote = document.querySelector('.cart-drawer__items');
if (!hote || hote.dataset.recoObs === '1') return false;
hote.dataset.recoObs = '1';
let t;
new MutationObserver(() => { clearTimeout(t); t = setTimeout(() => { peupler(); rafraichirJauge(); }, 500); })
.observe(hote, { childList: true, subtree: true });
return true;
}
// 🔴 FILET DE FERMETURE (05/09). Val : « le panier ne se ferme pas sur mobile ? »
//
// `theme-drawer.js` ferme ainsi :
// panel.classList.add('theme-drawer__dialog--closing');
// await onAnimationEnd(panel, undefined, { subtree: false }); // <- attente
// panel.close();
// ⚠️ L'attente n'a AUCUN garde-fou : si l'animation `drawer-slide-out` ne se termine
// jamais, `panel.close()` n'est jamais atteint, un verrou interne (`#isClosing`)
// reste arme, et TOUS les appels suivants a close() sortent immediatement. Le
// panier devient alors impossible a fermer, y compris par la touche Echap, jusqu'au
// rechargement de la page.
// ⚠️ Une animation peut rester « running » sans jamais finir : c'est le cas quand
// l'onglet passe en arriere-plan (Chrome suspend les animations), quand le systeme
// est en economie d'energie, ou sur un mobile qui verrouille l'ecran pendant la
// transition. Rien de tout cela n'est un cas tordu sur telephone.
// ⇒ Si le panneau porte encore la classe de fermeture 600 ms plus tard, on ferme a la
// main. 600 ms, soit pres de cinq fois les 125 ms de l'animation : jamais atteint
// quand elle se joue normalement, donc aucun effet sur le cas nominal.
const panneau = document.querySelector('#cart-drawer dialog');
if (panneau) {
new MutationObserver(() => {
if (!panneau.classList.contains('theme-drawer__dialog--closing')) return;
setTimeout(() => {
if (!panneau.classList.contains('theme-drawer__dialog--closing')) return;
if (!panneau.open) return;
panneau.classList.remove('theme-drawer__dialog--closing');
try { panneau.close(); } catch { /* deja ferme entre-temps */ }
document.querySelector('#cart-drawer')?.removeAttribute('open');
document.documentElement.style.removeProperty('overflow');
document.body.style.removeProperty('overflow');
}, 600);
}).observe(panneau, { attributes: true, attributeFilter: ['class'] });
}
const reveiller = () => { observerListe(); peupler(); };
reveiller();
document.addEventListener('CartLinesUpdate', surMaj);
document.addEventListener('cart:update', surMaj);
// ⚠️ Le moment SUR est l'ouverture du tiroir : a cet instant le contenu est monte,
// quel qu'ait ete l'ordre de rendu au chargement de la page.
const dlg = document.querySelector('#cart-drawer dialog');
if (dlg) {
new MutationObserver(() => { if (dlg.open) setTimeout(reveiller, 120); })
.observe(dlg, { attributes: true, attributeFilter: ['open'] });
}
// Dernier filet : le morph du panier peut remplacer `.cart-drawer__items` par un
// noeud neuf, qui n'a plus le marqueur `recoObs`. On surveille donc aussi son hote.
const composant = document.querySelector('cart-items-component') || document.body;
new MutationObserver(() => { observerListe(); }).observe(composant, { childList: true, subtree: true });
})();
</script>
<script
type="module"
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/theme-drawer.js?v=155110645205299884131787727812"
fetchpriority="low"
></script>
<script>
/* Runs synchronously during HTML parsing — opens the correct drawer on first
paint if navigation state was saved, so it renders with the rest of the page. */
(function () {
var raw = '';
try {
raw = sessionStorage.getItem('theme-drawer-open') || '';
} catch (e) {
return; // Stockage bloqué (SecurityError) : pas de restauration
}
var drawerIds = raw.split(',').filter(Boolean);
if (!drawerIds.length) return;
// Only restore on wide viewports (squeeze mode). On narrow viewports the
// drawer is a modal overlay — let it start closed after navigation rather
// than re-opening a fullscreen dialog the user may have left behind.
if (!window.matchMedia('(min-width: 990px)').matches) return;
var dialogs = [];
for (var i = 0; i < drawerIds.length; i++) {
var drawer = document.getElementById(drawerIds[i]);
if (!drawer) continue;
drawer.setAttribute('open', '');
// Set [open] directly so the CSS slide-in applies without triggering
// the browser's dialog focusing steps — on wide viewports the drawer is
// a sidebar, not a modal, so focus should stay where it is.
// The instant class suppresses the slide-in transition for the initial restore.
// Set --drawer-stack-order so z-index layering matches the original order.
drawer.style.setProperty('--drawer-stack-order', String(i + 1));
var dialog = drawer.querySelector('dialog');
if (dialog) {
dialog.setAttribute('open', '');
dialog.classList.add('theme-drawer__dialog-instant');
dialogs.push(dialog);
}
// Let each drawer type handle its own restore (e.g. shopify-chat mode).
// Synchronous dispatch — listeners attached during earlier parsing run immediately.
drawer.dispatchEvent(new CustomEvent('theme-drawer:restoring'));
}
// Apply squeeze immediately, bypassing the margin transition.
// Only squeeze if at least one drawer was actually restored — saved
// drawer IDs may not exist on every page (e.g. cart-drawer on /cart).
var pageWrapper = document.querySelector('.page-wrapper');
if (pageWrapper && dialogs.length > 0) {
pageWrapper.style.transition = 'none';
pageWrapper.classList.add('page-wrapper--drawer-open');
}
// Re-enable transitions after one paint so the instant state is rendered first.
requestAnimationFrame(function () {
requestAnimationFrame(function () {
if (pageWrapper) pageWrapper.style.transition = '';
for (var j = 0; j < dialogs.length; j++) {
dialogs[j].classList.remove('theme-drawer__dialog-instant');
}
});
});
})();
</script>
<script
type="module"
>
const pageWrapper = document.querySelector('.page-wrapper');
const squeezeQuery = window.matchMedia('(min-width: 990px)');
// ── Squeeze coordination ──
// Listens to all drawers. Only squeezes on wide viewports.
document.addEventListener('theme-drawer:open', () => {
if (squeezeQuery.matches) {
pageWrapper?.classList.add('page-wrapper--drawer-open');
}
});
document.addEventListener('theme-drawer:close', () => {
const openDrawer = document.querySelector('theme-drawer[open]');
if (!openDrawer) {
pageWrapper?.classList.remove('page-wrapper--drawer-open');
}
});
squeezeQuery.addEventListener('change', () => {
const openDrawer = document.querySelector('theme-drawer[open]');
pageWrapper?.classList.toggle('page-wrapper--drawer-open', Boolean(openDrawer) && squeezeQuery.matches);
});
// ── State persistence ──
// Store open drawer IDs sorted by their visual stack order so
// the restore script can recreate the same z-index layering.
function persistDrawerState() {
const openDrawers = Array.from(document.querySelectorAll('theme-drawer[open]:not([no-persist])'));
try {
if (!openDrawers.length) {
sessionStorage.removeItem('theme-drawer-open');
return;
}
openDrawers.sort((a, b) => {
const orderA = Number(a.style.getPropertyValue('--drawer-stack-order') || 0);
const orderB = Number(b.style.getPropertyValue('--drawer-stack-order') || 0);
return orderA - orderB;
});
sessionStorage.setItem('theme-drawer-open', openDrawers.map((d) => d.id).join(','));
} catch (e) {
// Stockage bloqué (SecurityError) : l'état des drawers ne persiste pas
}
}
document.addEventListener('theme-drawer:open', persistDrawerState);
document.addEventListener('theme-drawer:close', persistDrawerState);
</script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/dialog.js?v=144816527575655702281787727811"
type="module"
></script>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/predictive-search.js?v=89421884488976792871787727811"
type="module"
fetchpriority="low"
></script>
<dialog-component
id="search-modal"
class="search-modal"
><div class="search-modal__voile" aria-hidden="true"></div>
<dialog
ref="dialog"
class="search-modal__content dialog-modal"
scroll-lock
aria-labelledby="search-modal-heading"
>
<p
id="search-modal-heading"
class="visually-hidden"
>
Rechercher
</p>
<predictive-search-component
class="predictive-search color-custom-popover"
style="--product-corner-radius: 4px; --card-corner-radius: 4px;"
data-section-id="predictive-search"
data-testid="search-component--modal"
role="search"
aria-label="Rechercher"
>
<form
action="/search"
method="get"
role="search"
class="predictive-search-form"
ref="form"
on:keydown="/onSearchKeyDown"
>
<div
class="predictive-search-form__header"
>
<div class="predictive-search-form__header-inner">
<label
for="cmdk-input"
class="visually-hidden"
>Rechercher</label>
<input
class="search-input"
id="cmdk-input"
type="search"
name="q"
role="combobox"
aria-expanded="false"
aria-owns="predictive-search-results"
aria-controls="predictive-search-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocomplete="off"
placeholder="Rechercher"
ref="searchInput"
on:input="/search"
on:keydown="/onSearchKeyDown"
>
<input
name="options[prefix]"
type="hidden"
value="last"
>
<span class="svg-wrapper predictive-search__icon">
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
<button
type="button"
class="button-unstyled predictive-search__reset-button"
ref="resetButton"
hidden
on:click="/resetSearch"
>
Effacer
</button>
</div>
<button
type="button">
<span class="svg-wrapper">
<svg aria-hidden="true" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</span>
</button>
</div><button type="button" class="search-modal__fermer" aria-label="Fermer la boîte de dialogue"
onclick="if (window.bcFermeRecherche) { window.bcFermeRecherche(); } else { this.closest('dialog').close(); document.body.classList.remove('recherche-ouverte'); }">
<svg viewbox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" aria-hidden="true"><line x1="4" y1="4" x2="16" y2="16"/><line x1="16" y1="4" x2="4" y2="16"/></svg>
</button>
<nav class="search-modal__allera" aria-label="Aller à">
<p class="search-modal__allera-titre">Aller à</p>
<ul class="list-unstyled search-modal__allera-liste"><li><a class="search-modal__allera-lien" href="/collections/bijoux-croix">Bijoux Croix</a></li><li><a class="search-modal__allera-lien" href="/collections/medailles-saints">Médailles & Saints</a></li><li><a class="search-modal__allera-lien" href="/collections/femme">Pour elle</a></li><li><a class="search-modal__allera-lien" href="/collections/homme">Pour lui</a></li><li><a class="search-modal__allera-lien" href="/collections/cadeau-chretien">Idées cadeaux</a></li></ul>
</nav>
<div class="predictive-search-form__content-wrapper">
<div
class="predictive-search-form__content"
ref="predictiveSearchResults"
>
<div
id="predictive-search-results"
class="predictive-search-dropdown"
role="listbox"
aria-expanded="true"
style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
<div class="predictive-search-results__inner">
<div
id="predictive-search-products"
class="predictive-search-results__products"
data-testid="products-list-default--modal"
>
<p class="predictive-search-results__title">
Produits
</p>
<ul
class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-component
class="resource-card__wrapper"
view-event-payload="{"product":{"id":10329093177673,"title":"Bague ailes d'ange - Gemma","handle":"bague-ailes-dange","selectedVariant":null},"context":"search","selectedOptions":[]}"
><div
class="resource-card"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/bague-ailes-dange"
>
<span class="visually-hidden">
Bague ailes d'ange - Gemma
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 1 / 1;"
>
<img src="//bijoux-chretiens.fr/cdn/shop/files/bague-ailes-d-ange-doree.png?v=1788114214&width=500" alt="Bague ailes d'ange, dorée, sur fond blanc" srcset="//bijoux-chretiens.fr/cdn/shop/files/bague-ailes-d-ange-doree.png?v=1788114214&width=240 240w, //bijoux-chretiens.fr/cdn/shop/files/bague-ailes-d-ange-doree.png?v=1788114214&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
<img src="//bijoux-chretiens.fr/cdn/shop/files/bague-ailes-d-ange-chretienne-doree.png?v=1788114222&width=500" alt="Bague ailes d'ange, portée au doigt" srcset="//bijoux-chretiens.fr/cdn/shop/files/bague-ailes-d-ange-chretienne-doree.png?v=1788114222&width=240 240w, //bijoux-chretiens.fr/cdn/shop/files/bague-ailes-d-ange-chretienne-doree.png?v=1788114222&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="59203267887433" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content"><p class="resource-card__title resource-card__title--deux-niveaux paragraph">
<span class="product-title__lead">Bague ailes d'ange</span>
<span class="product-title__model">Gemma</span>
</p>
<div ref="priceContainer">
<span class="price">49,00 €</span>
</div>
</div>
</div></product-component>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-component
class="resource-card__wrapper"
view-event-payload="{"product":{"id":10329093275977,"title":"Bague ange - Angeline","handle":"bague-ange","selectedVariant":null},"context":"search","selectedOptions":[]}"
><div
class="resource-card"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/bague-ange"
>
<span class="visually-hidden">
Bague ange - Angeline
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 1 / 1;"
>
<img src="//bijoux-chretiens.fr/cdn/shop/files/bague-ange-doree.png?v=1788114254&width=500" alt="Bague ange, dorée, sur fond blanc" srcset="//bijoux-chretiens.fr/cdn/shop/files/bague-ange-doree.png?v=1788114254&width=240 240w, //bijoux-chretiens.fr/cdn/shop/files/bague-ange-doree.png?v=1788114254&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
<img src="//bijoux-chretiens.fr/cdn/shop/files/bague-ange-chretienne-doree.png?v=1788114263&width=500" alt="Bague ange, portée au doigt" srcset="//bijoux-chretiens.fr/cdn/shop/files/bague-ange-chretienne-doree.png?v=1788114263&width=240 240w, //bijoux-chretiens.fr/cdn/shop/files/bague-ange-chretienne-doree.png?v=1788114263&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="59203277783369" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content"><p class="resource-card__title resource-card__title--deux-niveaux paragraph">
<span class="product-title__lead">Bague ange</span>
<span class="product-title__model">Angeline</span>
</p>
<div ref="priceContainer">
<span class="price">49,00 €</span>
</div>
</div>
</div></product-component>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-component
class="resource-card__wrapper"
view-event-payload="{"product":{"id":10329094029641,"title":"Bague chrisme - Sylvestre","handle":"bague-chrisme","selectedVariant":null},"context":"search","selectedOptions":[]}"
><div
class="resource-card"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/bague-chrisme"
>
<span class="visually-hidden">
Bague chrisme - Sylvestre
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 1 / 1;"
>
<img src="//bijoux-chretiens.fr/cdn/shop/files/bague-chrisme-doree.jpg?v=1788114299&width=500" alt="Bague chrisme, dorée, sur fond blanc" srcset="//bijoux-chretiens.fr/cdn/shop/files/bague-chrisme-doree.jpg?v=1788114299&width=240 240w, //bijoux-chretiens.fr/cdn/shop/files/bague-chrisme-doree.jpg?v=1788114299&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
<img src="//bijoux-chretiens.fr/cdn/shop/files/bague-chrisme-argentee.jpg?v=1788114304&width=500" alt="Bague chrisme, portée au doigt" srcset="//bijoux-chretiens.fr/cdn/shop/files/bague-chrisme-argentee.jpg?v=1788114304&width=240 240w, //bijoux-chretiens.fr/cdn/shop/files/bague-chrisme-argentee.jpg?v=1788114304&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="59203300131145" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content"><p class="resource-card__title resource-card__title--deux-niveaux paragraph">
<span class="product-title__lead">Bague chrisme</span>
<span class="product-title__model">Sylvestre</span>
</p>
<div ref="priceContainer">
<span class="price">39,00 €</span>
</div>
</div>
</div></product-component>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-component
class="resource-card__wrapper"
view-event-payload="{"product":{"id":10329094095177,"title":"Bague couronne d'épines - Douceline","handle":"bague-couronne-epines","selectedVariant":null},"context":"search","selectedOptions":[]}"
><div
class="resource-card"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/bague-couronne-epines"
>
<span class="visually-hidden">
Bague couronne d'épines - Douceline
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 1 / 1;"
>
<img src="//bijoux-chretiens.fr/cdn/shop/files/bague-couronne-d-epines-doree.png?v=1788114320&width=500" alt="Bague couronne d'épines, dorée, sur fond blanc" srcset="//bijoux-chretiens.fr/cdn/shop/files/bague-couronne-d-epines-doree.png?v=1788114320&width=240 240w, //bijoux-chretiens.fr/cdn/shop/files/bague-couronne-d-epines-doree.png?v=1788114320&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
<img src="//bijoux-chretiens.fr/cdn/shop/files/bague-couronne-d-epines-chretienne-doree.png?v=1788114328&width=500" alt="Bague couronne d'épines, portée au doigt" srcset="//bijoux-chretiens.fr/cdn/shop/files/bague-couronne-d-epines-chretienne-doree.png?v=1788114328&width=240 240w, //bijoux-chretiens.fr/cdn/shop/files/bague-couronne-d-epines-chretienne-doree.png?v=1788114328&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="59203301867849" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content"><p class="resource-card__title resource-card__title--deux-niveaux paragraph">
<span class="product-title__lead">Bague couronne d'épines</span>
<span class="product-title__model">Douceline</span>
</p>
<div ref="priceContainer">
<span class="price">39,00 €</span>
</div>
</div>
</div></product-component>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="predictive-search-form__footer">
<button
class="button predictive-search__search-button"
ref="viewAllButton"
>
Tout afficher
</button>
</div>
</div>
</form>
</predictive-search-component>
</dialog>
</dialog-component>
<script
src="//bijoux-chretiens.fr/cdn/shop/t/4/assets/gift-card-recipient-form.js?v=176337568936721971281787727811"
type="module"
fetchpriority="low"
></script>
<quick-add-dialog id="quick-add-dialog">
<dialog
class="quick-add-modal dialog-modal color-custom-popover"
ref="dialog"
scroll-lock
>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button quick-add-modal__close"
aria-label="Fermer la boîte de dialogue"
><svg aria-hidden="true" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</button>
<product-component
id="quick-add-modal-content"
class="quick-add-modal__content"
view-event-trigger="dialog"
></product-component>
</dialog>
</quick-add-dialog>
<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
