1<!doctype html> 2<html 3 4 lang="fr" 5> 6 <head> 7 8 9 10 11<meta charset="utf-8"> 12<meta 13 http-equiv="X-UA-Compatible" 14 content="IE=edge" 15> 16<meta 17 name="viewport" 18 content="width=device-width,initial-scale=1" 19> 20<meta 21 name="view-transition" 22 content="same-origin" 23> 24<meta 25 name="theme-color" 26 content="" 27> 28 29<meta 30 property="og:site_name" 31 content="Bonne Maison" 32> 33<meta 34 property="og:url" 35 content="https://www.bonnemaison.fr/" 36> 37<meta 38 property="og:title" 39 content="Bonne Maison" 40> 41<meta 42 property="og:type" 43 content="website" 44> 45<meta 46 property="og:description" 47 content="Bonne Maison" 48><meta 49 name="twitter:card" 50 content="summary_large_image" 51> 52<meta 53 name="twitter:title" 54 content="Bonne Maison" 55> 56<meta 57 name="twitter:description" 58 content="Bonne Maison" 59> 60 61<title> 62 Bonne Maison 63</title> 64 65<link 66 rel="canonical" 67 href="https://www.bonnemaison.fr/" 68> 69 70 71<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/overflow-list.css?v=16727044177065489451788024220" as="style" rel="preload"> 72<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/base.css?v=110558660533795380521788024220" rel="stylesheet" type="text/css" media="all" /> 73 74<link 75 rel="preload" 76 as="font" 77 href="//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_n4.b7973b3d07d0ace13de1b1bea9c45759cdbe12cf.woff2" 78 type="font/woff2" 79 crossorigin 80 fetchpriority="low" 81 ><link 82 rel="preload" 83 as="font" 84 href="//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_n5.42fc03d7028ac0f31a2ddf10d4a2904a7483a1c4.woff2" 85 type="font/woff2" 86 crossorigin 87 fetchpriority="low" 88 ><link 89 rel="preload" 90 as="font" 91 href="//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_n7.e2cf5bd8f2c7e9d30c030f9ea8eafc69f5a92f7b.woff2" 92 type="font/woff2" 93 crossorigin 94 fetchpriority="low" 95 ><link 96 rel="preload" 97 as="font" 98 href="//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_n7.e2cf5bd8f2c7e9d30c030f9ea8eafc69f5a92f7b.woff2" 99 type="font/woff2" 100 crossorigin 101 fetchpriority="low" 102 > 103 104
105<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 105
105
106<script type="importmap"> 107 { 108 "imports": { 109 "@theme/overflow-list": "//www.bonnemaison.fr/cdn/shop/t/2/assets/overflow-list.js?v=46858356770684902511788024220", 110 "@theme/product-title": "//www.bonnemaison.fr/cdn/shop/t/2/assets/product-title-truncation.js?v=81744426891537421781788024220", 111 "@theme/component": "//www.bonnemaison.fr/cdn/shop/t/2/assets/component.js?v=184240237101443119871788024220", 112 "@theme/dialog": "//www.bonnemaison.fr/cdn/shop/t/2/assets/dialog.js?v=150888536568694194021788024220", 113 "@theme/events": "//www.bonnemaison.fr/cdn/shop/t/2/assets/events.js?v=1118589085892804011788024220", 114 "@theme/focus": "//www.bonnemaison.fr/cdn/shop/t/2/assets/focus.js?v=60436577539430446401788024220", 115 "@theme/morph": "//www.bonnemaison.fr/cdn/shop/t/2/assets/morph.js?v=104045809772310330131788024220", 116 "@theme/paginated-list": "//www.bonnemaison.fr/cdn/shop/t/2/assets/paginated-list.js?v=95298315036233333871788024220", 117 "@theme/performance": "//www.bonnemaison.fr/cdn/shop/t/2/assets/performance.js?v=171015751390534793081788024220", 118 "@theme/product-form": "//www.bonnemaison.fr/cdn/shop/t/2/assets/product-form.js?v=142170751179338062901788024220", 119 "@theme/recently-viewed-products": "//www.bonnemaison.fr/cdn/shop/t/2/assets/recently-viewed-products.js?v=94729125001750262651788024220", 120 "@theme/scrolling": "//www.bonnemaison.fr/cdn/shop/t/2/assets/scrolling.js?v=162288454571026455011788024220", 121 "@theme/section-renderer": "//www.bonnemaison.fr/cdn/shop/t/2/assets/section-renderer.js?v=123311117485513785771788024220", 122 "@theme/section-hydration": "//www.bonnemaison.fr/cdn/shop/t/2/assets/section-hydration.js?v=108434990705342316311788024220", 123 "@theme/money-formatting": "//www.bonnemaison.fr/cdn/shop/t/2/assets/money-formatting.js?v=182191346160333327151788024220", 124 "@theme/utilities": "//www.bonnemaison.fr/cdn/shop/t/2/assets/utilities.js?v=28506172887375975941788024220", 125 "@theme/variant-picker": "//www.bonnemaison.fr/cdn/shop/t/2/assets/variant-picker.js?v=24924540959574313291788024220", 126 "@theme/media-gallery": "//www.bonnemaison.fr/cdn/shop/t/2/assets/media-gallery.js?v=14624021005636302161788024220", 127 "@theme/quick-add": "//www.bonnemaison.fr/cdn/shop/t/2/assets/quick-add.js?v=114575661933533593881788024220", 128 "@theme/paginated-list-aspect-ratio": "//www.bonnemaison.fr/cdn/shop/t/2/assets/paginated-list-aspect-ratio.js?v=25254270272143792451788024220", 129 "@theme/popover-polyfill": "//www.bonnemaison.fr/cdn/shop/t/2/assets/popover-polyfill.js?v=119029313658895111201788024220", 130 "@theme/component-quantity-selector": "//www.bonnemaison.fr/cdn/shop/t/2/assets/component-quantity-selector.js?v=67906657287482036641788024220", 131 "@theme/comparison-slider": "//www.bonnemaison.fr/cdn/shop/t/2/assets/comparison-slider.js?v=106705562947035711941788024220", 132 "@theme/sticky-add-to-cart": "//www.bonnemaison.fr/cdn/shop/t/2/assets/sticky-add-to-cart.js?v=48956925339276737091788024220", 133 "@theme/fly-to-cart": "//www.bonnemaison.fr/cdn/shop/t/2/assets/fly-to-cart.js?v=48483246440248933081788024220" 134 } 135 } 136</script>
136 137
138<script 139 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/view-transitions.js?v=7106414069516106341788024220" 140 async 141 142></script>
142 143 144<link 145 rel="modulepreload" 146 href="//www.bonnemaison.fr/cdn/shop/t/2/assets/utilities.js?v=28506172887375975941788024220" 147 fetchpriority="low" 148> 149<link 150 rel="modulepreload" 151 href="//www.bonnemaison.fr/cdn/shop/t/2/assets/component.js?v=184240237101443119871788024220" 152 fetchpriority="low" 153> 154<link 155 rel="modulepreload" 156 href="//www.bonnemaison.fr/cdn/shop/t/2/assets/section-renderer.js?v=123311117485513785771788024220" 157 fetchpriority="low" 158> 159<link 160 rel="modulepreload" 161 href="//www.bonnemaison.fr/cdn/shop/t/2/assets/section-hydration.js?v=108434990705342316311788024220" 162 fetchpriority="low" 163> 164<link 165 rel="modulepreload" 166 href="//www.bonnemaison.fr/cdn/shop/t/2/assets/morph.js?v=104045809772310330131788024220" 167 fetchpriority="low" 168> 169 170 171 172<link 173 rel="modulepreload" 174 href="//www.bonnemaison.fr/cdn/shop/t/2/assets/focus.js?v=60436577539430446401788024220" 175 fetchpriority="low" 176> 177<link 178 rel="modulepreload" 179 href="//www.bonnemaison.fr/cdn/shop/t/2/assets/recently-viewed-products.js?v=94729125001750262651788024220" 180 fetchpriority="low" 181> 182<link 183 rel="modulepreload" 184 href="//www.bonnemaison.fr/cdn/shop/t/2/assets/scrolling.js?v=162288454571026455011788024220" 185 fetchpriority="low" 186> 187<link 188 rel="modulepreload" 189 href="//www.bonnemaison.fr/cdn/shop/t/2/assets/events.js?v=1118589085892804011788024220" 190 fetchpriority="low" 191>
192<script 193 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/popover-polyfill.js?v=119029313658895111201788024220" 194 type="module" 195 fetchpriority="low" 196></script>
vendor: 1 bytes, line 196
196
197<script 198 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/overflow-list.js?v=46858356770684902511788024220" 199 type="module" 200 fetchpriority="low" 201></script>
vendor: 1 bytes, line 201
201
202<script 203 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/quick-add.js?v=114575661933533593881788024220" 204 type="module" 205 fetchpriority="low" 206></script>
206 207 208
208<script 209 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/cart-discount.js?v=107077853990124422021788024220" 210 type="module" 211 fetchpriority="low" 212 ></script>
212 213 214
215<script 216 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/dialog.js?v=150888536568694194021788024220" 217 type="module" 218 fetchpriority="low" 219></script>
vendor: 1 bytes, line 219
219
220<script 221 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/variant-picker.js?v=24924540959574313291788024220" 222 type="module" 223 fetchpriority="low" 224></script>
vendor: 1 bytes, line 224
224
225<script 226 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/product-card.js?v=28695665944407642501788024220" 227 type="module" 228 fetchpriority="low" 229></script>
vendor: 1 bytes, line 229
229
230<script 231 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/product-form.js?v=142170751179338062901788024220" 232 type="module" 233 fetchpriority="low" 234></script>
vendor: 1 bytes, line 234
234
235<script 236 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/fly-to-cart.js?v=48483246440248933081788024220" 237 type="module" 238 fetchpriority="low" 239></script>
vendor: 1 bytes, line 239
239
240<script 241 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/accordion-custom.js?v=97588419883090888471788024220" 242 type="module" 243 fetchpriority="low" 244></script>
vendor: 1 bytes, line 244
244
245<script 246 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/media.js?v=37825095869491791421788024220" 247 type="module" 248 fetchpriority="low" 249></script>
vendor: 1 bytes, line 249
249
250<script 251 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/product-price.js?v=83480980452100801711788024220" 252 type="module" 253 fetchpriority="low" 254></script>
vendor: 1 bytes, line 254
254
255<script 256 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/product-sku.js?v=121804655373531320511788024220" 257 type="module" 258 fetchpriority="low" 259></script>
vendor: 1 bytes, line 259
259
260<script 261 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/product-title-truncation.js?v=81744426891537421781788024220" 262 type="module" 263 fetchpriority="low" 264></script>
vendor: 1 bytes, line 264
264
265<script 266 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/product-inventory.js?v=81520546963552472391788024220" 267 type="module" 268 fetchpriority="low" 269></script>
vendor: 1 bytes, line 269
269
270<script 271 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/show-more.js?v=94563802205717136101788024220" 272 type="module" 273 fetchpriority="low" 274></script>
vendor: 1 bytes, line 274
274
275<script 276 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/slideshow.js?v=168726587398279102001788024220" 277 type="module" 278 fetchpriority="low" 279></script>
vendor: 1 bytes, line 279
279
280<script 281 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/layered-slideshow.js?v=30135417790894624731788024220" 282 type="module" 283 fetchpriority="low" 284></script>
vendor: 1 bytes, line 284
284
285<script 286 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/anchored-popover.js?v=95953304814728754461788024220" 287 type="module" 288 fetchpriority="low" 289></script>
vendor: 1 bytes, line 289
289
290<script 291 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/floating-panel.js?v=151277338116891310371788024220" 292 type="module" 293 fetchpriority="low" 294></script>
vendor: 1 bytes, line 294
294
295<script 296 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/video-background.js?v=25237992823806706551788024220" 297 type="module" 298 fetchpriority="low" 299></script>
vendor: 1 bytes, line 299
299
300<script 301 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/component-quantity-selector.js?v=67906657287482036641788024220" 302 type="module" 303 fetchpriority="low" 304></script>
vendor: 1 bytes, line 304
304
305<script 306 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/media-gallery.js?v=14624021005636302161788024220" 307 type="module" 308 fetchpriority="low" 309></script>
vendor: 1 bytes, line 309
309
310<script 311 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/rte-formatter.js?v=40306132146590816021788024220" 312 type="module" 313 fetchpriority="low" 314></script>
vendor: 1 bytes, line 314
314
315<script 316 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/volume-pricing.js?v=15442793518842484731788024220" 317 type="module" 318 fetchpriority="low" 319></script>
vendor: 1 bytes, line 319
319
320<script 321 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/price-per-item.js?v=144512917617120124431788024220" 322 type="module" 323 fetchpriority="low" 324></script>
vendor: 1 bytes, line 324
324
325<script 326 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/volume-pricing-info.js?v=94479640769665442661788024220" 327 type="module" 328 fetchpriority="low" 329></script>
329 330 331 332
332<script 333 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/localization.js?v=15585934801240115691788024220" 334 type="module" 335 fetchpriority="low" 336 ></script>
336 337 338 339 340
341<script 342 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/auto-close-details.js?v=58350291535404441581788024220" 343 defer="defer" 344></script>
344 345
346<script> 347 const Theme = { 348 translations: { 349 placeholder_image: `Image du paramètre fictif`, 350 added: `Ajouté`, 351 recipient_form_fields_visible: `Les champs du formulaire de destinataire sont désormais visibles`, 352 recipient_form_fields_hidden: `Les champs du formulaire de destinataire sont désormais masqués`, 353 recipient_form_error: `La soumission du formulaire présentait une erreur`, 354 items_added_to_cart_one: `1 article ajouté au panier`, 355 items_added_to_cart_other: `{{ count }} articles ajoutés au panier`, 356 cart_count: `Nombre total dâarticles dans le panier`, 357 }, 358 routes: { 359 cart_add_url: '/cart/add.js', 360 cart_change_url: '/cart/change', 361 cart_update_url: '/cart/update', 362 cart_url: '/cart', 363 predictive_search_url: '/search/suggest', 364 search_url: '/search', 365 }, 366 template: { 367 name: 'index', 368 }, 369 }; 370</script>
370 371<style data-shopify> 372@font-face { 373 font-family: "Work Sans"; 374 font-weight: 400; 375 font-style: normal; 376 font-display: swap; 377 src: url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_n4.b7973b3d07d0ace13de1b1bea9c45759cdbe12cf.woff2") format("woff2"), 378 url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_n4.cf5ceb1e6d373a9505e637c1aff0a71d0959556d.woff") format("woff"); 379} 380@font-face { 381 font-family: "Work Sans"; 382 font-weight: 700; 383 font-style: normal; 384 font-display: swap; 385 src: url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_n7.e2cf5bd8f2c7e9d30c030f9ea8eafc69f5a92f7b.woff2") format("woff2"), 386 url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_n7.20f1c80359e7f7b4327b81543e1acb5c32cd03cd.woff") format("woff"); 387} 388@font-face { 389 font-family: "Work Sans"; 390 font-weight: 400; 391 font-style: italic; 392 font-display: swap; 393 src: url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_i4.16ff51e3e71fc1d09ff97b9ff9ccacbeeb384ec4.woff2") format("woff2"), 394 url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_i4.ed4a1418cba5b7f04f79e4d5c8a5f1a6bd34f23b.woff") format("woff"); 395} 396@font-face { 397 font-family: "Work Sans"; 398 font-weight: 700; 399 font-style: italic; 400 font-display: swap; 401 src: url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_i7.7cdba6320b03c03dcaa365743a4e0e729fe97e54.woff2") format("woff2"), 402 url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_i7.42a9f4016982495f4c0b0fb3dc64cf8f2d0c3eaa.woff") format("woff"); 403} 404@font-face { 405 font-family: "Work Sans"; 406 font-weight: 500; 407 font-style: normal; 408 font-display: swap; 409 src: url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_n5.42fc03d7028ac0f31a2ddf10d4a2904a7483a1c4.woff2") format("woff2"), 410 url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_n5.1f79bf93aa21696aa0428c88e39fb9f946295341.woff") format("woff"); 411} 412@font-face { 413 font-family: "Work Sans"; 414 font-weight: 500; 415 font-style: italic; 416 font-display: swap; 417 src: url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_i5.0097f7572bdd2a30d202a52c1764d831015aa312.woff2") format("woff2"), 418 url("//www.bonnemaison.fr/cdn/fonts/work_sans/worksans_i5.a4fa6fa0f90748be4cee382c79d6624ea9963ef1.woff") format("woff"); 419} 420 421 422 :root { 423 /* Page Layout */ 424 --sidebar-width: 25rem; 425 --narrow-content-width: 36rem; 426 --normal-content-width: 42rem; 427 --wide-content-width: 46rem; 428 --narrow-page-width: 90rem; 429 --normal-page-width: 120rem; 430 --wide-page-width: 150rem; 431 432 /* Section Heights */ 433 --section-height-small: 15rem; 434 --section-height-medium: 25rem; 435 --section-height-large: 35rem; 436 437 @media screen and (min-width: 40em) { 438 --section-height-small: 40svh; 439 --section-height-medium: 55svh; 440 --section-height-large: 70svh; 441 } 442 443 @media screen and (min-width: 60em) { 444 --section-height-small: 50svh; 445 --section-height-medium: 65svh; 446 --section-height-large: 80svh; 447 } 448 449 /* Letter spacing */ 450 --letter-spacing-sm: 0.06em; 451 --letter-spacing-md: 0.13em; 452 453 /* Font families */ 454 --font-body--family: "Work Sans", sans-serif; 455 --font-body--style: normal; 456 --font-body--weight: 400; 457 --font-subheading--family: "Work Sans", sans-serif; 458 --font-subheading--style: normal; 459 --font-subheading--weight: 500; 460 --font-heading--family: "Work Sans", sans-serif; 461 --font-heading--style: normal; 462 --font-heading--weight: 700; 463 --font-accent--family: "Work Sans", sans-serif; 464 --font-accent--style: normal; 465 --font-accent--weight: 700; 466 467 /* Margin sizes */ 468 --font-heading--spacing: 0.25em; 469 --font-h1--spacing: var(--font-heading--spacing); 470 --font-h2--spacing: var(--font-heading--spacing); 471 --font-h3--spacing: var(--font-heading--spacing); 472 --font-h4--spacing: var(--font-heading--spacing); 473 --font-h5--spacing: var(--font-heading--spacing); 474 --font-h6--spacing: var(--font-heading--spacing); 475 --font-paragraph--spacing: 0.5em; 476 477 /* Heading colors */ 478 --font-h1--color: var(--color-foreground-heading); 479 --font-h2--color: var(--color-foreground-heading); 480 --font-h3--color: var(--color-foreground-heading); 481 --font-h4--color: var(--color-foreground-heading); 482 --font-h5--color: var(--color-foreground-heading); 483 --font-h6--color: var(--color-foreground-heading); 484 485 /** Z-Index / Layering */ 486 --layer-section-background: -2; 487 --layer-lowest: -1; 488 --layer-base: 0; 489 --layer-flat: 1; 490 --layer-raised: 2; 491 --layer-heightened: 4; 492 --layer-sticky: 8; 493 --layer-window-overlay: 10; 494 --layer-header-menu: 12; 495 --layer-overlay: 16; 496 --layer-menu-drawer: 18; 497 --layer-temporary: 20; 498 499 /* Max-width / Measure */ 500 --max-width--body-normal: 32.5em; 501 --max-width--body-narrow: 22.75em; 502 503 --max-width--heading-normal: 32.5em; 504 --max-width--heading-narrow: 19.5em; 505 506 --max-width--display-normal: 13em; 507 --max-width--display-narrow: 9.75em; 508 --max-width--display-tight: 3.25em; 509 510 /* Letter-spacing / Tracking */ 511 --letter-spacing--display-tight: -0.03em; 512 --letter-spacing--display-normal: 0em; 513 --letter-spacing--display-loose: 0.03em; 514 515 --letter-spacing--heading-tight: -0.03em; 516 --letter-spacing--heading-normal: 0em; 517 --letter-spacing--heading-loose: 0.03em; 518 519 --letter-spacing--body-tight: -0.03em; 520 --letter-spacing--body-normal: 0em; 521 --letter-spacing--body-loose: 0.03em; 522 523 /* Line height / Leading */ 524 --line-height: 1; 525 526 --line-height--display-tight: 1; 527 --line-height--display-normal: 1.1; 528 --line-height--display-loose: 1.2; 529 530 --line-height--heading-tight: 1.15; 531 --line-height--heading-normal: 1.25; 532 --line-height--heading-loose: 1.35; 533 534 --line-height--body-tight: 1.2; 535 --line-height--body-normal: 1.4; 536 --line-height--body-loose: 1.6; 537 538 /* Typography presets */ 539 --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--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-tight);--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-tight);--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-normal);--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-tight);--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); 540 541 /* Hardcoded font sizes */ 542 --font-size--3xs: 0.625rem; 543 --font-size--2xs: 0.75rem; 544 --font-size--xs: 0.8125rem; 545 --font-size--sm: 0.875rem; 546 --font-size--md: 1rem; 547 --font-size--lg: 1.125rem; 548 --font-size--xl: 1.25rem; 549 --font-size--2xl: 1.5rem; 550 --font-size--3xl: 2rem; 551 --font-size--4xl: 2.5rem; 552 --font-size--5xl: 3rem; 553 --font-size--6xl: 3.5rem; 554 555 /* Menu font sizes */ 556 --menu-font-sm--size: 0.875rem; 557 --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14)); 558 --menu-font-md--size: 1rem; 559 --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16)); 560 --menu-font-lg--size: 1.125rem; 561 --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18)); 562 --menu-font-xl--size: 1.25rem; 563 --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20)); 564 --menu-font-2xl--size: 1.75rem; 565 --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28)); 566 567 /* Colors */ 568 --color-error: #8B0000; 569 --color-success: #006400; 570 --color-white: #FFFFFF; 571 --color-white-rgb: 255 255 255; 572 --color-black: #000000; 573 --color-instock: #3ED660; 574 --color-lowstock: #EE9441; 575 --color-outofstock: #C8C8C8; 576 577 /* Opacity */ 578 --opacity-5: 0.05; 579 --opacity-8: 0.08; 580 --opacity-10: 0.1; 581 --opacity-15: 0.15; 582 --opacity-20: 0.2;
583 --opacity-25: 0.25; 584 --opacity-30: 0.3; 585 --opacity-40: 0.4; 586 --opacity-50: 0.5; 587 --opacity-60: 0.6; 588 --opacity-70: 0.7; 589 --opacity-80: 0.8; 590 --opacity-85: 0.85; 591 --opacity-90: 0.9; 592 --opacity-subdued-text: var(--opacity-70); 593 594 --shadow-button: 0 2px 3px rgb(0 0 0 / 20%); 595 --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent); 596 597 /* Spacing */ 598 --margin-3xs: 0.125rem; 599 --margin-2xs: 0.3rem; 600 --margin-xs: 0.5rem; 601 --margin-sm: 0.7rem; 602 --margin-md: 0.8rem; 603 --margin-lg: 1rem; 604 --margin-xl: 1.25rem; 605 --margin-2xl: 1.5rem; 606 --margin-3xl: 1.75rem; 607 --margin-4xl: 2rem; 608 --margin-5xl: 3rem; 609 --margin-6xl: 5rem; 610 611 --scroll-margin: 50px; 612 613 --padding-3xs: 0.125rem; 614 --padding-2xs: 0.25rem; 615 --padding-xs: 0.5rem; 616 --padding-sm: 0.7rem; 617 --padding-md: 0.8rem; 618 --padding-lg: 1rem; 619 --padding-xl: 1.25rem; 620 --padding-2xl: 1.5rem; 621 --padding-3xl: 1.75rem; 622 --padding-4xl: 2rem; 623 --padding-5xl: 3rem; 624 --padding-6xl: 4rem; 625 626 --gap-3xs: 0.125rem; 627 --gap-2xs: 0.3rem; 628 --gap-xs: 0.5rem; 629 --gap-sm: 0.7rem; 630 --gap-md: 0.9rem; 631 --gap-lg: 1rem; 632 --gap-xl: 1.25rem; 633 --gap-2xl: 2rem; 634 --gap-3xl: 3rem; 635 636 --spacing-scale-sm: 0.6; 637 --spacing-scale-md: 0.7; 638 --spacing-scale-default: 1.0; 639 640 /* Checkout buttons gap */ 641 --checkout-button-gap: 10px; 642 643 /* Borders */ 644 --style-border-width: 1px; 645 --style-border-radius-xs: 0.2rem; 646 --style-border-radius-sm: 0.6rem; 647 --style-border-radius-md: 0.8rem; 648 --style-border-radius-50: 50%; 649 --style-border-radius-lg: 1rem; 650 --style-border-radius-pills: 40px; 651 --style-border-radius-inputs: 4px; 652 --style-border-radius-buttons-primary: 14px; 653 --style-border-radius-buttons-secondary: 14px; 654 --style-border-width-primary: 0px; 655 --style-border-width-secondary: 1px; 656 --style-border-width-inputs: 1px; 657 --style-border-radius-popover: 14px; 658 --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%); 659 --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%); 660 --style-border-swatch-opacity: 10%; 661 --style-border-swatch-width: 1px; 662 --style-border-swatch-style: solid; 663 664 /* Animation */ 665 --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1); 666 --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1); 667 --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955); 668 --animation-speed-fast: 0.0625s; 669 --animation-speed: 0.125s; 670 --animation-speed-slow: 0.2s; 671 --animation-speed-medium: 0.15s; 672 --animation-easing: ease-in-out; 673 --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1); 674 --drawer-animation-speed: 0.2s; 675 --animation-values-slow: var(--animation-speed-slow) var(--animation-easing); 676 --animation-values: var(--animation-speed) var(--animation-easing); 677 --animation-values-fast: var(--animation-speed-fast) var(--animation-easing); 678 --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete; 679 --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94); 680 --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0); 681 --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); 682 --animation-timing-default: cubic-bezier(0, 0, 0.2, 1); 683 --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1); 684 --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1); 685 /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/ 686 --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%); 687 --spring-d300-b0-duration: 0.4980s; 688 --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%); 689 --spring-d280-b0-duration: 0.4648s; 690 --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%); 691 --spring-d260-b0-duration: 0.4316s; 692 --spring-d220-b0-easing: linear( 693 0, 694 0.0093 1.37%, 695 0.0696 4.12%, 696 0.4667 15.09%, 697 0.6322 20.58%, 698 0.6986 23.32%, 699 0.7793 27.44%, 700 0.8219 30.18%, 701 0.8721, 702 0.9089 38.42%, 703 0.9427, 704 0.9644, 705 0.978 54.88%, 706 0.9881 61.74%, 707 0.9944 69.97%, 708 0.998 80.95%, 709 0.9996 98.78% 710 ); 711 --spring-d220-b0-duration: 0.3818s; 712 --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%); 713 --spring-d180-b0-duration: 0.2988s; 714 715 /* View transitions */ 716 /* View transition old */ 717 --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut; 718 719 /* View transition new */ 720 --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition; 721 722 /* Focus */ 723 --focus-outline-width: 0.09375rem; 724 --focus-outline-offset: 0.2em; 725 726 /* Badges */ 727 --badge-blob-padding-block: 1px; 728 --badge-blob-padding-inline: 12px 8px; 729 --badge-rectangle-padding-block: 1px; 730 --badge-rectangle-padding-inline: 6px; 731 @media screen and (min-width: 750px) { 732 --badge-blob-padding-block: 4px; 733 --badge-blob-padding-inline: 16px 12px; 734 --badge-rectangle-padding-block: 4px; 735 --badge-rectangle-padding-inline: 10px; 736 } 737 738 /* Icons */ 739 --icon-size-2xs: 0.6rem; 740 --icon-size-xs: 0.85rem; 741 --icon-size-sm: 1.25rem; 742 --icon-size-md: 1.375rem; 743 --icon-size-lg: 1.5rem; 744 --icon-stroke-width: 1.5px; 745 746 /* Input */ 747 --input-email-min-width: 200px; 748 --input-search-max-width: 650px; 749 --input-padding-y: 0.8rem; 750 --input-padding-x: 0.8rem; 751 --input-padding: var(--input-padding-y) var(--input-padding-x); 752 --input-box-shadow-width: var(--style-border-width-inputs); 753 --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border); 754 --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border); 755 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 756 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 757 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
758 --input-textarea-min-height: 55px; 759 760 /* Checkbox */ 761 --checkbox-size: 22px; 762 --checkbox-border-radius: 7px; 763 --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55)); 764 --checkbox-label-padding: 8px; 765 766 @media screen and (min-width: 750px) { 767 --checkbox-size: 16px; 768 --checkbox-border-radius: 5px; 769 --checkbox-label-padding: 6px; 770 } 771 772 /* Button size */ 773 --button-size-sm: 30px; 774 --button-size-md: 36px; 775 --button-size: var(--minimum-touch-target); 776 --button-padding-inline: 24px; 777 --button-padding-block: 16px; 778 779 /* Button font-family */ 780 --button-font-family-primary: var(--font-body--family); 781 --button-font-family-secondary: var(--font-body--family); 782 783 /* Button text case */ 784 --button-text-case: ; 785 --button-text-case-primary: default; 786 --button-text-case-secondary: default; 787 788 /* Borders */ 789 --border-color: rgb(var(--color-border-rgb) / var(--opacity-50)); 790 --border-width-sm: 1px; 791 --border-width-md: 2px; 792 --border-width-lg: 5px; 793 --border-radius-sm: 0.25rem; 794 795 /* Drawers */ 796 --drawer-inline-padding: 25px; 797 --drawer-menu-inline-padding: 2.5rem; 798 --drawer-header-block-padding: 20px; 799 --drawer-content-block-padding: 10px; 800 --drawer-header-desktop-top: 0rem; 801 --drawer-padding: calc(var(--padding-sm) + 7px); 802 --drawer-height: 100dvh; 803 --drawer-width: 95vw; 804 --drawer-max-width: 500px; 805 806 /* Variant Picker Swatches */ 807 --variant-picker-swatch-width-unitless: 34; 808 --variant-picker-swatch-height-unitless: 34; 809 --variant-picker-swatch-width: 34px; 810 --variant-picker-swatch-height: 34px; 811 --variant-picker-swatch-radius: 32px; 812 --variant-picker-border-width: 1px; 813 --variant-picker-border-style: solid; 814 --variant-picker-border-opacity: 10%; 815 816 /* Variant Picker Buttons */ 817 --variant-picker-button-radius: 14px; 818 --variant-picker-button-border-width: 1px; 819 820 /* Slideshow */ 821 --slideshow-controls-size: 3.5rem; 822 --slideshow-controls-icon: 2rem; 823 --peek-next-slide-size: 3rem; 824 825 /* Utilities */ 826 --backdrop-opacity: 0.15; 827 --backdrop-color-rgb: var(--color-shadow-rgb); 828 --minimum-touch-target: 44px; 829 --disabled-opacity: 0.5; 830 --skeleton-opacity: 0.025; 831 832 /* Shapes */ 833 --shape--circle: circle(50% at center); 834 --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%); 835 --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 836 --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
836% 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%); 837 838 /* Buy buttons */ 839 --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm)); 840 841 /* Card image width and height variables */ 842 --card-width-small: 10rem; 843 844 --height-small: 10rem; 845 --height-medium: 11.5rem; 846 --height-large: 13rem; 847 --height-full: 100vh; 848 849 @media screen and (min-width: 750px) { 850 --height-small: 17.5rem; 851 --height-medium: 21.25rem; 852 --height-large: 25rem; 853 } 854 855 /* Modal */ 856 --modal-max-height: 65dvh; 857 --quick-add-modal-height: min(38.5rem, 96vh); 858 --quick-add-modal-width: min(54rem, 96vw); 859 --quick-add-modal-gallery-width: 24rem; 860 861 /* Card styles for search */ 862 --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 863 --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30)); 864 --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 865 866 /* Cart */ 867 --cart-primary-font-family: var(--font-body--family); 868 --cart-primary-font-style: var(--font-body--style); 869 --cart-primary-font-weight: var(--font-body--weight); 870 --cart-secondary-font-family: var(--font-secondary--family); 871 --cart-secondary-font-style: var(--font-secondary--style); 872 --cart-secondary-font-weight: var(--font-secondary--weight); 873 } 874</style> 875 876 877<style data-shopify> 878 879 880 :root, 881 882 883 884 .color-scheme-1 { 885 --color-background: rgb(255 255 255 / 1.0); 886 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 887 --color-background-rgb: 255 255 255; 888 --opacity-5-15: 0.05; 889 --opacity-10-25: 0.1; 890 --opacity-35-55: 0.35; 891 --opacity-40-60: 0.4; 892 --opacity-30-60: 0.3; 893 --color-foreground: rgb(0 0 0 / 0.81); 894 --color-foreground-rgb: 0 0 0; 895 --color-foreground-heading: rgb(0 0 0 / 1.0); 896 --color-foreground-heading-rgb: 0 0 0; 897 --color-primary: rgb(0 0 0 / 0.81); 898 --color-primary-rgb: 0 0 0; 899 --color-primary-hover: rgb(0 0 0 / 1.0); 900 --color-primary-hover-rgb: 0 0 0; 901 --color-border: rgb(0 0 0 / 0.06); 902 --color-border-rgb: 0 0 0; 903 --color-shadow: rgb(0 0 0 / 1.0); 904 --color-shadow-rgb: 0 0 0; 905 --color-primary-button-text: rgb(255 255 255 / 1.0); 906 --color-primary-button-background: rgb(0 0 0 / 1.0); 907 --color-primary-button-border: rgb(0 0 0 / 1.0); 908 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 909 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 910 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 911 --color-secondary-button-text: rgb(0 0 0 / 1.0); 912 --color-secondary-button-background: rgb(0 0 0 / 0.0); 913 --color-secondary-button-border: rgb(0 0 0 / 1.0); 914 --color-secondary-button-hover-text: rgb(51 51 51 / 1.0); 915 --color-secondary-button-hover-background: rgb(250 250 250 / 1.0); 916 --color-secondary-button-hover-border: rgb(51 51 51 / 1.0); 917 --color-input-background: rgb(255 255 255 / 0.78); 918 --color-input-text: rgb(51 51 51 / 1.0); 919 --color-input-text-rgb: 51 51 51; 920 --color-input-border: rgb(223 223 223 / 1.0); 921 --color-input-hover-background: rgb(0 0 0 / 0.01); 922 --color-variant-background: rgb(255 255 255 / 1.0); 923 --color-variant-border: rgb(0 0 0 / 0.13); 924 --color-variant-text: rgb(0 0 0 / 1.0); 925 --color-variant-text-rgb: 0 0 0; 926 --color-variant-hover-background: rgb(245 245 245 / 1.0); 927 --color-variant-hover-text: rgb(0 0 0 / 1.0); 928 --color-variant-hover-border: rgb(230 230 230 / 1.0); 929 --color-selected-variant-background: rgb(0 0 0 / 1.0); 930 --color-selected-variant-border: rgb(0 0 0 / 1.0); 931 --color-selected-variant-text: rgb(255 255 255 / 1.0); 932 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 933 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 934 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 935 936 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 937 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 938 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 939 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 940 --font-h1--color: var(--color-foreground-heading); 941 --font-h2--color: var(--color-foreground-heading); 942 --font-h3--color: var(--color-foreground-heading); 943 --font-h4--color: var(--color-foreground-heading); 944 --font-h5--color: var(--color-foreground-heading); 945 --font-h6--color: var(--color-foreground-heading); 946 947 /* Shadows */ 948 949 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 950 951 952 --shadow-blur: 20px; 953 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 954 955 } 956 957 958 959 960 .color-scheme-2 {
961 --color-background: rgb(245 245 245 / 1.0); 962 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 963 --color-background-rgb: 245 245 245; 964 --opacity-5-15: 0.05; 965 --opacity-10-25: 0.1; 966 --opacity-35-55: 0.35; 967 --opacity-40-60: 0.4; 968 --opacity-30-60: 0.3; 969 --color-foreground: rgb(0 0 0 / 0.81); 970 --color-foreground-rgb: 0 0 0; 971 --color-foreground-heading: rgb(0 0 0 / 1.0); 972 --color-foreground-heading-rgb: 0 0 0; 973 --color-primary: rgb(0 0 0 / 0.81); 974 --color-primary-rgb: 0 0 0; 975 --color-primary-hover: rgb(255 255 255 / 1.0); 976 --color-primary-hover-rgb: 255 255 255; 977 --color-border: rgb(223 223 223 / 1.0); 978 --color-border-rgb: 223 223 223; 979 --color-shadow: rgb(0 0 0 / 1.0); 980 --color-shadow-rgb: 0 0 0; 981 --color-primary-button-text: rgb(255 255 255 / 1.0); 982 --color-primary-button-background: rgb(0 0 0 / 1.0); 983 --color-primary-button-border: rgb(0 0 0 / 1.0); 984 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 985 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 986 --color-primary-button-hover-border: rgb(51 51 51 / 1.0); 987 --color-secondary-button-text: rgb(0 0 0 / 1.0); 988 --color-secondary-button-background: rgb(0 0 0 / 0.0); 989 --color-secondary-button-border: rgb(0 0 0 / 1.0); 990 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 991 --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); 992 --color-secondary-button-hover-border: rgb(51 51 51 / 0.73); 993 --color-input-background: rgb(0 0 0 / 0.0); 994 --color-input-text: rgb(0 0 0 / 0.53); 995 --color-input-text-rgb: 0 0 0; 996 --color-input-border: rgb(0 0 0 / 0.13); 997 --color-input-hover-background: rgb(255 255 255 / 0.36); 998 --color-variant-background: rgb(255 255 255 / 1.0); 999 --color-variant-border: rgb(230 230 230 / 1.0); 1000 --color-variant-text: rgb(0 0 0 / 1.0); 1001 --color-variant-text-rgb: 0 0 0; 1002 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1003 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1004 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1005 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1006 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1007 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1008 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1009 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1010 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1011 1012 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1013 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1014 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1015 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1016 --font-h1--color: var(--color-foreground-heading); 1017 --font-h2--color: var(--color-foreground-heading); 1018 --font-h3--color: var(--color-foreground-heading); 1019 --font-h4--color: var(--color-foreground-heading); 1020 --font-h5--color: var(--color-foreground-heading); 1021 --font-h6--color: var(--color-foreground-heading); 1022 1023 /* Shadows */ 1024 1025 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1026 1027 1028 --shadow-blur: 20px; 1029 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1030 1031 } 1032 1033 1034 1035 1036 .color-scheme-3 { 1037 --color-background: rgb(238 241 234 / 1.0); 1038 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1039 --color-background-rgb: 238 241 234; 1040 --opacity-5-15: 0.05; 1041 --opacity-10-25: 0.1; 1042 --opacity-35-55: 0.35; 1043 --opacity-40-60: 0.4; 1044 --opacity-30-60: 0.3; 1045 --color-foreground: rgb(0 0 0 / 0.81); 1046 --color-foreground-rgb: 0 0 0; 1047 --color-foreground-heading: rgb(0 0 0 / 1.0); 1048 --color-foreground-heading-rgb: 0 0 0; 1049 --color-primary: rgb(0 0 0 / 0.81); 1050 --color-primary-rgb: 0 0 0; 1051 --color-primary-hover: rgb(0 0 0 / 1.0); 1052 --color-primary-hover-rgb: 0 0 0; 1053 --color-border: rgb(0 0 0 / 0.81); 1054 --color-border-rgb: 0 0 0; 1055 --color-shadow: rgb(0 0 0 / 1.0); 1056 --color-shadow-rgb: 0 0 0; 1057 --color-primary-button-text: rgb(255 255 255 / 1.0); 1058 --color-primary-button-background: rgb(0 0 0 / 1.0); 1059 --color-primary-button-border: rgb(0 0 0 / 1.0); 1060 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1061 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1062 --color-primary-button-hover-border: rgb(51 51 51 / 1.0); 1063 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1064 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1065 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1066 --color-secondary-button-hover-text: rgb(0 0 0 / 0.81); 1067 --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); 1068 --color-secondary-button-hover-border: rgb(0 0 0 / 0.81); 1069 --color-input-background: rgb(0 0 0 / 0.0); 1070 --color-input-text: rgb(0 0 0 / 0.81); 1071 --color-input-text-rgb: 0 0 0; 1072 --color-input-border: rgb(0 0 0 / 0.81); 1073 --color-input-hover-background: rgb(255 255 255 / 0.36); 1074 --color-variant-background: rgb(255 255 255 / 1.0); 1075 --color-variant-border: rgb(230 230 230 / 1.0); 1076 --color-variant-text: rgb(0 0 0 / 1.0); 1077 --color-variant-text-rgb: 0 0 0; 1078 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1079 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1080 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1081 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1082 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1083 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1084 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1085 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1086 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1087 1088 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1089 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1090 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1091 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1092 --font-h1--color: var(--color-foreground-heading); 1093 --font-h2--color: var(--color-foreground-heading); 1094 --font-h3--color: var(--color-foreground-heading); 1095 --font-h4--color: var(--color-foreground-heading); 1096 --font-h5--color: var(--color-foreground-heading); 1097 --font-h6--color: var(--color-foreground-heading); 1098 1099 /* Shadows */ 1100 1101 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1102 1103 1104 --shadow-blur: 20px; 1105 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1106 1107 } 1108 1109 1110 1111 1112 .color-scheme-4 { 1113 --color-background: rgb(225 237 245 / 1.0); 1114 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1115 --color-background-rgb: 225 237 245; 1116 --opacity-5-15: 0.05; 1117 --opacity-10-25: 0.1; 1118 --opacity-35-55: 0.35; 1119 --opacity-40-60: 0.4; 1120 --opacity-30-60: 0.3; 1121 --color-foreground: rgb(0 0 0 / 0.81); 1122 --color-foreground-rgb: 0 0 0; 1123 --color-foreground-heading: rgb(0 0 0 / 1.0); 1124 --color-foreground-heading-rgb: 0 0 0; 1125 --color-primary: rgb(0 0 0 / 0.81); 1126 --color-primary-rgb: 0 0 0; 1127 --color-primary-hover: rgb(0 0 0 / 1.0); 1128 --color-primary-hover-rgb: 0 0 0; 1129 --color-border: rgb(29 54 134 / 0.5); 1130 --color-border-rgb: 29 54 134; 1131 --color-shadow: rgb(0 0 0 / 1.0); 1132 --color-shadow-rgb: 0 0 0; 1133 --color-primary-button-text: rgb(255 255 255 / 1.0); 1134 --color-primary-button-background: rgb(0 0 0 / 1.0); 1135 --color-primary-button-border: rgb(29 54 134 / 1.0); 1136 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1137 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1138 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1139 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1140 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1141 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1142 --color-secondary-button-hover-text: rgb(0 0 0 / 0.81); 1143 --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); 1144 --color-secondary-button-hover-border: rgb(0 0 0 / 0.81); 1145 --color-input-background: rgb(0 0 0 / 0.0); 1146 --color-input-text: rgb(0 0 0 / 0.81); 1147 --color-input-text-rgb: 0 0 0; 1148 --color-input-border: rgb(0 0 0 / 0.81); 1149 --color-input-hover-background: rgb(255 255 255 / 0.36); 1150 --color-variant-background: rgb(255 255 255 / 1.0); 1151 --color-variant-border: rgb(230 230 230 / 1.0); 1152 --color-variant-text: rgb(0 0 0 / 1.0); 1153 --color-variant-text-rgb: 0 0 0; 1154 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1155 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1156 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1157 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1158 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1159 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1160 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1161 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1162 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1163 1164 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1165 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1166 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1167 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1168 --font-h1--color: var(--color-foreground-heading); 1169 --font-h2--color: var(--color-foreground-heading); 1170 --font-h3--color: var(--color-foreground-heading); 1171 --font-h4--color: var(--color-foreground-heading); 1172 --font-h5--color: var(--color-foreground-heading); 1173 --font-h6--color: var(--color-foreground-heading); 1174 1175 /* Shadows */ 1176 1177 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1178 1179 1180 --shadow-blur: 20px; 1181 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1182 1183 } 1184 1185 1186 1187 1188 .color-scheme-5 { 1189 --color-background: rgb(51 51 51 / 1.0); 1190 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1191 --color-background-rgb: 51 51 51; 1192 --opacity-5-15: 0.15; 1193 --opacity-10-25: 0.25; 1194 --opacity-35-55: 0.55; 1195 --opacity-40-60: 0.6; 1196 --opacity-30-60: 0.6; 1197 --color-foreground: rgb(255 255 255 / 1.0); 1198 --color-foreground-rgb: 255 255 255; 1199 --color-foreground-heading: rgb(255 255 255 / 1.0); 1200 --color-foreground-heading-rgb: 255 255 255; 1201 --color-primary: rgb(255 255 255 / 1.0); 1202 --color-primary-rgb: 255 255 255; 1203 --color-primary-hover: rgb(255 255 255 / 0.69); 1204 --color-primary-hover-rgb: 255 255 255; 1205 --color-border: rgb(255 255 255 / 0.69); 1206 --color-border-rgb: 255 255 255; 1207 --color-shadow: rgb(0 0 0 / 1.0); 1208 --color-shadow-rgb: 0 0 0; 1209 --color-primary-button-text: rgb(0 0 0 / 1.0); 1210 --color-primary-button-background: rgb(255 255 255 / 1.0); 1211 --color-primary-button-border: rgb(255 255 255 / 1.0); 1212 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1213 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 1214 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1215 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1216 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1217 --color-secondary-button-border: rgb(255 255 255 / 0.69); 1218 --color-secondary-button-hover-text: rgb(255 255 255 / 0.93); 1219 --color-secondary-button-hover-background: rgb(255 255 255 / 0.04); 1220 --color-secondary-button-hover-border: rgb(255 255 255 / 0.69); 1221 --color-input-background: rgb(51 51 51 / 1.0); 1222 --color-input-text: rgb(255 255 255 / 0.93); 1223 --color-input-text-rgb: 255 255 255; 1224 --color-input-border: rgb(255 255 255 / 0.69); 1225 --color-input-hover-background: rgb(255 255 255 / 0.04); 1226 --color-variant-background: rgb(255 255 255 / 1.0); 1227 --color-variant-border: rgb(230 230 230 / 1.0); 1228 --color-variant-text: rgb(0 0 0 / 1.0); 1229 --color-variant-text-rgb: 0 0 0; 1230 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1231 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1232 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1233 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1234 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1235 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1236 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1237 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1238 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1239 1240 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1241 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1242 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1243 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1244 --font-h1--color: var(--color-foreground-heading); 1245 --font-h2--color: var(--color-foreground-heading); 1246 --font-h3--color: var(--color-foreground-heading); 1247 --font-h4--color: var(--color-foreground-heading); 1248 --font-h5--color: var(--color-foreground-heading); 1249 --font-h6--color: var(--color-foreground-heading); 1250 1251 /* Shadows */ 1252 1253 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1254 1255 1256 --shadow-blur: 20px; 1257 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1258 1259 } 1260 1261 1262 1263 1264 .color-scheme-6 { 1265 --color-background: rgb(0 0 0 / 0.0); 1266 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1267 --color-background-rgb: 0 0 0; 1268 --opacity-5-15: 0.15; 1269 --opacity-10-25: 0.25; 1270 --opacity-35-55: 0.55; 1271 --opacity-40-60: 0.6; 1272 --opacity-30-60: 0.6; 1273 --color-foreground: rgb(255 255 255 / 1.0); 1274 --color-foreground-rgb: 255 255 255; 1275 --color-foreground-heading: rgb(255 255 255 / 1.0); 1276 --color-foreground-heading-rgb: 255 255 255; 1277 --color-primary: rgb(255 255 255 / 1.0); 1278 --color-primary-rgb: 255 255 255; 1279 --color-primary-hover: rgb(255 255 255 / 0.69); 1280 --color-primary-hover-rgb: 255 255 255; 1281 --color-border: rgb(230 230 230 / 1.0); 1282 --color-border-rgb: 230 230 230; 1283 --color-shadow: rgb(0 0 0 / 1.0); 1284 --color-shadow-rgb: 0 0 0; 1285 --color-primary-button-text: rgb(0 0 0 / 1.0); 1286 --color-primary-button-background: rgb(255 255 255 / 1.0); 1287 --color-primary-button-border: rgb(255 255 255 / 1.0); 1288 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1289 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 1290 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1291 --color-secondary-button-text: rgb(255 255 255 / 1.0);
1291 1292 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1293 --color-secondary-button-border: rgb(255 255 255 / 1.0); 1294 --color-secondary-button-hover-text: rgb(255 255 255 / 1.0); 1295 --color-secondary-button-hover-background: rgb(255 255 255 / 0.08); 1296 --color-secondary-button-hover-border: rgb(255 255 255 / 1.0); 1297 --color-input-background: rgb(255 255 255 / 1.0); 1298 --color-input-text: rgb(0 0 0 / 0.53); 1299 --color-input-text-rgb: 0 0 0; 1300 --color-input-border: rgb(0 0 0 / 0.13); 1301 --color-input-hover-background: rgb(250 250 250 / 1.0); 1302 --color-variant-background: rgb(255 255 255 / 1.0); 1303 --color-variant-border: rgb(230 230 230 / 1.0); 1304 --color-variant-text: rgb(0 0 0 / 1.0); 1305 --color-variant-text-rgb: 0 0 0; 1306 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1307 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1308 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1309 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1310 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1311 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1312 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1313 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1314 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1315 1316 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1317 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1318 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1319 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1320 --font-h1--color: var(--color-foreground-heading); 1321 --font-h2--color: var(--color-foreground-heading); 1322 --font-h3--color: var(--color-foreground-heading); 1323 --font-h4--color: var(--color-foreground-heading); 1324 --font-h5--color: var(--color-foreground-heading); 1325 --font-h6--color: var(--color-foreground-heading); 1326 1327 /* Shadows */ 1328 1329 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1330 1331 1332 --shadow-blur: 20px; 1333 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1334 1335 } 1336 1337 1338 1339 1340 .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 { 1341 --color-background: rgb(0 0 0 / 0.0); 1342 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1343 --color-background-rgb: 0 0 0; 1344 --opacity-5-15: 0.15; 1345 --opacity-10-25: 0.25; 1346 --opacity-35-55: 0.55; 1347 --opacity-40-60: 0.6; 1348 --opacity-30-60: 0.6; 1349 --color-foreground: rgb(0 0 0 / 1.0); 1350 --color-foreground-rgb: 0 0 0; 1351 --color-foreground-heading: rgb(0 0 0 / 1.0); 1352 --color-foreground-heading-rgb: 0 0 0; 1353 --color-primary: rgb(0 0 0 / 1.0); 1354 --color-primary-rgb: 0 0 0; 1355 --color-primary-hover: rgb(0 0 0 / 0.53); 1356 --color-primary-hover-rgb: 0 0 0; 1357 --color-border: rgb(230 230 230 / 1.0); 1358 --color-border-rgb: 230 230 230; 1359 --color-shadow: rgb(0 0 0 / 1.0); 1360 --color-shadow-rgb: 0 0 0; 1361 --color-primary-button-text: rgb(255 255 255 / 1.0); 1362 --color-primary-button-background: rgb(0 0 0 / 1.0); 1363 --color-primary-button-border: rgb(0 0 0 / 1.0); 1364 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1365 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1366 --color-primary-button-hover-border: rgb(51 51 51 / 1.0); 1367 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1368 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1369 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1370 --color-secondary-button-hover-text: rgb(51 51 51 / 1.0); 1371 --color-secondary-button-hover-background: rgb(250 250 250 / 1.0); 1372 --color-secondary-button-hover-border: rgb(51 51 51 / 1.0); 1373 --color-input-background: rgb(255 255 255 / 1.0); 1374 --color-input-text: rgb(0 0 0 / 0.53); 1375 --color-input-text-rgb: 0 0 0; 1376 --color-input-border: rgb(0 0 0 / 0.13); 1377 --color-input-hover-background: rgb(250 250 250 / 1.0); 1378 --color-variant-background: rgb(255 255 255 / 1.0); 1379 --color-variant-border: rgb(230 230 230 / 1.0); 1380 --color-variant-text: rgb(0 0 0 / 1.0); 1381 --color-variant-text-rgb: 0 0 0; 1382 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1383 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1384 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1385 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1386 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1387 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1388 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1389 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1390 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1391 1392 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1393 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1394 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1395 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1396 --font-h1--color: var(--color-foreground-heading); 1397 --font-h2--color: var(--color-foreground-heading); 1398 --font-h3--color: var(--color-foreground-heading); 1399 --font-h4--color: var(--color-foreground-heading); 1400 --font-h5--color: var(--color-foreground-heading); 1401 --font-h6--color: var(--color-foreground-heading); 1402 1403 /* Shadows */ 1404 1405 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1406 1407 1408 --shadow-blur: 20px; 1409 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1410 1411 } 1412 1413 1414 body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 { 1415 color: var(--color-foreground); 1416 background-color: var(--color-background); 1417 } 1418</style> 1419 1420 1421
1421<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1421<meta name="google-site-verification" content="IVneMVOCbfUwCvgthGOp6pgqli89XmbGVW7Dy9B8McQ"> 1422<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/105021178181/digital_wallets/dialog"> 1423<meta id="in-context-paypal-metadata" data-shop-id="105021178181" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="EUR"> 1424<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://www.bonnemaison.fr/"> 1425<link rel="alternate" hreflang="fr" href="https://www.bonnemaison.fr/"> 1426<link rel="alternate" hreflang="en" href="https://www.bonnemaison.fr/en">
1427<script async="async" src="/checkouts/internal/preloads.js?locale=fr-US&default_configuration_id=13622477125"></script>
vendor: 1 bytes, line 1427
1427
1428<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":105021178181,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/105021178181","merchantName":"Bonne Maison","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Bonne Maison","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1428
1428
1429<script id="shopify-features" type="application/json">{"accessToken":"d708b301f6219506148891bd184456fb","betas":["rich-media-storefront-analytics"],"domain":"www.bonnemaison.fr","predictiveSearch":true,"shopId":105021178181,"locale":"fr"}</script>
vendor: 1 bytes, line 1429
1429
1430<script>var Shopify = Shopify || {}; 1431Shopify.shop = "bonne-maison-fr.myshopify.com"; 1432Shopify.locale = "fr"; 1433Shopify.currency = {"active":"EUR","rate":"1.0"}; 1434Shopify.country = "US"; 1435Shopify.theme = {"name":"Bonne Maison","id":205327728965,"schema_name":"Horizon","schema_version":"3.5.1","theme_store_id":2481,"role":"main"}; 1436Shopify.theme.handle = "null"; 1437Shopify.theme.style = {"id":null,"handle":null}; 1438Shopify.cdnHost = "www.bonnemaison.fr/cdn"; 1439Shopify.routes = Shopify.routes || {}; 1440Shopify.routes.root = "/"; 1441Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 1442Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 1443Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 1444Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1444
1444
1445<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1445
1445
1446<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>
vendor: 1 bytes, line 1446
1446
1447<script> 1448 window.Shopify = window.Shopify || {}; 1449 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 1450 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 1451 window.Shopify.SignInWithShop.eligible = false; 1452</script>
vendor: 1 bytes, line 1452
1452
1453<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 1453
1453
1454<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>
vendor: 1 bytes, line 1454
1454
1455<script type="module"> 1456 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js"); 1457 1458 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 1459 1460</script>
vendor: 1 bytes, line 1460
1460
1461<script id="__st">var __st={"a":105021178181,"offset":7200,"reqid":"51c87a49-174d-4a8e-a2f2-3364734734bc-1790393832","pageurl":"www.bonnemaison.fr\/","u":"6c5f25a0cde7","p":"home"};</script>
vendor: 1 bytes, line 1461
1461
1462<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1462
1462
1463<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>
vendor: 1 bytes, line 1463
1463
1464<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.bonnemaison.fr/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1464
1464
1465<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 = "//www.bonnemaison.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>
1465<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 1465
1465
1466<script> 1467 window.Shopify = window.Shopify || {}; 1468 window.Shopify.MCP = window.Shopify.MCP || {}; 1469 window.Shopify.MCP.enabled = true; 1470 window.Shopify.MCP.shop = "bonne-maison-fr.myshopify.com"; 1471 window.Shopify.MCP.mcpEndpoint = "https:\/\/www.bonnemaison.fr\/api\/mcp"; 1472 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"]}}]; 1473</script>
vendor: 1 bytes, line 1473
1473
1474<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("\/\/www.bonnemaison.fr\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 1475</script>
vendor: 1 bytes, line 1475
1475
1476<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.bonnemaison.fr/cdn/shopifycloud/portable-wallets/latest/portable-wallets.fr.js",t.type="module",document.head.appendChild(t)}}; 1477</script>
vendor: 1 bytes, line 1477
1477
1478<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 1479 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 1480</script>
vendor: 1 bytes, line 1480
1480
1481<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 1482</script>
vendor: 1 bytes, line 1482
1482
1483<script id='scb4127' type='text/javascript' async='' src='https://www.bonnemaison.fr/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1483<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.bonnemaison.fr/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 1484<style id="shopify-accelerated-checkout-cart"> 1485 #shopify-buyer-consent { 1486 margin-top: 1em; 1487 display: inline-block; 1488 width: 100%; 1489} 1490 1491#shopify-buyer-consent.hidden { 1492 display: none; 1493} 1494 1495#shopify-subscription-policy-button { 1496 background: none; 1497 border: none; 1498 padding: 0; 1499 text-decoration: underline; 1500 font-size: inherit; 1501 cursor: pointer; 1502} 1503 1504#shopify-subscription-policy-button::before { 1505 box-shadow: none; 1506} 1507 1508 </style> 1509<link rel="compression-dictionary" href="//www.bonnemaison.fr/cdn/shop/t/2/compiled_assets/styles.css?v=51311691653004835761790265967" crossorigin="anonymous"> 1510<link rel="stylesheet" media="screen" href="//www.bonnemaison.fr/cdn/shop/t/2/compiled_assets/styles.css?v=51311691653004835761790265967&subset=ABwAAAAAAAEAADAAAAAAgAAAJAMKHABwgAAIRAgTBAAAAg" crossorigin="anonymous">
1511<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1511 1512
1513<script> 1514 window.SS_CONFIG = { 1515 moneyFormat: "{{amount_with_comma_separator}}â¬", 1516 moneyWithCurrencyFormat: "{{amount_with_comma_separator}}â¬", 1517 currency: "EUR", 1518 locale: "fr", 1519 designMode: false, 1520 template: "index", 1521 routes: { 1522 root: "\/", 1523 cart: "\/cart", 1524 cartAdd: "\/cart\/add", 1525 cartChange: "\/cart\/change", 1526 cartUpdate: "\/cart\/update", 1527 predictiveSearch: "\/search\/suggest" 1528 }, 1529 checkout: "Payer", 1530 strings: { 1531 addToCart: "Ajouter au panier", 1532 soldOut: "Ãpuisé", 1533 error: "Translation missing: fr.accessibility.error" 1534 } 1535 }; 1536 window.SS_MONEY_FORMAT = window.SS_CONFIG.moneyFormat; 1537 </script>
1537 1538 1539 <link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-lang-switch.css?v=22788401149339284811788796726" rel="stylesheet" type="text/css" media="all" /> 1540
1540<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-lang-switch.js?v=96127078178344751621788796726" defer></script>
1540 1541 1542 <link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-core.css?v=134157338523243495421788791237" rel="stylesheet" type="text/css" media="all" /> 1543 <link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-header.css?v=173530080667940205361788797171" rel="stylesheet" type="text/css" media="all" />
1543<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-utils.js?v=5504842038556194281788790389" defer></script>
1543 1544
1544<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-animations.js?v=154397360328886739821790081503" defer></script>
1544 1545 1546<!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 1547 1548 1549 1550 1551 1552 1553 1554 1555 1556 1557 1558 1559
1559<script async src="https://static.klaviyo.com/onsite/js/UVMffH/klaviyo.js?company_id=UVMffH"></script>
1559 1560
1560<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
1560 1561 1562 1563 1564 1565 1566 1567
1567<script> 1568 window.klaviyoReviewsProductDesignMode = false 1569 </script>
1569 1570 1571 1572 1573 1574 1575 1576 1577 1578 1579<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1580<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: 105021178181,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>
vendor: 1 bytes, line 1580
1580
1581<script> 1582 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1583</script>
vendor: 1 bytes, line 1583
1583
1584<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}
1584).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: 105021178181,storefrontBaseUrl: "https://www.bonnemaison.fr",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.bonnemaison.fr/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"5579473221","configuration":"{\"tagID\":\"2612452085368\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"5462491461","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-9BM3ZPVX3Z\\\",\\\"AW-755693369\\\",\\\"GT-TNGQ28B8\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-9BM3ZPVX3Z\\\",\\\"AW-755693369\\\/TJahCKaNsoMdELnuq-gC\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-9BM3ZPVX3Z\\\",\\\"AW-755693369\\\/AtsXCMbqu4MdELnuq-gC\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-9BM3ZPVX3Z\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-9BM3ZPVX3Z\\\",\\\"AW-755693369\\\/G_XdCMPqu4MdELnuq-gC\\\",\\\"MC-BJKBJ6WZ2B\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-9BM3ZPVX3Z\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-9BM3ZPVX3Z\\\",\\\"AW-755693369\\\/gyI1CKONsoMdELnuq-gC\\\",\\\"MC-BJKBJ6WZ2B\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-9BM3ZPVX3Z\\\",\\\"AW-755693369\\\/khMPCMDqu4MdELnuq-gC\\\",\\\"MC-BJKBJ6WZ2B\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-9BM3ZPVX3Z\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-9BM3ZPVX3Z\\\",\\\"AW-755693369\\\/7-oFCMnqu4MdELnuq-gC\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-9BM3ZPVX3Z\\\",\\\"AW-755693369\\\/DM-ACL3qu4MdELnuq-gC\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-9BM3ZPVX3Z\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"5450039621","configuration":"{\"accountID\":\"UVMffH\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"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":"Bonne Maison","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"bonne-maison-fr.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/www.bonnemaison.fr"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"
158416175501181253","handle":"monet-les-nympheas","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59362260025669","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16175501148485","handle":"monet-les-nympheas-roses","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59362259960133","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16175499706693","handle":"livre-monet-les-nympheas","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59362236858693","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16175500820805","handle":"monet-les-nympheas-verts","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59362253734213","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16175501050181","handle":"monet-les-iris","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59362259665221","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16175499903301","handle":"livre-monet-les-iris","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59362238923077","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16175499936069","handle":"monet-les-nympheas-bleus","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59362238988613","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16175501115717","handle":"monet-le-pont-de-giverny","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59362259894597","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16175496167749","handle":"livre-monet-le-pont","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59362202517829","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196065526085","handle":"chaussette-colombage-avocat","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448154652997","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196068606277","handle":"chaussette-boules-noel","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448166154565","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196071489861","handle":"chaussette-chat-bouton-or","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448176902469","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196069687621","handle":"chaussette-perroquet-sapin","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448170119493","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196070179141","handle":"chaussette-agrumes-vermillon","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448172446021","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196067754309","handle":"chaussette-carreaux-multico-colombage","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448163074373","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1584,{"id":"16196070768965","handle":"chaussette-rayures-corsaire","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448174215493","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196069097797","handle":"chaussette-semis-cannelle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448167858501","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196072472901","handle":"chaussettes-uni-corsaire","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448180703557","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196071915845","handle":"chaussettes-uni-avocat","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448178835781","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15807758664005","handle":"chaussettes-vermillon","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57677572440389","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15807841894725","handle":"chaussettes-unies-curcuma","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57677900480837","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196072997189","handle":"chaussette-tartan-corsaire","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448182669637","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196074864965","handle":"chaussette-fleurs-faux-noir","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448189124933","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196074176837","handle":"chaussette-personnages-ambre","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448186765637","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16196073521477","handle":"chaussette-flocons-foret","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59448184504645","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16189896589637","handle":"carte-cadeau-bonne-maison","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59407069872453","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15807724454213","handle":"chaussette-absinthe","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57677419479365","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15807671664965","handle":"chaussette-abstrait-multico","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57677338411333","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15807732711749","handle":"chaussette-abstrait-naturel","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57677446676805","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.bonnemaison.fr/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"205327728965","themeStoreId":"2481","themePublished":"true","eventMetadataId":"23ecbdfc-5c2a-4714-9620-6fd29f94740a","pageType":"home","shopId":"105021178181","storefrontBaseUrl":"https:\/\/www.bonnemaison.fr","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1584<script> 1585 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1586 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1587 window.ShopifyAnalytics.meta.currency = 'EUR'; 1588 var meta = {"page":{"pageType":"home","requestId":"51c87a49-174d-4a8e-a2f2-3364734734bc-1790393832"}}; 1589 for (var attr in meta) { 1590 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1591 } 1592</script>
vendor: 1 bytes, line 1592
1592
1593<script class="analytics"> 1594 (function () { 1595 var customDocumentWrite = function(content) { 1596 var jquery = null; 1597 1598 if (window.jQuery) { 1599 jquery = window.jQuery; 1600 } else if (window.Checkout && window.Checkout.$) { 1601 jquery = window.Checkout.$; 1602 } 1603 1604 if (jquery) { 1605 jquery('body').append(content); 1606 } 1607 }; 1608 1609 var hasLoggedConversion = function(token) { 1610 if (token) { 1611 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1612 } 1613 return false; 1614 } 1615 1616 var setCookieIfConversion = function(token) { 1617 if (token) { 1618 var twoMonthsFromNow = new Date(Date.now()); 1619 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1620 1621 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1622 } 1623 } 1624 1625 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1626 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1627 if (trekkie.integrations) { 1628 return; 1629 } 1630 trekkie.methods = [ 1631 'identify', 1632 'page', 1633 'ready', 1634 'track', 1635 'trackForm', 1636 'trackLink' 1637 ]; 1638 trekkie.factory = function(method) { 1639 return function() { 1640 var args = Array.prototype.slice.call(arguments); 1641 args.unshift(method); 1642 trekkie.push(args); 1643 if (method == 'track' || method == 'page') { 1644 var pageUrl; 1645 try { 1646 pageUrl = window.location.href; 1647 } catch (e) {} 1648 var pageReferrer; 1649 try { 1650 pageReferrer = document.referrer; 1651 } catch (e) {} 1652 try { 1653 if (window.__TREKKIE_SHIM_QUEUE == null) { 1654 window.__TREKKIE_SHIM_QUEUE = []; 1655 } 1656 window.__TREKKIE_SHIM_QUEUE.push({ 1657 from: 'trekkie-stub', 1658 method: method, 1659 args: args.slice(1), 1660 pageContext: { 1661 url: pageUrl, 1662 referrer: pageReferrer 1663 } 1664 }); 1665 } catch (e) { 1666 // no-op 1667 } 1668 } 1669 return trekkie; 1670 }; 1671 }; 1672 for (var i = 0; i < trekkie.methods.length; i++) { 1673 var key = trekkie.methods[i]; 1674 trekkie[key] = trekkie.factory(key); 1675 } 1676 trekkie.load = function(config) { 1677 trekkie.config = config || {}; 1678 trekkie.config.initialDocumentCookie = document.cookie; 1679 var first = document.getElementsByTagName('script')[0]; 1680var script = document.createElement('script'); 1681script.type = 'text/javascript'; 1682script.onerror = function(e) { 1683 var scriptFallback = document.createElement('script'); 1684 scriptFallback.type = 'text/javascript'; 1685 scriptFallback.onerror = function(error) { 1686 var Monorail = { 1687 produce: function produce(monorailDomain, schemaId, payload) { 1688 var currentMs = new Date().getTime(); 1689 var event = { 1690 schema_id: schemaId, 1691 payload: payload, 1692 metadata: { 1693 event_created_at_ms: currentMs, 1694 event_sent_at_ms: currentMs 1695 } 1696 }; 1697 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1698 }, 1699 sendRequest: function sendRequest(endpointUrl, payload) { 1700 // Try the sendBeacon API 1701 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1702 var blobData = new window.Blob([payload], { 1703 type: 'text/plain' 1704 }); 1705 1706 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1707 return true; 1708 } // sendBeacon was not successful 1709 1710 } // XHR beacon 1711 1712 var xhr = new XMLHttpRequest(); 1713 1714 try { 1715 xhr.open('POST', endpointUrl); 1716 xhr.setRequestHeader('Content-Type', 'text/plain'); 1717 xhr.send(payload); 1718 } catch (e) { 1719 console.log(e); 1720 } 1721 1722 return false; 1723 }, 1724 isIos12: function isIos12() { 1725 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1726 } 1727 }; 1728 Monorail.produce('monorail-edge.shopifysvc.com', 1729 'trekkie_storefront_load_errors/1.1', 1730 {shop_id: 105021178181, 1731 theme_id: 205327728965, 1732 app_name: "storefront", 1733 context_url: window.location.href, 1734 source_url: "//www.bonnemaison.fr/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 1735 1736 }; 1737 scriptFallback.async = true; 1738 scriptFallback.src = '//www.bonnemaison.fr/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1739 first.parentNode.insertBefore(scriptFallback, first); 1740}; 1741script.async = true; 1742script.src = '//www.bonnemaison.fr/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1743first.parentNode.insertBefore(script, first); 1744 1745 }; 1746 trekkie.load( 1747 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":105021178181,"isMerchantRequest":null,"themeId":205327728965,"themeCityHash":"15972515810685681699","contentLanguage":"fr","currency":"EUR","eventMetadataId":"23ecbdfc-5c2a-4714-9620-6fd29f94740a"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1748 ); 1749 1750 var loaded = false;
1751 trekkie.ready(function() { 1752 if (loaded) return; 1753 loaded = true; 1754 1755 window.ShopifyAnalytics.lib = window.trekkie; 1756 1757 var originalDocumentWrite = document.write; 1758 document.write = customDocumentWrite; 1759 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1760 document.write = originalDocumentWrite; 1761 1762 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1763 var token = match? match[1]: undefined; 1764 if (!hasLoggedConversion(token)) { 1765 setCookieIfConversion(token); 1766 1767 } 1768 }); 1769 1770 window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"51c87a49-174d-4a8e-a2f2-3364734734bc-1790393832","shopifyEmitted":true}); 1771 1772 var eventsListenerScript = document.createElement('script'); 1773 eventsListenerScript.async = true; 1774 eventsListenerScript.src = "//www.bonnemaison.fr/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1775 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1776})();</script>
vendor: 1 bytes, line 1776
1776
1777<script 1778 defer 1779 src="https://www.bonnemaison.fr/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1780 data-application="storefront-renderer" 1781 data-shop-id="105021178181" 1782 data-render-region="gcp-us-west1" 1783 data-page-type="index" 1784 data-theme-instance-id="205327728965" 1785 data-theme-name="Horizon" 1786 data-theme-version="3.5.1" 1787 data-monorail-region="shop_domain" 1788 data-resource-timing-sampling-rate="10" 1789 data-shs="true" 1790 data-shs-beacon="true" 1791 data-shs-export-with-fetch="true" 1792 data-shs-logs-sample-rate="1" 1793 data-shs-beacon-endpoint="https://www.bonnemaison.fr/api/collect" 1794></script>
vendor: 1 bytes, line 1794
1794
1795<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1795<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"105021178181","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":[],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":false},"visitor":{"country":"US","language":"fr"}}</script>
1795 1796<meta name="shopify-y" content="7e536d58-9dba-455b-bf51-161248618429" data-expiration="1821951432000"><meta name="shopify-s" content="1d1f50cd-7807-4b3a-bfe7-c89c9d79759b" data-expiration="1790395632000"><meta name="new-cookie-storage-activated" content="t"> 1797</head> 1798 1799 1800 <body class="index ss-theme page-width-narrow card-hover-effect-none"> 1801 <a 1802 class="skip-to-content-link button-secondary" 1803 href="#MainContent" 1804> 1805 Ignorer et passer au contenu 1806</a> 1807 1808 1809 1810 <div id="header-group"> 1811 <!-- BEGIN sections: header-group --> 1812<div id="shopify-section-sections--31622813319493__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group"> 1813 1814 1815 1816<div class="section-background color-scheme-5"></div> 1817<aside 1818 class="announcement-bar spacing-style section section--page-width color-scheme-5" 1819 style="--padding-block-start: 15px; --padding-block-end:15px; 1820--padding-inline-start:0px; --padding-inline-end:0px; 1821; --border-bottom-width: 1px;" 1822> 1823 1824 1825 <announcement-bar-component 1826 class="announcement-bar__slider" 1827 1828 > 1829 1830 1831 <div class="announcement-bar__slides"> 1832 1833<slideshow-slide 1834 ref="slides[]" 1835 class=" 1836 announcement-bar__slide 1837 text-block 1838 text-block--ASkFjTnd4TnJqVXZCR__announcement_BxgCk9 1839 text-block--align-center 1840 text-block--full-width 1841 custom-typography 1842 custom-font-size 1843 1844 " 1845 style=" 1846 1847--color: ;--font-size: 0.625rem; --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); 1848 --width: 100%; 1849 --text-align: center; 1850 --line-height: 1; 1851 " 1852 1853 aria-hidden="false" 1854 > 1855 <p class="announcement-bar__text"> 1856 Livraison gratuite à partir de 69,90 ⬠pour la France 1857 </p> 1858 1859 1860 </slideshow-slide> 1861 1862 1863 1864 </div> 1865 </announcement-bar-component> 1866</aside> 1867 1868 1869 1870 1871</div><header id="shopify-section-sections--31622813319493__header_section" class="shopify-section shopify-section-group-header-group header-section"> 1872 1873 1874 1875 1876 1877 1878 1879 1880
1881<script type="application/ld+json"> 1882 { 1883 "@context": "http://schema.org", 1884 "@type": "Organization", 1885 "name": "Bonne Maison", 1886 1887 "url": "https:\/\/www.bonnemaison.fr" 1888 } 1889</script>
1889 1890 1891<header-component 1892 id="header-component" 1893 class="header color-scheme-6" 1894 data-theme-color="rgb(255 255 255)" 1895 1896 transparent="not-sticky" 1897 1898 1899 sticky="scroll-up" 1900 1901 data-skip-node-update 1902 data-scroll-direction="none" 1903 1904 1905 style=" 1906 --color-scheme-top-row: rgba(255 255 255 / 1.0); 1907 --color-scheme-bottom-row: rgba(255 255 255 / 1.0); 1908 1909 " 1910> 1911 <div class="header__underlay header__underlay-closed"></div> 1912 <div 1913 class="header__underlay header__underlay-open" 1914 ></div><h1 class="visually-hidden">Bonne Maison</h1> 1915 1916 1917 1918 1919 1920 1921 <div 1922 class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width" 1923 ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;"> 1924 <div class="header__columns spacing-style"> 1925 <div 1926 class="header__column header__column--left" 1927 data-testid="header-top-left" 1928 > 1929 1930 1931 1932 1933 1934 1935 1936 <div 1937 class="header__drawer" 1938 ref="headerDrawerContainer" 1939 data-hydration-key="header-drawer-mobile" 1940 1941 > 1942 1943
1944<script 1945 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/header-drawer.js?v=121243031541024704371788024220" 1946 type="module" 1947 fetchpriority="low" 1948></script>
1948 1949 1950<header-drawer 1951 class="header-drawer " 1952 style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;" 1953> 1954 <details 1955 id="Details-menu-drawer-container" 1956 data-skip-node-update="true" 1957 class="menu-drawer-container" 1958 ref="details" 1959 scroll-lock 1960 > 1961 <summary 1962 class="header__icon header__icon--menu header__icon--summary" 1963 aria-label="Menu" 1964 on:click="/toggle" 1965 > 1966 <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"> 1967 <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 1968 <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 1969</svg> 1970</span> 1971 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1972 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 1973 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 1974</svg> 1975</span> 1976 </summary> 1977 <div 1978 ref="menuDrawer" 1979 class=" 1980 menu-drawer 1981 color-scheme-1 1982 " 1983 > 1984 <button 1985 class="button close-button menu-drawer__close-button" 1986 type="button" 1987 aria-label="Fermer" 1988 on:click="/close" 1989 > 1990 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1991 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 1992 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 1993</svg> 1994</span> 1995 </button> 1996 <nav 1997 class="menu-drawer__navigation" 1998 style="--menu-top-level-font-family: var(--font-body--family); 1999--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:none; 2000 2001 --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: 2002 var(--menu-font-2xl--line-height); 2003 2004--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 2005 2006--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 2007var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 2008none; 2009 2010 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 2011 var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / 2012 var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); 2013 2014--menu-child-font-family: var(--font-body--family); --menu-child-font-style: 2015var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 2016none; 2017 2018 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 2019 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / 2020 var(--opacity-subdued-text)); 2021 2022 2023 " 2024 aria-label="Principale" 2025 > 2026 <ul 2027 class="menu-drawer__menu has-submenu" 2028 role="list" 2029 > 2030 2031 2032 2033 <li 2034 style="--menu-drawer-animation-index: 1;" 2035 class="menu-drawer__list-item--flat" 2036 > 2037 2038<a 2039 id="HeaderDrawer-collections" 2040 href="#" 2041 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2042 2043 >
2044 <span class="menu-drawer__menu-item-text wrap-text">Collections</span> 2045 </a> 2046 2047 </li> 2048 <li 2049 style="--menu-drawer-animation-index: 2;" 2050 class="menu-drawer__list-item--flat" 2051 > 2052 2053<a 2054 id="HeaderDrawer-tous-les-produits" 2055 href="/collections/tous-les-produits" 2056 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2057 2058 > 2059 <span class="menu-drawer__menu-item-text wrap-text">Tous les produits</span> 2060 </a> 2061 2062 </li> 2063 <li 2064 style="--menu-drawer-animation-index: 3;" 2065 class="menu-drawer__list-item--flat" 2066 > 2067 2068<a 2069 id="HeaderDrawer-chaussettes" 2070 href="/collections/chaussettes" 2071 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2072 2073 > 2074 <span class="menu-drawer__menu-item-text wrap-text">Chaussettes</span> 2075 </a> 2076 2077 </li> 2078 <li 2079 style="--menu-drawer-animation-index: 4;" 2080 class="menu-drawer__list-item--flat" 2081 > 2082 2083<a 2084 id="HeaderDrawer-mi-bas" 2085 href="/collections/mi-bas-2" 2086 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2087 2088 > 2089 <span class="menu-drawer__menu-item-text wrap-text">Mi-bas</span> 2090 </a> 2091 2092 </li> 2093 <li 2094 style="--menu-drawer-animation-index: 5;" 2095 class="menu-drawer__list-item--flat" 2096 > 2097 2098<a 2099 id="HeaderDrawer-socquettes" 2100 href="/collections/socquettes" 2101 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2102 2103 > 2104 <span class="menu-drawer__menu-item-text wrap-text">Socquettes</span> 2105 </a> 2106 2107 </li> 2108 <li 2109 style="--menu-drawer-animation-index: 6;" 2110 class="menu-drawer__list-item--flat" 2111 > 2112 2113<a 2114 id="HeaderDrawer-nos-livres-cadeaux" 2115 href="/collections/paris" 2116 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2117 2118 > 2119 <span class="menu-drawer__menu-item-text wrap-text">Nos livres cadeaux</span> 2120 </a> 2121 2122 </li> 2123 <li 2124 style="--menu-drawer-animation-index: 7;" 2125 class="menu-drawer__list-item--flat" 2126 > 2127 2128<a 2129 id="HeaderDrawer-carte-cadeau" 2130 href="/products/carte-cadeau-bonne-maison" 2131 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2132 2133 > 2134 <span class="menu-drawer__menu-item-text wrap-text">Carte cadeau</span> 2135 </a> 2136 2137 </li> 2138 </ul> 2139 </nav> 2140 <div 2141 class="menu-drawer__utility-links menu-drawer__animated-element" 2142 style="--menu-drawer-animation-index: 7;" 2143 > 2144 2145 2146 2147 2148 <drawer-localization-component class="menu-drawer__localization"> 2149 <details 2150 id="drawer-localization" 2151 class="drawer-localization" 2152 on:toggle="/toggle" 2153 > 2154 <summary 2155 id="HeaderDrawer-localization"
2156 class="drawer-localization__button h3 link focus-inset" 2157 aria-expanded="false" 2158 on:click="header-drawer/open/submenu" 2159 style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));" 2160 > 2161 <div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link"><span class="currency-code">EUR</span> 2162 </div><span>/</span><div class="mobile-localization mobile-localization--country link"> 2163 <span> 2164 FR 2165 </span> 2166 </div></div> 2167 <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"> 2168 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2169</svg> 2170</span> 2171 </summary> 2172 2173 <div 2174 class="menu-drawer__submenu has-submenu color-scheme-1" 2175 style="" 2176 > 2177 <div 2178 class="menu-drawer__nav-buttons" 2179 ref="navButtons" 2180 > 2181 <button 2182 class="button menu-drawer__back-button link focus-inset" 2183 on:click="header-drawer/back" 2184 > 2185 <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"> 2186 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2187</svg> 2188</span> 2189 Région et langue 2190 </button> 2191 <button 2192 class="button close-button menu-drawer__close-button" 2193 type="button" 2194 aria-label="Fermer" 2195 on:click="header-drawer/close" 2196 > 2197 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2198 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2199 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2200</svg> 2201</span> 2202 </button> 2203 </div> 2204 2205 2206<localization-form-component 2207 ref="localizationForm" 2208 data-label-results-count="[count] résultats" 2209 data-show-filter="true" 2210 style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));" 2211> 2212 2213<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Région et langue"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /> 2214 2215 <div class="country-filter"> 2216 <div class="field"> 2217 <div class="country-filter__search-icon field__button"> 2218 <span class="svg-wrapper"> 2219 <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> 2220 2221 </span> 2222 </div> 2223 <input 2224 class="country-filter__input" 2225 id="country-filter-input" 2226 type="search" 2227 name="country_filter" 2228 value="" 2229 placeholder="Rechercher" 2230 role="combobox" 2231 aria-owns="country-results" 2232 aria-controls="country-results" 2233 aria-haspopup="listbox"
2234 aria-autocomplete="list" 2235 aria-label="Trouver un pays" 2236 autocorrect="off" 2237 autocomplete="off" 2238 autocapitalize="off" 2239 spellcheck="false" 2240 ref="search" 2241 on:keyup="/filterCountries" 2242 > 2243 <label 2244 class="field__label visually-hidden" 2245 for="country-filter-input" 2246 >Rechercher</label> 2247 <button 2248 type="reset" 2249 class="button button-unstyled country-filter__reset-button field__button" 2250 aria-label="Réinitialiser" 2251 ref="resetButton" 2252 hidden 2253 on:click="/resetCountriesFilter" 2254 > 2255 <span class="svg-wrapper"> 2256 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" 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 7.5-5 5M12.5 12.5l-5-5"/></svg> 2257 2258 </span> 2259 </button> 2260 </div> 2261 </div> 2262 2263 <div class="country-selector-form__wrapper"> 2264 <h2 2265 class="visually-hidden" 2266 id="drawer-CountryLabel" 2267 > 2268 Country/Region 2269 </h2> 2270 2271 <div 2272 id="sr-country-search-results-ATDV4TE9DQmpUb2NZR__header-menu-1" 2273 class="visually-hidden" 2274 aria-live="polite" 2275 ref="liveRegion" 2276 ></div> 2277 2278 <div 2279 class="localization-form__list" 2280 id="drawer-country-results" 2281 ref="countryList" 2282 > 2283 2284 <ul 2285 role="list" 2286 class="list-unstyled countries" 2287 > 2288 <span 2289 class="localization-form__list-item localization-form__list-item-disabled" 2290 id="no-results-message" 2291 ref="noResultsMessage" 2292 hidden 2293 >Aucun résultat trouvé</span> 2294 <li 2295 class="localization-form__list-item" 2296 2297 data-value="DE" 2298 2299 data-aliases="" 2300 2301 id="Allemagne" 2302 aria-label="Allemagne" 2303 role="option" 2304 tabindex="-1" 2305 ref="countryListItems[]" 2306 on:click="/selectCountry/DE" 2307 > 2308 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2309<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2310</svg> 2311</span> 2312 <span class="country">Allemagne</span> 2313 <span 2314 class="localization-form__currency" 2315 2316 hidden 2317 2318 > 2319 EUR 2320 â¬</span> 2321 </li> 2322 <li 2323 class="localization-form__list-item" 2324 2325 data-value="AT" 2326 2327 data-aliases="" 2328 2329 id="Autriche" 2330 aria-label="Autriche" 2331 role="option" 2332 tabindex="-1" 2333 ref="countryListItems[]" 2334 on:click="/selectCountry/AT" 2335 > 2336 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2337<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2338</svg> 2339</span>
2340 <span class="country">Autriche</span> 2341 <span 2342 class="localization-form__currency" 2343 2344 hidden 2345 2346 > 2347 EUR 2348 â¬</span> 2349 </li> 2350 <li 2351 class="localization-form__list-item" 2352 2353 data-value="BE" 2354 2355 data-aliases="" 2356 2357 id="Belgique" 2358 aria-label="Belgique" 2359 role="option" 2360 tabindex="-1" 2361 ref="countryListItems[]" 2362 on:click="/selectCountry/BE" 2363 > 2364 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2365<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2366</svg> 2367</span> 2368 <span class="country">Belgique</span> 2369 <span 2370 class="localization-form__currency" 2371 2372 hidden 2373 2374 > 2375 EUR 2376 â¬</span> 2377 </li> 2378 <li 2379 class="localization-form__list-item" 2380 2381 data-value="BG" 2382 2383 data-aliases="" 2384 2385 id="Bulgarie" 2386 aria-label="Bulgarie" 2387 role="option" 2388 tabindex="-1" 2389 ref="countryListItems[]" 2390 on:click="/selectCountry/BG" 2391 > 2392 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2393<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2394</svg> 2395</span> 2396 <span class="country">Bulgarie</span> 2397 <span 2398 class="localization-form__currency" 2399 2400 hidden 2401 2402 > 2403 EUR 2404 â¬</span> 2405 </li> 2406 <li 2407 class="localization-form__list-item" 2408 2409 data-value="CY" 2410 2411 data-aliases="" 2412 2413 id="Chypre" 2414 aria-label="Chypre" 2415 role="option" 2416 tabindex="-1" 2417 ref="countryListItems[]" 2418 on:click="/selectCountry/CY" 2419 > 2420 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2421<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2422</svg> 2423</span> 2424 <span class="country">Chypre</span> 2425 <span 2426 class="localization-form__currency" 2427 2428 hidden 2429 2430 > 2431 EUR 2432 â¬</span> 2433 </li> 2434 <li 2435 class="localization-form__list-item" 2436 2437 data-value="HR" 2438 2439 data-aliases="" 2440 2441 id="Croatie" 2442 aria-label="Croatie" 2443 role="option" 2444 tabindex="-1" 2445 ref="countryListItems[]" 2446 on:click="/selectCountry/HR" 2447 >
2448 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2449<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2450</svg> 2451</span> 2452 <span class="country">Croatie</span> 2453 <span 2454 class="localization-form__currency" 2455 2456 hidden 2457 2458 > 2459 EUR 2460 â¬</span> 2461 </li> 2462 <li 2463 class="localization-form__list-item" 2464 2465 data-value="DK" 2466 2467 data-aliases="" 2468 2469 id="Danemark" 2470 aria-label="Danemark" 2471 role="option" 2472 tabindex="-1" 2473 ref="countryListItems[]" 2474 on:click="/selectCountry/DK" 2475 > 2476 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2477<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2478</svg> 2479</span> 2480 <span class="country">Danemark</span> 2481 <span 2482 class="localization-form__currency" 2483 2484 hidden 2485 2486 > 2487 EUR 2488 â¬</span> 2489 </li> 2490 <li 2491 class="localization-form__list-item" 2492 2493 data-value="ES" 2494 2495 data-aliases="" 2496 2497 id="Espagne" 2498 aria-label="Espagne" 2499 role="option" 2500 tabindex="-1" 2501 ref="countryListItems[]" 2502 on:click="/selectCountry/ES" 2503 > 2504 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2505<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2506</svg> 2507</span> 2508 <span class="country">Espagne</span> 2509 <span 2510 class="localization-form__currency" 2511 2512 hidden 2513 2514 > 2515 EUR 2516 â¬</span> 2517 </li> 2518 <li 2519 class="localization-form__list-item" 2520 2521 data-value="EE" 2522 2523 data-aliases="" 2524 2525 id="Estonie" 2526 aria-label="Estonie" 2527 role="option" 2528 tabindex="-1" 2529 ref="countryListItems[]" 2530 on:click="/selectCountry/EE" 2531 > 2532 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2533<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2534</svg> 2535</span>
2536 <span class="country">Estonie</span> 2537 <span 2538 class="localization-form__currency" 2539 2540 hidden 2541 2542 > 2543 EUR 2544 â¬</span> 2545 </li> 2546 <li 2547 class="localization-form__list-item" 2548 2549 aria-current="true" 2550 2551 data-value="US" 2552 2553 data-aliases="us,usa,america,united states of america" 2554 2555 id="Ãtats-Unis" 2556 aria-label="Ãtats-Unis" 2557 role="option" 2558 tabindex="-1" 2559 ref="countryListItems[]" 2560 on:click="/selectCountry/US" 2561 > 2562 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2563<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2564</svg> 2565</span> 2566 <span class="country">Ãtats-Unis</span> 2567 <span 2568 class="localization-form__currency" 2569 2570 hidden 2571 2572 > 2573 EUR 2574 â¬</span> 2575 </li> 2576 <li 2577 class="localization-form__list-item" 2578 2579 data-value="FI" 2580 2581 data-aliases="" 2582 2583 id="Finlande" 2584 aria-label="Finlande" 2585 role="option" 2586 tabindex="-1" 2587 ref="countryListItems[]" 2588 on:click="/selectCountry/FI" 2589 > 2590 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2591<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2592</svg> 2593</span> 2594 <span class="country">Finlande</span> 2595 <span 2596 class="localization-form__currency" 2597 2598 hidden 2599 2600 > 2601 EUR 2602 â¬</span> 2603 </li> 2604 <li 2605 class="localization-form__list-item" 2606 2607 data-value="FR" 2608 2609 data-aliases="" 2610 2611 id="France" 2612 aria-label="France" 2613 role="option" 2614 tabindex="-1" 2615 ref="countryListItems[]" 2616 on:click="/selectCountry/FR" 2617 > 2618 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2619<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2620</svg> 2621</span> 2622 <span class="country">France</span> 2623 <span 2624 class="localization-form__currency" 2625 2626 hidden 2627 2628 > 2629 EUR 2630 â¬</span> 2631 </li> 2632 <li 2633 class="localization-form__list-item" 2634 2635 data-value="GR" 2636 2637 data-aliases="" 2638 2639 id="Grèce" 2640 aria-label="Grèce" 2641 role="option" 2642 tabindex="-1" 2643 ref="countryListItems[]" 2644 on:click="/selectCountry/GR" 2645 >
2646 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2647<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2648</svg> 2649</span> 2650 <span class="country">Grèce</span> 2651 <span 2652 class="localization-form__currency" 2653 2654 hidden 2655 2656 > 2657 EUR 2658 â¬</span> 2659 </li> 2660 <li 2661 class="localization-form__list-item" 2662 2663 data-value="HU" 2664 2665 data-aliases="" 2666 2667 id="Hongrie" 2668 aria-label="Hongrie" 2669 role="option" 2670 tabindex="-1" 2671 ref="countryListItems[]" 2672 on:click="/selectCountry/HU" 2673 > 2674 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2675<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2676</svg> 2677</span> 2678 <span class="country">
2678Hongrie</span> 2679 <span 2680 class="localization-form__currency" 2681 2682 hidden 2683 2684 > 2685 EUR 2686 â¬</span> 2687 </li> 2688 <li 2689 class="localization-form__list-item" 2690 2691 data-value="IE" 2692 2693 data-aliases="" 2694 2695 id="Irlande" 2696 aria-label="Irlande" 2697 role="option" 2698 tabindex="-1" 2699 ref="countryListItems[]" 2700 on:click="/selectCountry/IE" 2701 > 2702 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2703<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2704</svg> 2705</span> 2706 <span class="country">Irlande</span> 2707 <span 2708 class="localization-form__currency" 2709 2710 hidden 2711 2712 > 2713 EUR 2714 â¬</span> 2715 </li> 2716 <li 2717 class="localization-form__list-item" 2718 2719 data-value="IT" 2720 2721 data-aliases="" 2722 2723 id="Italie" 2724 aria-label="Italie" 2725 role="option" 2726 tabindex="-1" 2727 ref="countryListItems[]" 2728 on:click="/selectCountry/IT" 2729 > 2730 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2731<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2732</svg> 2733</span> 2734 <span class="country">Italie</span> 2735 <span 2736 class="localization-form__currency" 2737 2738 hidden 2739 2740 > 2741 EUR 2742 â¬</span> 2743 </li> 2744 <li 2745 class="localization-form__list-item" 2746 2747 data-value="LV" 2748 2749 data-aliases="" 2750 2751 id="Lettonie" 2752 aria-label="Lettonie" 2753 role="option" 2754 tabindex="-1" 2755 ref="countryListItems[]" 2756 on:click="/selectCountry/LV" 2757 > 2758 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2759<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2760</svg> 2761</span> 2762 <span class="country">Lettonie</span> 2763 <span 2764 class="localization-form__currency" 2765 2766 hidden 2767 2768 > 2769 EUR 2770 â¬</span> 2771 </li> 2772 <li 2773 class="localization-form__list-item" 2774 2775 data-value="LT" 2776 2777 data-aliases="" 2778 2779 id="Lituanie" 2780 aria-label="Lituanie" 2781 role="option" 2782 tabindex="-1" 2783 ref="countryListItems[]" 2784 on:click="/selectCountry/LT" 2785 >
2786 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2787<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2788</svg> 2789</span> 2790 <span class="country">Lituanie</span> 2791 <span 2792 class="localization-form__currency" 2793 2794 hidden 2795 2796 > 2797 EUR 2798 â¬</span> 2799 </li> 2800 <li 2801 class="localization-form__list-item" 2802 2803 data-value="LU" 2804 2805 data-aliases="" 2806 2807 id="Luxembourg" 2808 aria-label="Luxembourg" 2809 role="option" 2810 tabindex="-1" 2811 ref="countryListItems[]" 2812 on:click="/selectCountry/LU" 2813 > 2814 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2815<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2816</svg> 2817</span> 2818 <span class="country">Luxembourg</span> 2819 <span 2820 class="localization-form__currency" 2821 2822 hidden 2823 2824 > 2825 EUR 2826 â¬</span> 2827 </li> 2828 <li 2829 class="localization-form__list-item" 2830 2831 data-value="MT" 2832 2833 data-aliases="" 2834 2835 id="Malte" 2836 aria-label="Malte" 2837 role="option" 2838 tabindex="-1" 2839 ref="countryListItems[]" 2840 on:click="/selectCountry/MT" 2841 > 2842 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2843<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2844</svg> 2845</span> 2846 <span class="country">Malte</span> 2847 <span 2848 class="localization-form__currency" 2849 2850 hidden 2851 2852 > 2853 EUR 2854 â¬</span> 2855 </li> 2856 <li 2857 class="localization-form__list-item" 2858 2859 data-value="NL" 2860 2861 data-aliases="" 2862 2863 id="Pays-Bas" 2864 aria-label="Pays-Bas" 2865 role="option" 2866 tabindex="-1" 2867 ref="countryListItems[]" 2868 on:click="/selectCountry/NL" 2869 > 2870 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2871<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2872</svg> 2873</span>
2874 <span class="country">Pays-Bas</span> 2875 <span 2876 class="localization-form__currency" 2877 2878 hidden 2879 2880 > 2881 EUR 2882 â¬</span> 2883 </li> 2884 <li 2885 class="localization-form__list-item" 2886 2887 data-value="PL" 2888 2889 data-aliases="" 2890 2891 id="Pologne" 2892 aria-label="Pologne" 2893 role="option" 2894 tabindex="-1" 2895 ref="countryListItems[]" 2896 on:click="/selectCountry/PL" 2897 > 2898 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2899<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2900</svg> 2901</span> 2902 <span class="country">Pologne</span> 2903 <span 2904 class="localization-form__currency" 2905 2906 hidden 2907 2908 > 2909 EUR 2910 â¬</span> 2911 </li> 2912 <li 2913 class="localization-form__list-item" 2914 2915 data-value="PT" 2916 2917 data-aliases="" 2918 2919 id="Portugal" 2920 aria-label="Portugal" 2921 role="option" 2922 tabindex="-1" 2923 ref="countryListItems[]" 2924 on:click="/selectCountry/PT" 2925 > 2926 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2927<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2928</svg> 2929</span> 2930 <span class="country">Portugal</span> 2931 <span 2932 class="localization-form__currency" 2933 2934 hidden 2935 2936 > 2937 EUR 2938 â¬</span> 2939 </li> 2940 <li 2941 class="localization-form__list-item" 2942 2943 data-value="RO" 2944 2945 data-aliases="" 2946 2947 id="Roumanie" 2948 aria-label="Roumanie" 2949 role="option" 2950 tabindex="-1" 2951 ref="countryListItems[]" 2952 on:click="/selectCountry/RO" 2953 > 2954 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2955<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2956</svg> 2957</span> 2958 <span class="country">Roumanie</span> 2959 <span 2960 class="localization-form__currency" 2961 2962 hidden 2963 2964 > 2965 EUR 2966 â¬</span> 2967 </li> 2968 <li 2969 class="localization-form__list-item" 2970 2971 data-value="SK" 2972 2973 data-aliases="" 2974 2975 id="Slovaquie" 2976 aria-label="Slovaquie" 2977 role="option" 2978 tabindex="-1" 2979 ref="countryListItems[]" 2980 on:click="/selectCountry/SK" 2981 >
2982 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 2983<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2984</svg> 2985</span> 2986 <span class="country">Slovaquie</span> 2987 <span 2988 class="localization-form__currency" 2989 2990 hidden 2991 2992 > 2993 EUR 2994 â¬</span> 2995 </li> 2996 <li 2997 class="localization-form__list-item" 2998 2999 data-value="SI" 3000 3001 data-aliases="" 3002 3003 id="Slovénie" 3004 aria-label="Slovénie" 3005 role="option" 3006 tabindex="-1" 3007 ref="countryListItems[]" 3008 on:click="/selectCountry/SI" 3009 > 3010 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 3011<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3012</svg> 3013</span> 3014 <span class="country">Slovénie</span> 3015 <span 3016 class="localization-form__currency" 3017 3018 hidden 3019 3020 > 3021 EUR 3022 â¬</span> 3023 </li> 3024 <li 3025 class="localization-form__list-item" 3026 3027 data-value="SE" 3028 3029 data-aliases="" 3030 3031 id="Suède" 3032 aria-label="Suède" 3033 role="option" 3034 tabindex="-1" 3035 ref="countryListItems[]" 3036 on:click="/selectCountry/SE" 3037 > 3038 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 3039<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3040</svg> 3041</span> 3042 <span class="country">Suède</span> 3043 <span 3044 class="localization-form__currency" 3045 3046 hidden 3047 3048 > 3049 EUR 3050 â¬</span> 3051 </li> 3052 <li 3053 class="localization-form__list-item" 3054 3055 data-value="CH" 3056 3057 data-aliases="" 3058 3059 id="Suisse" 3060 aria-label="Suisse" 3061 role="option" 3062 tabindex="-1" 3063 ref="countryListItems[]" 3064 on:click="/selectCountry/CH" 3065 > 3066 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 3067<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3068</svg> 3069</span>
3070 <span class="country">Suisse</span> 3071 <span 3072 class="localization-form__currency" 3073 3074 hidden 3075 3076 > 3077 EUR 3078 â¬</span> 3079 </li> 3080 <li 3081 class="localization-form__list-item" 3082 3083 data-value="CZ" 3084 3085 data-aliases="" 3086 3087 id="Tchéquie" 3088 aria-label="Tchéquie" 3089 role="option" 3090 tabindex="-1" 3091 ref="countryListItems[]" 3092 on:click="/selectCountry/CZ" 3093 > 3094 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 3095<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3096</svg> 3097</span> 3098 <span class="country">Tchéquie</span> 3099 <span 3100 class="localization-form__currency" 3101 3102 hidden 3103 3104 > 3105 EUR 3106 â¬</span> 3107 </li></ul> 3108 </div> 3109 <div class="country-selector__overlay"></div> 3110 <input 3111 type="hidden" 3112 name="country_code" 3113 value="US" 3114 ref="countryInput" 3115 > 3116 </div> 3117 3118 3119 3120 <div class="language-selector top-shadow"> 3121 <h2 3122 class="visually-hidden" 3123 id="drawer-LanguageLabel" 3124 > 3125 Langue 3126 </h2> 3127 3128 <span class="language-selector__label">Langue</span> 3129 3130 <select 3131 id="drawerSelect" 3132 class="localization-form__select" 3133 name="language_code" 3134 aria-label="Langue" 3135 ref="languageInput" 3136 on:change="/changeLanguage" 3137 ><option 3138 value="fr" 3139 lang="fr" 3140 3141 selected 3142 3143 > 3144 Français 3145 </option><option 3146 value="en" 3147 lang="en" 3148 3149 > 3150 English 3151 </option></select> 3152 <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"> 3153 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3154</svg> 3155</span> 3156 </div> 3157 3158</form></localization-form-component> 3159 3160 3161 3162 </div> 3163 </details> 3164 </drawer-localization-component> 3165 3166</div> 3167 3168 3169 </div> 3170 <div 3171 class="menu-drawer__backdrop" 3172 on:click="header-drawer/close" 3173 ></div> 3174 </details> 3175</header-drawer> 3176 3177 3178 3179 </div> 3180 3181 3182 3183<style data-shopify> 3184 .header__underlay { 3185 --color-submenu: rgb(255 255 255 / 1.0); 3186 } 3187</style> 3188 3189 3190 3191 3192 3193 3194 3195 3196 3197 3198 <search-button 3199 class="search-action search-action--hidden-on-menu" 3200 > 3201 <button 3202 on:click="#search-modal/showDialog" 3203 class="button-unstyled header-actions__action" 3204 aria-label="Rechercher" 3205 aria-haspopup="dialog" 3206 > 3207 <span class="hidden"> 3208 Rechercher 3209 </span> 3210 3211 <span class="svg-wrapper "> 3212 <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> 3213 3214 </span> 3215 </button> 3216 </search-button> 3217 3218 3219 3220 3221 3222 3223 3224 3225 3226 3227 3228 3229 3230 3231<a 3232 3233 href="/" 3234 class="size-style spacing-style header-logo" 3235 style=" 3236 --size-style-width: ;--size-style-height: ; 3237 --padding-block-start: 0px;--padding-block-end: 0px; 3238 --font-family: var(--font-body--family); 3239 --font-style: var(--font-body--style); 3240 --font-weight: 600; 3241 " 3242 3243> 3244 3245 3246 <span 3247 class="header-logo__image-container header-logo__image-container--original" 3248 data-testid="header-logo" 3249 ><span 3250 class="header-logo__svg" 3251 style="--header-logo-image-width: 0px;--header-logo-image-width-mobile: 0px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;" 3252 role="img" 3253 aria-label="Bonne Maison â Accueil" 3254 ><svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" 3255 viewBox="30 0 300 93.3"> 3256<g> 3257 <path d="M48.4,56.1c2.6,0,4.2-1.4,4.2-3.7c0-2.5-1.9-3.8-4.3-3.8h-7v7.4H48.4z M47.8,43.4c2.3,0,3.9-1.
32571,3.9-3.2 3258 c0-2-1.5-3.1-3.8-3.1h-6.5v6.3H47.8z M33.4,31h15.6c3.3,0,5.8,0.8,7.5,2.1c1.8,1.5,2.8,3.5,2.8,6c0,3.1-1.7,5.1-4.5,6.1v0.1 3259 c3.5,1.1,5.8,3.9,5.8,7.7c0,3.2-1.2,5.4-3.3,7c-1.9,1.4-4.6,2.2-7.9,2.2H33.4V31z"/> 3260 <path d="M80.1,51.1c0-4.1-1.7-6.8-4.9-6.8c-3.2,0-4.9,2.8-4.9,6.8c0,4.1,1.7,6.8,4.9,6.8 3261 C78.3,57.9,80.1,55.2,80.1,51.1 M62.8,51.1c0-6.7,5-11.9,12.4-11.9c7.4,0,12.3,5.1,12.3,11.9c0,6.7-4.9,11.9-12.3,11.9 3262 C67.8,63,62.8,57.9,62.8,51.1"/> 3263 <path d="M90.2,39.9h7.1v3.1h0.1c1.7-2.4,3.9-3.7,7.1-3.7c5.1,0,8,3.5,8,8.5v14.6h-7.4V49.2c0-2.4-1.2-4-3.6-4 3264 c-2.4,0-4.1,2-4.1,4.7v12.4h-7.4V39.9z"/> 3265 <path d="M116.1,39.9h7.1v3.1h0.1c1.7-2.4,3.9-3.7,7.1-3.7c5.1,0,8,3.5,8,8.5v14.6h-7.4V49.2c0-2.4-1.2-4-3.6-4 3266 c-2.4,0-4.1,2-4.1,4.7v12.4h-7.4V39.9z"/> 3267 <path d="M157.2,48.7c-0.3-2.7-2-4.4-4.4-4.4c-2.8,0-4.2,1.7-4.7,4.4H157.2z M140.8,51c0-6.7,4.8-11.8,11.9-11.8 3268 c3.3,0,5.9,1.1,7.9,2.8c2.8,2.5,4.1,6.3,4.1,10.9H148c0.5,3,2.2,4.9,5.2,4.9c1.9,0,3.2-0.8,3.8-2.2h7.2c-0.5,2-1.8,3.9-3.9,5.3 3269 c-1.9,1.3-4.3,2.1-7.2,2.1C145.5,63,140.8,57.8,140.8,51"/> 3270 <path d="M175,31h10.7l3.9,13.7c0.6,2,1.8,7.1,1.8,7.1h0.1c0,0,1.3-5.2,1.8-7.1l4-13.7h10.8v31.3h-7.3V46.5 3271 c0-1.3,0.1-6.3,0.1-6.3h-0.1c0,0-1.1,4.7-1.5,5.8l-4.6,16.2h-6.6l-4.6-16.2c-0.4-1.1-1.5-5.9-1.5-5.9H182c0,0,0.1,5,0.1,6.3v15.7 3272 H175V31z"/> 3273 <path d="M226.9,54.3v-2.7c-0.9,0.5-2.3,0.8-3.8,1.2c-2.8,0.6-4,1.3-4,3c0,1.8,1.4,2.5,3.2,2.5 3274 C225,58.3,226.9,56.7,226.9,54.3 M212,56c0-4.9,4.1-6.4,8.8-7c4.3-0.5,5.9-1,5.9-2.5c0-1.4-0.9-2.4-3.2-2.4c-2.3,0-3.5,1-3.7,2.9 3275 H213c0.2-4.2,3.5-7.7,10.5-7.7c3.5,0,5.8,0.6,7.5,1.8c2,1.4,2.9,3.6,2.9,6.4v11.3c0,1.8,0.2,2.8,0.8,3.2v0.3h-7.1 3276 c-0.4-0.5-0.6-1.4-0.8-2.5h-0.1c-1.4,1.9-3.4,3.1-6.9,3.1C215.3,62.9,212,60.5,212,56"/> 3277 <path d="M237.9,62.3h7.4V39.9h-7.4V62.3z M237.9,36.8h7.4V31h-7.4V36.8z"/> 3278 <path d="M248.3,55h6.9c0.3,2.2,1.8,3.3,4.2,3.3c2.2,0,3.6-0.8,3.6-2.2c0-2-2.8-2.2-5.9-2.8c-4-0.7-8.3-1.7-8.3-7 3279 c0-4.7,4.5-7.2,10-7.2c6.5,0,10.1,2.8,10.4,7.2h-6.8c-0.3-2-1.7-2.6-3.7-2.6c-1.8,0-3.2,0.7-3.2,2.1c0,1.6,2.6,1.8,5.5,2.3 3280 c4.1,0.7,8.8,1.7,8.8,7.4c0,4.9-4.5,7.4-10.5,7.4C252.8,63,248.5,60,248.3,55"/> 3281 <path d="M289.1,51.1c0-4.1-1.7-6.8-4.9-6.8c-3.2,0-4.9,2.8-4.9,6.8c0,4.1,1.7,6.8,4.9,6.8 3282 C287.4,57.9,289.1,55.2,289.1,51.1 M271.8,51.1c0-6.7,5-11.9,12.4-11.9
3282c7.4,0,12.3,5.1,12.3,11.9c0,6.7-4.9,11.9-12.3,11.9 3283 C276.8,63,271.8,57.9,271.8,51.1"/> 3284 <path d="M299,39.9h7.1v3.1h0.1c1.7-2.4,3.9-3.7,7.1-3.7c5.1,0,8,3.5,8,8.5v14.6H314V49.2c0-2.4-1.2-4-3.6-4 3285 c-2.4,0-4.1,2-4.1,4.7v12.4H299V39.9z"/> 3286</g> 3287</svg> 3288</span></span> 3289 3290 3291 <span 3292 class="header-logo__image-container header-logo__image-container--inverse" 3293 data-testid="header-logo-inverse" 3294 > 3295 3296 Bonne Maison 3297 3298 3299 </span> 3300 3301</a> 3302 3303 3304 3305 3306 3307 3308 3309 3310 </div><div 3311 class="header__column header__column--center" 3312 data-testid="header-top-center" 3313 > 3314 3315 3316 3317 3318 3319 3320 3321 3322 3323 3324 3325 <header-menu 3326 ref="headerMenu" 3327 class="header-menu" 3328 3329 data-hydration-key="header-menu" 3330 > 3331 <div class="header-menu__inner"> 3332 <nav 3333 class="menu-list" 3334 aria-label="Principale" 3335 style="--menu-top-level-font-family: var(--font-body--family); 3336--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:none; 3337 3338 --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: 3339 var(--menu-font-sm--line-height); 3340 3341--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 3342" 3343 > 3344 3345 <overflow-list 3346 3347 ref="overflowMenu" 3348 3349 3350 class="overflow-menu color-scheme-matches-parent" 3351 3352 3353 minimum-items="2" 3354 3355 3356 data-testid="header-menu-overflow-list" 3357 3358 3359 data-skip-node-update 3360 3361> 3362 <template shadowrootmode="open"> 3363 <link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/overflow-list.css?v=16727044177065489451788024220" rel="stylesheet" type="text/css" media="all" /> 3364 3365 <ul part="list"> 3366 <slot></slot> 3367 <slot 3368 name="more" 3369 part="more" 3370 hidden 3371 3372 > 3373 <li 3374 part="more" 3375 > 3376 <button 3377 class="button" 3378 type="button" 3379 tabindex="0" 3380 3381 > 3382 Plus 3383 </button> 3384 </li> 3385 </slot> 3386 <li 3387 part="placeholder" 3388 hidden 3389 ></li> 3390 </ul> 3391 3392 <div part="overflow"> 3393 <ul part="overflow-list"> 3394 <slot name="overflow"></slot> 3395 </ul> 3396 </div> 3397 </template> 3398 3399 3400 3401 <li 3402 role="presentation" 3403 class="menu-list__list-item" 3404 on:focus="/activate" 3405 on:blur="/deactivate" 3406 on:pointerenter="/activate" 3407 on:pointerleave="/deactivate" 3408 > 3409 <a 3410 href="#" 3411 data-skip-node-update="true" 3412 class="menu-list__link" 3413 ref="menuitem" 3414 > 3415 <span class="menu-list__link-title">Collections</span> 3416 </a></li> 3417 3418 <li 3419 role="presentation" 3420 class="menu-list__list-item" 3421 on:focus="/activate" 3422 on:blur="/deactivate" 3423 on:pointerenter="/activate" 3424 on:pointerleave="/deactivate" 3425 > 3426 <a 3427 href="/collections/tous-les-produits" 3428 data-skip-node-update="true" 3429 class="menu-list__link" 3430 ref="menuitem" 3431 > 3432 <span class="menu-list__link-title">Tous les produits</span> 3433 </a></li> 3434 3435 <li 3436 role="presentation" 3437 class="menu-list__list-item" 3438 on:focus="/activate" 3439 on:blur="/deactivate" 3440 on:pointerenter="/activate" 3441 on:pointerleave="/deactivate" 3442 > 3443 <a 3444 href="/collections/chaussettes" 3445 data-skip-node-update="true" 3446 class="menu-list__link" 3447 ref="menuitem" 3448 > 3449 <span class="menu-list__link-title">Chaussettes</span> 3450 </a></li> 3451 3452 <li 3453 role="presentation" 3454 class="menu-list__list-item" 3455 on:focus="/activate" 3456 on:blur="/deactivate" 3457 on:pointerenter="/activate" 3458 on:pointerleave="/deactivate" 3459 > 3460 <a 3461 href="/collections/mi-bas-2" 3462 data-skip-node-update="true" 3463 class="menu-list__link" 3464 ref="menuitem" 3465 >
3466 <span class="menu-list__link-title">Mi-bas</span> 3467 </a></li> 3468 3469 <li 3470 role="presentation" 3471 class="menu-list__list-item" 3472 on:focus="/activate" 3473 on:blur="/deactivate" 3474 on:pointerenter="/activate" 3475 on:pointerleave="/deactivate" 3476 > 3477 <a 3478 href="/collections/socquettes" 3479 data-skip-node-update="true" 3480 class="menu-list__link" 3481 ref="menuitem" 3482 > 3483 <span class="menu-list__link-title">Socquettes</span> 3484 </a></li> 3485 3486 <li 3487 role="presentation" 3488 class="menu-list__list-item" 3489 on:focus="/activate" 3490 on:blur="/deactivate" 3491 on:pointerenter="/activate" 3492 on:pointerleave="/deactivate" 3493 > 3494 <a 3495 href="/collections/paris" 3496 data-skip-node-update="true" 3497 class="menu-list__link" 3498 ref="menuitem" 3499 > 3500 <span class="menu-list__link-title">Nos livres cadeaux</span> 3501 </a></li> 3502 3503 <li 3504 role="presentation" 3505 class="menu-list__list-item" 3506 on:focus="/activate" 3507 on:blur="/deactivate" 3508 on:pointerenter="/activate" 3509 on:pointerleave="/deactivate" 3510 > 3511 <a 3512 href="/products/carte-cadeau-bonne-maison" 3513 data-skip-node-update="true" 3514 class="menu-list__link" 3515 ref="menuitem" 3516 > 3517 <span class="menu-list__link-title">Carte cadeau</span> 3518 </a></li> 3519 3520 <li 3521 class="menu-list__list-item" 3522 role="presentation" 3523 slot="more" 3524 on:focus="/activate" 3525 on:blur="/deactivate" 3526 on:pointerenter="/activate" 3527 on:pointerleave="/deactivate" 3528 > 3529 <button role="listitem" class="menu-list__link button-unstyled"> 3530 <span class="menu-list__link-title">Plus</span> 3531 </button> 3532 </li> 3533 3534</overflow-list> 3535 3536 </nav> 3537 </div> 3538 3539
3539<script 3540 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/header-menu.js?v=97820922056036071501788024220" 3541 type="module" 3542 fetchpriority="low" 3543 ></script>
3543 3544 </header-menu> 3545 3546 3547<style data-shopify> 3548 .header__underlay { 3549 --color-submenu: rgb(255 255 255 / 1.0); 3550 } 3551</style> 3552 3553 3554 3555 3556 3557 3558 3559 </div><div 3560 class="header__column header__column--right" 3561 data-testid="header-top-right" 3562 > 3563 3564 3565 3566 3567 3568 3569 <dropdown-localization-component 3570 class="dropdown-localization mobile:hidden" 3571 > 3572 <button 3573 type="button" 3574 class="button dropdown-localization__button localization-selector header-actions__action" 3575 aria-expanded="false" 3576 aria-controls="dropdown-localization-results" 3577 ref="button" 3578 on:click="/toggleSelector" 3579 style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 0.875rem; " 3580 > 3581 3582 3583 <span 3584 class="currency-code" 3585 data-testid="localization-currency-code" 3586 >EUR</span> 3587 3588 <span 3589 class="visually-hidden" 3590 data-testid="localization-visually-hidden" 3591 >Sélecteur de région et de langue</span><span>/</span><span> 3592 FR 3593 </span><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"> 3594 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3595</svg> 3596</span> 3597 </button> 3598 3599 <div 3600 class="localization-wrapper right-bound color-scheme-1" 3601 hidden 3602 ref="panel" 3603 > 3604 3605<localization-form-component 3606 ref="localizationForm" 3607 data-label-results-count="[count] résultats" 3608 data-show-filter="true" 3609 style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 0.875rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));" 3610> 3611 3612<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Région et langue"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /> 3613 3614 <div class="country-filter"> 3615 <div class="field"> 3616 <div class="country-filter__search-icon field__button"> 3617 <span class="svg-wrapper"> 3618 <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> 3619 3620 </span> 3621 </div> 3622 <input 3623 class="country-filter__input" 3624 id="country-filter-input" 3625 type="search" 3626 name="country_filter" 3627 value="" 3628 placeholder="Rechercher" 3629 role="combobox" 3630 aria-owns="country-results" 3631 aria-controls="country-results" 3632 aria-haspopup="listbox" 3633 aria-autocomplete="list" 3634 aria-label="Trouver un pays" 3635 autocorrect="off" 3636 autocomplete="off" 3637 autocapitalize="off" 3638 spellcheck="false" 3639 ref="search" 3640 on:keyup="/filterCountries" 3641 > 3642 <label 3643 class="field__label visually-hidden" 3644 for="country-filter-input" 3645 >Rechercher</label> 3646 <button 3647 type="reset" 3648 class="button button-unstyled country-filter__reset-button field__button" 3649 aria-label="Réinitialiser" 3650 ref="resetButton" 3651 hidden 3652 on:click="/resetCountriesFilter" 3653 > 3654 <span class="svg-wrapper"> 3655 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" 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 7.5-5 5M12.5 12.5l-5-5"/></svg> 3656 3657 </span> 3658 </button> 3659 </div> 3660 </div> 3661 3662 <div class="country-selector-form__wrapper"> 3663 <h2 3664 class="visually-hidden" 3665 id="dropdown-CountryLabel" 3666 > 3667 Country/Region 3668 </h2> 3669 3670 <div 3671 id="sr-country-search-results-sections--31622813319493__header_section" 3672 class="visually-hidden"
3673 aria-live="polite" 3674 ref="liveRegion" 3675 ></div> 3676 3677 <div 3678 class="localization-form__list" 3679 id="dropdown-country-results" 3680 ref="countryList" 3681 > 3682 3683 <ul 3684 role="list" 3685 class="list-unstyled countries" 3686 > 3687 <span 3688 class="localization-form__list-item localization-form__list-item-disabled" 3689 id="no-results-message" 3690 ref="noResultsMessage" 3691 hidden 3692 >Aucun résultat trouvé</span> 3693 <li 3694 class="localization-form__list-item" 3695 3696 data-value="DE" 3697 3698 data-aliases="" 3699 3700 id="Allemagne" 3701 aria-label="Allemagne" 3702 role="option" 3703 tabindex="-1" 3704 ref="countryListItems[]" 3705 on:click="/selectCountry/DE" 3706 > 3707 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 3708<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3709</svg> 3710</span> 3711 <span class="country">Allemagne</span> 3712 <span 3713 class="localization-form__currency" 3714 3715 hidden 3716 3717 > 3718 EUR 3719 â¬</span> 3720 </li> 3721 <li 3722 class="localization-form__list-item" 3723 3724 data-value="AT" 3725 3726 data-aliases="" 3727 3728 id="Autriche" 3729 aria-label="Autriche" 3730 role="option" 3731 tabindex="-1" 3732 ref="countryListItems[]" 3733 on:click="/selectCountry/AT" 3734 > 3735 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 3736<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3737</svg> 3738</span> 3739 <span class="country">Autriche</span> 3740 <span 3741 class="localization-form__currency" 3742 3743 hidden 3744 3745 > 3746 EUR 3747 â¬</span> 3748 </li> 3749 <li 3750 class="localization-form__list-item" 3751 3752 data-value="BE" 3753 3754 data-aliases="" 3755 3756 id="Belgique" 3757 aria-label="Belgique" 3758 role="option" 3759 tabindex="-1" 3760 ref="countryListItems[]" 3761 on:click="/selectCountry/BE" 3762 > 3763 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 3764<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3765</svg> 3766</span> 3767 <span class="country">Belgique</span> 3768 <span 3769 class="localization-form__currency" 3770 3771 hidden 3772 3773 > 3774 EUR 3775 â¬</span> 3776 </li> 3777 <li 3778 class="localization-form__list-item" 3779 3780 data-value="BG" 3781 3782 data-aliases="" 3783 3784 id="Bulgarie" 3785 aria-label="Bulgarie" 3786 role="option" 3787 tabindex="-1" 3788 ref="countryListItems[]" 3789 on:click="/selectCountry/BG" 3790 >
3791 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 3792<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3793</svg> 3794</span> 3795 <span class="country">Bulgarie</span> 3796 <span 3797 class="localization-form__currency" 3798 3799 hidden 3800 3801 > 3802 EUR 3803 â¬</span> 3804 </li> 3805 <li 3806 class="localization-form__list-item" 3807 3808 data-value="CY" 3809 3810 data-aliases="" 3811 3812 id="Chypre" 3813 aria-label="Chypre" 3814 role="option" 3815 tabindex="-1" 3816 ref="countryListItems[]" 3817 on:click="/selectCountry/CY" 3818 > 3819 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 3820<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3821</svg> 3822</span> 3823 <span class="country">Chypre</span> 3824 <span 3825 class="localization-form__currency" 3826 3827 hidden 3828 3829 > 3830 EUR 3831 â¬</span> 3832 </li> 3833 <li 3834 class="localization-form__list-item" 3835 3836 data-value="HR" 3837 3838 data-aliases="" 3839 3840 id="Croatie" 3841 aria-label="Croatie" 3842 role="option" 3843 tabindex="-1" 3844 ref="countryListItems[]" 3845 on:click="/selectCountry/HR" 3846 > 3847 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 3848<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3849</svg> 3850</span> 3851 <span class="country">Croatie</span> 3852 <span 3853 class="localization-form__currency" 3854 3855 hidden 3856 3857 > 3858 EUR 3859 â¬</span> 3860 </li> 3861 <li 3862 class="localization-form__list-item" 3863 3864 data-value="DK" 3865 3866 data-aliases="" 3867 3868 id="Danemark" 3869 aria-label="Danemark" 3870 role="option" 3871 tabindex="-1" 3872 ref="countryListItems[]" 3873 on:click="/selectCountry/DK" 3874 > 3875 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 3876<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3877</svg> 3878</span>
3879 <span class="country">Danemark</span> 3880 <span 3881 class="localization-form__currency" 3882 3883 hidden 3884 3885 > 3886 EUR 3887 â¬</span> 3888 </li> 3889 <li 3890 class="localization-form__list-item" 3891 3892 data-value="ES" 3893 3894 data-aliases="" 3895 3896 id="Espagne" 3897 aria-label="Espagne" 3898 role="option" 3899 tabindex="-1" 3900 ref="countryListItems[]" 3901 on:click="/selectCountry/ES" 3902 > 3903 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 3904<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3905</svg> 3906</span> 3907 <span class="country">Espagne</span> 3908 <span 3909 class="localization-form__currency" 3910 3911 hidden 3912 3913 > 3914 EUR 3915 â¬</span> 3916 </li> 3917 <li 3918 class="localization-form__list-item" 3919 3920 data-value="EE" 3921 3922 data-aliases="" 3923 3924 id="Estonie" 3925 aria-label="Estonie" 3926 role="option" 3927 tabindex="-1" 3928 ref="countryListItems[]" 3929 on:click="/selectCountry/EE" 3930 > 3931 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 3932<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3933</svg> 3934</span> 3935 <span class="country">Estonie</span> 3936 <span 3937 class="localization-form__currency" 3938 3939 hidden 3940 3941 > 3942 EUR 3943 â¬</span> 3944 </li> 3945 <li 3946 class="localization-form__list-item" 3947 3948 aria-current="true" 3949 3950 data-value="US" 3951 3952 data-aliases="us,usa,america,united states of america" 3953 3954 id="Ãtats-Unis" 3955 aria-label="Ãtats-Unis" 3956 role="option" 3957 tabindex="-1" 3958 ref="countryListItems[]" 3959 on:click="/selectCountry/US" 3960 > 3961 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 3962<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3963</svg> 3964</span> 3965 <span class="country">Ãtats-Unis</span> 3966 <span 3967 class="localization-form__currency" 3968 3969 hidden 3970 3971 > 3972 EUR 3973 â¬</span> 3974 </li> 3975 <li 3976 class="localization-form__list-item" 3977 3978 data-value="FI" 3979 3980 data-aliases="" 3981 3982 id="Finlande" 3983 aria-label="Finlande" 3984 role="option" 3985 tabindex="-1" 3986 ref="countryListItems[]" 3987 on:click="/selectCountry/FI" 3988 >
3989 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 3990<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3991</svg> 3992</span> 3993 <span class="country">Finlande</span> 3994 <span 3995 class="localization-form__currency" 3996 3997 hidden 3998 3999 > 4000 EUR 4001 â¬</span> 4002 </li> 4003 <li 4004 class="localization-form__list-item" 4005 4006 data-value="FR" 4007 4008 data-aliases="" 4009 4010 id="France" 4011 aria-label="France" 4012 role="option" 4013 tabindex="-1" 4014 ref="countryListItems[]" 4015 on:click="/selectCountry/FR" 4016 > 4017 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4018<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4019</svg> 4020</span> 4021 <span class="country">France</span> 4022 <span 4023 class="localization-form__currency" 4024 4025 hidden 4026 4027 > 4028 EUR 4029 â¬</span> 4030 </li> 4031 <li 4032 class="localization-form__list-item" 4033 4034 data-value="GR" 4035 4036 data-aliases="" 4037 4038 id="Grèce" 4039 aria-label="Grèce" 4040 role="option" 4041 tabindex="-1" 4042 ref="countryListItems[]" 4043 on:click="/selectCountry/GR" 4044 > 4045 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4046<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4047</svg> 4048</span> 4049 <span class="country">Grèce</span> 4050 <span 4051 class="localization-form__currency" 4052 4053 hidden 4054 4055 > 4056 EUR 4057 â¬</span> 4058 </li> 4059 <li 4060 class="localization-form__list-item" 4061 4062 data-value="HU" 4063 4064 data-aliases="" 4065 4066 id="Hongrie" 4067 aria-label="Hongrie" 4068 role="option" 4069 tabindex="-1" 4070 ref="countryListItems[]" 4071 on:click="/selectCountry/HU" 4072 > 4073 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4074<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4075</svg> 4076</span>
4077 <span class="country">Hongrie</span> 4078 <span 4079 class="localization-form__currency" 4080 4081 hidden 4082 4083 > 4084 EUR 4085 â¬</span> 4086 </li> 4087 <li 4088 class="localization-form__list-item" 4089 4090 data-value="IE" 4091 4092 data-aliases="" 4093 4094 id="Irlande" 4095 aria-label="Irlande" 4096 role="option" 4097 tabindex="-1" 4098 ref="countryListItems[]" 4099 on:click="/selectCountry/IE" 4100 > 4101 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4102<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4103</svg> 4104</span> 4105 <span class="country">Irlande</span> 4106 <span 4107 class="localization-form__currency" 4108 4109 hidden 4110 4111 > 4112 EUR 4113 â¬</span> 4114 </li> 4115 <li 4116 class="localization-form__list-item" 4117 4118 data-value="IT" 4119 4120 data-aliases="" 4121 4122 id="Italie" 4123 aria-label="Italie" 4124 role="option" 4125 tabindex="-1" 4126 ref="countryListItems[]" 4127 on:click="/selectCountry/IT" 4128 > 4129 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4130<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4131</svg> 4132</span> 4133 <span class="country">Italie</span> 4134 <span 4135 class="localization-form__currency" 4136 4137 hidden 4138 4139 > 4140 EUR 4141 â¬</span> 4142 </li> 4143 <li 4144 class="localization-form__list-item" 4145 4146 data-value="LV" 4147 4148 data-aliases="" 4149 4150 id="Lettonie" 4151 aria-label="Lettonie" 4152 role="option" 4153 tabindex="-1" 4154 ref="countryListItems[]" 4155 on:click="/selectCountry/LV" 4156 > 4157 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4158<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4159</svg> 4160</span> 4161 <span class="country">Lettonie</span> 4162 <span 4163 class="localization-form__currency" 4164 4165 hidden 4166 4167 > 4168 EUR 4169 â¬</span> 4170 </li> 4171 <li 4172 class="localization-form__list-item" 4173 4174 data-value="LT" 4175 4176 data-aliases="" 4177 4178 id="Lituanie" 4179 aria-label="Lituanie" 4180 role="option" 4181 tabindex="-1" 4182 ref="countryListItems[]" 4183 on:click="/selectCountry/LT" 4184 >
4185 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4186<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4187</svg> 4188</span> 4189 <span class="country">Lituanie</span> 4190 <span 4191 class="localization-form__currency" 4192 4193 hidden 4194 4195 > 4196 EUR 4197 â¬</span> 4198 </li> 4199 <li 4200 class="localization-form__list-item" 4201 4202 data-value="LU" 4203 4204 data-aliases="" 4205 4206 id="Luxembourg" 4207 aria-label="Luxembourg" 4208 role="option" 4209 tabindex="-1" 4210 ref="countryListItems[]" 4211 on:click="/selectCountry/LU" 4212 > 4213 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4214<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4215</svg> 4216</span> 4217 <span class="country">Luxembourg</span> 4218 <span 4219 class="localization-form__currency" 4220 4221 hidden 4222 4223 > 4224 EUR 4225 â¬</span> 4226 </li> 4227 <li 4228 class="localization-form__list-item" 4229 4230 data-value="MT" 4231 4232 data-aliases="" 4233 4234 id="Malte" 4235 aria-label="Malte" 4236 role="option" 4237 tabindex="-1" 4238 ref="countryListItems[]" 4239 on:click="/selectCountry/MT" 4240 > 4241 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4242<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4243</svg> 4244</span> 4245 <span class="country">Malte</span> 4246 <span 4247 class="localization-form__currency" 4248 4249 hidden 4250 4251 > 4252 EUR 4253 â¬</span> 4254 </li> 4255 <li 4256 class="localization-form__list-item" 4257 4258 data-value="NL" 4259 4260 data-aliases="" 4261 4262 id="Pays-Bas" 4263 aria-label="Pays-Bas" 4264 role="option" 4265 tabindex="-1" 4266 ref="countryListItems[]" 4267 on:click="/selectCountry/NL" 4268 > 4269 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4270<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4271</svg> 4272</span>
4273 <span class="country">Pays-Bas</span> 4274 <span 4275 class="localization-form__currency" 4276 4277 hidden 4278 4279 > 4280 EUR 4281 â¬</span> 4282 </li> 4283 <li 4284 class="localization-form__list-item" 4285 4286 data-value="PL" 4287 4288 data-aliases="" 4289 4290 id="Pologne" 4291 aria-label="Pologne" 4292 role="option" 4293 tabindex="-1" 4294 ref="countryListItems[]" 4295 on:click="/selectCountry/PL" 4296 > 4297 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4298<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4299</svg> 4300</span> 4301 <span class="country">Pologne</span> 4302 <span 4303 class="localization-form__currency" 4304 4305 hidden 4306 4307 > 4308 EUR 4309 â¬</span> 4310 </li> 4311 <li 4312 class="localization-form__list-item" 4313 4314 data-value="PT" 4315 4316 data-aliases="" 4317 4318 id="Portugal" 4319 aria-label="Portugal" 4320 role="option" 4321 tabindex="-1" 4322 ref="countryListItems[]" 4323 on:click="/selectCountry/PT" 4324 > 4325 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4326<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4327</svg> 4328</span> 4329 <span class="country">Portugal</span> 4330 <span 4331 class="localization-form__currency" 4332 4333 hidden 4334 4335 > 4336 EUR 4337 â¬</span> 4338 </li> 4339 <li 4340 class="localization-form__list-item" 4341 4342 data-value="RO" 4343 4344 data-aliases="" 4345 4346 id="Roumanie" 4347 aria-label="Roumanie" 4348 role="option" 4349 tabindex="-1" 4350 ref="countryListItems[]" 4351 on:click="/selectCountry/RO" 4352 > 4353 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4354<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4355</svg> 4356</span> 4357 <span class="country">Roumanie</span> 4358 <span 4359 class="localization-form__currency" 4360 4361 hidden 4362 4363 > 4364 EUR 4365 â¬</span> 4366 </li> 4367 <li 4368 class="localization-form__list-item" 4369 4370 data-value="SK" 4371 4372 data-aliases="" 4373 4374 id="Slovaquie" 4375 aria-label="Slovaquie" 4376 role="option" 4377 tabindex="-1" 4378 ref="countryListItems[]" 4379 on:click="/selectCountry/SK" 4380 >
4381 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4382<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4383</svg> 4384</span> 4385 <span class="country">Slovaquie</span> 4386 <span 4387 class="localization-form__currency" 4388 4389 hidden 4390 4391 > 4392 EUR 4393 â¬</span> 4394 </li> 4395 <li 4396 class="localization-form__list-item" 4397 4398 data-value="SI" 4399 4400 data-aliases="" 4401 4402 id="Slovénie" 4403 aria-label="Slovénie" 4404 role="option" 4405 tabindex="-1" 4406 ref="countryListItems[]" 4407 on:click="/selectCountry/SI" 4408 > 4409 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4410<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4411</svg> 4412</span> 4413 <span class="country">Slovénie</span> 4414 <span 4415 class="localization-form__currency" 4416 4417 hidden 4418 4419 > 4420 EUR 4421 â¬</span> 4422 </li> 4423 <li 4424 class="localization-form__list-item" 4425 4426 data-value="SE" 4427 4428 data-aliases="" 4429 4430 id="Suède" 4431 aria-label="Suède" 4432 role="option" 4433 tabindex="-1" 4434 ref="countryListItems[]" 4435 on:click="/selectCountry/SE" 4436 > 4437 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4438<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4439</svg> 4440</span> 4441 <span class="country">Suède</span> 4442 <span 4443 class="localization-form__currency" 4444 4445 hidden 4446 4447 > 4448 EUR 4449 â¬</span> 4450 </li> 4451 <li 4452 class="localization-form__list-item" 4453 4454 data-value="CH" 4455 4456 data-aliases="" 4457 4458 id="Suisse" 4459 aria-label="Suisse" 4460 role="option" 4461 tabindex="-1" 4462 ref="countryListItems[]" 4463 on:click="/selectCountry/CH" 4464 > 4465 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4466<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4467</svg> 4468</span>
4469 <span class="country">Suisse</span> 4470 <span 4471 class="localization-form__currency" 4472 4473 hidden 4474 4475 > 4476 EUR 4477 â¬</span> 4478 </li> 4479 <li 4480 class="localization-form__list-item" 4481 4482 data-value="CZ" 4483 4484 data-aliases="" 4485 4486 id="Tchéquie" 4487 aria-label="Tchéquie" 4488 role="option" 4489 tabindex="-1" 4490 ref="countryListItems[]" 4491 on:click="/selectCountry/CZ" 4492 > 4493 <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4494<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4495</svg> 4496</span> 4497 <span class="country">Tchéquie</span> 4498 <span 4499 class="localization-form__currency" 4500 4501 hidden 4502 4503 > 4504 EUR 4505 â¬</span> 4506 </li></ul> 4507 </div> 4508 <div class="country-selector__overlay"></div> 4509 <input 4510 type="hidden" 4511 name="country_code" 4512 value="US" 4513 ref="countryInput" 4514 > 4515 </div> 4516 4517 4518 4519 <div class="language-selector top-shadow"> 4520 <h2 4521 class="visually-hidden" 4522 id="dropdown-LanguageLabel" 4523 > 4524 Langue 4525 </h2> 4526 4527 <span class="language-selector__label">Langue</span> 4528 4529 <select 4530 id="dropdownSelect" 4531 class="localization-form__select" 4532 name="language_code" 4533 aria-label="Langue" 4534 ref="languageInput" 4535 on:change="/changeLanguage" 4536 ><option 4537 value="fr" 4538 lang="fr" 4539 4540 selected 4541 4542 > 4543 Français 4544 </option><option 4545 value="en" 4546 lang="en" 4547 4548 > 4549 English 4550 </option></select> 4551 <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"> 4552 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4553</svg> 4554</span> 4555 </div> 4556 4557</form></localization-form-component> 4558 4559 4560 4561 </div> 4562 </dropdown-localization-component> 4563 4564 4565 4566 4567 4568 4569 4570 4571 <search-button 4572 class="search-action search-action--hidden-on-drawer" 4573 > 4574 <button 4575 on:click="#search-modal/showDialog" 4576 class="button-unstyled header-actions__action" 4577 aria-label="Rechercher" 4578 aria-haspopup="dialog" 4579 > 4580 <span class="hidden"> 4581 Rechercher 4582 </span> 4583 4584 <span class="svg-wrapper "> 4585 <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> 4586 4587 </span> 4588 </button> 4589 </search-button> 4590 4591 4592 4593 4594 4595 4596 4597 4598 4599 4600
4601<script 4602 type="module" 4603 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/cart-icon.js?v=157241182139685326961788024220" 4604 fetchpriority="low" 4605></script>
4605 4606 4607<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-cart-drawer.css?v=46358790467216488231790238683" rel="stylesheet" type="text/css" media="all" />
4608<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-cart-drawer.js?v=142065133311994888331790237825" defer></script>
4608 4609 4610 4611 4612 4613 4614<header-actions 4615 4616> 4617 4618 4619 <div 4620 class="account-button header-actions__action color-scheme-1" 4621 > 4622 <shopify-store store-domain="https://www.bonnemaison.fr" country="US" language="fr"></shopify-store> 4623<shopify-account 4624 menu="customer-account-main-menu" 4625 4626 > 4627 4628 <span 4629 slot="signed-out-avatar" 4630 class="account-button__text header-actions__text-style hidden" 4631 > 4632 Compte 4633 </span> 4634 4635 <span 4636 slot="signed-out-avatar" 4637 class="" 4638 aria-hidden="true" 4639 > 4640 4641 <svg 4642 xmlns="http://www.w3.org/2000/svg" 4643 width="15" 4644 height="17" 4645 viewBox="0 0 15 17" 4646 fill="none" 4647 slot="signed-out-avatar" 4648 class="account-button__icon" 4649 > 4650 <path 4651 stroke="currentColor" 4652 stroke-linejoin="round" 4653 stroke-width="var(--icon-stroke-width)" 4654 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" 4655 /> 4656 </svg> 4657 4658 </span> 4659 4660 </shopify-account> 4661 </div> 4662 4663 4664 4665
4665<script 4666 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/cart-drawer.js?v=35649724213056774541788024220" 4667 type="module" 4668 fetchpriority="low" 4669 ></script>
4669 4670
4670<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-cart-trust.js?v=66792438341112568751788891118" defer></script>
4670 4671 4672 4673 4674 <cart-drawer-component 4675 class="cart-drawer" 4676 4677 4678 > 4679 <template id="empty-cart-template"> 4680 4681 <div class="cart-drawer__header"> 4682 <button 4683 ref="closeButton" 4684 on:click="cart-drawer-component/close" 4685 class="button close-button cart-drawer__close-button button-unstyled" 4686 aria-label="Fermer la boîte de dialogue" 4687 > 4688 <span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4689 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4690 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4691</svg> 4692</span> 4693 </button> 4694 </div> 4695 4696 <div 4697 class="cart-drawer__content" 4698 aria-label="Panier" 4699 > 4700 <h2 4701 class="cart-drawer__heading h4 cart-drawer__heading--empty" 4702 id="cart-drawer-heading-empty" 4703 > 4704 Votre panier est vide 4705 </h2> 4706 4707 <div class="cart-drawer__items"> 4708 4709 4710 4711
4712<script 4713 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/component-cart-items.js?v=165440327125931659001788024220" 4714 type="module" 4715 fetchpriority="low" 4716></script>
vendor: 1 bytes, line 4716
4716
4717<script 4718 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/component-cart-quantity-selector.js?v=105130809908858639751788024220" 4719 type="module" 4720 fetchpriority="low" 4721></script>
vendor: 1 bytes, line 4721
4721
4722<script 4723 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/volume-pricing-info.js?v=94479640769665442661788024220" 4724 type="module" 4725 fetchpriority="low" 4726></script>
4726 4727 4728<div 4729 4730 class="cart-items__wrapper" 4731 4732> 4733 4734<p> 4735 Vous possédez un compte ? <a href="https://shopify.com/105021178181/account?locale=fr&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJib25uZS1tYWlzb24tZnIubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkwOTk4NjMyLCJuYmYiOjE3OTAzOTM4MzJ9.KX4RYnctI4iMy3jDULyT1LLx8XqwRwJ26lcEFk8QYuE®ion_country=US">Connectez-vous</a> pour payer plus vite. 4736 </p><a 4737 class="button cart-items__empty-button" 4738 href="/collections/all" 4739 > 4740 <span class="button-text"> 4741 Continuer les achats 4742 </span> 4743 </a></div> 4744 4745 4746 4747 </div> 4748 </div><ss-cart-trust 4749 class="ss-cd__trust-wrap" 4750 data-autoplay="true" 4751 data-delay="3500.0" 4752 data-dots="true" 4753 style="--ss-cd-trust-visible: 1;" 4754 > 4755 <div class="ss-cd__trust-row"> 4756 <ul class="ss-cd__trust list-unstyled" data-ss-trust-rail role="list"><li class="ss-cd__trust-item"> 4757 <span class="ss-cd__trust-icon" aria-hidden="true"><img src="https://cdn.shopify.com/s/files/1/1050/2117/8181/files/image_36.png?v=1788640202" width="var(--ss-pr-icon-stroke, 1.4)" height="" alt="" /> 4758</span> 4759 <span class="ss-cd__trust-text">Livraison offerte dès 69,99â¬</span> 4760 </li><li class="ss-cd__trust-item"> 4761 <span class="ss-cd__trust-icon" aria-hidden="true"><img src="https://cdn.shopify.com/s/files/1/1050/2117/8181/files/image_39.png?v=1788639960" width="var(--ss-pr-icon-stroke, 1.4)" height="" alt="" /> 4762</span> 4763 <span class="ss-cd__trust-text">Fabriqué en France</span> 4764 </li><li class="ss-cd__trust-item"> 4765 <span class="ss-cd__trust-icon" aria-hidden="true"><svg viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="var(--ss-pr-icon-stroke, 1.4)" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"> 4766 <path d="M8 14h18a7 7 0 0 1 0 14h-4"/> 4767 <path d="M13 8 7 14l6 6"/> 4768 </svg> 4769</span> 4770 <span class="ss-cd__trust-text">Satisfait ou remboursé</span> 4771 </li></ul><div class="ss-cd__trust-dots" data-ss-trust-dots role="tablist" aria-label="Navigation" hidden></div></div> 4772 </ss-cart-trust> 4773 4774 </template> 4775 <button 4776 class="header-actions__action button-unstyled" 4777 on:click="/open" 4778 aria-haspopup="dialog" 4779 aria-label="Panier" 4780 aria-describedby="cart-bubble-text" 4781 data-testid="cart-drawer-trigger" 4782 > 4783 4784 <cart-icon 4785 class="header-actions__cart-icon" 4786 data-testid="cart-icon" 4787 > 4788 <span class="hidden"> 4789 Panier 4790 </span> 4791 4792 <span 4793 class="svg-wrapper " 4794 aria-hidden="true" 4795 > 4796 <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> 4797 4798 </span> 4799 4800 <div 4801 ref="cartBubble" 4802 class="cart-bubble visually-hidden" 4803 4804 4805 data-maintain-ratio 4806 4807> 4808 <span class="cart-bubble__background"></span> 4809 <span 4810 ref="cartBubbleText" 4811 id="cart-bubble-text" 4812 class="cart-bubble__text" 4813 > 4814 <span 4815 class="cart-bubble__text-count hidden" 4816 ref="cartBubbleCount" 4817 aria-hidden="true" 4818 data-testid="cart-bubble" 4819 > 48200</span> 4821 </span> 4822</div> 4823 4824 4825 4826 </cart-icon> 4827 4828 </button> 4829 4830 <dialog 4831 ref="dialog" 4832 class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty" 4833 data-testid="cart-drawer-dialog" 4834 aria-labelledby="cart-drawer-heading-empty" 4835 scroll-lock 4836 cart-summary-sticky="true" 4837 > 4838 <span 4839 ref="liveRegion" 4840 class="visually-hidden" 4841 role="status" 4842 ></span> 4843 <div 4844 class="cart-drawer__inner" 4845 data-hydration-key="cart-drawer-inner" 4846 > 4847 4848 4849 4850<cart-items-component 4851 class="cart-items-component" 4852 4853 data-drawer 4854 4855 data-section-id="sections--31622813319493__header_section" 4856> 4857 4858 4859 <div class="cart-drawer__header"> 4860 <button 4861 ref="closeButton" 4862 on:click="cart-drawer-component/close" 4863 class="button close-button cart-drawer__close-button button-unstyled" 4864 aria-label="Fermer la boîte de dialogue" 4865 >
4866 <span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4867 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4868 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4869</svg> 4870</span> 4871 </button> 4872 </div> 4873 4874 <div 4875 class="cart-drawer__content" 4876 aria-label="Panier" 4877 > 4878 <h2 4879 class="cart-drawer__heading h4 cart-drawer__heading--empty" 4880 id="cart-drawer-heading-empty" 4881 > 4882 Votre panier est vide 4883 </h2> 4884 4885 <div class="cart-drawer__items"> 4886 4887 4888 4889
4890<script 4891 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/component-cart-items.js?v=165440327125931659001788024220" 4892 type="module" 4893 fetchpriority="low" 4894></script>
vendor: 1 bytes, line 4894
4894
4895<script 4896 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/component-cart-quantity-selector.js?v=105130809908858639751788024220" 4897 type="module" 4898 fetchpriority="low" 4899></script>
vendor: 1 bytes, line 4899
4899
4900<script 4901 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/volume-pricing-info.js?v=94479640769665442661788024220" 4902 type="module" 4903 fetchpriority="low" 4904></script>
4904 4905 4906<div 4907 4908 class="cart-items__wrapper" 4909 4910> 4911 4912<p> 4913 Vous possédez un compte ? <a href="https://shopify.com/105021178181/account?locale=fr&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJib25uZS1tYWlzb24tZnIubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkwOTk4NjMyLCJuYmYiOjE3OTAzOTM4MzJ9.KX4RYnctI4iMy3jDULyT1LLx8XqwRwJ26lcEFk8QYuE®ion_country=US">Connectez-vous</a> pour payer plus vite. 4914 </p><a 4915 class="button cart-items__empty-button" 4916 href="/collections/all" 4917 > 4918 <span class="button-text"> 4919 Continuer les achats 4920 </span> 4921 </a></div> 4922 4923 4924 4925 </div> 4926 </div><ss-cart-trust 4927 class="ss-cd__trust-wrap" 4928 data-autoplay="true" 4929 data-delay="3500.0" 4930 data-dots="true" 4931 style="--ss-cd-trust-visible: 1;" 4932 > 4933 <div class="ss-cd__trust-row"> 4934 <ul class="ss-cd__trust list-unstyled" data-ss-trust-rail role="list"><li class="ss-cd__trust-item"> 4935 <span class="ss-cd__trust-icon" aria-hidden="true"><img src="https://cdn.shopify.com/s/files/1/1050/2117/8181/files/image_36.png?v=1788640202" width="var(--ss-pr-icon-stroke, 1.4)" height="" alt="" /> 4936</span> 4937 <span class="ss-cd__trust-text">Livraison offerte dès 69,99â¬</span> 4938 </li><li class="ss-cd__trust-item"> 4939 <span class="ss-cd__trust-icon" aria-hidden="true"><img src="https://cdn.shopify.com/s/files/1/1050/2117/8181/files/image_39.png?v=1788639960" width="var(--ss-pr-icon-stroke, 1.4)" height="" alt="" /> 4940</span> 4941 <span class="ss-cd__trust-text">Fabriqué en France</span> 4942 </li><li class="ss-cd__trust-item"> 4943 <span class="ss-cd__trust-icon" aria-hidden="true"><svg viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="var(--ss-pr-icon-stroke, 1.4)" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"> 4944 <path d="M8 14h18a7 7 0 0 1 0 14h-4"/> 4945 <path d="M13 8 7 14l6 6"/> 4946 </svg> 4947</span> 4948 <span class="ss-cd__trust-text">Satisfait ou remboursé</span> 4949 </li></ul><div class="ss-cd__trust-dots" data-ss-trust-dots role="tablist" aria-label="Navigation" hidden></div></div> 4950 </ss-cart-trust> 4951 4952 4953</cart-items-component> 4954 4955 4956 4957 </div> 4958 </dialog> 4959 </cart-drawer-component> 4960 4961 4962 <span 4963 ref="liveRegion" 4964 class="visually-hidden" 4965 role="status" 4966 data-testid="cart-count-live-region" 4967 ></span> 4968</header-actions> 4969
4970<script 4971 type="module" 4972 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/header-actions.js?v=121308165565653895611788024220" 4973 fetchpriority="low" 4974></script>
4974 4975 4976 4977 4978 4979 4980 4981 </div> 4982 </div> 4983 </div> 4984 4985 4986 4987 4988 4989 4990 4991 4992 4993 4994 4995 <div class="header__row header__navigation-bar-row color-scheme-1"> 4996 4997 4998 4999 5000 5001 5002 5003<style data-shopify> 5004 .header__underlay { 5005 --color-submenu: rgb(255 255 255 / 1.0); 5006 } 5007</style> 5008 5009 5010 5011 5012 </div> 5013 5014</header-component> 5015
5016<script 5017 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/header.js?v=36718054510661947891788024220" 5018 type="module" 5019></script>
5019 5020 5021 5022 5023 5024
5024<script type="module"> 5025 import { hydrate } from '@theme/section-hydration'; 5026 const url = new URL(window.location.href); 5027 url.searchParams.delete('page'); 5028 hydrate('sections--31622813319493__header_section', url); 5029 </script>
5029 5030 5031 5032 5033</header><div id="shopify-section-sections--31622813319493__ss_mega_menu" class="shopify-section shopify-section-group-header-group ss-mm-section"> 5034 5035<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-mega-menu.css?v=153215342241607452391788793938" rel="stylesheet" type="text/css" media="all" />
5036<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-mega-menu.js?v=171190926802057507521788794777" defer></script>
5036<div 5037 class="ss-mm-root" 5038 id="ss-mm-root-sections--31622813319493__ss_mega_menu" 5039 data-ss-mm-root 5040 data-close-delay="180" 5041 data-breakpoint="980" 5042 data-trigger="hover" 5043> 5044 <style> 5045 #ss-mm-root-sections--31622813319493__ss_mega_menu { 5046 --ss-mm-gap-x: 16px; 5047 --ss-mm-gap-y: 28px; 5048 --ss-mm-max-w: 1600px; 5049 --ss-mm-pad-y: 40px; 5050 --ss-mm-pad-x: 48px; 5051 --ss-mm-bg: #ffffff; 5052 --ss-mm-color: #1a1a1a; 5053 --ss-mm-shadow: rgba(0, 0, 0, 0.1); 5054 --ss-mm-scrim: rgba(0, 0, 0, 0); 5055 --ss-mm-anim: 240ms; 5056 } 5057 </style> 5058 5059 5060<ss-mega-panel 5061 class="ss-mm" 5062 id="ss-mm-ARk9RWVhra1ZOT0pnb__ss_mega_panel_9AFqkz" 5063 data-ss-mm-href="/collections" 5064 data-ss-mm-label="collections" 5065 data-ss-mm-block="ARk9RWVhra1ZOT0pnb__ss_mega_panel_9AFqkz" 5066 5067> 5068 <style> 5069 #ss-mm-ARk9RWVhra1ZOT0pnb__ss_mega_panel_9AFqkz { 5070 --ss-mm-cols: 5; 5071 --ss-mm-ratio: 100%; 5072 --ss-mm-label-size: 15px; 5073 --ss-mm-label-align: center; 5074 } 5075 </style> 5076 5077 <div class="ss-mm__inner"><ul class="ss-mm__grid list-unstyled" role="list"><li class="ss-mm__item"> 5078 <a class="ss-mm__link" href="/collections/boreal"> 5079 <span class="ss-mm__media"><img 5080 src="//www.bonnemaison.fr/cdn/shop/collections/101.jpg?v=1776075987&width=500" 5081 srcset="//www.bonnemaison.fr/cdn/shop/collections/101.jpg?v=1776075987&width=300 300w, 5082 //www.bonnemaison.fr/cdn/shop/collections/101.jpg?v=1776075987&width=500 500w, 5083 //www.bonnemaison.fr/cdn/shop/collections/101.jpg?v=1776075987&width=800 800w" 5084 sizes="auto" 5085 alt="Boreal" 5086 width="1100" 5087 height="1100" 5088 loading="lazy" 5089 ></span> 5090 <span class="ss-mm__label">Boreal</span> 5091 </a> 5092 </li><li class="ss-mm__item"> 5093 <a class="ss-mm__link" href="/collections/faux-semblant-1"> 5094 <span class="ss-mm__media"><img 5095 src="//www.bonnemaison.fr/cdn/shop/collections/117.jpg?v=1776076110&width=500" 5096 srcset="//www.bonnemaison.fr/cdn/shop/collections/117.jpg?v=1776076110&width=300 300w, 5097 //www.bonnemaison.fr/cdn/shop/collections/117.jpg?v=1776076110&width=500 500w, 5098 //www.bonnemaison.fr/cdn/shop/collections/117.jpg?v=1776076110&width=800 800w" 5099 sizes="auto" 5100 alt="Faux Semblant" 5101 width="1100" 5102 height="1100" 5103 loading="lazy" 5104 ></span> 5105 <span class="ss-mm__label">Faux Semblant</span> 5106 </a> 5107 </li><li class="ss-mm__item"> 5108 <a class="ss-mm__link" href="/collections/la-cueillette-1"> 5109 <span class="ss-mm__media"><img 5110 src="//www.bonnemaison.fr/cdn/shop/collections/103.jpg?v=1776076014&width=500" 5111 srcset="//www.bonnemaison.fr/cdn/shop/collections/103.jpg?v=1776076014&width=300 300w, 5112 //www.bonnemaison.fr/cdn/shop/collections/103.jpg?v=1776076014&width=500 500w, 5113 //www.bonnemaison.fr/cdn/shop/collections/103.jpg?v=1776076014&width=800 800w" 5114 sizes="auto" 5115 alt="La Cueillette" 5116 width="1100" 5117 height="1100" 5118 loading="lazy" 5119 ></span> 5120 <span class="ss-mm__label">La Cueillette</span> 5121 </a> 5122 </li><li class="ss-mm__item"> 5123 <a class="ss-mm__link" href="/collections/leventail"> 5124 <span class="ss-mm__media"><img 5125 src="//www.bonnemaison.fr/cdn/shop/collections/116.jpg?v=1776076096&width=500" 5126 srcset="//www.bonnemaison.fr/cdn/shop/collections/116.jpg?v=1776076096&width=300 300w, 5127 //www.bonnemaison.fr/cdn/shop/collections/116.jpg?v=1776076096&width=500 500w, 5128 //www.bonnemaison.fr/cdn/shop/collections/116.jpg?v=1776076096&width=800 800w" 5129 sizes="auto" 5130 alt="L'Eventail" 5131 width="1100" 5132 height="1100" 5133 loading="lazy" 5134 ></span>
5135 <span class="ss-mm__label">L'Eventail</span> 5136 </a> 5137 </li><li class="ss-mm__item"> 5138 <a class="ss-mm__link" href="/collections/le-bois-1"> 5139 <span class="ss-mm__media"><img 5140 src="//www.bonnemaison.fr/cdn/shop/collections/102.jpg?v=1776076000&width=500" 5141 srcset="//www.bonnemaison.fr/cdn/shop/collections/102.jpg?v=1776076000&width=300 300w, 5142 //www.bonnemaison.fr/cdn/shop/collections/102.jpg?v=1776076000&width=500 500w, 5143 //www.bonnemaison.fr/cdn/shop/collections/102.jpg?v=1776076000&width=800 800w" 5144 sizes="auto" 5145 alt="Le Bois" 5146 width="1100" 5147 height="1100" 5148 loading="lazy" 5149 ></span> 5150 <span class="ss-mm__label">Le Bois</span> 5151 </a> 5152 </li><li class="ss-mm__item"> 5153 <a class="ss-mm__link" href="/collections/leona-rose-1"> 5154 <span class="ss-mm__media"><img 5155 src="//www.bonnemaison.fr/cdn/shop/collections/118.jpg?v=1776076122&width=500" 5156 srcset="//www.bonnemaison.fr/cdn/shop/collections/118.jpg?v=1776076122&width=300 300w, 5157 //www.bonnemaison.fr/cdn/shop/collections/118.jpg?v=1776076122&width=500 500w, 5158 //www.bonnemaison.fr/cdn/shop/collections/118.jpg?v=1776076122&width=800 800w" 5159 sizes="auto" 5160 alt="Leona Rose" 5161 width="531" 5162 height="531" 5163 loading="lazy" 5164 ></span> 5165 <span class="ss-mm__label">Leona Rose</span> 5166 </a> 5167 </li><li class="ss-mm__item"> 5168 <a class="ss-mm__link" href="/collections/les-courtes-1"> 5169 <span class="ss-mm__media"><img 5170 src="//www.bonnemaison.fr/cdn/shop/collections/41_a8dd3d9a-688c-4529-a2b5-9493b6eeed82.jpg?v=1776075555&width=500" 5171 srcset="//www.bonnemaison.fr/cdn/shop/collections/41_a8dd3d9a-688c-4529-a2b5-9493b6eeed82.jpg?v=1776075555&width=300 300w, 5172 //www.bonnemaison.fr/cdn/shop/collections/41_a8dd3d9a-688c-4529-a2b5-9493b6eeed82.jpg?v=1776075555&width=500 500w, 5173 //www.bonnemaison.fr/cdn/shop/collections/41_a8dd3d9a-688c-4529-a2b5-9493b6eeed82.jpg?v=1776075555&width=800 800w" 5174 sizes="auto" 5175 alt="Les Courtes" 5176 width="1100" 5177 height="1100" 5178 loading="lazy" 5179 ></span> 5180 <span class="ss-mm__label">Les Courtes</span> 5181 </a> 5182 </li><li class="ss-mm__item"> 5183 <a class="ss-mm__link" href="/collections/claude-monet"> 5184 <span class="ss-mm__media"><img 5185 src="//www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas.jpg?v=1789492966&width=500" 5186 srcset="//www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas.jpg?v=1789492966&width=300 300w, 5187 //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas.jpg?v=1789492966&width=500 500w, 5188 //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas.jpg?v=1789492966&width=800 800w" 5189 sizes="auto" 5190 alt="Claude Monet" 5191 width="1100" 5192 height="1100" 5193 loading="lazy" 5194 ></span> 5195 <span class="ss-mm__label">Claude Monet</span> 5196 </a> 5197 </li></ul></div> 5198</ss-mega-panel> 5199 5200 5201</div> 5202 5203</div> 5204<!-- END sections: header-group --> 5205 </div> 5206 5207
5207<script> 5208 // Inline header height and menu style calculations to prevent layout shift 5209 // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function 5210 (function setHeaderHeighCustomProperties() { 5211 /* 5212 * Header calculation functions for maintaining CSS variables 5213 * Mimic calculateHeaderGroupHeight() in utilities.js 5214 */ 5215 const header = document.querySelector('header-component'); 5216 const headerGroup = document.querySelector('#header-group'); 5217 const hasHeaderSection = headerGroup?.querySelector('.header-section'); 5218 5219 if (!header || !headerGroup) return; 5220 5221 const headerTopRow = header.querySelector('.header__row--top'); 5222 const headerHeight = header.offsetHeight; 5223 5224 // Calculate the total height of the header group 5225 let headerGroupHeight = 0; 5226 const children = headerGroup.children; 5227 for (let i = 0; i < children.length; i++) { 5228 const element = children[i]; 5229 if (element === header || !(element instanceof HTMLElement)) continue; 5230 headerGroupHeight += element.offsetHeight; 5231 } 5232 5233 // Check for transparent header special case 5234 if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) { 5235 headerGroupHeight += headerHeight; 5236 } 5237 5238 // Set CSS variables 5239 document.body.style.setProperty('--header-height', `${headerHeight}px`); 5240 document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`); 5241 5242 if (headerTopRow) { 5243 window.requestAnimationFrame(function () { 5244 document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`); 5245 }); 5246 } 5247 5248 /** 5249 * Updates CSS custom properties for transparent header offset calculation 5250 * Mimic updateTransparentHeaderOffset() in utilities.js 5251 */ 5252 5253 if (!hasHeaderSection || !header?.hasAttribute('transparent')) { 5254 document.body.style.setProperty('--transparent-header-offset-boolean', '0'); 5255 return; 5256 } 5257 5258 const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section'); 5259 5260 const shouldApplyOffset = !hasImmediateSection ? '1' : '0'; 5261 document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset); 5262 })(); 5263 5264 (function setHeaderMenuStyle() { 5265 const headerComponent = document.querySelector('#header-component'); 5266 if (headerComponent) { 5267 const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0; 5268 const overflowList = headerComponent?.querySelector('overflow-list'); 5269 const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached'); 5270 headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu'; 5271 } 5272 })(); 5273 </script>
5273 5274 5275 <main 5276 id="MainContent" 5277 class="content-for-layout" 5278 role="main" 5279 data-page-transition-enabled="false" 5280 data-product-transition="false" 5281 data-template="index" 5282 > 5283 <section id="shopify-section-template--31622817841477__ss_hero_3nPqr3" class="shopify-section ss-section-wrapper ss-section-wrapper--hero"> 5284 5285<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-hero.css?v=130721596203296942951790177540" rel="stylesheet" type="text/css" media="all" /> 5286<style> 5287 #shopify-section-template--31622817841477__ss_hero_3nPqr3 { 5288 --ss-pt: 0px; 5289 --ss-pb: 32px; 5290 --ss-px: 20px; 5291 --ss-max-width: 1440px; 5292 --ss-bg: #ffffff; 5293 --ss-text: #ffffff; 5294 --ss-gap: 8px; 5295 } 5296 5297 @media (min-width: 981px) { 5298 #shopify-section-template--31622817841477__ss_hero_3nPqr3 { 5299 --ss-pt: 0px; 5300 --ss-pb: 36px; 5301 --ss-px: 40px; 5302 } 5303 } 5304 5305 #shopify-section-template--31622817841477__ss_hero_3nPqr3 .ss-section { 5306 padding: var(--ss-pt) var(--ss-px) var(--ss-pb); 5307 background-color: var(--ss-bg); 5308 color: var(--ss-text); 5309 } 5310 #shopify-section-template--31622817841477__ss_hero_3nPqr3 .ss-section__inner { 5311 width: 100%; 5312 max-width: var(--ss-max-width); 5313 margin-inline: auto; 5314 } 5315 #shopify-section-template--31622817841477__ss_hero_3nPqr3 .ss-section__inner--full { 5316 max-width: none; 5317 } 5318</style> 5319 5320<style> 5321 #shopify-section-template--31622817841477__ss_hero_3nPqr3 { 5322 --ss-hero-h-mobile: 540px; 5323 --ss-hero-h-desktop: auto; 5324 --ss-hero-ar-mobile: auto; 5325 --ss-hero-ar-desktop: 1.556420233463035; 5326 --ss-hero-justify: center; 5327 --ss-hero-align: end; 5328 --ss-hero-text-align: center; 5329 --ss-hero-overlay: rgba(0, 0, 0, 0.1); 5330 --ss-hero-content-width: 640px; 5331 5332 --ss-hero-eyebrow-size-m: 14px; 5333 --ss-hero-eyebrow-size-d: 16px; 5334 --ss-hero-title-size-m: 32px; 5335 --ss-hero-title-size-d: 48px; 5336 5337 --ss-text-color-h: #000000; 5338 } 5339</style> 5340 5341<div 5342 class="ss-hero color-scheme-1 ss-hero--linked" 5343 id="ss-hero-template--31622817841477__ss_hero_3nPqr3" 5344><div class="ss-hero__media ss-anim ss-anim--zoom" data-ss-delay="0"> 5345 <picture><source 5346 media="(max-width: 980px)" 5347 srcset=" 5348 //www.bonnemaison.fr/cdn/shop/files/collection-claude-monet.webp?v=1790064060&width=600 600w, 5349 //www.bonnemaison.fr/cdn/shop/files/collection-claude-monet.webp?v=1790064060&width=900 900w, 5350 //www.bonnemaison.fr/cdn/shop/files/collection-claude-monet.webp?v=1790064060&width=1200 1200w, 5351 //www.bonnemaison.fr/cdn/shop/files/collection-claude-monet.webp?v=1790064060&width=1600 1600w 5352 " 5353 sizes="100vw" 5354 > 5355 <img 5356 src="//www.bonnemaison.fr/cdn/shop/files/collection-claude-monet.webp?v=1790064060&width=1600" 5357 srcset=" 5358 //www.bonnemaison.fr/cdn/shop/files/collection-claude-monet.webp?v=1790064060&width=900 900w, 5359 //www.bonnemaison.fr/cdn/shop/files/collection-claude-monet.webp?v=1790064060&width=1400 1400w, 5360 //www.bonnemaison.fr/cdn/shop/files/collection-claude-monet.webp?v=1790064060&width=1900 1900w, 5361 //www.bonnemaison.fr/cdn/shop/files/collection-claude-monet.webp?v=1790064060&width=2400 2400w 5362 " 5363 sizes="100vw" 5364 alt="" 5365 width="1200" 5366 height="771" 5367 5368 loading="eager" fetchpriority="high" 5369 5370 > 5371 </picture> 5372 </div><div class="ss-hero__overlay" aria-hidden="true"></div><a 5373 class="ss-hero__cover-link" 5374 href="/collections/claude-monet" 5375 5376 aria-label="Voir la collection" 5377 5378 ></a><div class="ss-hero__content"> 5379 <div class="ss-hero__inner"><div class="ss-hero__actions ss-anim ss-anim--slide" data-ss-delay="440"> 5380 <a 5381 class="ss-hero__button ss-hero__button--outline" 5382 5383 href="/collections/claude-monet" 5384 5385 > 5386 Découvrir 5387 </a> 5388 </div></div> 5389 </div> 5390</div> 5391 5392</section><section id="shopify-section-template--31622817841477__ss_product_carousel_UFwHie" class="shopify-section ss-section-wrapper"> 5393 5394<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-product-carou
5394sel.css?v=28430068764930498911790238683" rel="stylesheet" type="text/css" media="all" /> 5395<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-card-product.css?v=163637625392114317701788789126" rel="stylesheet" type="text/css" media="all" />
5396<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-product-carousel.js?v=64741678143985694661788368610" defer></script>
vendor: 1 bytes, line 5396
5396
5397<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-card-product.js?v=125762975433475882901788789733" defer></script>
5397<style> 5398 #shopify-section-template--31622817841477__ss_product_carousel_UFwHie { 5399 --ss-pt: 2px; 5400 --ss-pb: 8px; 5401 --ss-px: 2px; 5402 --ss-max-width: 1440px; 5403 --ss-bg: #ffffff; 5404 --ss-text: #2e4247; 5405 --ss-gap: 8px; 5406 } 5407 5408 @media (min-width: 981px) { 5409 #shopify-section-template--31622817841477__ss_product_carousel_UFwHie { 5410 --ss-pt: 4px; 5411 --ss-pb: 14px; 5412 --ss-px: 2px; 5413 } 5414 } 5415 5416 #shopify-section-template--31622817841477__ss_product_carousel_UFwHie .ss-section { 5417 padding: var(--ss-pt) var(--ss-px) var(--ss-pb); 5418 background-color: var(--ss-bg); 5419 color: var(--ss-text); 5420 } 5421 #shopify-section-template--31622817841477__ss_product_carousel_UFwHie .ss-section__inner { 5422 width: 100%; 5423 max-width: var(--ss-max-width); 5424 margin-inline: auto; 5425 } 5426 #shopify-section-template--31622817841477__ss_product_carousel_UFwHie .ss-section__inner--full { 5427 max-width: none; 5428 } 5429</style> 5430 5431<style> 5432 #shopify-section-template--31622817841477__ss_product_carousel_UFwHie { 5433 --ss-pc-cols-mobile: 2.1; 5434 --ss-pc-cols-desktop: 4; 5435 --ss-pc-gap-mobile: 2px; 5436 --ss-pc-gap-desktop: 4px; 5437 --ss-pc-ratio: 105%; 5438 5439 --ss-pc-nav-bg: #1a1a1a; 5440 --ss-pc-nav-color: #ffffff; 5441 --ss-pc-card-border: #e5e5e5; 5442 5443 --ss-card-ratio: 105%; 5444 --ss-card-border: #e5e5e5; 5445 5446 --ss-pc-head-align: space-between; 5447 --ss-pc-foot-gap-m: 28px; 5448 --ss-pc-foot-gap-d: 40px; 5449 --ss-btn-solid-bg: #1a1a1a; 5450 --ss-btn-solid-color: #ffffff; 5451 } 5452 5453 @media(max-width:768px){ 5454 #shopify-section-template--31622817841477__ss_product_carousel_UFwHie {--ss-pc-ratio: 110%;} 5455 } 5456</style> 5457 5458<ss-product-carousel 5459 class="ss-product-carousel color-scheme-1 ss-pc--head-space-between" 5460 id="ss-product-carousel-template--31622817841477__ss_product_carousel_UFwHie" 5461 data-scroll-by="1" 5462 data-open-cart="true" 5463 data-animate="true" 5464 5465> 5466 <div class="ss-section "><div class="ss-product-carousel__viewport"> 5467 <div class="ss-product-carousel__rail" data-ss-rail role="list" tabindex="0"><div class="ss-product-carousel__slide" role="listitem"> 5468 <ss-card-product 5469 class="ss-card-product ss-anim ss-anim--slide" 5470 data-ss-index="0" 5471 data-product-id="16175501181253" 5472 data-product-url="/products/monet-les-nympheas" 5473 data-open-cart="true" 5474> 5475 <div class="ss-card-product__media"> 5476 <a class="ss-card-product__link" href="/products/monet-les-nympheas" aria-label="Monet - Les nymphéas"><img 5477 class="ss-card-product__img" 5478 src="//www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas.jpg?v=1789492966&width=800" 5479 srcset=" 5480 //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas.jpg?v=1789492966&width=400 400w, 5481 //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas.jpg?v=1789492966&width=700 700w, 5482 //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas.jpg?v=1789492966&width=1000 1000w 5483 " 5484 sizes="(min-width: 981px) 25vw, 50vw" 5485 alt="Monet - Les nymphéas" 5486 width="1100" 5487 height="1100" 5488 loading="lazy" 5489 ></a><div class="ss-card-product__sizes" data-ss-sizes><button 5490 type="button" 5491 class="ss-card-product__size" 5492 data-ss-add 5493 data-variant-id="59362260025669" 5494 aria-label="Ajouter la taille 36 | 38 au panier" 5495 > 5496 <span class="ss-card-product__size-label">36 | 38</span> 5497 </button><button 5498 type="button" 5499 class="ss-card-product__size" 5500 data-ss-add 5501 data-variant-id="59362260058437" 5502 aria-label="Ajouter la taille 39 | 41 au panier" 5503 > 5504 <span class="ss-card-product__size-label">39 | 41</span> 5505 </button><button 5506 type="button" 5507 class="ss-card-product__size" 5508 data-ss-add 5509 data-variant-id="59447696195909" 5510 aria-label="Ajouter la taille 42 | 44 au panier" 5511 > 5512 <span class="ss-card-product__size-label">42 | 44</span> 5513 </button></div></div> 5514 5515 <div class="ss-card-product__body"> 5516 <a class="ss-card-product__title" href="/products/monet-les-nympheas">Monet - Les nymphéas</a> 5517 <p class="ss-card-product__price"><span class="ss-card-product__price-current">22â¬</span> 5518 </p> 5519 </div> 5520</ss-card-product> 5521 </div>
5521<div class="ss-product-carousel__slide" role="listitem"> 5522 <ss-card-product 5523 class="ss-card-product ss-anim ss-anim--slide" 5524 data-ss-index="1" 5525 data-product-id="16175501148485" 5526 data-product-url="/products/monet-les-nympheas-roses" 5527 data-open-cart="true" 5528> 5529 <div class="ss-card-product__media"> 5530 <a class="ss-card-product__link" href="/products/monet-les-nympheas-roses" aria-label="Monet - les nymphéas roses"><img 5531 class="ss-card-product__img" 5532 src="//www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-roses.jpg?v=1789492960&width=800" 5533 srcset=" 5534 //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-roses.jpg?v=1789492960&width=400 400w, 5535 //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-roses.jpg?v=1789492960&width=700 700w, 5536 //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-roses.jpg?v=1789492960&width=1000 1000w 5537 " 5538 sizes="(min-width: 981px) 25vw, 50vw" 5539 alt="Monet - les nymphéas roses" 5540 width="1100" 5541 height="1100" 5542 loading="lazy" 5543 ></a><div class="ss-card-product__sizes" data-ss-sizes><button 5544 type="button" 5545 class="ss-card-product__size" 5546 data-ss-add 5547 data-variant-id="59362259960133" 5548 aria-label="Ajouter la taille 36 | 38 au panier" 5549 > 5550 <span class="ss-card-product__size-label">36 | 38</span> 5551 </button><button 5552 type="button" 5553 class="ss-card-product__size" 5554 data-ss-add 5555 data-variant-id="59362259992901" 5556 aria-label="Ajouter la taille 39 | 41 au panier" 5557 > 5558 <span class="ss-card-product__size-label">39 | 41</span> 5559 </button><button 5560 type="button" 5561 class="ss-card-product__size" 5562 data-ss-add 5563 data-variant-id="59447696064837" 5564 aria-label="Ajouter la taille 42 | 44 au panier" 5565 > 5566 <span class="ss-card-product__size-label">42 | 44</span> 5567 </button></div></div> 5568 5569 <div class="ss-card-product__body"> 5570 <a class="ss-card-product__title" href="/products/monet-les-nympheas-roses">Monet - les nymphéas roses</a> 5571 <p class="ss-card-product__price"><span class="ss-card-product__price-current">22â¬</span> 5572 </p> 5573 </div> 5574</ss-card-product> 5575 </div><div class="ss-product-carousel__slide" role="listitem"> 5576 <ss-card-product 5577 class="ss-card-product ss-anim ss-anim--slide" 5578 data-ss-index="2" 5579 data-product-id="16175499706693" 5580 data-product-url="/products/livre-monet-les-nympheas" 5581 data-open-cart="true" 5582> 5583 <div class="ss-card-product__media"> 5584 <a class="ss-card-product__link" href="/products/livre-monet-les-nympheas" aria-label="Livre Monet - Les Nymphéas"><img 5585 class="ss-card-product__img" 5586 src="//www.bonnemaison.fr/cdn/shop/files/livre-monet-nympheas.jpg?v=1789492920&width=800" 5587 srcset=" 5588 //www.bonnemaison.fr/cdn/shop/files/livre-monet-nympheas.jpg?v=1789492920&width=400 400w, 5589 //www.bonnemaison.fr/cdn/shop/files/livre-monet-nympheas.jpg?v=1789492920&width=700 700w, 5590 //www.bonnemaison.fr/cdn/shop/files/livre-monet-nympheas.jpg?v=1789492920&width=1000 1000w 5591 " 5592 sizes="(min-width: 981px) 25vw, 50vw" 5593 alt="Livre Monet - Les Nymphéas" 5594 width="1100" 5595 height="1100" 5596 loading="lazy" 5597 ></a><div class="ss-card-product__sizes" data-ss-sizes><button 5598 type="button" 5599 class="ss-card-product__size" 5600 data-ss-add 5601 data-variant-id="59362236858693" 5602 aria-label="Ajouter la taille 36 | 38 au panier" 5603 > 5604 <span class="ss-card-product__size-label">36 | 38</span> 5605 </button><button 5606 type="button" 5607 class="ss-card-product__size" 5608 data-ss-add 5609 data-variant-id="59362236891461" 5610 aria-label="Ajouter la taille 39 | 41 au panier" 5611 >
5612 <span class="ss-card-product__size-label">39 | 41</span> 5613 </button><button 5614 type="button" 5615 class="ss-card-product__size" 5616 data-ss-add 5617 data-variant-id="59447693705541" 5618 aria-label="Ajouter la taille 42 | 44 au panier" 5619 > 5620 <span class="ss-card-product__size-label">42 | 44</span> 5621 </button></div></div> 5622 5623 <div class="ss-card-product__body"> 5624 <a class="ss-card-product__title" href="/products/livre-monet-les-nympheas">Livre Monet - Les Nymphéas</a> 5625 <p class="ss-card-product__price"><span class="ss-card-product__price-current">45â¬</span> 5626 </p> 5627 </div> 5628</ss-card-product> 5629 </div><div class="ss-product-carousel__slide" role="listitem"> 5630 <ss-card-product 5631 class="ss-card-product ss-anim ss-anim--slide" 5632 data-ss-index="3" 5633 data-product-id="16175500820805" 5634 data-product-url="/products/monet-les-nympheas-verts" 5635 data-open-cart="true" 5636> 5637 <div class="ss-card-product__media"> 5638 <a class="ss-card-product__link" href="/products/monet-les-nympheas-verts" aria-label="Monet - les nymphéas verts"><img 5639 class="ss-card-product__img" 5640 src="//www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-verts.jpg?v=1789492943&width=800" 5641 srcset=" 5642 //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-verts.jpg?v=1789492943&width=400 400w, 5643 //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-verts.jpg?v=1789492943&width=700 700w, 5644 //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-verts.jpg?v=1789492943&width=1000 1000w 5645 " 5646 sizes="(min-width: 981px) 25vw, 50vw" 5647 alt="Monet - les nymphéas verts" 5648 width="1100" 5649 height="1100" 5650 loading="lazy" 5651 ></a><div class="ss-card-product__sizes" data-ss-sizes><button 5652 type="button" 5653 class="ss-card-product__size" 5654 data-ss-add 5655 data-variant-id="59362253734213" 5656 aria-label="Ajouter la taille 36 | 38 au panier" 5657 > 5658 <span class="ss-card-product__size-label">36 | 38</span> 5659 </button><button 5660 type="button" 5661 class="ss-card-product__size" 5662 data-ss-add 5663 data-variant-id="59362253766981" 5664 aria-label="Ajouter la taille 39 | 41 au panier" 5665 > 5666 <span class="ss-card-product__size-label">39 | 41</span> 5667 </button><button 5668 type="button" 5669 class="ss-card-product__size" 5670 data-ss-add 5671 data-variant-id="59447694950725" 5672 aria-label="Ajouter la taille 42 | 44 au panier" 5673 > 5674 <span class="ss-card-product__size-label">42 | 44</span> 5675 </button></div></div> 5676 5677 <div class="ss-card-product__body"> 5678 <a class="ss-card-product__title" href="/products/monet-les-nympheas-verts">Monet - les nymphéas verts</a> 5679 <p class="ss-card-product__price"><span class="ss-card-product__price-current">22â¬</span> 5680 </p> 5681 </div> 5682</ss-card-product> 5683 </div><div class="ss-product-carousel__slide" role="listitem"> 5684 <ss-card-product 5685 class="ss-card-product ss-anim ss-anim--slide" 5686 data-ss-index="4" 5687 data-product-id="16175501050181" 5688 data-product-url="/products/monet-les-iris" 5689 data-open-cart="true" 5690> 5691 <div class="ss-card-product__media"> 5692 <a class="ss-card-product__link" href="/products/monet-les-iris" aria-label="Monet - Les iris"><img 5693 class="ss-card-product__img" 5694 src="//www.bonnemaison.fr/cdn/shop/files/monet-les-iris.jpg?v=1789492949&width=800" 5695 srcset=" 5696 //www.bonnemaison.fr/cdn/shop/files/monet-les-iris.jpg?v=1789492949&width=400 400w, 5697 //www.bonnemaison.fr/cdn/shop/files/monet-les-iris.jpg?v=1789492949&width=700 700w, 5698 //www.bonnemaison.fr/cdn/shop/files/monet-les-iris.jpg?v=1789492949&width=1000 1000w 5699 " 5700 sizes="(min-width: 981px) 25vw, 50vw" 5701 alt="Monet - Les iris" 5702 width="1100" 5703 height="1100" 5704 loading="lazy" 5705 ></a><div class="ss-card-product__sizes" data-ss-sizes><button 5706 type="button" 5707 class="ss-card-product__size" 5708 data-ss-add 5709 data-variant-id="59362259665221" 5710 aria-label="Ajouter la taille 36 | 38 au panier" 5711 >
5712 <span class="ss-card-product__size-label">36 | 38</span> 5713 </button><button 5714 type="button" 5715 class="ss-card-product__size" 5716 data-ss-add 5717 data-variant-id="59362259697989" 5718 aria-label="Ajouter la taille 39 | 41 au panier" 5719 > 5720 <span class="ss-card-product__size-label">39 | 41</span> 5721 </button><button 5722 type="button" 5723 class="ss-card-product__size" 5724 data-ss-add 5725 data-variant-id="59447695245637" 5726 aria-label="Ajouter la taille 42 | 44 au panier" 5727 > 5728 <span class="ss-card-product__size-label">42 | 44</span> 5729 </button></div></div> 5730 5731 <div class="ss-card-product__body"> 5732 <a class="ss-card-product__title" href="/products/monet-les-iris">Monet - Les iris</a> 5733 <p class="ss-card-product__price"><span class="ss-card-product__price-current">22â¬</span> 5734 </p> 5735 </div> 5736</ss-card-product> 5737 </div><div class="ss-product-carousel__slide" role="listitem"> 5738 <ss-card-product 5739 class="ss-card-product ss-anim ss-anim--slide" 5740 data-ss-index="5" 5741 data-product-id="16175499903301" 5742 data-product-url="/products/livre-monet-les-iris" 5743 data-open-cart="true" 5744> 5745 <div class="ss-card-product__media"> 5746 <a class="ss-card-product__link" href="/products/livre-monet-les-iris" aria-label="Livre Monet - Les Iris"><img 5747 class="ss-card-product__img" 5748 src="//www.bonnemaison.fr/cdn/shop/files/livre-monet-les-iris.jpg?v=1789492931&width=800" 5749 srcset=" 5750 //www.bonnemaison.fr/cdn/shop/files/livre-monet-les-iris.jpg?v=1789492931&width=400 400w, 5751 //www.bonnemaison.fr/cdn/shop/files/livre-monet-les-iris.jpg?v=1789492931&width=700 700w, 5752 //www.bonnemaison.fr/cdn/shop/files/livre-monet-les-iris.jpg?v=1789492931&width=1000 1000w 5753 " 5754 sizes="(min-width: 981px) 25vw, 50vw" 5755 alt="Livre Monet - Les Iris" 5756 width="1100" 5757 height="1100" 5758 loading="lazy" 5759 ></a><div class="ss-card-product__sizes" data-ss-sizes><button 5760 type="button" 5761 class="ss-card-product__size" 5762 data-ss-add 5763 data-variant-id="59362238923077" 5764 aria-label="Ajouter la taille 36 | 38 au panier" 5765 > 5766 <span class="ss-card-product__size-label">36 | 38</span> 5767 </button><button 5768 type="button" 5769 class="ss-card-product__size" 5770 data-ss-add 5771 data-variant-id="59362238955845" 5772 aria-label="Ajouter la taille 39 | 41 au panier" 5773 > 5774 <span class="ss-card-product__size-label">39 | 41</span> 5775 </button><button 5776 type="button" 5777 class="ss-card-product__size" 5778 data-ss-add 5779 data-variant-id="59447694131525" 5780 aria-label="Ajouter la taille 42 | 44 au panier" 5781 > 5782 <span class="ss-card-product__size-label">42 | 44</span> 5783 </button></div></div> 5784 5785 <div class="ss-card-product__body"> 5786 <a class="ss-card-product__title" href="/products/livre-monet-les-iris">Livre Monet - Les Iris</a> 5787 <p class="ss-card-product__price"><span class="ss-card-product__price-current">45â¬</span> 5788 </p> 5789 </div> 5790</ss-card-product> 5791 </div><div class="ss-product-carousel__slide" role="listitem"> 5792 <ss-card-product 5793 class="ss-card-product ss-anim ss-anim--slide" 5794 data-ss-index="6" 5795 data-product-id="16175499936069" 5796 data-product-url="/products/monet-les-nympheas-bleus" 5797 data-open-cart="true" 5798> 5799 <div class="ss-card-product__media"> 5800 <a class="ss-card-product__link" href="/products/monet-les-nympheas-bleus" aria-label="Monet - Les nymphéas bleus"><img 5801 class="ss-card-product__img" 5802 src="//www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-bleus.jpg?v=1789492937&width=800" 5803 srcset=" 5804 //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-bleus.jpg?v=1789492937&width=400 400w, 5805 //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-bleus.jpg?v=1789492937&width=700 700w, 5806 //www.bonnemaison.fr/cdn/shop/files/monet-les-nympheas-bleus.jpg?v=1789492937&width=1000 1000w 5807 " 5808 sizes="(min-width: 981px) 25vw, 50vw" 5809 alt="Monet - Les nymphéas bleus" 5810 width="1100" 5811 height="1100" 5812 loading="lazy" 5813 ></a><div class="ss-card-product__sizes" data-ss-sizes><button 5814 type="button" 5815 class="ss-card-product__size" 5816 data-ss-add 5817 data-variant-id="59362238988613" 5818 aria-label="Ajouter la taille 36 | 38 au panier" 5819 >
5820 <span class="ss-card-product__size-label">36 | 38</span> 5821 </button><button 5822 type="button" 5823 class="ss-card-product__size" 5824 data-ss-add 5825 data-variant-id="59362239021381" 5826 aria-label="Ajouter la taille 39 | 41 au panier" 5827 > 5828 <span class="ss-card-product__size-label">39 | 41</span> 5829 </button><button 5830 type="button" 5831 class="ss-card-product__size" 5832 data-ss-add 5833 data-variant-id="59447694655813" 5834 aria-label="Ajouter la taille 42 | 44 au panier" 5835 > 5836 <span class="ss-card-product__size-label">42 | 44</span> 5837 </button></div></div> 5838 5839 <div class="ss-card-product__body"> 5840 <a class="ss-card-product__title" href="/products/monet-les-nympheas-bleus">Monet - Les nymphéas bleus</a> 5841 <p class="ss-card-product__price"><span class="ss-card-product__price-current">22â¬</span> 5842 </p> 5843 </div> 5844</ss-card-product> 5845 </div><div class="ss-product-carousel__slide" role="listitem"> 5846 <ss-card-product 5847 class="ss-card-product ss-anim ss-anim--slide" 5848 data-ss-index="7" 5849 data-product-id="16175501115717" 5850 data-product-url="/products/monet-le-pont-de-giverny" 5851 data-open-cart="true" 5852> 5853 <div class="ss-card-product__media"> 5854 <a class="ss-card-product__link" href="/products/monet-le-pont-de-giverny" aria-label="Monet - Le Pont de Giverny"><img 5855 class="ss-card-product__img" 5856 src="//www.bonnemaison.fr/cdn/shop/files/monet-le-pont-de-giverny.jpg?v=1789492954&width=800" 5857 srcset=" 5858 //www.bonnemaison.fr/cdn/shop/files/monet-le-pont-de-giverny.jpg?v=1789492954&width=400 400w, 5859 //www.bonnemaison.fr/cdn/shop/files/monet-le-pont-de-giverny.jpg?v=1789492954&width=700 700w, 5860 //www.bonnemaison.fr/cdn/shop/files/monet-le-pont-de-giverny.jpg?v=1789492954&width=1000 1000w 5861 " 5862 sizes="(min-width: 981px) 25vw, 50vw" 5863 alt="Monet - Le Pont de Giverny" 5864 width="1100" 5865 height="1100" 5866 loading="lazy" 5867 ></a><div class="ss-card-product__sizes" data-ss-sizes><button 5868 type="button" 5869 class="ss-card-product__size" 5870 data-ss-add 5871 data-variant-id="59362259894597" 5872 aria-label="Ajouter la taille 36 | 38 au panier" 5873 > 5874 <span class="ss-card-product__size-label">36 | 38</span> 5875 </button><button 5876 type="button" 5877 class="ss-card-product__size" 5878 data-ss-add 5879 data-variant-id="59362259927365" 5880 aria-label="Ajouter la taille 39 | 41 au panier" 5881 > 5882 <span class="ss-card-product__size-label">39 | 41</span> 5883 </button><button 5884 type="button" 5885 class="ss-card-product__size" 5886 data-ss-add 5887 data-variant-id="59447695409477" 5888 aria-label="Ajouter la taille 42 | 44 au panier" 5889 > 5890 <span class="ss-card-product__size-label">42 | 44</span> 5891 </button></div></div> 5892 5893 <div class="ss-card-product__body"> 5894 <a class="ss-card-product__title" href="/products/monet-le-pont-de-giverny">Monet - Le Pont de Giverny</a> 5895 <p class="ss-card-product__price"><span class="ss-card-product__price-current">22â¬</span> 5896 </p> 5897 </div> 5898</ss-card-product> 5899 </div><div class="ss-product-carousel__slide" role="listitem"> 5900 <ss-card-product 5901 class="ss-card-product ss-anim ss-anim--slide" 5902 data-ss-index="8" 5903 data-product-id="16175496167749" 5904 data-product-url="/products/livre-monet-le-pont" 5905 data-open-cart="true" 5906> 5907 <div class="ss-card-product__media"> 5908 <a class="ss-card-product__link" href="/products/livre-monet-le-pont" aria-label="Livre Monet - Le Pont"><img 5909 class="ss-card-product__img" 5910 src="//www.bonnemaison.fr/cdn/shop/files/livre-monet-le-pont.jpg?v=1789492879&width=800" 5911 srcset=" 5912 //www.bonnemaison.fr/cdn/shop/files/livre-monet-le-pont.jpg?v=1789492879&width=400 400w, 5913 //www.bonnemaison.fr/cdn/shop/files/livre-monet-le-pont.jpg?v=1789492879&width=700 700w, 5914 //www.bonnemaison.fr/cdn/shop/files/livre-monet-le-pont.jpg?v=1789492879&width=1000 1000w 5915 " 5916 sizes="(min-width: 981px) 25vw, 50vw" 5917 alt="Livre Monet - Le Pont" 5918 width="1100" 5919 height="1100" 5920 loading="lazy" 5921 ></a><div class="ss-card-product__sizes" data-ss-sizes><button 5922 type="button" 5923 class="ss-card-product__size" 5924 data-ss-add 5925 data-variant-id="59362202517829" 5926 aria-label="Ajouter la taille 36 | 38 au panier" 5927 >
5928 <span class="ss-card-product__size-label">36 | 38</span> 5929 </button><button 5930 type="button" 5931 class="ss-card-product__size" 5932 data-ss-add 5933 data-variant-id="59362202550597" 5934 aria-label="Ajouter la taille 39 | 41 au panier" 5935 > 5936 <span class="ss-card-product__size-label">39 | 41</span> 5937 </button><button 5938 type="button" 5939 class="ss-card-product__size" 5940 data-ss-add 5941 data-variant-id="59447693312325" 5942 aria-label="Ajouter la taille 42 | 44 au panier" 5943 > 5944 <span class="ss-card-product__size-label">42 | 44</span> 5945 </button></div></div> 5946 5947 <div class="ss-card-product__body"> 5948 <a class="ss-card-product__title" href="/products/livre-monet-le-pont">Livre Monet - Le Pont</a> 5949 <p class="ss-card-product__price"><span class="ss-card-product__price-current">45â¬</span> 5950 </p> 5951 </div> 5952</ss-card-product> 5953 </div></div><button type="button" class="ss-product-carousel__nav ss-product-carousel__nav--prev" data-ss-prev aria-label="Produits précédents" hidden> 5954 <svg class="ss-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 5955 <path d="M15 5l-7 7 7 7" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 5956 </svg> 5957 </button> 5958 <button type="button" class="ss-product-carousel__nav ss-product-carousel__nav--next" data-ss-next aria-label="Produits suivants"> 5959 <svg class="ss-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 5960 <path d="M9 5l7 7-7 7" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 5961 </svg> 5962 </button></div></div> 5963</ss-product-carousel> 5964 5965</section><section id="shopify-section-template--31622817841477__ss_media_banners_MM6VCx" class="shopify-section ss-section-wrapper"> 5966 5967<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-media-banners.css?v=21370207898762119141788824801" rel="stylesheet" type="text/css" media="all" /> 5968<style> 5969 #shopify-section-template--31622817841477__ss_media_banners_MM6VCx { 5970 --ss-pt: 0px; 5971 --ss-pb: 0px; 5972 --ss-px: 0px; 5973 --ss-max-width: 1440px; 5974 --ss-bg: #ffffff; 5975 --ss-text: #2e4247; 5976 --ss-gap: 8px; 5977 } 5978 5979 @media (min-width: 981px) { 5980 #shopify-section-template--31622817841477__ss_media_banners_MM6VCx { 5981 --ss-pt: 0px; 5982 --ss-pb: 0px; 5983 --ss-px: 0px; 5984 } 5985 } 5986 5987 #shopify-section-template--31622817841477__ss_media_banners_MM6VCx .ss-section { 5988 padding: var(--ss-pt) var(--ss-px) var(--ss-pb); 5989 background-color: var(--ss-bg); 5990 color: var(--ss-text); 5991 } 5992 #shopify-section-template--31622817841477__ss_media_banners_MM6VCx .ss-section__inner { 5993 width: 100%; 5994 max-width: var(--ss-max-width); 5995 margin-inline: auto; 5996 } 5997 #shopify-section-template--31622817841477__ss_media_banners_MM6VCx .ss-section__inner--full { 5998 max-width: none; 5999 } 6000</style> 6001 6002<style> 6003 #shopify-section-template--31622817841477__ss_media_banners_MM6VCx { 6004 --ss-mbs-cols-d: 1; 6005 --ss-mbs-cols-m: 1; 6006 --ss-mbs-gap-mobile: 8px; 6007 --ss-mbs-gap-desktop: 8px; 6008 --ss-mbs-footer-gap-m: 24px; 6009 --ss-mbs-footer-gap-d: 32px; 6010 6011 --ss-text-color-h: #ffffff; 6012 --ss-bg-color-h: #000000; 6013 } 6014 6015 #shopify-section-template--31622817841477__ss_media_banners_MM6VCx .ss-section__inner{max-width:100%} 6016 .ss-media-banner__content{ 6017 max-width: var(--ss-max-width); 6018 margin-inline: auto; 6019 } 6020 @media (min-width: 981px) { 6021 .ss-media-banner__content { 6022 padding: var(--ss-mb-pad-d); 6023 } 6024 } 6025</style> 6026 6027<div class="ss-media-banners ss-section color-scheme-1" id="ss-media-banners-template--31622817841477__ss_media_banners_MM6VCx"> 6028 <div class="ss-section__inner ss-section__inner--full"> 6029 <div class="ss-media-banners__grid"> 6030 6031<div 6032 class="ss-media-banner" 6033 id="ss-media-banner-AS21ER0xKSkVtYmdGY__ss_media_banner_4JKmPg" 6034 6035> 6036 <style> 6037 #ss-media-banner-AS21ER0xKSkVtYmdGY__ss_media_banner_4JKmPg { 6038 --ss-mb-ratio-m: 100%; 6039 --ss-mb-ratio-d: 55%; 6040 --ss-mb-justify: start; 6041 --ss-mb-align: end; 6042 --ss-mb-text-align: left; 6043 --ss-mb-title-m: 26px; 6044 --ss-mb-title-d: 34px; 6045 --ss-mb-link-m: 14px; 6046 --ss-mb-link-d: 16px; 6047 --ss-mb-color: #ffffff; 6048 --ss-mb-scrim: rgba(0, 0, 0, 0.4); 6049 --ss-mb-scrim-height: 55%; 6050 --ss-mb-pad-m: 20px; 6051 --ss-mb-pad-d: 48px; 6052 } 6053 </style><a class="ss-media-banner__cover" href="/collections/colombage" aria-label="Colombage"></a><div class="ss-media-banner__media ss-anim ss-anim--zoom" data-ss-delay="0"><picture> 6054 <source 6055 media="(max-width: 749px)" 6056 srcset=" 6057 //www.bonnemaison.fr/cdn/shop/files/collection-colombage.
6057webp?v=1790064956&width=600 600w, 6058 //www.bonnemaison.fr/cdn/shop/files/collection-colombage.webp?v=1790064956&width=900 900w, 6059 //www.bonnemaison.fr/cdn/shop/files/collection-colombage.webp?v=1790064956&width=1200 1200w 6060 " 6061 sizes="auto" 6062 > 6063 <img 6064 src="//www.bonnemaison.fr/cdn/shop/files/collection-colombage.webp?v=1790064956&width=1400" 6065 srcset=" 6066 //www.bonnemaison.fr/cdn/shop/files/collection-colombage.webp?v=1790064956&width=800 800w, 6067 //www.bonnemaison.fr/cdn/shop/files/collection-colombage.webp?v=1790064956&width=1200 1200w, 6068 //www.bonnemaison.fr/cdn/shop/files/collection-colombage.webp?v=1790064956&width=1800 1800w, 6069 //www.bonnemaison.fr/cdn/shop/files/collection-colombage.webp?v=1790064956&width=2400 2400w 6070 " 6071 sizes="auto" 6072 alt="Colombage" 6073 width="2848" 6074 height="1426" 6075 loading="lazy" 6076 > 6077 </picture></div><div class="ss-media-banner__scrim" aria-hidden="true"></div><div class="ss-media-banner__content"> 6078 <div class="ss-media-banner__inner"><h2 class="ss-media-banner__title ss-anim ss-anim--slide" data-ss-delay="220"> 6079 Colombage 6080 </h2><div class="ss-media-banner__actions ss-anim ss-anim--slide" data-ss-delay="340"><span class="ss-media-banner__link">Découvrir la collection</span></div></div> 6081 </div> 6082</div> 6083 6084 6085 6086 6087 </div></div> 6088</div> 6089 6090</section><section id="shopify-section-template--31622817841477__ss_product_carousel_MFBwpb" class="shopify-section ss-section-wrapper"> 6091 6092<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-product-carousel.css?v=28430068764930498911790238683" rel="stylesheet" type="text/css" media="all" /> 6093<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-card-product.css?v=163637625392114317701788789126" rel="stylesheet" type="text/css" media="all" />
6094<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-product-carousel.js?v=64741678143985694661788368610" defer></script>
vendor: 1 bytes, line 6094
6094
6095<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-card-product.js?v=125762975433475882901788789733" defer></script>
6095<style> 6096 #shopify-section-template--31622817841477__ss_product_carousel_MFBwpb { 6097 --ss-pt: 2px; 6098 --ss-pb: 8px; 6099 --ss-px: 2px; 6100 --ss-max-width: 1440px; 6101 --ss-bg: #ffffff; 6102 --ss-text: #2e4247; 6103 --ss-gap: 8px; 6104 } 6105 6106 @media (min-width: 981px) { 6107 #shopify-section-template--31622817841477__ss_product_carousel_MFBwpb { 6108 --ss-pt: 4px; 6109 --ss-pb: 14px; 6110 --ss-px: 2px; 6111 } 6112 } 6113 6114 #shopify-section-template--31622817841477__ss_product_carousel_MFBwpb .ss-section { 6115 padding: var(--ss-pt) var(--ss-px) var(--ss-pb); 6116 background-color: var(--ss-bg); 6117 color: var(--ss-text); 6118 } 6119 #shopify-section-template--31622817841477__ss_product_carousel_MFBwpb .ss-section__inner { 6120 width: 100%; 6121 max-width: var(--ss-max-width); 6122 margin-inline: auto; 6123 } 6124 #shopify-section-template--31622817841477__ss_product_carousel_MFBwpb .ss-section__inner--full { 6125 max-width: none; 6126 } 6127</style> 6128 6129<style> 6130 #shopify-section-template--31622817841477__ss_product_carousel_MFBwpb { 6131 --ss-pc-cols-mobile: 2.1; 6132 --ss-pc-cols-desktop: 4; 6133 --ss-pc-gap-mobile: 2px; 6134 --ss-pc-gap-desktop: 4px; 6135 --ss-pc-ratio: 100%; 6136 6137 --ss-pc-nav-bg: #1a1a1a; 6138 --ss-pc-nav-color: #ffffff; 6139 --ss-pc-card-border: #e5e5e5; 6140 6141 --ss-card-ratio: 100%; 6142 --ss-card-border: #e5e5e5; 6143 6144 --ss-pc-head-align: space-between; 6145 --ss-pc-foot-gap-m: 28px; 6146 --ss-pc-foot-gap-d: 40px; 6147 --ss-btn-solid-bg: #1a1a1a; 6148 --ss-btn-solid-color: #ffffff; 6149 } 6150 6151 @media(max-width:768px){ 6152 #shopify-section-template--31622817841477__ss_product_carousel_MFBwpb {--ss-pc-ratio: 110%;} 6153 } 6154</style> 6155 6156<ss-product-carousel 6157 class="ss-product-carousel color-scheme-1 ss-pc--head-space-between" 6158 id="ss-product-carousel-template--31622817841477__ss_product_carousel_MFBwpb" 6159 data-scroll-by="1" 6160 data-open-cart="true" 6161 data-animate="true" 6162 6163> 6164 <div class="ss-section "><div class="ss-product-carousel__viewport"> 6165 <div class="ss-product-carousel__rail" data-ss-rail role="list" tabindex="0"><div class="ss-product-carousel__slide" role="listitem"> 6166 <ss-card-product 6167 class="ss-card-product ss-anim ss-anim--slide" 6168 data-ss-index="0" 6169 data-product-id="16196065526085" 6170 data-product-url="/products/chaussette-colombage-avocat" 6171 data-open-cart="true" 6172> 6173 <div class="ss-card-product__media"> 6174 <a class="ss-card-product__link" href="/products/chaussette-colombage-avocat" aria-label="Chaussettes Colombage Avocat"><img 6175 class="ss-card-product__img" 6176 src="//www.bonnemaison.fr/cdn/shop/files/chaussette-colombage-avocat.jpg?v=1790065634&width=800" 6177 srcset=" 6178 //www.bonnemaison.fr/cdn/shop/files/chaussette-colombage-avocat.jpg?v=1790065634&width=400 400w, 6179 //www.bonnemaison.fr/cdn/shop/files/chaussette-colombage-avocat.jpg?v=1790065634&width=700 700w, 6180 //www.bonnemaison.fr/cdn/shop/files/chaussette-colombage-avocat.jpg?v=1790065634&width=1000 1000w 6181 " 6182 sizes="(min-width: 981px) 25vw, 50vw" 6183 alt="Chaussettes Colombage Avocat" 6184 width="800" 6185 height="800" 6186 loading="lazy" 6187 ></a><div class="ss-card-product__sizes" data-ss-sizes><a 6188 class="ss-card-product__size" 6189 href="/products/chaussette-colombage-avocat?variant=59448154652997" 6190 aria-label="Voir Chaussettes Colombage Avocat en taille 36 | 38" 6191 > 6192 <span class="ss-card-product__size-label">36 | 38</span> 6193 </a><a 6194 class="ss-card-product__size" 6195 href="/products/chaussette-colombage-avocat?variant=59448154685765" 6196 aria-label="Voir Chaussettes Colombage Avocat en taille 39 | 41" 6197 > 6198 <span class="ss-card-product__size-label">39 | 41</span> 6199 </a><a 6200 class="ss-card-product__size" 6201 href="/products/chaussette-colombage-avocat?variant=59448154718533" 6202 aria-label="Voir Chaussettes Colombage Avocat en taille 42 | 44" 6203 > 6204 <span class="ss-card-product__size-label">42 | 44</span> 6205 </a></div></div> 6206 6207 <div class="ss-card-product__body"> 6208 <a class="ss-card-product__title" href="/products/chaussette-colombage-avocat">Chaussettes Colombage Avocat</a> 6209 <p class="ss-card-product__price"><span class="ss-card-product__price-current">22â¬</span> 6210 </p> 6211 </div> 6212</ss-card-product> 6213 </div>
6213<div class="ss-product-carousel__slide" role="listitem"> 6214 <ss-card-product 6215 class="ss-card-product ss-anim ss-anim--slide" 6216 data-ss-index="1" 6217 data-product-id="16196068606277" 6218 data-product-url="/products/chaussette-boules-noel" 6219 data-open-cart="true" 6220> 6221 <div class="ss-card-product__media"> 6222 <a class="ss-card-product__link" href="/products/chaussette-boules-noel" aria-label="Chaussettes Boules de Noël Faux-Noir"><img 6223 class="ss-card-product__img" 6224 src="//www.bonnemaison.fr/cdn/shop/files/chaussette-boules-noel.jpg?v=1790065698&width=800" 6225 srcset=" 6226 //www.bonnemaison.fr/cdn/shop/files/chaussette-boules-noel.jpg?v=1790065698&width=400 400w, 6227 //www.bonnemaison.fr/cdn/shop/files/chaussette-boules-noel.jpg?v=1790065698&width=700 700w, 6228 //www.bonnemaison.fr/cdn/shop/files/chaussette-boules-noel.jpg?v=1790065698&width=1000 1000w 6229 " 6230 sizes="(min-width: 981px) 25vw, 50vw" 6231 alt="Chaussettes Boules de Noël Faux-Noir" 6232 width="1100" 6233 height="1100" 6234 loading="lazy" 6235 ></a><div class="ss-card-product__sizes" data-ss-sizes><a 6236 class="ss-card-product__size" 6237 href="/products/chaussette-boules-noel?variant=59448166154565" 6238 aria-label="Voir Chaussettes Boules de Noël Faux-Noir en taille 36 | 38" 6239 > 6240 <span class="ss-card-product__size-label">36 | 38</span> 6241 </a><a 6242 class="ss-card-product__size" 6243 href="/products/chaussette-boules-noel?variant=59448166187333" 6244 aria-label="Voir Chaussettes Boules de Noël Faux-Noir en taille 39 | 41" 6245 > 6246 <span class="ss-card-product__size-label">39 | 41</span> 6247 </a><a 6248 class="ss-card-product__size" 6249 href="/products/chaussette-boules-noel?variant=59448166220101" 6250 aria-label="Voir Chaussettes Boules de Noël Faux-Noir en taille 42 | 44" 6251 > 6252 <span class="ss-card-product__size-label">42 | 44</span> 6253 </a></div></div> 6254 6255 <div class="ss-card-product__body"> 6256 <a class="ss-card-product__title" href="/products/chaussette-boules-noel">Chaussettes Boules de Noël Faux-Noir</a> 6257 <p class="ss-card-product__price"><span class="ss-card-product__price-current">22â¬</span> 6258 </p> 6259 </div> 6260</ss-card-product> 6261 </div><div class="ss-product-carousel__slide" role="listitem"> 6262 <ss-card-product 6263 class="ss-card-product ss-anim ss-anim--slide" 6264 data-ss-index="2" 6265 data-product-id="16196071489861" 6266 data-product-url="/products/chaussette-chat-bouton-or" 6267 data-open-cart="true" 6268> 6269 <div class="ss-card-product__media"> 6270 <a class="ss-card-product__link" href="/products/chaussette-chat-bouton-or" aria-label="Chaussettes Chat Bouton d'Or"><img 6271 class="ss-card-product__img" 6272 src="//www.bonnemaison.fr/cdn/shop/files/chaussette-chat-bouton-or_1adc2e50-0ea9-40ba-90e4-0dfff7b6ad34.jpg?v=1790065763&width=800" 6273 srcset=" 6274 //www.bonnemaison.fr/cdn/shop/files/chaussette-chat-bouton-or_1adc2e50-0ea9-40ba-90e4-0dfff7b6ad34.jpg?v=1790065763&width=400 400w, 6275 //www.bonnemaison.fr/cdn/shop/files/chaussette-chat-bouton-or_1adc2e50-0ea9-40ba-90e4-0dfff7b6ad34.jpg?v=1790065763&width=700 700w, 6276 //www.bonnemaison.fr/cdn/shop/files/chaussette-chat-bouton-or_1adc2e50-0ea9-40ba-90e4-0dfff7b6ad34.jpg?v=1790065763&width=1000 1000w 6277 " 6278 sizes="(min-width: 981px) 25vw, 50vw" 6279 alt="Chaussettes Chat Bouton d'Or" 6280 width="1100" 6281 height="1100" 6282 loading="lazy" 6283 ></a><div class="ss-card-product__sizes" data-ss-sizes><a 6284 class="ss-card-product__size" 6285 href="/products/chaussette-chat-bouton-or?variant=59448176902469" 6286 aria-label="Voir Chaussettes Chat Bouton d'Or en taille 36 | 38" 6287 > 6288 <span class="ss-card-product__size-label">36 | 38</span> 6289 </a><a 6290 class="ss-card-product__size" 6291 href="/products/chaussette-chat-bouton-or?variant=59448176935237" 6292 aria-label="Voir Chaussettes Chat Bouton d'Or en taille 39 | 41" 6293 >
6294 <span class="ss-card-product__size-label">39 | 41</span> 6295 </a><a 6296 class="ss-card-product__size" 6297 href="/products/chaussette-chat-bouton-or?variant=59448176968005" 6298 aria-label="Voir Chaussettes Chat Bouton d'Or en taille 42 | 44" 6299 > 6300 <span class="ss-card-product__size-label">42 | 44</span> 6301 </a></div></div> 6302 6303 <div class="ss-card-product__body"> 6304 <a class="ss-card-product__title" href="/products/chaussette-chat-bouton-or">Chaussettes Chat Bouton d'Or</a> 6305 <p class="ss-card-product__price"><span class="ss-card-product__price-current">22â¬</span> 6306 </p> 6307 </div> 6308</ss-card-product> 6309 </div><div class="ss-product-carousel__slide" role="listitem"> 6310 <ss-card-product 6311 class="ss-card-product ss-anim ss-anim--slide" 6312 data-ss-index="3" 6313 data-product-id="16196069687621" 6314 data-product-url="/products/chaussette-perroquet-sapin" 6315 data-open-cart="true" 6316> 6317 <div class="ss-card-product__media"> 6318 <a class="ss-card-product__link" href="/products/chaussette-perroquet-sapin" aria-label="Chaussettes Perroquet Sapin"><img 6319 class="ss-card-product__img" 6320 src="//www.bonnemaison.fr/cdn/shop/files/chaussette-perroquet-sapin.jpg?v=1790065724&width=800" 6321 srcset=" 6322 //www.bonnemaison.fr/cdn/shop/files/chaussette-perroquet-sapin.jpg?v=1790065724&width=400 400w, 6323 //www.bonnemaison.fr/cdn/shop/files/chaussette-perroquet-sapin.jpg?v=1790065724&width=700 700w, 6324 //www.bonnemaison.fr/cdn/shop/files/chaussette-perroquet-sapin.jpg?v=1790065724&width=1000 1000w 6325 " 6326 sizes="(min-width: 981px) 25vw, 50vw" 6327 alt="Chaussettes Perroquet Sapin" 6328 width="1100" 6329 height="1100" 6330 loading="lazy" 6331 ></a><div class="ss-card-product__sizes" data-ss-sizes><a 6332 class="ss-card-product__size" 6333 href="/products/chaussette-perroquet-sapin?variant=59448170119493" 6334 aria-label="Voir Chaussettes Perroquet Sapin en taille 36 | 38" 6335 > 6336 <span class="ss-card-product__size-label">36 | 38</span> 6337 </a><a 6338 class="ss-card-product__size" 6339 href="/products/chaussette-perroquet-sapin?variant=59448170152261" 6340 aria-label="Voir Chaussettes Perroquet Sapin en taille 39 | 41" 6341 > 6342 <span class="ss-card-product__size-label">39 | 41</span> 6343 </a><a 6344 class="ss-card-product__size" 6345 href="/products/chaussette-perroquet-sapin?variant=59448170185029" 6346 aria-label="Voir Chaussettes Perroquet Sapin en taille 42 | 44" 6347 > 6348 <span class="ss-card-product__size-label">42 | 44</span> 6349 </a></div></div> 6350 6351 <div class="ss-card-product__body"> 6352 <a class="ss-card-product__title" href="/products/chaussette-perroquet-sapin">Chaussettes Perroquet Sapin</a> 6353 <p class="ss-card-product__price"><span class="ss-card-product__price-current">22â¬</span> 6354 </p> 6355 </div> 6356</ss-card-product> 6357 </div><div class="ss-product-carousel__slide" role="listitem"> 6358 <ss-card-product 6359 class="ss-card-product ss-anim ss-anim--slide" 6360 data-ss-index="4" 6361 data-product-id="16196070179141" 6362 data-product-url="/products/chaussette-agrumes-vermillon" 6363 data-open-cart="true" 6364> 6365 <div class="ss-card-product__media"> 6366 <a class="ss-card-product__link" href="/products/chaussette-agrumes-vermillon" aria-label="Chaussettes Agrumes Vermillon"><img 6367 class="ss-card-product__img" 6368 src="//www.bonnemaison.fr/cdn/shop/files/chaussette-agrumes-vermillon.jpg?v=1790065736&width=800" 6369 srcset=" 6370 //www.bonnemaison.fr/cdn/shop/files/chaussette-agrumes-vermillon.jpg?v=1790065736&width=400 400w, 6371 //www.bonnemaison.fr/cdn/shop/files/chaussette-agrumes-vermillon.jpg?v=1790065736&width=700 700w, 6372 //www.bonnemaison.fr/cdn/shop/files/chaussette-agrumes-vermillon.jpg?v=1790065736&width=1000 1000w 6373 " 6374 sizes="(min-width: 981px) 25vw, 50vw" 6375 alt="Chaussettes Agrumes Vermillon" 6376 width="1100" 6377 height="1100" 6378 loading="lazy" 6379 ></a><div class="ss-card-product__sizes" data-ss-sizes><a 6380 class="ss-card-product__size" 6381 href="/products/chaussette-agrumes-vermillon?variant=59448172446021" 6382 aria-label="Voir Chaussettes Agrumes Vermillon en taille 36 | 38" 6383 >
6384 <span class="ss-card-product__size-label">36 | 38</span> 6385 </a><a 6386 class="ss-card-product__size" 6387 href="/products/chaussette-agrumes-vermillon?variant=59448172478789" 6388 aria-label="Voir Chaussettes Agrumes Vermillon en taille 39 | 41" 6389 > 6390 <span class="ss-card-product__size-label">39 | 41</span> 6391 </a><a 6392 class="ss-card-product__size" 6393 href="/products/chaussette-agrumes-vermillon?variant=59448172511557" 6394 aria-label="Voir Chaussettes Agrumes Vermillon en taille 42 | 44" 6395 > 6396 <span class="ss-card-product__size-label">42 | 44</span> 6397 </a></div></div> 6398 6399 <div class="ss-card-product__body"> 6400 <a class="ss-card-product__title" href="/products/chaussette-agrumes-vermillon">Chaussettes Agrumes Vermillon</a> 6401 <p class="ss-card-product__price"><span class="ss-card-product__price-current">22â¬</span> 6402 </p> 6403 </div> 6404</ss-card-product> 6405 </div><div class="ss-product-carousel__slide" role="listitem"> 6406 <ss-card-product 6407 class="ss-card-product ss-anim ss-anim--slide" 6408 data-ss-index="5" 6409 data-product-id="16196067754309" 6410 data-product-url="/products/chaussette-carreaux-multico-colombage" 6411 data-open-cart="true" 6412> 6413 <div class="ss-card-product__media"> 6414 <a class="ss-card-product__link" href="/products/chaussette-carreaux-multico-colombage" aria-label="Chaussettes Carreaux Multico"><img 6415 class="ss-card-product__img" 6416 src="//www.bonnemaison.fr/cdn/shop/files/chaussette-carreaux-multico_0c06b94e-d117-4b42-b53f-4abde8c9a030.jpg?v=1790065682&width=800" 6417 srcset=" 6418 //www.bonnemaison.fr/cdn/shop/files/chaussette-carreaux-multico_0c06b94e-d117-4b42-b53f-4abde8c9a030.jpg?v=1790065682&width=400 400w, 6419 //www.bonnemaison.fr/cdn/shop/files/chaussette-carreaux-multico_0c06b94e-d117-4b42-b53f-4abde8c9a030.jpg?v=1790065682&width=700 700w, 6420 //www.bonnemaison.fr/cdn/shop/files/chaussette-carreaux-multico_0c06b94e-d117-4b42-b53f-4abde8c9a030.jpg?v=1790065682&width=1000 1000w 6421 " 6422 sizes="(min-width: 981px) 25vw, 50vw" 6423 alt="Chaussettes Carreaux Multico" 6424 width="1100" 6425 height="1100" 6426 loading="lazy" 6427 ></a><div class="ss-card-product__sizes" data-ss-sizes><a 6428 class="ss-card-product__size ss-card-product__size--unavailable" 6429 href="/products/chaussette-carreaux-multico-colombage?variant=59448163074373" 6430 data-variant-id="59448163074373" 6431 data-variant-title="36 | 38" 6432 aria-label="Ãtre alerté du retour en stock de la taille 36 | 38" 6433 > 6434 <svg class="ss-icon ss-icon--bell" width="14" height="14" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false"> 6435 <path d="M8 1.5a3.75 3.75 0 0 0-3.75 3.75c0 3-1.25 4-1.25 4h10s-1.25-1-1.25-4A3.75 3.75 0 0 0 8 1.5Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 6436 <path d="M6.7 11.75a1.5 1.5 0 0 0 2.6 0" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/> 6437 </svg> 6438 <span class="ss-card-product__size-label"> 36 | 38</span> 6439 </a><a 6440 class="ss-card-product__size" 6441 href="/products/chaussette-carreaux-multico-colombage?variant=59448163107141" 6442 aria-label="Voir Chaussettes Carreaux Multico en taille 39 | 41" 6443 > 6444 <span class="ss-card-product__size-label">39 | 41</span> 6445 </a><a 6446 class="ss-card-product__size" 6447 href="/products/chaussette-carreaux-multico-colombage?variant=59448163139909" 6448 aria-label="Voir Chaussettes Carreaux Multico en taille 42 | 44" 6449 > 6450 <span class="ss-card-product__size-label">42 | 44</span> 6451 </a></div></div> 6452 6453 <div class="ss-card-product__body"> 6454 <a class="ss-card-product__title" href="/products/chaussette-carreaux-multico-colombage">Chaussettes Carreaux Multico</a> 6455 <p class="ss-card-product__price"><span class="ss-card-product__price-current">22â¬</span> 6456 </p> 6457 </div> 6458</ss-card-product> 6459 </div>
6459<div class="ss-product-carousel__slide" role="listitem"> 6460 <ss-card-product 6461 class="ss-card-product ss-anim ss-anim--slide" 6462 data-ss-index="6" 6463 data-product-id="16196070768965" 6464 data-product-url="/products/chaussette-rayures-corsaire" 6465 data-open-cart="true" 6466> 6467 <div class="ss-card-product__media"> 6468 <a class="ss-card-product__link" href="/products/chaussette-rayures-corsaire" aria-label="Chaussettes Rayures Corsaire"><img 6469 class="ss-card-product__img" 6470 src="//www.bonnemaison.fr/cdn/shop/files/chaussette-rayures-corsaire_e511d447-40c3-4f91-80a2-697460dfb2b3.jpg?v=1790065748&width=800" 6471 srcset=" 6472 //www.bonnemaison.fr/cdn/shop/files/chaussette-rayures-corsaire_e511d447-40c3-4f91-80a2-697460dfb2b3.jpg?v=1790065748&width=400 400w, 6473 //www.bonnemaison.fr/cdn/shop/files/chaussette-rayures-corsaire_e511d447-40c3-4f91-80a2-697460dfb2b3.jpg?v=1790065748&width=700 700w, 6474 //www.bonnemaison.fr/cdn/shop/files/chaussette-rayures-corsaire_e511d447-40c3-4f91-80a2-697460dfb2b3.jpg?v=1790065748&width=1000 1000w 6475 " 6476 sizes="(min-width: 981px) 25vw, 50vw" 6477 alt="Chaussettes Rayures Corsaire" 6478 width="1100" 6479 height="1100" 6480 loading="lazy" 6481 ></a><div class="ss-card-product__sizes" data-ss-sizes><a 6482 class="ss-card-product__size" 6483 href="/products/chaussette-rayures-corsaire?variant=59448174215493" 6484 aria-label="Voir Chaussettes Rayures Corsaire en taille 36 | 38" 6485 > 6486 <span class="ss-card-product__size-label">36 | 38</span> 6487 </a><a 6488 class="ss-card-product__size" 6489 href="/products/chaussette-rayures-corsaire?variant=59448174248261" 6490 aria-label="Voir Chaussettes Rayures Corsaire en taille 39 | 41" 6491 > 6492 <span class="ss-card-product__size-label">39 | 41</span> 6493 </a><a 6494 class="ss-card-product__size" 6495 href="/products/chaussette-rayures-corsaire?variant=59448174281029" 6496 aria-label="Voir Chaussettes Rayures Corsaire en taille 42 | 44" 6497 > 6498 <span class="ss-card-product__size-label">42 | 44</span> 6499 </a></div></div> 6500 6501 <div class="ss-card-product__body"> 6502 <a class="ss-card-product__title" href="/products/chaussette-rayures-corsaire">Chaussettes Rayures Corsaire</a> 6503 <p class="ss-card-product__price"><span class="ss-card-product__price-current">22â¬</span> 6504 </p> 6505 </div> 6506</ss-card-product> 6507 </div><div class="ss-product-carousel__slide" role="listitem"> 6508 <ss-card-product 6509 class="ss-card-product ss-anim ss-anim--slide" 6510 data-ss-index="7" 6511 data-product-id="16196069097797" 6512 data-product-url="/products/chaussette-semis-cannelle" 6513 data-open-cart="true" 6514> 6515 <div class="ss-card-product__media"> 6516 <a class="ss-card-product__link" href="/products/chaussette-semis-cannelle" aria-label="Chaussettes Semis Cannelle"><img 6517 class="ss-card-product__img" 6518 src="//www.bonnemaison.fr/cdn/shop/files/chaussette-semis-cannelle_03fd01b4-7189-40af-8e8f-f606c911a6cb.jpg?v=1790065710&width=800" 6519 srcset=" 6520 //www.bonnemaison.fr/cdn/shop/files/chaussette-semis-cannelle_03fd01b4-7189-40af-8e8f-f606c911a6cb.jpg?v=1790065710&width=400 400w, 6521 //www.bonnemaison.fr/cdn/shop/files/chaussette-semis-cannelle_03fd01b4-7189-40af-8e8f-f606c911a6cb.jpg?v=1790065710&width=700 700w, 6522 //www.bonnemaison.fr/cdn/shop/files/chaussette-semis-cannelle_03fd01b4-7189-40af-8e8f-f606c911a6cb.jpg?v=1790065710&width=1000 1000w 6523 " 6524 sizes="(min-width: 981px) 25vw, 50vw" 6525 alt="Chaussettes Semis Cannelle" 6526 width="1100" 6527 height="1100" 6528 loading="lazy" 6529 ></a><div class="ss-card-product__sizes" data-ss-sizes><a 6530 class="ss-card-product__size" 6531 href="/products/chaussette-semis-cannelle?variant=59448167858501" 6532 aria-label="Voir Chaussettes Semis Cannelle en taille 36 | 38" 6533 >
6534 <span class="ss-card-product__size-label">36 | 38</span> 6535 </a><a 6536 class="ss-card-product__size" 6537 href="/products/chaussette-semis-cannelle?variant=59448167891269" 6538 aria-label="Voir Chaussettes Semis Cannelle en taille 39 | 41" 6539 > 6540 <span class="ss-card-product__size-label">39 | 41</span> 6541 </a><a 6542 class="ss-card-product__size" 6543 href="/products/chaussette-semis-cannelle?variant=59448167924037" 6544 aria-label="Voir Chaussettes Semis Cannelle en taille 42 | 44" 6545 > 6546 <span class="ss-card-product__size-label">42 | 44</span> 6547 </a></div></div> 6548 6549 <div class="ss-card-product__body"> 6550 <a class="ss-card-product__title" href="/products/chaussette-semis-cannelle">Chaussettes Semis Cannelle</a> 6551 <p class="ss-card-product__price"><span class="ss-card-product__price-current">22â¬</span> 6552 </p> 6553 </div> 6554</ss-card-product> 6555 </div><div class="ss-product-carousel__slide" role="listitem"> 6556 <ss-card-product 6557 class="ss-card-product ss-anim ss-anim--slide" 6558 data-ss-index="8" 6559 data-product-id="16196072472901" 6560 data-product-url="/products/chaussettes-uni-corsaire" 6561 data-open-cart="true" 6562> 6563 <div class="ss-card-product__media"> 6564 <a class="ss-card-product__link" href="/products/chaussettes-uni-corsaire" aria-label="Chaussettes Uni Corsaire"><img 6565 class="ss-card-product__img" 6566 src="//www.bonnemaison.fr/cdn/shop/files/chaussettes-uni-corsaire_2736863a-5e8d-485c-bb7a-3e25d7b090d4.jpg?v=1790065785&width=800" 6567 srcset=" 6568 //www.bonnemaison.fr/cdn/shop/files/chaussettes-uni-corsaire_2736863a-5e8d-485c-bb7a-3e25d7b090d4.jpg?v=1790065785&width=400 400w, 6569 //www.bonnemaison.fr/cdn/shop/files/chaussettes-uni-corsaire_2736863a-5e8d-485c-bb7a-3e25d7b090d4.jpg?v=1790065785&width=700 700w, 6570 //www.bonnemaison.fr/cdn/shop/files/chaussettes-uni-corsaire_2736863a-5e8d-485c-bb7a-3e25d7b090d4.jpg?v=1790065785&width=1000 1000w 6571 " 6572 sizes="(min-width: 981px) 25vw, 50vw" 6573 alt="Chaussettes Uni Corsaire" 6574 width="1100" 6575 height="1100" 6576 loading="lazy" 6577 ></a><div class="ss-card-product__sizes" data-ss-sizes><a 6578 class="ss-card-product__size" 6579 href="/products/chaussettes-uni-corsaire?variant=59448180703557" 6580 aria-label="Voir Chaussettes Uni Corsaire en taille 36 | 38" 6581 > 6582 <span class="ss-card-product__size-label">36 | 38</span> 6583 </a><a 6584 class="ss-card-product__size" 6585 href="/products/chaussettes-uni-corsaire?variant=59448180736325" 6586 aria-label="Voir Chaussettes Uni Corsaire en taille 39 | 41" 6587 > 6588 <span class="ss-card-product__size-label">39 | 41</span> 6589 </a><a 6590 class="ss-card-product__size" 6591 href="/products/chaussettes-uni-corsaire?variant=59448180769093" 6592 aria-label="Voir Chaussettes Uni Corsaire en taille 42 | 44" 6593 > 6594 <span class="ss-card-product__size-label">42 | 44</span> 6595 </a></div></div> 6596 6597 <div class="ss-card-product__body"> 6598 <a class="ss-card-product__title" href="/products/chaussettes-uni-corsaire">Chaussettes Uni Corsaire</a> 6599 <p class="ss-card-product__price"><span class="ss-card-product__price-current">22â¬</span> 6600 </p> 6601 </div> 6602</ss-card-product> 6603 </div><div class="ss-product-carousel__slide" role="listitem"> 6604 <ss-card-product 6605 class="ss-card-product ss-anim ss-anim--slide" 6606 data-ss-index="9" 6607 data-product-id="16196071915845" 6608 data-product-url="/products/chaussettes-uni-avocat" 6609 data-open-cart="true" 6610> 6611 <div class="ss-card-product__media"> 6612 <a class="ss-card-product__link" href="/products/chaussettes-uni-avocat" aria-label="Chaussettes Uni Avocat"><img 6613 class="ss-card-product__img" 6614 src="//www.bonnemaison.fr/cdn/shop/files/chaussettes-uni-avocat_8c81e40d-bd12-4c4c-a873-89faf4e2cf3e.jpg?v=1790065774&width=800" 6615 srcset=" 6616 //www.bonnemaison.fr/cdn/shop/files/chaussettes-uni-avocat_8c81e40d-bd12-4c4c-a873-89faf4e2cf3e.jpg?v=1790065774&width=400 400w, 6617 //www.bonnemaison.fr/cdn/shop/files/chaussettes-uni-avocat_8c81e40d-bd12-4c4c-a873-89faf4e2cf3e.jpg?v=1790065774&width=700 700w, 6618 //www.bonnemaison.fr/cdn/shop/files/chaussettes-uni-avocat_8c81e40d-bd12-4c4c-a873-89faf4e2cf3e.jpg?v=1790065774&width=1000 1000w 6619 " 6620 sizes="(min-width: 981px) 25vw, 50vw" 6621 alt="Chaussettes Uni Avocat" 6622 width="1100" 6623 height="1100" 6624 loading="lazy" 6625 ></a><div class="ss-card-product__sizes" data-ss-sizes><a 6626 class="ss-card-product__size" 6627 href="/products/chaussettes-uni-avocat?variant=59448178835781" 6628 aria-label="Voir Chaussettes Uni Avocat en taille 36 | 38" 6629 >
6630 <span class="ss-card-product__size-label">36 | 38</span> 6631 </a><a 6632 class="ss-card-product__size" 6633 href="/products/chaussettes-uni-avocat?variant=59448178868549" 6634 aria-label="Voir Chaussettes Uni Avocat en taille 39 | 41" 6635 > 6636 <span class="ss-card-product__size-label">39 | 41</span> 6637 </a><a 6638 class="ss-card-product__size" 6639 href="/products/chaussettes-uni-avocat?variant=59448178901317" 6640 aria-label="Voir Chaussettes Uni Avocat en taille 42 | 44" 6641 > 6642 <span class="ss-card-product__size-label">42 | 44</span> 6643 </a></div></div> 6644 6645 <div class="ss-card-product__body"> 6646 <a class="ss-card-product__title" href="/products/chaussettes-uni-avocat">Chaussettes Uni Avocat</a> 6647 <p class="ss-card-product__price"><span class="ss-card-product__price-current">22â¬</span> 6648 </p> 6649 </div> 6650</ss-card-product> 6651 </div><div class="ss-product-carousel__slide" role="listitem"> 6652 <ss-card-product 6653 class="ss-card-product ss-anim ss-anim--slide" 6654 data-ss-index="10" 6655 data-product-id="15807758664005" 6656 data-product-url="/products/chaussettes-vermillon" 6657 data-open-cart="true" 6658> 6659 <div class="ss-card-product__media"> 6660 <a class="ss-card-product__link" href="/products/chaussettes-vermillon" aria-label="Chaussette Vermillon"><img 6661 class="ss-card-product__img" 6662 src="//www.bonnemaison.fr/cdn/shop/files/4447.jpg?v=1776096527&width=800" 6663 srcset=" 6664 //www.bonnemaison.fr/cdn/shop/files/4447.jpg?v=1776096527&width=400 400w, 6665 //www.bonnemaison.fr/cdn/shop/files/4447.jpg?v=1776096527&width=700 700w, 6666 //www.bonnemaison.fr/cdn/shop/files/4447.jpg?v=1776096527&width=1000 1000w 6667 " 6668 sizes="(min-width: 981px) 25vw, 50vw" 6669 alt="Chaussette Vermillon" 6670 width="1100" 6671 height="1100" 6672 loading="lazy" 6673 ></a><div class="ss-card-product__sizes" data-ss-sizes><a 6674 class="ss-card-product__size ss-card-product__size--unavailable" 6675 href="/products/chaussettes-vermillon?variant=57677572440389" 6676 data-variant-id="57677572440389" 6677 data-variant-title="36 | 38" 6678 aria-label="Ãtre alerté du retour en stock de la taille 36 | 38" 6679 > 6680 <svg class="ss-icon ss-icon--bell" width="14" height="14" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false"> 6681 <path d="M8 1.5a3.75 3.75 0 0 0-3.75 3.75c0 3-1.25 4-1.25 4h10s-1.25-1-1.25-4A3.75 3.75 0 0 0 8 1.5Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 6682 <path d="M6.7 11.75a1.5 1.5 0 0 0 2.6 0" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/> 6683 </svg> 6684 <span class="ss-card-product__size-label"> 36 | 38</span> 6685 </a><a 6686 class="ss-card-product__size" 6687 href="/products/chaussettes-vermillon?variant=57677572473157" 6688 aria-label="Voir Chaussette Vermillon en taille 42 | 44" 6689 > 6690 <span class="ss-card-product__size-label">42 | 44</span> 6691 </a></div></div> 6692 6693 <div class="ss-card-product__body"> 6694 <a class="ss-card-product__title" href="/products/chaussettes-vermillon">Chaussette Vermillon</a> 6695 <p class="ss-card-product__price"><span class="ss-card-product__price-current">25,50â¬</span> 6696 </p> 6697 </div> 6698</ss-card-product> 6699 </div><div class="ss-product-carousel__slide" role="listitem"> 6700 <ss-card-product 6701 class="ss-card-product ss-anim ss-anim--slide" 6702 data-ss-index="11" 6703 data-product-id="15807841894725" 6704 data-product-url="/products/chaussettes-unies-curcuma" 6705 data-open-cart="true" 6706> 6707 <div class="ss-card-product__media"> 6708 <a class="ss-card-product__link" href="/products/chaussettes-unies-curcuma" aria-label="Chaussettes Unies Curcuma"><img 6709 class="ss-card-product__img" 6710 src="//www.bonnemaison.fr/cdn/shop/files/4930.jpg?v=1776100027&width=800" 6711 srcset=" 6712 //www.bonnemaison.fr/cdn/shop/files/4930.jpg?v=1776100027&width=400 400w, 6713 //www.bonnemaison.fr/cdn/shop/files/4930.jpg?v=1776100027&width=700 700w, 6714 //www.bonnemaison.fr/cdn/shop/files/4930.jpg?v=1776100027&width=1000 1000w 6715 " 6716 sizes="(min-width: 981px) 25vw, 50vw" 6717 alt="Chaussettes Unies Curcuma" 6718 width="1100" 6719 height="1100" 6720 loading="lazy" 6721 ></a><div class="ss-card-product__sizes" data-ss-sizes><a 6722 class="ss-card-product__size" 6723 href="/products/chaussettes-unies-curcuma?variant=57677900480837" 6724 aria-label="Voir Chaussettes Unies Curcuma en taille 36 | 38" 6725 >
6726 <span class="ss-card-product__size-label">36 | 38</span> 6727 </a><a 6728 class="ss-card-product__size" 6729 href="/products/chaussettes-unies-curcuma?variant=57677900513605" 6730 aria-label="Voir Chaussettes Unies Curcuma en taille 39 | 41" 6731 > 6732 <span class="ss-card-product__size-label">39 | 41</span> 6733 </a><a 6734 class="ss-card-product__size" 6735 href="/products/chaussettes-unies-curcuma?variant=57677900546373" 6736 aria-label="Voir Chaussettes Unies Curcuma en taille 42 | 44" 6737 > 6738 <span class="ss-card-product__size-label">42 | 44</span> 6739 </a></div></div> 6740 6741 <div class="ss-card-product__body"> 6742 <a class="ss-card-product__title" href="/products/chaussettes-unies-curcuma">Chaussettes Unies Curcuma</a> 6743 <p class="ss-card-product__price"><span class="ss-card-product__price-current">25,50â¬</span> 6744 </p> 6745 </div> 6746</ss-card-product> 6747 </div></div><button type="button" class="ss-product-carousel__nav ss-product-carousel__nav--prev" data-ss-prev aria-label="Produits précédents" hidden> 6748 <svg class="ss-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 6749 <path d="M15 5l-7 7 7 7" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6750 </svg> 6751 </button> 6752 <button type="button" class="ss-product-carousel__nav ss-product-carousel__nav--next" data-ss-next aria-label="Produits suivants"> 6753 <svg class="ss-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 6754 <path d="M9 5l7 7-7 7" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6755 </svg> 6756 </button></div></div> 6757</ss-product-carousel> 6758 6759</section><section id="shopify-section-template--31622817841477__ss_media_banners_MJ9A3M" class="shopify-section ss-section-wrapper"> 6760 6761<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-media-banners.css?v=21370207898762119141788824801" rel="stylesheet" type="text/css" media="all" /> 6762<style> 6763 #shopify-section-template--31622817841477__ss_media_banners_MJ9A3M { 6764 --ss-pt: 0px; 6765 --ss-pb: 0px; 6766 --ss-px: 0px; 6767 --ss-max-width: 1440px; 6768 --ss-bg: #ffffff; 6769 --ss-text: #2e4247; 6770 --ss-gap: 8px; 6771 } 6772 6773 @media (min-width: 981px) { 6774 #shopify-section-template--31622817841477__ss_media_banners_MJ9A3M { 6775 --ss-pt: 0px; 6776 --ss-pb: 0px; 6777 --ss-px: 0px; 6778 } 6779 } 6780 6781 #shopify-section-template--31622817841477__ss_media_banners_MJ9A3M .ss-section { 6782 padding: var(--ss-pt) var(--ss-px) var(--ss-pb); 6783 background-color: var(--ss-bg); 6784 color: var(--ss-text); 6785 } 6786 #shopify-section-template--31622817841477__ss_media_banners_MJ9A3M .ss-section__inner { 6787 width: 100%; 6788 max-width: var(--ss-max-width); 6789 margin-inline: auto; 6790 } 6791 #shopify-section-template--31622817841477__ss_media_banners_MJ9A3M .ss-section__inner--full { 6792 max-width: none; 6793 } 6794</style> 6795 6796<style> 6797 #shopify-section-template--31622817841477__ss_media_banners_MJ9A3M { 6798 --ss-mbs-cols-d: 2; 6799 --ss-mbs-cols-m: 2; 6800 --ss-mbs-gap-mobile: 2px; 6801 --ss-mbs-gap-desktop: 2px; 6802 --ss-mbs-footer-gap-m: 28px; 6803 --ss-mbs-footer-gap-d: 40px; 6804 6805 --ss-text-color-h: #ffffff; 6806 --ss-bg-color-h: #000000; 6807 } 6808 6809 #shopify-section-template--31622817841477__ss_media_banners_MJ9A3M .ss-section__inner{max-width:100%} 6810 .ss-media-banner__content{ 6811 max-width: var(--ss-max-width); 6812 margin-inline: auto; 6813 } 6814 @media (min-width: 981px) { 6815 .ss-media-banner__content { 6816 padding: var(--ss-mb-pad-d); 6817 } 6818 } 6819</style> 6820 6821<div class="ss-media-banners ss-section color-scheme-1" id="ss-media-banners-template--31622817841477__ss_media_banners_MJ9A3M"> 6822 <div class="ss-section__inner ss-section__inner--full"> 6823 <div class="ss-media-banners__grid"> 6824 6825<div 6826 class="ss-media-banner ss-media-banner--link-hidden-m" 6827 id="ss-media-banner-AcDFyOUNBK0dVdEZpY__ss_media_banner_TeeTJB" 6828 6829> 6830 <style> 6831 #ss-media-banner-AcDFyOUNBK0dVdEZpY__ss_media_banner_TeeTJB { 6832 --ss-mb-ratio-m: 130%; 6833 --ss-mb-ratio-d: 130%; 6834 --ss-mb-justify: start; 6835 --ss-mb-align: end; 6836 --ss-mb-text-align: left; 6837 --ss-mb-title-m: 16px; 6838 --ss-mb-title-d: 34px; 6839 --ss-mb-link-m: 14px; 6840 --ss-mb-link-d: 16px; 6841 --ss-mb-color: #ffffff; 6842 --ss-mb-scrim: rgba(0, 0, 0, 0.4); 6843 --ss-mb-scrim-height: 55%; 6844 --ss-mb-pad-m: 20px; 6845 --ss-mb-pad-d: 48px; 6846 } 6847 </style><a class="ss-media-banner__cover" href="/collections/eventail" aria-label="L'éventail"></a><div class="ss-media-banner__media ss-anim ss-anim--zoom" data-ss-delay="0"><picture> 6848 <source 6849 media="(max-width: 749px)" 6850 srcset=" 6851 //www.bonnemaison.fr/cdn/shop/files/image_2-c-d.png?v=1788190023&width=600 600w, 6852 //www.bonnemaison.fr/cdn/shop/files/image_2-c-d.png?v=1788190023&width=900 900w, 6853 //www.bonnemaison.fr/cdn/shop/files/image_2-c-d.png?v=1788190023&width=1200 1200w 6854 " 6855 sizes="auto" 6856 > 6857 <img 6858 src="//www.bonnemaison.fr/cdn/shop/files/collection-leventail.webp?v=1790067104&width=1400" 6859 srcset=" 6860 //www.bonnemaison.fr/cdn/shop/files/collection-leventail.webp?v=1790067104&width=800 800w, 6861 //www.bonnemaison.fr/cdn/shop/files/collection-leventail.webp?v=1790067104&width=1200 1200w, 6862 //www.bonnemaison.fr/cdn/shop/files/collection-leventail.webp?v=1790067104&width=1800 1800w, 6863 //www.bonnemaison.fr/cdn/shop/files/collection-leventail.webp?v=1790067104&width=2400 2400w 6864 " 6865 sizes="auto" 6866 alt="L'éventail" 6867 width="2300" 6868 height="1402" 6869 loading="lazy" 6870 > 6871 </picture></div><div class="ss-media-banner__scrim" aria-hidden="true"></div><div class="ss-media-banner__content"> 6872 <div class="ss-media-banner__inner"><h3 class="ss-media-banner__title ss-anim ss-anim--slide" data-ss-delay="220"> 6873 L'éventail 6874 </h3><div class="ss-media-banner__actions ss-anim ss-anim--slide" data-ss-delay="340"><span class="ss-media-banner__link">Découvrir la collection</span></div></div> 6875 </div> 6876</div> 6877 6878 6879 6880 6881<div 6882 class="ss-media-banner ss-media-banner--link-hidden-m" 6883 id="ss-media-banner-AbFVjTHFRbWFLU3REM__ss_media_banner_JwYqV7" 6884 6885> 6886 <style> 6887 #ss-media-banner-AbFVjTHFRbWFLU3REM__ss_media_banner_JwYqV7 { 6888 --ss-mb-ratio-m: 130%; 6889 --ss-mb-ratio-d: 130%; 6890 --ss-mb-justify: start; 6891 --ss-mb-align: end; 6892 --ss-mb-text-align: left; 6893 --ss-mb-title-m: 16px; 6894 --ss-mb-title-d: 34px; 6895 --ss-mb-link-m: 14px; 6896 --ss-mb-link-d: 16px; 6897 --ss-mb-color: #ffffff; 6898 --ss-mb-scrim: rgba(0, 0, 0, 0.4); 6899 --ss-mb-scrim-height: 55%; 6900 --ss-mb-pad-m: 20px; 6901 --ss-mb-pad-d: 48px; 6902 } 6903 </style><a class="ss-media-banner__cover" href="/collections/faux-semblant-1" aria-label="Faux Semblant"></a><div class="ss-media-banner__media ss-anim ss-anim--zoom" data-ss-delay="0"><picture> 6904 <source 6905 media="(max-width: 749px)" 6906 srcset=" 6907 //www.bonnemaison.fr/cdn/shop/files/Rectangle_103.png?v=1788190023&width=600 600w, 6908 //www.bonnemaison.fr/cdn/shop/files/Rectangle_103.png?v=1788190023&width=900 900w, 6909 //www.bonnemaison.fr/cdn/shop/files/Rectangle_103.png?v=1788190023&width=1200 1200w 6910 " 6911 sizes="auto" 6912 > 6913 <img 6914 src="//www.bonnemaison.fr/cdn/shop/files/Rectangle_103.png?v=1788190023&width=1400" 6915 srcset=" 6916 //www.bonnemaison.fr/cdn/shop/files/Rectangle_103.png?v=1788190023&width=800 800w, 6917 //www.bonnemaison.fr/cdn/shop/files/Rectangle_103.png?v=1788190023&width=1200 1200w, 6918 //www.bonnemaison.fr/cdn/shop/files/Rectangle_103.png?v=1788190023&width=1800 1800w, 6919 //www.bonnemaison.fr/cdn/shop/files/Rectangle_103.png?v=1788190023&width=2400 2400w 6920 " 6921 sizes="auto" 6922 alt="Faux Semblant" 6923 width="1506" 6924 height="1890" 6925 loading="lazy" 6926 > 6927 </picture></div><div class="ss-media-banner__scrim" aria-hidden="true"></div><div class="ss-media-banner__content"> 6928 <div class="ss-media-banner__inner"><h3 class="ss-media-banner__title ss-anim ss-anim--slide" data-ss-delay="220"> 6929 Faux Semblant 6930 </h3><div class="ss-media-banner__actions ss-anim ss-anim--slide" data-ss-delay="340"><span class="ss-media-banner__link">Découvrir la collection</span></div></div> 6931 </div> 6932</div> 6933 6934 6935 6936 6937<div 6938 class="ss-media-banner ss-media-banner--link-hidden-m" 6939 id="ss-media-banner-ANVp1WXdaMjNTcy92R__ss_media_banner_6yFzR7" 6940
6941> 6942 <style> 6943 #ss-media-banner-ANVp1WXdaMjNTcy92R__ss_media_banner_6yFzR7 { 6944 --ss-mb-ratio-m: 130%; 6945 --ss-mb-ratio-d: 130%; 6946 --ss-mb-justify: start; 6947 --ss-mb-align: end; 6948 --ss-mb-text-align: left; 6949 --ss-mb-title-m: 16px; 6950 --ss-mb-title-d: 34px; 6951 --ss-mb-link-m: 14px; 6952 --ss-mb-link-d: 16px; 6953 --ss-mb-color: #ffffff; 6954 --ss-mb-scrim: rgba(0, 0, 0, 0.4); 6955 --ss-mb-scrim-height: 55%; 6956 --ss-mb-pad-m: 20px; 6957 --ss-mb-pad-d: 48px; 6958 } 6959 </style><a class="ss-media-banner__cover" href="/collections/petit-trianon-1" aria-label="Petit Trianon"></a><div class="ss-media-banner__media ss-anim ss-anim--zoom" data-ss-delay="0"><picture> 6960 <source 6961 media="(max-width: 749px)" 6962 srcset=" 6963 //www.bonnemaison.fr/cdn/shop/files/image_21.png?v=1788190158&width=600 600w, 6964 //www.bonnemaison.fr/cdn/shop/files/image_21.png?v=1788190158&width=900 900w, 6965 //www.bonnemaison.fr/cdn/shop/files/image_21.png?v=1788190158&width=1200 1200w 6966 " 6967 sizes="auto" 6968 > 6969 <img 6970 src="//www.bonnemaison.fr/cdn/shop/files/image_21.png?v=1788190158&width=1400" 6971 srcset=" 6972 //www.bonnemaison.fr/cdn/shop/files/image_21.png?v=1788190158&width=800 800w, 6973 //www.bonnemaison.fr/cdn/shop/files/image_21.png?v=1788190158&width=1200 1200w, 6974 //www.bonnemaison.fr/cdn/shop/files/image_21.png?v=1788190158&width=1800 1800w, 6975 //www.bonnemaison.fr/cdn/shop/files/image_21.png?v=1788190158&width=2400 2400w 6976 " 6977 sizes="auto" 6978 alt="Petit Trianon" 6979 width="1512" 6980 height="1890" 6981 loading="lazy" 6982 > 6983 </picture></div><div class="ss-media-banner__scrim" aria-hidden="true"></div><div class="ss-media-banner__content"> 6984 <div class="ss-media-banner__inner"><h3 class="ss-media-banner__title ss-anim ss-anim--slide" data-ss-delay="220"> 6985 Petit Trianon 6986 </h3><div class="ss-media-banner__actions ss-anim ss-anim--slide" data-ss-delay="340"><span class="ss-media-banner__link">Découvrir la collection</span></div></div> 6987 </div> 6988</div> 6989 6990 6991 6992 6993<div 6994 class="ss-media-banner ss-media-banner--link-hidden-m" 6995 id="ss-media-banner-AQVkzM0lXWjNwMFU4O__ss_media_banner_md7pYJ" 6996 6997> 6998 <style> 6999 #ss-media-banner-AQVkzM0lXWjNwMFU4O__ss_media_banner_md7pYJ { 7000 --ss-mb-ratio-m: 130%; 7001 --ss-mb-ratio-d: 130%; 7002 --ss-mb-justify: start; 7003 --ss-mb-align: end; 7004 --ss-mb-text-align: left; 7005 --ss-mb-title-m: 16px; 7006 --ss-mb-title-d: 34px; 7007 --ss-mb-link-m: 14px; 7008 --ss-mb-link-d: 16px; 7009 --ss-mb-color: #ffffff; 7010 --ss-mb-scrim: rgba(0, 0, 0, 0.4); 7011 --ss-mb-scrim-height: 55%; 7012 --ss-mb-pad-m: 20px; 7013 --ss-mb-pad-d: 48px; 7014 } 7015 </style><a class="ss-media-banner__cover" href="/collections/boreal" aria-label="Boreal"></a><div class="ss-media-banner__media ss-anim ss-anim--zoom" data-ss-delay="0"><picture> 7016 <source 7017 media="(max-width: 749px)" 7018 srcset=" 7019 //www.bonnemaison.fr/cdn/shop/files/Rectangle_103-c.png?v=1788190023&width=600 600w, 7020 //www.bonnemaison.fr/cdn/shop/files/Rectangle_103-c.png?v=1788190023&width=900 900w, 7021 //www.bonnemaison.fr/cdn/shop/files/Rectangle_103-c.png?v=1788190023&width=1200 1200w 7022 " 7023 sizes="auto" 7024 > 7025 <img 7026 src="//www.bonnemaison.fr/cdn/shop/files/Rectangle_103-c.png?v=1788190023&width=1400" 7027 srcset=" 7028 //www.bonnemaison.fr/cdn/shop/files/Rectangle_103-c.png?v=1788190023&width=800 800w, 7029 //www.bonnemaison.fr/cdn/shop/files/Rectangle_103-c.png?v=1788190023&width=1200 1200w, 7030 //www.bonnemaison.fr/cdn/shop/files/Rectangle_103-c.png?v=1788190023&width=1800 1800w, 7031 //www.bonnemaison.fr/cdn/shop/files/Rectangle_103-c.png?v=1788190023&width=2400 2400w 7032 " 7033 sizes="auto" 7034 alt="Boreal" 7035 width="1506" 7036 height="1890" 7037 loading="lazy" 7038 > 7039 </picture></div><div class="ss-media-banner__scrim" aria-hidden="true"></div><div class="ss-media-banner__content"> 7040 <div class="ss-media-banner__inner"><h2 class="ss-media-banner__title ss-anim ss-anim--slide" data-ss-delay="220"> 7041 Boreal 7042 </h2><div class="ss-media-banner__actions ss-anim ss-anim--slide" data-ss-delay="340"><span class="ss-media-banner__link">Découvrir la collection</span></div></div> 7043 </div> 7044</div> 7045 7046 7047 7048 7049 </div><div class="ss-media-banners__footer ss-anim ss-anim--slide" data-ss-delay="200"> 7050 <a 7051 class="ss-media-banners__cta ss-media-banners__cta--outline ss-media-banners__cta--full-m" 7052 7053 href="/collections" 7054 7055 >
7056 <span class="ss-media-banners__cta-label">Voir toutes les collections</span><span class="ss-media-banners__cta-arrow"><svg class="ss-icon" width="16" height="16" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 7057 <path d="M5.03125 12.0764H19.1204M12.0758 19.121L19.1204 12.0764L12.0758 5.03186" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 7058 </svg></span></a> 7059 </div></div> 7060</div> 7061 7062</section><section id="shopify-section-template--31622817841477__ss_commitments_Tbixzy" class="shopify-section ss-section-wrapper"> 7063 7064<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-commitments.css?v=87457877612918469841788191149" rel="stylesheet" type="text/css" media="all" />
7065<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-commitments.js?v=50818079059969157621788191183" defer></script>
7065<style> 7066 #shopify-section-template--31622817841477__ss_commitments_Tbixzy { 7067 --ss-pt: 24px; 7068 --ss-pb: 24px; 7069 --ss-px: 22px; 7070 --ss-max-width: 1440px; 7071 --ss-bg: #ffffff; 7072 --ss-text: #2e4247; 7073 --ss-gap: 8px; 7074 } 7075 7076 @media (min-width: 981px) { 7077 #shopify-section-template--31622817841477__ss_commitments_Tbixzy { 7078 --ss-pt: 60px; 7079 --ss-pb: 20px; 7080 --ss-px: 0px; 7081 } 7082 } 7083 7084 #shopify-section-template--31622817841477__ss_commitments_Tbixzy .ss-section { 7085 padding: var(--ss-pt) var(--ss-px) var(--ss-pb); 7086 background-color: var(--ss-bg); 7087 color: var(--ss-text); 7088 } 7089 #shopify-section-template--31622817841477__ss_commitments_Tbixzy .ss-section__inner { 7090 width: 100%; 7091 max-width: var(--ss-max-width); 7092 margin-inline: auto; 7093 } 7094 #shopify-section-template--31622817841477__ss_commitments_Tbixzy .ss-section__inner--full { 7095 max-width: none; 7096 } 7097</style> 7098 7099<style> 7100 #shopify-section-template--31622817841477__ss_commitments_Tbixzy { 7101 --ss-cmt-cols: 2; 7102 --ss-cmt-gap-mobile: 12px; 7103 --ss-cmt-gap-desktop: 8px; 7104 --ss-cmt-ratio-m: 125%; 7105 --ss-cmt-ratio-d: 125%; 7106 --ss-cmt-peek: 1; 7107 --ss-cmt-side-m: 0px; 7108 --ss-cmt-heading-m: 20px; 7109 --ss-cmt-heading-d: 28px; 7110 --ss-cmt-nav-color: #8a8a8a; 7111 --ss-cmt-dot-color: #c4c4c4; 7112 --ss-cmt-dot-active: #1a1a1a; 7113 7114 --ss-cmt-heading-align: center; 7115 --ss-cmt-heading-gap-m: 20px; 7116 --ss-cmt-heading-gap-d: 32px; 7117 } 7118</style> 7119 7120<ss-commitments 7121 class="ss-commitments ss-section color-scheme-1" 7122 id="ss-commitments-template--31622817841477__ss_commitments_Tbixzy" 7123 data-slider-mobile="true" 7124 data-block-count="2" 7125> 7126 <div class="ss-section__inner ss-section__inner--full"><h2 class="ss-commitments__heading ss-anim ss-anim--slide" data-ss-delay="0"> 7127 Les engagements de Bonne Maison 7128 </h2><div class="ss-commitments__viewport"> 7129 <div class="ss-commitments__rail" data-ss-rail role="list"> 7130 7131<div 7132 class="ss-commitment-card" 7133 id="ss-commitment-card-Aa25zc0gwcFJyUjVsU__ss_commitment_card_9RW8bQ" 7134 role="listitem" 7135 7136> 7137 <style> 7138 #ss-commitment-card-Aa25zc0gwcFJyUjVsU__ss_commitment_card_9RW8bQ { 7139 --ss-cc-title-m: 20px; 7140 --ss-cc-title-d: 24px; 7141 --ss-cc-text-m: 14px; 7142 --ss-cc-text-d: 15px; 7143 --ss-cc-color: #ffffff; 7144 --ss-cc-scrim: rgba(0, 0, 0, 0.2); 7145 --ss-cc-pad-m: 24px; 7146 --ss-cc-pad-d: 32px; 7147 --ss-cc-empty-bg: #dcdcdc; 7148 } 7149 </style><a class="ss-commitment-card__cover" href="/pages/la-qualite-des-matieres-1" aria-label="La qualité des matières"></a><div class="ss-commitment-card__media"><picture> 7150 <source 7151 media="(max-width: 749px)" 7152 srcset=" 7153 //www.bonnemaison.fr/cdn/shop/files/Rectangle_147.png?v=1788191397&width=500 500w, 7154 //www.bonnemaison.fr/cdn/shop/files/Rectangle_147.png?v=1788191397&width=800 800w, 7155 //www.bonnemaison.fr/cdn/shop/files/Rectangle_147.png?v=1788191397&width=1100 1100w 7156 " 7157 sizes="auto" 7158 > 7159 <img 7160 src="//www.bonnemaison.fr/cdn/shop/files/Rectangle_147.png?v=1788191397&width=900" 7161 srcset=" 7162 //www.bonnemaison.fr/cdn/shop/files/Rectangle_147.png?v=1788191397&width=500 500w, 7163 //www.bonnemaison.fr/cdn/shop/files/Rectangle_147.png?v=1788191397&width=800 800w, 7164 //www.bonnemaison.fr/cdn/shop/files/Rectangle_147.png?v=1788191397&width=1200 1200w, 7165 //www.bonnemaison.fr/cdn/shop/files/Rectangle_147.png?v=1788191397&width=1600 1600w 7166 " 7167 sizes="auto" 7168 alt="La qualité des matières" 7169 width="994" 7170 height="1416" 7171 loading="lazy" 7172 > 7173 </picture></div><div class="ss-commitment-card__scrim" aria-hidden="true"></div><div class="ss-commitment-card__content"> 7174 <div class="ss-commitment-card__inner"><h3 class="ss-commitment-card__title">La qualité des matières</h3></div> 7175 </div> 7176</div> 7177 7178 7179 7180 7181<div 7182 class="ss-commitment-card" 7183 id="ss-commitment-card-AMmFpYnhMdDNUbGgzO__ss_commitment_card_mkPaGz" 7184 role="listitem" 7185 7186> 7187 <style> 7188 #ss-commitment-card-AMmFpYnhMdDNUbGgzO__ss_commitment_card_mkPaGz { 7189 --ss-cc-title-m: 20px; 7190 --ss-cc-title-d: 24px; 7191 --ss-cc-text-m: 14px; 7192 --ss-cc-text-d: 15px; 7193 --ss-cc-color: #ffffff; 7194 --ss-cc-scrim: rgba(0, 0, 0, 0.2); 7195 --ss-cc-pad-m: 24px; 7196 --ss-cc-pad-d: 32px; 7197 --ss-cc-empty-bg: #dcdcdc; 7198 } 7199 </style><a class="ss-commitment-card__cover" href="/pages/notre-histoire" aria-label="Une entreprise Française"></a><div class="ss-commitment-card__media"><picture> 7200 <source 7201 media="(max-width: 749px)" 7202 srcset=" 7203 //www.bonnemaison.fr/cdn/shop/files/Rectangle_146.png?v=1788191445&width=500 500w, 7204 //www.bonnemaison.fr/cdn/shop/files/Rectangle_146.png?v=1788191445&width=800 800w, 7205 //www.bonnemaison.fr/cdn/shop/files/Rectangle_146.png?v=1788191445&width=1100 1100w 7206 " 7207 sizes="auto" 7208 > 7209 <img 7210 src="//www.bonnemaison.fr/cdn/shop/files/Rectangle_146.png?v=1788191445&width=900" 7211 srcset=" 7212 //www.bonnemaison.fr/cdn/shop/files/Rectangle_146.png?v=1788191445&width=500 500w, 7213 //www.bonnemaison.fr/cdn/shop/files/Rectangle_146.png?v=1788191445&width=800 800w, 7214 //www.bonnemaison.fr/cdn/shop/files/Rectangle_146.png?v=1788191445&width=1200 1200w, 7215 //www.bonnemaison.fr/cdn/shop/files/Rectangle_146.png?v=1788191445&width=1600 1600w 7216 " 7217 sizes="auto" 7218 alt="Une entreprise Française" 7219 width="1004" 7220 height="1416" 7221 loading="lazy" 7222 > 7223 </picture></div><div class="ss-commitment-card__scrim" aria-hidden="true"></div><div class="ss-commitment-card__content"> 7224 <div class="ss-commitment-card__inner"><h3 class="ss-commitment-card__title">Une entreprise Française</h3></div> 7225 </div> 7226</div> 7227 7228 7229 7230 7231 </div><button type="button" class="ss-commitments__nav ss-commitments__nav--prev" data-ss-prev aria-label="Précédent" hidden> 7232 <svg class="ss-icon" width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 7233 <path d="M15 5l-7 7 7 7" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 7234 </svg> 7235 </button> 7236 <button type="button" class="ss-commitments__nav ss-commitments__nav--next" data-ss-next aria-label="Suivant" hidden> 7237 <svg class="ss-icon" width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 7238 <path d="M9 5l7 7-7 7" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 7239 </svg> 7240 </button></div><div class="ss-commitments__dots" data-ss-dots role="tablist" aria-label="Navigation du carrousel" hidden></div></div> 7241</ss-commitments> 7242 7243</section> 7244 </main> 7245 7246 <footer> 7247 <!-- BEGIN sections: footer-group --> 7248<section id="shopify-section-sections--31622813188421__ss_footer_newsletter_jxzyUw" class="shopify-section shopify-section-group-footer-group ss-section-wrapper"> 7249 7250<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-footer-newsletter.css?v=26623118730492924771788781586" rel="stylesheet" type="text/css" media="all" />
7251<script src="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-footer-newsletter.js?v=78867361449002657731788192118" defer></script>
7251<style> 7252 #shopify-section-sections--31622813188421__ss_footer_newsletter_jxzyUw { 7253 --ss-pt: 30px; 7254 --ss-pb: 30px; 7255 --ss-px: 15px; 7256 --ss-max-width: 1440px; 7257 --ss-bg: #ffffff; 7258 --ss-text: #2e4247; 7259 --ss-gap: 8px; 7260 } 7261 7262 @media (min-width: 981px) { 7263 #shopify-section-sections--31622813188421__ss_footer_newsletter_jxzyUw { 7264 --ss-pt: 60px; 7265 --ss-pb: 40px; 7266 --ss-px: 0px; 7267 } 7268 } 7269 7270 #shopify-section-sections--31622813188421__ss_footer_newsletter_jxzyUw .ss-section { 7271 padding: var(--ss-pt) var(--ss-px) var(--ss-pb); 7272 background-color: var(--ss-bg); 7273 color: var(--ss-text); 7274 } 7275 #shopify-section-sections--31622813188421__ss_footer_newsletter_jxzyUw .ss-section__inner { 7276 width: 100%; 7277 max-width: var(--ss-max-width); 7278 margin-inline: auto; 7279 } 7280 #shopify-section-sections--31622813188421__ss_footer_newsletter_jxzyUw .ss-section__inner--full { 7281 max-width: none; 7282 } 7283</style> 7284 7285<style> 7286 #shopify-section-sections--31622813188421__ss_footer_newsletter_jxzyUw { 7287 --ss-fn-nl-order-m: 2; 7288 --ss-fn-re-order-m: 1; 7289 --ss-fn-nl-order-d: 1; 7290 --ss-fn-re-order-d: 2; 7291 7292 --ss-fn-cols-m: 2; 7293 --ss-fn-cols-d: 4; 7294 7295 --ss-fn-nl-bg-m: #1a1a1a; 7296 --ss-fn-nl-color-m: #ffffff; 7297 --ss-fn-nl-bg-d: #000000; 7298 --ss-fn-nl-color-d: #ffffff; 7299 7300 --ss-fn-nl-width: 700px; 7301 --ss-fn-heading-m: 17px; 7302 --ss-fn-heading-d: 18px; 7303 7304 --ss-fn-input-bg: #ffffff; 7305 --ss-fn-input-color: #1a1a1a; 7306 --ss-fn-input-border: #c9c9c9; 7307 --ss-fn-input-h: 44px; 7308 --ss-fn-btn-bg: #ffffff; 7309 --ss-fn-btn-color: #000000; 7310 7311 --ss-fn-divider: #e0e0e0; 7312 --ss-fn-divider-m: #d8d8d8; 7313 --ss-fn-reassurance-bg: #ffffff; 7314 7315 --ss-fn-item-title-m: 14px; 7316 --ss-fn-item-title-d: 16px; 7317 --ss-fn-item-text-m: 13px; 7318 --ss-fn-item-text-d: 15px; 7319 --ss-fn-item-text-font: var(--ss-font-body); 7320 --ss-fn-icon-size: 28px; 7321 7322 --ss-fn-gap-m: 0px; 7323 --ss-fn-gap-d: 76px; 7324 7325 --ss-fn-rule-d: 1px; 7326 } 7327 #shopify-section-sections--31622813188421__ss_footer_newsletter_jxzyUw .ss-section__inner { 7328 width: 100%; 7329 max-width: 100%; 7330 margin-inline: auto; 7331 } 7332 7333 #shopify-section-sections--31622813188421__ss_footer_newsletter_jxzyUw .ss-section__inner .ss-footer-newsletter__re{ 7334 max-width: var(--ss-max-width); 7335 margin-inline: auto; 7336 width:100%; 7337 } 7338 @media(max-width:768px){ 7339 #shopify-section-sections--31622813188421__ss_footer_newsletter_jxzyUw .ss-section{ 7340 padding-left:0; 7341 padding-right:0; 7342 } 7343 } 7344</style> 7345 7346<ss-footer-newsletter 7347 class="ss-footer-newsletter ss-section color-scheme-1" 7348 id="ss-footer-newsletter-sections--31622813188421__ss_footer_newsletter_jxzyUw" 7349> 7350 <div class="ss-section__inner "><div class="ss-footer-newsletter__nl"> 7351 <div class="ss-footer-newsletter__nl-inner"><h2 class="ss-footer-newsletter__heading ss-anim ss-anim--slide" data-ss-delay="0"> 7352 Toutes nos créations en avant-première 7353 </h2><form method="post" action="/contact#ss-newsletter-form-sections--31622813188421__ss_footer_newsletter_jxzyUw" id="ss-newsletter-form-sections--31622813188421__ss_footer_newsletter_jxzyUw" accept-charset="UTF-8" class="ss-footer-newsletter__form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="contact[tags]" value="newsletter"> 7354 <input type="hidden" name="contact[accepts_marketing]" value="true"><div class="ss-footer-newsletter__row"> 7355 <label class="ss-u-visually-hidden" for="ss-nl-email-sections--31622813188421__ss_footer_newsletter_jxzyUw"> 7356 Votre adresse e-mail 7357 </label> 7358 <input 7359 class="ss-footer-newsletter__input" 7360 id="ss-nl-email-sections--31622813188421__ss_footer_newsletter_jxzyUw" 7361 type="email" 7362 name="contact[email]" 7363 value="" 7364 placeholder="Votre adresse e-mail" 7365 autocomplete="email" 7366 autocorrect="off" 7367 autocapitalize="off" 7368 spellcheck="false" 7369 required 7370 7371 > 7372 <button 7373 class="ss-footer-newsletter__submit" 7374 type="submit" 7375 aria-label="Sâinscrire" 7376 > 7377 <svg class="ss-icon" width="20" height="20" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 7378 <path d="M5.03125 12.0764H19.1204M12.0758 19.121L19.1204 12.0764L12.0758 5.03186" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 7379 </svg> 7380 </button> 7381 </div><div class="ss-footer-newsletter__consent"> 7382 <input 7383 class="ss-footer-newsletter__checkbox" 7384 id="ss-nl-consent-sections--31622813188421__ss_footer_newsletter_jxzyUw" 7385 type="checkbox" 7386 name="contact[consent]" 7387 value="1" 7388 7389 > 7390 <label class="ss-footer-newsletter__consent-label" for="ss-nl-consent-sections--31622813188421__ss_footer_newsletter_jxzyUw"> 7391 <p>En vous inscrivant, vous acceptez notre Politique de confidentialité et nos Conditions d'utilisation.</p> 7392 </label> 7393 </div></form></div> 7394 </div><div class="ss-footer-newsletter__re"> 7395 <div class="ss-footer-newsletter__re-grid ss-anim ss-anim--fade" data-ss-delay="120" role="list"> 7396 7397<div 7398 class="ss-reassurance-item" 7399 id="ss-reassurance-item-AS2l4N0JaK3pkbkVze__ss_reassurance_item_y6Bqah" 7400 role="listitem" 7401 7402><p class="ss-reassurance-item__title">Expertise et qualité</p><p class="ss-reassurance-item__text">Fabriqué en France et au Portugal</p></div> 7403 7404 7405 7406 7407<div 7408 class="ss-reassurance-item" 7409 id="ss-reassurance-item-AcU1QeGpTYzRqcCtaQ__ss_reassurance_item_CW7jeE" 7410 role="listitem" 7411 7412><p class="ss-reassurance-item__title">Paiement sécurisé</p><p class="ss-reassurance-item__text">Commandez en toute confiance</p></div> 7413 7414 7415 7416 7417<div 7418 class="ss-reassurance-item" 7419 id="ss-reassurance-item-AdEJmemlvL2xzM08yN__ss_reassurance_item_xKVii3" 7420 role="listitem" 7421 7422><p class="ss-reassurance-item__title">Livraison offerte</p><p class="ss-reassurance-item__text">Dès 69,90⬠pour la France, 79.90⬠EU</p></div> 7423 7424 7425 7426 7427<div 7428 class="ss-reassurance-item" 7429 id="ss-reassurance-item-AbWhna1B4bWg4eDVLO__ss_reassurance_item_RMgzfH" 7430 role="listitem" 7431 7432><p class="ss-reassurance-item__title">Satisfait ou remboursé</p><p class="ss-reassurance-item__text">Retour gratuit (hors frais de port)</p></div> 7433 7434 7435 7436 7437 </div> 7438 </div></div> 7439</ss-footer-newsletter> 7440 7441</section><div id="shopify-section-sections--31622813188421__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper"> 7442 7443<div class="section-background color-scheme-1"></div> 7444<div 7445 class="section section--page-width color-scheme-1" 7446> 7447 7448 <div 7449 class=" 7450 footer-content 7451 spacing-style 7452 7453 7454 " 7455 style=" 7456 --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px)); 7457 --footer-gap: 20px; 7458 --grid-columns: 4; 7459 --last-row-count: 4; 7460 --tablet-last-row-count: 2; 7461 " 7462 > 7463 7464 7465 7466<div 7467 class=" 7468 group-block 7469 group-block--height-fit 7470 group-block--width-fill 7471 border-style 7472 spacing-style 7473 size-style 7474 7475 7476 " 7477 style=" 7478 --border-width: 1px; --border-style: none; --border-color: 7479rgb(var(--color-border-rgb) / 1.0); --border-radius: 74800px; 7481 7482 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7483 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 7484 7485 " 7486 7487 data-testid="group-block" 7488><div class="group-block__media-wrapper"> 7489 7490 7491 7492 7493 7494 </div> 7495 7496 <div 7497 class=" 7498 group-block-content 7499 7500 layout-panel-flex 7501 layout-panel-flex--column 7502 mobile-column 7503 " 7504 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 7505 7506--gap: 6px; 7507 7508--horizontal-alignment: flex-start; --vertical-alignment: center; 7509--vertical-alignment-mobile: center; 7510" 7511 > 7512 7513 7514 7515 7516 7517 7518 7519 7520 7521 <div class=" spacing-style text-block text-block--AUW0zK2hjVlZZMmhvR__text_LWt8Pz h4 text-block--align-left " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "> 7522 <p>Une question ?</p> 7523 </div> 7524 7525 7526 7527 7528 7529 7530 7531 7532 7533 7534 7535 7536 7537 7538 7539 <rte-formatter class=" spacing-style text-block text-block--ATVVyM2pNTWN1WXcrQ__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; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "> 7540 <p>Contactez-nous<br/>Notre boutique - Bonne Maison Annecy<br/>Mardi à Samedi de 11h à 19h </p> 7541 </rte-formatter> 7542 7543 7544 7545 7546 7547 7548 7549</div> 7550</div> 7551 7552 7553 7554 7555 7556 7557 7558 7559<div 7560 class=" 7561 group-block 7562 group-block--height-fit 7563 group-block--width-fill 7564 border-style 7565 spacing-style 7566 size-style 7567 7568 7569 " 7570 style=" 7571 --border-width: 1px; --border-style: none; --border-color: 7572rgb(var(--color-border-rgb) / 1.0); --border-radius: 75730px; 7574 7575 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7576 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 7577 7578 " 7579 7580 data-testid="group-block" 7581><div class="group-block__media-wrapper"> 7582 7583 7584 7585 7586 7587 </div> 7588 7589 <div 7590 class=" 7591 group-block-content 7592 7593 layout-panel-flex 7594 layout-panel-flex--column 7595 mobile-column 7596 " 7597 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 7598 7599--gap: 6px; 7600 7601--horizontal-alignment: flex-start; --vertical-alignment: center; 7602--vertical-alignment-mobile: center; 7603" 7604 > 7605 7606 7607 7608 7609 7610 7611 <accordion-custom 7612 7613 class="menu menu--accordion" 7614 7615 7616 7617 open-by-default-on-desktop 7618 7619 7620 7621 data-disable-on-desktop="true" 7622 7623 7624 7625 7626 7627> 7628 7629 <details 7630 class=" 7631 menu__details 7632 spacing-style 7633 7634 " 7635 data-testid="menu-details" 7636 style=" 7637 --spacing--size: 12px; 7638 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7639 " 7640 7641 7642 > 7643 <summary class="menu__heading h4">
7644 <span class="menu__heading__default">Bonne Maison</span> 7645 <span class="menu__heading__accordion"> 7646 Bonne Maison 7647 7648 <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"> 7649 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7650</svg> 7651</span> 7652 7653 </span> 7654 </summary> 7655 7656 <nav 7657 class="details-content" 7658 7659 aria-label="Bonne Maison" 7660 7661 > 7662 7663 <ul class="list-unstyled"> 7664 7665 <li class="menu__item paragraph"> 7666 <a href="/pages/notre-histoire"> 7667 Notre histoire 7668 </a> 7669 </li> 7670 7671 <li class="menu__item paragraph"> 7672 <a href="/collections/all"> 7673 Boutique 7674 </a> 7675 </li> 7676 7677 <li class="menu__item paragraph"> 7678 <a href="/collections/fin-d-histoires"> 7679 Fin des histoires 7680 </a> 7681 </li> 7682 7683 </ul> 7684 7685 </nav> 7686 </details> 7687 7688</accordion-custom> 7689 7690 7691 7692 7693 7694 7695 7696 7697 7698 7699 7700</div> 7701</div> 7702 7703 7704 7705 7706 7707 7708 7709 7710<div 7711 class=" 7712 group-block 7713 group-block--height-fit 7714 group-block--width-fill 7715 border-style 7716 spacing-style 7717 size-style 7718 7719 7720 " 7721 style=" 7722 --border-width: 1px; --border-style: none; --border-color: 7723rgb(var(--color-border-rgb) / 1.0); --border-radius: 77240px; 7725 7726 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7727 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 7728 7729 " 7730 7731 data-testid="group-block" 7732><div class="group-block__media-wrapper"> 7733 7734 7735 7736 7737 7738 </div> 7739 7740 <div 7741 class=" 7742 group-block-content 7743 7744 layout-panel-flex 7745 layout-panel-flex--column 7746 mobile-column 7747 " 7748 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 7749 7750--gap: 6px; 7751 7752--horizontal-alignment: flex-start; --vertical-alignment: center; 7753--vertical-alignment-mobile: center; 7754" 7755 > 7756 7757 7758 7759 7760 7761 7762 <accordion-custom 7763 7764 class="menu menu--accordion" 7765 7766 7767 7768 open-by-default-on-desktop 7769 7770 7771 7772 data-disable-on-desktop="true" 7773 7774 7775 7776 7777 7778> 7779 7780 <details 7781 class=" 7782 menu__details 7783 spacing-style 7784 7785 " 7786 data-testid="menu-details" 7787 style=" 7788 --spacing--size: 12px; 7789 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7790 " 7791 7792 7793 > 7794 <summary class="menu__heading h4"> 7795 <span class="menu__heading__default">Service après ventes</span> 7796 <span class="menu__heading__accordion"> 7797 Service après ventes 7798 7799 <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"> 7800 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7801</svg> 7802</span> 7803 7804 </span> 7805 </summary> 7806 7807 <nav 7808 class="details-content" 7809 7810 aria-label="Service après ventes" 7811 7812 > 7813 7814 <ul class="list-unstyled"> 7815 7816 <li class="menu__item paragraph"> 7817 <a href="/pages/paiement-securise"> 7818 Paiement sécurisé 7819 </a> 7820 </li> 7821 7822 <li class="menu__item paragraph"> 7823 <a href="/pages/livraison"> 7824 Livraison 7825 </a> 7826 </li> 7827 7828 <li class="menu__item paragraph"> 7829 <a href="/pages/suivi-de-commande"> 7830 Suivi de commande 7831 </a> 7832 </li> 7833 7834 <li class="menu__item paragraph"> 7835 <a href="/policies/terms-of-sale"> 7836 Retour ou échange 7837 </a> 7838 </li> 7839 7840 <li class="menu__item paragraph"> 7841 <a href="/pages/guide-entretien"> 7842 Guide d'entretiens 7843 </a> 7844 </li> 7845 7846 <li class="menu__item paragraph"> 7847 <a href="/pages/tailles"> 7848 Tailles 7849 </a> 7850 </li> 7851 7852 </ul> 7853 7854 </nav> 7855 </details> 7856 7857</accordion-custom> 7858 7859 7860 7861 7862 7863 7864 7865 7866 7867 7868 7869</div> 7870</div> 7871 7872 7873 7874 7875 7876 7877 7878 7879<div 7880 class=" 7881 group-block 7882 group-block--height-fit 7883 group-block--width-fill 7884 border-style 7885 spacing-style 7886 size-style 7887 7888 7889 " 7890 style=" 7891 --border-width: 1px; --border-style: none; --border-color: 7892rgb(var(--color-border-rgb) / 1.0); --border-radius: 78930px; 7894 7895 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7896 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 7897 7898 " 7899 7900 data-testid="group-block" 7901><div class="group-block__media-wrapper"> 7902 7903 7904 7905 7906 7907 </div> 7908 7909 <div 7910 class=" 7911 group-block-content 7912 7913 layout-panel-flex 7914 layout-panel-flex--column 7915 mobile-column 7916 " 7917 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 7918 7919--gap: 6px; 7920 7921--horizontal-alignment: flex-start; --vertical-alignment: center; 7922--vertical-alignment-mobile: center; 7923" 7924 > 7925 7926 7927 7928 7929 7930 7931 <accordion-custom 7932 7933 class="menu menu--accordion" 7934 7935 7936 7937 open-by-default-on-desktop 7938 7939 7940 7941 data-disable-on-desktop="true" 7942 7943 7944 7945 7946 7947> 7948 7949 <details 7950 class=" 7951 menu__details 7952 spacing-style 7953 7954 " 7955 data-testid="menu-details" 7956 style=" 7957 --spacing--size: 12px; 7958 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7959 " 7960 7961 7962 > 7963 <summary class="menu__heading h4">
7964 <span class="menu__heading__default">Informations</span> 7965 <span class="menu__heading__accordion"> 7966 Informations 7967 7968 <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"> 7969 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7970</svg> 7971</span> 7972 7973 </span> 7974 </summary> 7975 7976 <nav 7977 class="details-content" 7978 7979 aria-label="Informations" 7980 7981 > 7982 7983 <ul class="list-unstyled"> 7984 7985 <li class="menu__item paragraph"> 7986 <a href="/policies/legal-notice"> 7987 Mentions légales 7988 </a> 7989 </li> 7990 7991 <li class="menu__item paragraph"> 7992 <a href="/policies/terms-of-sale"> 7993 CGV 7994 </a> 7995 </li> 7996 7997 <li class="menu__item paragraph"> 7998 <a href="/policies/privacy-policy"> 7999 Politique de confidentialité 8000 </a> 8001 </li> 8002 8003 <li class="menu__item paragraph"> 8004 <a href="/policies/shipping-policy"> 8005 Livraison 8006 </a> 8007 </li> 8008 8009 <li class="menu__item paragraph"> 8010 <a href="/policies/refund-policy"> 8011 Retours et remboursement 8012 </a> 8013 </li> 8014 8015 </ul> 8016 8017 </nav> 8018 </details> 8019 8020</accordion-custom> 8021 8022 8023 8024 8025 8026 8027 8028 8029 8030 8031 8032</div> 8033</div> 8034 8035 8036 8037 8038 8039 8040 </div> 8041</div> 8042 8043 8044 8045 8046</div><div id="shopify-section-sections--31622813188421__ss_footer_bar" class="shopify-section shopify-section-group-footer-group ss-section-wrapper ss-footer-bar-wrapper"> 8047 8048<link href="//www.bonnemaison.fr/cdn/shop/t/2/assets/ss-footer-bar.css?v=55398790069451183101790241670" rel="stylesheet" type="text/css" media="all" /> 8049<style> 8050 #shopify-section-sections--31622813188421__ss_footer_bar { 8051 --ss-pt: 16px; 8052 --ss-pb: 0px; 8053 --ss-px: 0px; 8054 --ss-max-width: 1440px; 8055 --ss-bg: #ffffff; 8056 --ss-text: #2e4247; 8057 --ss-gap: 8px; 8058 } 8059 8060 @media (min-width: 981px) { 8061 #shopify-section-sections--31622813188421__ss_footer_bar { 8062 --ss-pt: 24px; 8063 --ss-pb: 32px; 8064 --ss-px: 40px; 8065 } 8066 } 8067 8068 #shopify-section-sections--31622813188421__ss_footer_bar .ss-section { 8069 padding: var(--ss-pt) var(--ss-px) var(--ss-pb); 8070 background-color: var(--ss-bg); 8071 color: var(--ss-text); 8072 } 8073 #shopify-section-sections--31622813188421__ss_footer_bar .ss-section__inner { 8074 width: 100%; 8075 max-width: var(--ss-max-width); 8076 margin-inline: auto; 8077 } 8078 #shopify-section-sections--31622813188421__ss_footer_bar .ss-section__inner--full { 8079 max-width: none; 8080 } 8081</style> 8082 8083<style> 8084 #shopify-section-sections--31622813188421__ss_footer_bar { 8085 --ss-fb-bar-bg-m: #1a1a1a; 8086 --ss-fb-bar-color-m: #ffffff; 8087 --ss-fb-bar-bg-d: #ffffff; 8088 --ss-fb-bar-color-d: #1a1a1a; 8089 8090 --ss-fb-hashtag-m: 14px; 8091 --ss-fb-hashtag-d: 15px; 8092 --ss-fb-icon-size: 20px; 8093 --ss-fb-icon-gap: 14px; 8094 8095 --ss-fb-divider: #e0e0e0; 8096 --ss-fb-rule: 1px; 8097 8098 --ss-fb-pay-h: 24px; 8099 --ss-fb-pay-gap: 8px; 8100 --ss-fb-pay-filter: grayscale(1); 8101 8102 --ss-fb-select-border-m: #5a5a5a; 8103 --ss-fb-select-border-d: #c9c9c9; 8104 8105 --ss-fb-row-gap-m: 16px; 8106 --ss-fb-row-gap-d: 24px; 8107 } 8108</style> 8109 8110<div class="ss-footer-bar color-scheme-1" id="ss-footer-bar-sections--31622813188421__ss_footer_bar"> 8111 <div class="ss-footer-bar__inner "><div class="ss-footer-bar__payments"> 8112 <ul class="ss-footer-bar__payment-list list-unstyled" role="list"><li class="ss-footer-bar__payment"> 8113 <svg class="ss-footer-bar__payment-icon" 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;"/>
8113<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> 8114 8115 </li><li class="ss-footer-bar__payment"> 8116 <svg class="ss-footer-bar__payment-icon" 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" />
8116<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> 8117 8118 </li><li class="ss-footer-bar__payment"> 8119 <svg class="ss-footer-bar__payment-icon" 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)"/>
8119<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> 8120 </li><li class="ss-footer-bar__payment"> 8121 <svg class="ss-footer-bar__payment-icon" 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="
81211" 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> 8122 8123 </li><li class="ss-footer-bar__payment"> 8124 <svg class="ss-footer-bar__payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-eps"> <title id="pi-eps">EPS</title> <path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" opacity=".07"/> <path 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" fill="#fff"/> <path fill="#71706f" d="M27.745 12.32h-2.322a.465.465 0 01-.468-.464c0-.258.21-.484.468-.484h3.535V9.628h-3.535c-1.233 0-2.237 1.006-2.237 2.236s1.004 2.237 2.237 2.237h2.29c.259 0 .469.205.469.462 0 .258-.21.448-.468.448h-4.912c-.417.796-.822 1.478-1.645 1.82h6.588c1.213-.018 2.205-1.045 2.205-2.265 0-1.22-.992-2.23-2.205-2.247z"/> <path fill="#71706f" d="M18.845 9.628c-1.968 0-3.571 1.612-3.571 3.594V20.697h1.782V16.83h1.785c1.968 0 3.565-1.634 3.565-3.615 0-1.98-1.593-3.587-3.561-3.587zm0 5.383h-1.79v-1.796c0-1.003.8-1.82 1.79-1.82s1.796.817 1.796 1.82a1.79 1.79 0 01-1.796 1.796z"/> <path fill="#c8036f" d="M9.634 16.83c-1.685 0-3.101-1.2-3.484-2.768 0 0-.111-.519-.111-.86 0-.342.105-.865.105-.865a3.594 3.594 0 013.482-2.73c1.978 0 3.6 1.608 3.6 3.586v.87H7.973c.31.60
81247.938.948 1.662.948h4.724l.006-5.13c0-.764-.625-1.39-1.39-1.39H6.278c-.764 0-1.39.607-1.39 1.371v6.696c0 .765.626 1.41 1.39 1.41h6.696c.686 0 1.259-.493 1.37-1.138h-4.71z"/> <path fill="#c8036f" d="M9.626 11.31c-.72 0-1.348.44-1.66 1.01h3.32c-.312-.57-.939-1.01-1.66-1.01zM12.659 6.314c0-1.635-1.359-2.96-3.034-2.96-1.647 0-2.987 1.282-3.031 2.879v.91c0 .106.086.21.195.21h1.116c.11 0 .205-.104.205-.21v-.83c0-.815.68-1.48 1.516-1.48.837 0 1.516.665 1.516 1.48v.83c0 .106.089.21.198.21h1.116c.109 0 .202-.104.202-.21v-.83z"/> <g> <path fill="#71706f" d="M20.843 19.142l-.16.914c-.082.462-.384.673-.794.673-.347 0-.616-.226-.538-.672l.161-.914h.249l-.161.913c-.05.285.078.447.32.447.249 0 .462-.148.513-.446l.161-.915h.25zm-.977-.285c0 .076.059.112.121.112.079 0 .164-.057.164-.162 0-.074-.05-.112-.114-.112-.08 0-.17.052-.17.162zm.538-.003c0 .079.06.114.126.114.07 0 .161-.056.161-.159 0-.074-.054-.114-.114-.114-.08 0-.173.052-.173.16zM21.445 19.142l-.112.632a.57.57 0 01.423-.199c.278 0 .47.163.47.465 0 .428-.297.686-.678.686-.148 0-.274-.055-.35-.194l-.042.165h-.218l.276-1.554h.23zm-.175 1.066c-.01.183.11.302.282.302a.444.444 0 00.441-.423c.01-.186-.111-.296-.28-.296a.45.45 0 00-.443.417zM22.68 20.242c-.01.151.11.275.311.275.112 0 .26-.044.34-.12l.126.145a.782.782 0 01-.508.188c-.319 0-.505-.19-.505-.482 0-.388.305-.677.695-.677.356 0 .558.216.437.67h-.896zm.708-.19c.018-.19-.094-.267-.28-.267-.168 0-.323.078-.39.267h.67zM24.193 19.597l-.012.146a.414.414 0 01.357-.17c.107 0 .204.039.255.095l-.139.201a.244.244 0 00-.183-.067.346.346 0 00-.352.3l-.106.595h-.23l.195-1.1h.215zM25.905 19.597l.116.87.422-.87h.257l-.578 1.1h-.27l-.11-.725-.178.36-.192.365h-.27l-.194-1.1h.26l.114.87.424-.87h.199zM26.997 20.242c-.01.151.11.275.311.275.112 0 .26-.044.34-.12l.126.145a.782.782 0 01-.508.188c-.319 0-.505-.19-.505-.482 0-.388.305-.677.695-.677.356 0 .558.216.437.67h-.896zm.708-.19c.018-.19-.094-.267-.28-.267-.168 0-.323.078-.39.267h.67zM28.525 19.597l-.194 1.1H28.1l.195-1.1h.23zm-.204-.3c0 .08.059.12.121.12.09 0 .173-.059.173-.168a.113.113 0 00-.117-.117c-.082 0-.177.054-.177.166zM29.55 19.87c-.072-.081-.164-.104-.274-.104-.152 0-.26.052-.26.148 0 .08.088.114.218.126.201.017.459.085.405.37-.038.205-.244.326-.53.326-.18 0-.353-.04-.47-.204l.151-.163c.083.114.229.161.358.164.11 0 .24-.04.26-.144.02-.098-.067-.136-.228-.152-.188-.018-.394-.087-.394-.296 0-.276.298-.372.522-.372.17 0 .295.038.399.148l-.157.152zM30.278 19.597l-.105.592c-.034.189.051.319.244.319.181 0 .336-.15.367-.334l.101-.576h.231l-.195 1.099h-.208l.015-.16a.573.573 0 01-.412.182c-.271 0-.432-.194-.374-.528l.105-.593h.231zM32.13 20.697l.105-.589c.033-.19-.032-.317-.242-.317-.184 0-.339.148-.37.33l-.1.576h-.232l.195-1.1h.21l-.015.16a.583.583 0 01.403-.176c.27 0 .444.187.384.525l-.106.59h-.233zM32.912 20.848c-.016.152.1.213.296.213.17 0 .354-.095.396-.337l.034-.189c-.1.142-.285.197-.421.197-.283 0-.48-.168-.48-.473 0-.434.323-.685.688-.685.155 0 .294.073.343.199l.038-.176h.224l-.193 1.132c-.071.42-.383.55-.668.55-.34 0-.528-.165-.481-.43h.224zm.065-.633c0 .188.123.302.3.302.477 0 .605-.733.128-.733a.42.42 0 00-.428.43z"/></g></svg> 8125 </li><li class="ss-footer-bar__payment"> 8126 <svg class="ss-footer-bar__payment-icon" 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
8126-.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> 8127 </li><li class="ss-footer-bar__payment"> 8128 <svg class="ss-footer-bar__payment-icon" 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> 8129 8130 </li><li class="ss-footer-bar__payment"> 8131 <svg class="ss-footer-bar__payment-icon" viewBox="0 0 38 24" role="img" width="38" height="24" aria-labelledby="pi-mbway" xmlns="http://www.w3.org/2000/svg"><title id="pi-mbway">MB WAY</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M2.652 18.267l-.059.459a.38.38 0 00.381.424H17.88c.232 0 .41-.198.383-.424l-.061-.459a.658.658 0 01.579-.72.646.646 0 01.712.579l.057.445c.116.998-.448 1.872-1.456 1.872H2.761c-1.008 0-1.573-.874-1.457-1.872l.058-.445a.646.646 0 01.711-.579.657.657 0 01.579.72" fill="#d81e25"/><path d="M18.225 10.154c0 .608-.215.952-.571 1.374l-.036.043.05.029c.705.43 1.197 1.079 1.234 1.991.055 1.359-1.097 2.482-2.463 2.479h-3.602a.642.642 0 01-.634-.65V8.435c0-.361.283-.652.632-.652l2.974.009c1.297.002 2.416.955 2.416 2.362m-1.793 4.659c.726 0 1.303-.528 1.288-1.223-.016-.712-.663-1.172-1.385-1.174h-1.46a.595.595 0 01-.588-.605c0-.337.264-.606.588-.606h.974c.658-.026 1.165-.424 1.196-1.046.032-.666-.539-1.165-1.238-1.165H13.44l-.008 5.819h3" fill="#100f0d"/><path d="M6.616 13.676l.016.049.018-.049c.168-.46.369-.969.583-1.525.22-.584.439-1.143.658-1.675.221-.541.431-1.024.631-1.444.2-.429.366-.724.493-.886a.97.97 0 01.781-.354h.149c.199 0 .354.053.47.15.107.093.171.2.188.323l.931 7.219a.593.593 0 01-.159.437c-.105.1-.256.149-.453.149-.198 0-.353-.047-.469-.138a.506.506 0 01-.218-.361c-.03-.24-.06-.507-.089-.8-.04-.292-.186-1.552-.226-1.868-.038-.327-.301-2.368-.389-3.109l-.008-.062-.299.625c-.101.215-.21.474-.331.776-.119.3-.241.618-.36.954-.13.325-.707 1.972-.707 1.972-.052.15-.154.451-.245.727a12.48 12.48 0 01-.202.572.82.82 0 01-.744.455.813.813 0 01-.746-.455 10.32 10.32 0 01-.202-.572c-.093-.276-.193-.577-.248-.727 0 0-.577-1.647-.704-1.972a29.247 29.247 0 00-.363-.954c-.12-.302-.229-.561-.328-.776l-.3-.625-.007.062c-.09.741-.35 2.782-.39 3.109-.041.316-.186 1.576-.226 1.868-.03.293-.06.56-.093.8a.502.502 0 01-.215.361c-.116.091-.273.138-.47.138-.197 0-.345-.049-.451-.149-.106-.106-.159-.252-.16-.437l.931-7.219a.529.529 0 01.189-.323.703.703 0 01.467-.15h.151c.325 0 .585.119.781.354.128.162.292.457.492.886.202.42.41.903.632 1.444.219.532.439 1.091.659 1.675.214.556.415 1.065.582 1.525" fill="#100f0d"/><path d="M4.79 3.419h11.322c1.066 0 1.597.8 1.722 1.856l.047.339a.662.662 0 01-.583.725.652.652 0 01-.715-.587l-.046-.323c-.047-.401-.217-.711-.625-.711H4.989c-.407 0-.577.31-.625.711l-.043.323a.653.653 0 11-1.301-.138l.047-.339c.126-1.056.656-1.856 1.723-1.856" fill="#d81e25"/><path d="M25.154 11.027c-.079.302-.159.625-.244.969-.085.343-.17.67-.253.984-.082.313-.161.588-.236.825a3.002 3.002 0 01-.185.486c-.089.154-.243.232-.464.232-.061 0-.141-.013-.241-.039-.098-.025-.18-.096-.248-.21a3.005 3.005 0 01-.185-.511 24.53 24.53 0 01-.235-.873c-.084-.33-.165-.679-.249-1.047a79.928 79.928 0 01-.223-1.026c-.066-.316-.121-.587-.166-.808a13.422 13.422 0 01-.074-.4c-.004-.028-.007-.047-.007-.058v-.033c0-.093.033-.169.106-.228a.42.42 0 01.264-.086c.1 0 .179.022.241.064.06.039.105.113.132.218 0 .01.016.091.045.239.032.148.07.338.116.568.048.232.101.49.158.776.058.285.117.576.182.869.063.293.128.576.191.853.063.275.12.512.176.708a36.527 36.527 0 00.381-1.38c.066-.256.13-.51.19-.767l.17-.712c.053-.221.098-.415.136-.586.039-.171.069-.297.091-.379a.46.46 0 01.157-.248c.079-.06.17-.09.281-.09a.46.46 0 01.299.095.437.437 0 01.
8131148.243c.062.268.127.57.199.903a59.514 59.514 0 00.463 2.011c.084.327.163.617.24.869.055-.197.115-.434.178-.708l.194-.85c.067-.289.129-.578.19-.865l.167-.771a106.486 106.486 0 00.164-.778c.027-.105.072-.179.132-.218a.418.418 0 01.24-.064c.104 0 .193.03.264.086a.28.28 0 01.109.228v.033a6.253 6.253 0 01-.088.458 108.095 108.095 0 01-.392 1.829 49.61 49.61 0 01-.244 1.042c-.08.33-.156.621-.232.872a2.898 2.898 0 01-.185.506.439.439 0 01-.252.218.92.92 0 01-.245.047.663.663 0 01-.099-.01.748.748 0 01-.141-.033.516.516 0 01-.148-.078.362.362 0 01-.117-.144 3.826 3.826 0 01-.178-.52 37.54 37.54 0 01-.458-1.776c-.077-.332-.15-.645-.215-.935" fill="#100f0d"/><path d="M31.315 12.279a40 40 0 00-.33-.984 17.49 17.49 0 00-.411-1.065l-.052-.142a.692.692 0 00-.053.136 16.567 16.567 0 00-.408 1.071c-.1.299-.209.627-.325.984zm-1.835.718a24.52 24.52 0 00-.22.732 5.932 5.932 0 01-.178.553c-.06.16-.181.241-.363.241-.127 0-.219-.032-.278-.096a.347.347 0 01-.086-.243.36.36 0 01.016-.109c.011-.031.045-.144.105-.337.057-.191.132-.431.226-.717.093-.286.197-.599.31-.939a34.26 34.26 0 01.707-1.941c.115-.289.224-.522.322-.696a.382.382 0 01.178-.192.785.785 0 01.303-.049c.123 0 .225.021.309.059a.324.324 0 01.178.198c.078.164.171.386.279.662.106.278.22.578.338.899.118.322.235.651.352.985.115.336.223.648.318.937l.248.738c.068.203.113.335.128.393.01.035.017.071.017.109a.32.32 0 01-.099.243c-.067.064-.163.096-.289.096-.096 0-.164-.022-.213-.064a.404.404 0 01-.11-.177 11.55 11.55 0 01-.196-.553c-.073-.225-.153-.468-.235-.732H29.48" fill="#100f0d"/><path d="M34.12 12.443a.654.654 0 01-.079-.091 5.456 5.456 0 01-.33-.514 9.736 9.736 0 01-.275-.497c-.09-.177-.177-.356-.262-.534a12.458 12.458 0 01-.231-.496c-.071-.155-.13-.289-.178-.4a1.671 1.671 0 01-.112-.298.428.428 0 01-.005-.062c0-.099.034-.182.103-.246a.395.395 0 01.286-.101c.11 0 .187.028.235.083.047.056.082.11.103.165.01.029.038.088.079.181l.152.346c.061.138.13.289.207.453.079.166.156.328.237.488.079.159.158.311.232.458.073.144.145.264.21.359a6.14 6.14 0 00.34-.603c.12-.242.236-.48.347-.716.11-.238.204-.447.286-.627.079-.182.127-.295.144-.339a.666.666 0 01.103-.165c.046-.055.126-.083.235-.083.122 0 .216.034.287.101a.327.327 0 01.101.246c0 .026 0 .048-.002.062-.003.014-.011.035-.02.062l-.096.239a24.658 24.658 0 01-.405.903c-.087.178-.174.355-.265.531-.091.175-.182.344-.274.503-.09.158-.175.295-.252.404a1.237 1.237 0 01-.156.188v1.707c0 .11-.035.199-.105.27a.37.37 0 01-.268.103.37.37 0 01-.268-.103.366.366 0 01-.104-.27v-1.707" fill="#100f0d"/></svg> 8132 8133 </li><li class="ss-footer-bar__payment"> 8134 <svg class="ss-footer-bar__payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-mobilepay"><title id="pi-mobilepay">MobilePay</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 fill-rule="evenodd" clip-rule="evenodd" d="M20.05 15.296s2.53-.771 4.282-.776c2.896-.007 4.857 1.15 4.857 1.15V10.06s-1.97-1.02-4.453-1.09c-2.481-.068-4.687 1.012-4.687 1.012v5.313z" fill="#5A78FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.308 9.19l2.082 4.957V9.396s1.646-.882 3.485-1.13c1.84-.249 4.181.08 4.181.08l-1.133-2.707s-2.461-.159-4.69.794c-2.228.952-3.925 2.756-3.925 2.756z" fill="#5A78FF"/><path d="M21.428 5.676l-.82-1.99a1.818 1.818 0 00-2.37-.996l-5.663 2.334a1.818 1.818 0 00-.98 2.376l5.46 13.247a1.818 1.818 0 002.37.995l5.662-2.334a1.817 1.817 0 00.98-2.376l-.677-1.642s-.462-.027-.676-.033c-.226-.006-.644-.001-.644-.001l.88 2.136a.606.606 0 01-.326.793l-5.663 2.333a.606.606 0 01-.79-.331L12.711 6.94a.606.606 0 01.327-.792L18.7 3.814a.606.606 0 01.79.332l.83 2.011s.383-.187.59-.27c.206-.082.518-.211.518-.211z" fill="#5A78FF"/></svg> 8135 </li><li class="ss-footer-bar__payment"> 8136 <svg class="ss-footer-bar__payment-icon" 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"/>
8136<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> 8137 </li><li class="ss-footer-bar__payment"> 8138 <svg class="ss-footer-bar__payment-icon" 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
813816.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> 8139 8140 </li></ul> 8141 </div><div class="ss-footer-bar__brand"><a class="ss-footer-bar__hashtag" href="#" target="_blank" rel="noopener">#bonnemaison</a><ul class="ss-footer-bar__socials list-unstyled" role="list"> 8142 8143<li class="ss-social-link" ><a 8144 class="ss-social-link__a" 8145 href="#" 8146 target="_blank" 8147 rel="noopener" 8148 aria-label="Facebook" 8149 ><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"> 8150 <path d="M24 12.07C24 5.4 18.63 0 12 0S0 5.4 0 12.07C0 18.1 4.39 23.1 10.13 24v-8.44H7.08v-3.49h3.05V9.41c0-3.02 1.79-4.69 4.53-4.69 1.31 0 2.68.24 2.68.24v2.97h-1.51c-1.49 0-1.96.93-1.96 1.89v2.25h3.33l-.53 3.49h-2.8V24C19.61 23.1 24 18.1 24 12.07Z"/> 8151 </svg> 8152</a></li> 8153 8154 8155 8156 8157<li class="ss-social-link" ><a 8158 class="ss-social-link__a" 8159 href="#" 8160 target="_blank" 8161 rel="noopener" 8162 aria-label="Pinterest" 8163 ><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"> 8164 <path d="M12 0C5.37 0 0 5.37 0 12c0 5.08 3.16 9.43 7.63 11.18-.11-.95-.2-2.41.04-3.45.22-.94 1.4-5.96 1.4-5.96s-.36-.72-.36-1.78c0-1.67.97-2.92 2.17-2.92 1.02 0 1.52.77 1.52 1.69 0 1.03-.66 2.57-1 4-.28 1.2.6 2.17 1.78 2.17 2.14 0 3.78-2.25 3.78-5.5 0-2.88-2.07-4.89-5.02-4.89-3.42 0-5.43 2.56-5.43 5.21 0 1.03.4 2.14.89 2.74.1.12.11.22.08.34-.9.38-.29 1.2-.33 1.36-.5.22-.17.27-.4.16-1.5-.7-2.43-2.89-2.43-4.65 0-3.79 2.75-7.26 7.93-7.26 4.16 0 7.4 2.97 7.4 6.93 0 4.14-2.61 7.47-6.23 7.47-1.22 0-2.36-.63-2.75-1.38l-.75 2.85c-.27 1.04-1 2.35-1.49 3.15 1.12.35 2.31.53 3.55.53 6.63 0 12-5.37 12-12S18.63 0 12 0Z"/> 8165 </svg> 8166</a></li> 8167 8168 8169 8170 8171<li class="ss-social-link" ><a 8172 class="ss-social-link__a" 8173 href="#" 8174 target="_blank" 8175 rel="noopener" 8176 aria-label="Instagram" 8177 ><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"> 8178 <path d="M12 2.16c3.2 0 3.58.01 4.85.07 1.17.05 1.8.25 2.23.41.56.22.96.48 1.38.9.42.42.68.82.9 1.38.16.42.36 1.06.41 2.23.06 1.26.07 1.64.07 4.85s-.01 3.58-.07 4.85c-.05 1.17-.25 1.8-.41 2.23-.22.56-.48.96-.9 1.38-.42.42-.82.68-1.38.9-.42.16-1.06.36-2.23.41-1.26.06-1.64.07-4.85.07s-3.58-.01-4.85-.07c-1.17-.05-1.8-.25-2.23-.41-.56-.22-.96-.48-1.38-.9-.42-.42-.68-.82-.9-1.38-.16-.42-.36-1.06-.41-2.23-.06-1.26-.07-1.64-.07-4.85s.01-3.58.07-4.85c.05-1.17.25-1.8.41-2.23.22-.56.48-.96.9-1.38.42-.42.82-.68 1.38-.9.42-.16 1.06-.36 2.23-.41 1.26-.06 1.64-.07 4.85-.07M12 0C8.74 0 8.33.01 7.05.07 5.78.13 4.9.33 4.14.63c-.79.3-1.46.72-2.12 1.39C1.35 2.68.93 3.35.63 4.14.33 4.9.13 5.78.07 7.05.01 8.33 0 8.74 0 12s.01 3.67.07 4.95c.06 1.27.26 2.15.56 2.91.3.79.72 1.46 1.39 2.12.66.66 1.33 1.08 2.12 1.39.76.3 1.64.5 2.91.56C8.33 23.99 8.74 24 12 24s3.67-.01 4.95-.07c1.27-.06 2.15-.26 2.91-.56.79-.3 1.46-.72 2.12-1.39.66-.66 1.08-1.33 1.39-2.12.3-.76.5-1.64.56-2.91.06-1.27.07-1.68.07-4.95s-.01-3.67-.07-4.95c-.06-1.27-.26-2.15-.56-2.91-.3-.79-.72-1.46-1.39-2.12-.66-.66-1.33-1.08-2.12-1.39-.76-.3-1.64-.5-2.91-.56C15.67.01 15.26 0 12 0Z"/> 8179 <path d="M12 5.84a6.16 6.16 0 1 0 0 12.32 6.16 6.16 0 0 0 0-12.32Zm0 10.16a4 4 0 1 1 0-8 4 4 0 0 1 0 8Z"/> 8180 <circle cx="18.41" cy="5.59" r="1.44"/> 8181 </svg> 8182</a></li> 8183 8184 8185 8186 8187 </ul></div><div class="ss-footer-bar__selectors"><form method="post" action="/localization" id="ss-fb-locale-sections--31622813188421__ss_footer_bar" accept-charset="UTF-8" class="ss-footer-bar__form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><label class="ss-u-visually-hidden" for="ss-fb-locale-sections--31622813188421__ss_footer_bar-select"> 8188 Translation missing: fr.localization.language_label 8189 </label> 8190 <div class="ss-footer-bar__select-wrap"> 8191 <select 8192 class="ss-footer-bar__select" 8193 id="ss-fb-locale-sections--31622813188421__ss_footer_bar-select" 8194 name="locale_code" 8195 data-ss-locale-select 8196 ><option 8197 value="fr" 8198 lang="fr" 8199 selected 8200 >Français</option><option 8201 value="en" 8202 lang="en" 8203 8204 >English</option></select>
8205 <span class="ss-footer-bar__select-chevron" aria-hidden="true"></span> 8206 </div> 8207 <noscript> 8208 <button class="ss-footer-bar__select-submit" type="submit"> 8209 Translation missing: fr.localization.update_language 8210 </button> 8211 </noscript></form></div></div> 8212</div> 8213 8214</div> 8215<!-- END sections: footer-group --> 8216 </footer> 8217 8218 8219
8220<script 8221 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/dialog.js?v=150888536568694194021788024220" 8222 type="module" 8223></script>
8223 8224
8225<script 8226 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/predictive-search.js?v=149240552485540508541788024220" 8227 type="module" 8228 fetchpriority="low" 8229></script>
8229 8230 8231<dialog-component 8232 id="search-modal" 8233 class="search-modal" 8234 8235> 8236 <dialog 8237 ref="dialog" 8238 on:click="/closeDialogOnClickOutside" 8239 on:keydown="/closeDialogOnEscapePress" 8240 class="search-modal__content dialog-modal" 8241 scroll-lock 8242 aria-labelledby="search-modal-heading" 8243 > 8244 <h2 8245 id="search-modal-heading" 8246 class="visually-hidden" 8247 > 8248 Rechercher 8249 </h2> 8250 <predictive-search-component 8251 class="predictive-search color-scheme-1" 8252 style="--product-corner-radius: 0px; --card-corner-radius: 4px;" 8253 data-section-id="predictive-search" 8254 data-testid="search-component--modal" 8255 role="search" 8256 aria-label="Rechercher" 8257 > 8258 <form 8259 action="/search" 8260 method="get" 8261 role="search" 8262 class="predictive-search-form" 8263 ref="form" 8264 on:keydown="/onSearchKeyDown" 8265 > 8266 <div 8267 class="predictive-search-form__header" 8268 > 8269 <div class="predictive-search-form__header-inner"> 8270 <label 8271 for="cmdk-input" 8272 class="visually-hidden" 8273 >Rechercher</label> 8274 <input 8275 class="search-input" 8276 id="cmdk-input" 8277 type="search" 8278 name="q" 8279 role="combobox" 8280 aria-expanded="false" 8281 aria-owns="predictive-search-results" 8282 aria-controls="predictive-search-results" 8283 aria-haspopup="listbox" 8284 aria-autocomplete="list" 8285 autocomplete="off" 8286 placeholder="Rechercher" 8287 ref="searchInput" 8288 on:input="/search" 8289 on:keydown="/onSearchKeyDown" 8290 > 8291 <input 8292 name="options[prefix]" 8293 type="hidden" 8294 value="last" 8295 ><input 8296 name="type" 8297 type="hidden" 8298 value="product" 8299 > 8300 <span class="svg-wrapper predictive-search__icon"> 8301 <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> 8302 8303 </span> 8304 <button 8305 type="button" 8306 class="button-unstyled predictive-search__reset-button" 8307 ref="resetButton" 8308 hidden 8309 on:click="/resetSearch" 8310 > 8311 Effacer 8312 </button> 8313 </div> 8314 <button 8315 type="button" 8316 class="button predictive-search__close-modal-button" 8317 aria-label="Fermer la boîte de dialogue" 8318 on:click="dialog-component/closeDialog" 8319 ref="closeModalButton" 8320 > 8321 <span class="svg-wrapper"> 8322 <svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 8323 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8324 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8325</svg> 8326 8327 </span> 8328 </button> 8329 </div> 8330 8331 <div class="predictive-search-form__content-wrapper"> 8332 <div 8333 class="predictive-search-form__content" 8334 ref="predictiveSearchResults" 8335 on:click="/handleModalClick" 8336 > 8337 8338 8339<div 8340 id="predictive-search-results" 8341 class="predictive-search-dropdown" 8342 role="listbox" 8343 aria-expanded="true" 8344 style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" 8345> 8346 8347 <div class="predictive-search-results__inner"> 8348 8349 8350 8351 8352 8353 <div 8354 id="predictive-search-products" 8355 class="predictive-search-results__products" 8356 8357 data-testid="products-list-default--modal" 8358 8359> 8360 8361 <h4 class="predictive-search-results__title"> 8362 Produits 8363 </h4> 8364 <ul 8365 class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled" 8366 > 8367 8368 8369 <li 8370 class="predictive-search-results__card predictive-search-results__card--product" 8371 ref="resultsItems[]" 8372 > 8373 8374<div 8375 class="resource-card" 8376 data-resource-type="product" 8377> 8378 <a 8379 class="resource-card__link" 8380 href="/products/carte-cadeau-bonne-maison" 8381 > 8382 <span class="visually-hidden"> 8383 Carte-Cadeau Bonne Maison 8384 </span> 8385 </a> 8386 <div 8387 class="resource-card__media" 8388 style="--resource-card-aspect-ratio: 4 / 5;" 8389 8390 > 8391 8392 8393 8394 <img src="//www.bonnemaison.fr/cdn/shop/files/4670.jpg?v=1776098107&width=500" alt="Carte-cadeau Bonne Maison 150 euros" srcset="//www.bonnemaison.fr/cdn/shop/files/4670.jpg?v=1776098107&width=240 240w, //www.bonnemaison.fr/cdn/shop/files/4670.jpg?v=1776098107&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;"> 8395</div> 8396 8397 <div class="resource-card__content"> 8398 <p class="resource-card__title paragraph">Carte-Cadeau Bonne Maison</p> 8399 8400 8401 <div ref="priceContainer"> 8402 8403 8404 <div 8405 class=" 8406 price__regular 8407 8408 " 8409 >
8410 <span class="price">25,00â¬</span> 8411 </div> 8412 <div 8413 class=" 8414 price__sale 8415 8416 price__hidden 8417 8418 " 8419 > 8420 8421 <span class="price-item__group"> 8422 <span class="visually-hidden">Prix régulier </span> 8423 <span class="price-item--regular compare-at-price"></span> 8424 </span> 8425 <span class="price-item__group"> 8426 <span class="visually-hidden">Prix promotionnel </span> 8427 <span class="price-item--sale price">25,00â¬</span> 8428 </span> 8429 8430 </div> 8431 8432</div> 8433 8434 </div> 8435</div> 8436 8437 </li> 8438 8439 <li 8440 class="predictive-search-results__card predictive-search-results__card--product" 8441 ref="resultsItems[]" 8442 > 8443 8444<div 8445 class="resource-card" 8446 data-resource-type="product" 8447> 8448 <a 8449 class="resource-card__link" 8450 href="/products/chaussette-absinthe" 8451 > 8452 <span class="visually-hidden"> 8453 Chaussette Absinthe 8454 </span> 8455 </a> 8456 <div 8457 class="resource-card__media" 8458 style="--resource-card-aspect-ratio: 4 / 5;" 8459 8460 > 8461 8462 8463 8464 <img src="//www.bonnemaison.fr/cdn/shop/files/3942.jpg?v=1776094849&width=500" alt="Chaussette Absinthe - Bonne Maison" srcset="//www.bonnemaison.fr/cdn/shop/files/3942.jpg?v=1776094849&width=240 240w, //www.bonnemaison.fr/cdn/shop/files/3942.jpg?v=1776094849&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;"> 8465 8466 <img src="//www.bonnemaison.fr/cdn/shop/files/3943.jpg?v=1776094849&width=500" alt="chaussettes - bonne maison - Uni - Vert - femme - homme - mixte" srcset="//www.bonnemaison.fr/cdn/shop/files/3943.jpg?v=1776094849&width=240 240w, //www.bonnemaison.fr/cdn/shop/files/3943.jpg?v=1776094849&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="71884645400901" style="object-position: 50.0% 50.0%;"> 8467</div> 8468 8469 <div class="resource-card__content"> 8470 <p class="resource-card__title paragraph">Chaussette Absinthe</p> 8471 8472 8473 <div ref="priceContainer"> 8474 8475 8476 <div 8477 class=" 8478 price__regular 8479 8480 " 8481 > 8482 <span class="price">25,50â¬</span> 8483 </div> 8484 <div 8485 class=" 8486 price__sale 8487 8488 price__hidden 8489 8490 " 8491 > 8492 8493 <span class="price-item__group"> 8494 <span class="visually-hidden">Prix régulier </span> 8495 <span class="price-item--regular compare-at-price"></span> 8496 </span> 8497 <span class="price-item__group"> 8498 <span class="visually-hidden">Prix promotionnel </span> 8499 <span class="price-item--sale price">25,50â¬</span> 8500 </span> 8501 8502 </div> 8503 8504</div> 8505 8506 </div> 8507</div> 8508 8509 </li> 8510 8511 <li 8512 class="predictive-search-results__card predictive-search-results__card--product" 8513 ref="resultsItems[]" 8514 > 8515 8516<div 8517 class="resource-card" 8518 data-resource-type="product" 8519> 8520 <a 8521 class="resource-card__link" 8522 href="/products/chaussette-abstrait-multico" 8523 > 8524 <span class="visually-hidden"> 8525 Chaussette Abstrait Multico 8526 </span> 8527 </a> 8528 <div 8529 class="resource-card__media" 8530 style="--resource-card-aspect-ratio: 4 / 5;" 8531 8532 > 8533 8534 8535 8536 <img src="//www.bonnemaison.fr/cdn/shop/files/4026.jpg?v=1776094633&width=500" alt="chaussettes - bonne maison - Abstrait - Multico - femme - homme - mixte" srcset="//www.bonnemaison.fr/cdn/shop/files/4026.jpg?v=1776094633&width=240 240w, //www.bonnemaison.fr/cdn/shop/files/4026.jpg?v=1776094633&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;"> 8537 8538 <img src="//www.bonnemaison.fr/cdn/shop/files/4027.jpg?v=1776094632&width=500" alt="chaussettes - bonne maison - Abstrait - Multico - femme - homme - mixte" srcset="//www.bonnemaison.fr/cdn/shop/files/4027.jpg?v=1776094632&width=240 240w, //www.bonnemaison.fr/cdn/shop/files/4027.jpg?v=1776094632&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="71884548833605" style="object-position: 50.0% 50.0%;"> 8539</div> 8540 8541 <div class="resource-card__content"> 8542 <p class="resource-card__title paragraph">Chaussette Abstrait Multico</p> 8543 8544 8545 <div ref="priceContainer"> 8546 8547 8548 <div 8549 class=" 8550 price__regular 8551 8552 " 8553 >
8554 <span class="price">25,50â¬</span> 8555 </div> 8556 <div 8557 class=" 8558 price__sale 8559 8560 price__hidden 8561 8562 " 8563 > 8564 8565 <span class="price-item__group"> 8566 <span class="visually-hidden">Prix régulier </span> 8567 <span class="price-item--regular compare-at-price"></span> 8568 </span> 8569 <span class="price-item__group"> 8570 <span class="visually-hidden">Prix promotionnel </span> 8571 <span class="price-item--sale price">25,50â¬</span> 8572 </span> 8573 8574 </div> 8575 8576</div> 8577 8578 </div> 8579</div> 8580 8581 </li> 8582 8583 <li 8584 class="predictive-search-results__card predictive-search-results__card--product" 8585 ref="resultsItems[]" 8586 > 8587 8588<div 8589 class="resource-card" 8590 data-resource-type="product" 8591> 8592 <a 8593 class="resource-card__link" 8594 href="/products/chaussette-abstrait-naturel" 8595 > 8596 <span class="visually-hidden"> 8597 Chaussette Abstrait Naturel 8598 </span> 8599 </a> 8600 <div 8601 class="resource-card__media" 8602 style="--resource-card-aspect-ratio: 4 / 5;" 8603 8604 > 8605 8606 8607 8608 <img src="//www.bonnemaison.fr/cdn/shop/files/4336.jpg?v=1776095089&width=500" alt="chaussettes - bonne maison - Abstrait - Blanc - femme - homme - mixte" srcset="//www.bonnemaison.fr/cdn/shop/files/4336.jpg?v=1776095089&width=240 240w, //www.bonnemaison.fr/cdn/shop/files/4336.jpg?v=1776095089&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;"> 8609 8610 <img src="//www.bonnemaison.fr/cdn/shop/files/4072.jpg?v=1776095089&width=500" alt="chaussettes - bonne maison - Abstrait - Blanc - femme - homme - mixte" srcset="//www.bonnemaison.fr/cdn/shop/files/4072.jpg?v=1776095089&width=240 240w, //www.bonnemaison.fr/cdn/shop/files/4072.jpg?v=1776095089&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="71884728926533" style="object-position: 50.0% 50.0%;"> 8611</div> 8612 8613 <div class="resource-card__content"> 8614 <p class="resource-card__title paragraph">Chaussette Abstrait Naturel</p> 8615 8616 8617 <div ref="priceContainer"> 8618 8619 8620 <div 8621 class=" 8622 price__regular 8623 8624 " 8625 > 8626 <span class="price">25,50â¬</span> 8627 </div> 8628 <div 8629 class=" 8630 price__sale 8631 8632 price__hidden 8633 8634 " 8635 > 8636 8637 <span class="price-item__group"> 8638 <span class="visually-hidden">Prix régulier </span> 8639 <span class="price-item--regular compare-at-price"></span> 8640 </span> 8641 <span class="price-item__group"> 8642 <span class="visually-hidden">Prix promotionnel </span> 8643 <span class="price-item--sale price">25,50â¬</span> 8644 </span> 8645 8646 </div> 8647 8648</div> 8649 8650 </div> 8651</div> 8652 8653 </li> 8654 8655 </ul> 8656 8657</div> 8658 8659 8660 8661 </div> 8662 8663</div> 8664 8665 </div> 8666 8667 <div class="predictive-search-form__footer"> 8668 <button 8669 class="button predictive-search__search-button" 8670 ref="viewAllButton" 8671 > 8672 Tout afficher 8673 </button> 8674 </div> 8675 </div> 8676 </form> 8677 </predictive-search-component> 8678 </dialog> 8679</dialog-component> 8680 8681 8682 8683 8684 8685
8685<script 8686 src="//www.bonnemaison.fr/cdn/shop/t/2/assets/gift-card-recipient-form.js?v=129634859299628245901788024220" 8687 type="module" 8688 fetchpriority="low" 8689></script>
8689 8690<quick-add-dialog id="quick-add-dialog"> 8691 <dialog 8692 class="quick-add-modal dialog-modal color-scheme-1" 8693 ref="dialog" 8694 scroll-lock 8695 > 8696 <button 8697 ref="closeButton" 8698 on:click="/closeDialog" 8699 class="button button-unstyled close-button quick-add-modal__close" 8700 aria-label="Fermer la boîte de dialogue" 8701 ><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 8702 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8703 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8704</svg> 8705</button> 8706 8707 <div 8708 id="quick-add-modal-content" 8709 class="quick-add-modal__content" 8710 ></div> 8711 </dialog> 8712</quick-add-dialog> 8713 8714 8715 8716 8717 8718 8719 8720 8721 <div class="ss-lang" data-ss-lang hidden><form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="ss-lang__form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><input type="hidden" name="locale_code" value="fr" data-ss-lang-input> 8722 <ul class="ss-lang__list list-unstyled" role="list"><li class="ss-lang__item"> 8723 <button 8724 type="submit" 8725 name="locale_code" 8726 value="fr" 8727 class="ss-lang__btn is-current" 8728 aria-current="true" 8729 lang="fr" 8730 aria-label="Français" 8731 >FR</button> 8732 </li><li class="ss-lang__item"> 8733 <button 8734 type="submit" 8735 name="locale_code" 8736 value="en" 8737 class="ss-lang__btn" 8738 8739 lang="en" 8740 aria-label="English" 8741 >EN</button> 8742 </li></ul></form></div> 8743
8743<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
8743 8744</body> 8745</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.