1<!doctype html> 2<html 3 class="no-js" 4 lang="fr" 5> 6 <head> 7 <link href="//berthetone.com/cdn/shop/t/2/assets/base.css?v=153389728063268414681750933475" rel="stylesheet" type="text/css" media="all" /> 8 9 <link 10 rel="expect" 11 href="#MainContent" 12 blocking="render" 13 id="view-transition-render-blocker" 14 ><meta charset="utf-8"> 15<meta 16 http-equiv="X-UA-Compatible" 17 content="IE=edge" 18> 19<meta 20 name="viewport" 21 content="width=device-width,initial-scale=1" 22> 23<meta 24 name="view-transition" 25 content="same-origin" 26> 27<meta 28 name="theme-color" 29 content="" 30> 31 32<meta 33 property="og:site_name" 34 content="Ma boutique" 35> 36<meta 37 property="og:url" 38 content="https://berthetone.com/" 39> 40<meta 41 property="og:title" 42 content="Ma boutique" 43> 44<meta 45 property="og:type" 46 content="website" 47> 48<meta 49 property="og:description" 50 content="Ma boutique" 51><meta 52 name="twitter:card" 53 content="summary_large_image" 54> 55<meta 56 name="twitter:title" 57 content="Ma boutique" 58> 59<meta 60 name="twitter:description" 61 content="Ma boutique" 62> 63 64<title> 65 Ma boutique 66</title> 67 68<link 69 rel="canonical" 70 href="https://berthetone.com/" 71> 72 73 74<link 75 rel="preconnect" 76 href="https://fonts.shopifycdn.com" 77 crossorigin 78 > 79<link 80 rel="preload" 81 as="font" 82 href="//berthetone.com/cdn/fonts/red_hat_display/redhatdisplay_n4.36efd597fcb92d83eab631792bad06e153941221.woff2" 83 type="font/woff2" 84 crossorigin 85 ><link 86 rel="preload" 87 as="font" 88 href="//berthetone.com/cdn/fonts/red_hat_display/redhatdisplay_n6.ec4ce1e249dd5ea953e56ae98197fb6bf35c9b19.woff2" 89 type="font/woff2" 90 crossorigin 91 ><link 92 rel="preload" 93 as="font" 94 href="//berthetone.com/cdn/fonts/trirong/trirong_n2.b68a86e98f805879a534f610d0ee522f6a16ef68.woff2" 95 type="font/woff2" 96 crossorigin 97 ><link 98 rel="preload" 99 as="font" 100 href="//berthetone.com/cdn/fonts/trirong/trirong_n2.b68a86e98f805879a534f610d0ee522f6a16ef68.woff2" 101 type="font/woff2" 102 crossorigin 103 >
104<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 104
104
105<script type="importmap"> 106 { 107 "imports": { 108 "@theme/product-title": "//berthetone.com/cdn/shop/t/2/assets/product-title-truncation.js?v=81744426891537421781750933476", 109 "@theme/component": "//berthetone.com/cdn/shop/t/2/assets/component.js?v=80370191270241544621750933475", 110 "@theme/dialog": "//berthetone.com/cdn/shop/t/2/assets/dialog.js?v=40803435292154375831750933476", 111 "@theme/events": "//berthetone.com/cdn/shop/t/2/assets/events.js?v=26166644030623418901750933476", 112 "@theme/focus": "//berthetone.com/cdn/shop/t/2/assets/focus.js?v=60436577539430446401750933475", 113 "@theme/morph": "//berthetone.com/cdn/shop/t/2/assets/morph.js?v=130689995393408371391750933476", 114 "@theme/paginated-list": "//berthetone.com/cdn/shop/t/2/assets/paginated-list.js?v=44806173703066979421750933475", 115 "@theme/performance": "//berthetone.com/cdn/shop/t/2/assets/performance.js?v=25067702614201670671750933475", 116 "@theme/product-form": "//berthetone.com/cdn/shop/t/2/assets/product-form.js?v=59714635909194059561750933475", 117 "@theme/recently-viewed-products": "//berthetone.com/cdn/shop/t/2/assets/recently-viewed-products.js?v=94729125001750262651750933476", 118 "@theme/scrolling": "//berthetone.com/cdn/shop/t/2/assets/scrolling.js?v=10957690925586738441750933476", 119 "@theme/section-renderer": "//berthetone.com/cdn/shop/t/2/assets/section-renderer.js?v=146046498830626579641750933475", 120 "@theme/utilities": "//berthetone.com/cdn/shop/t/2/assets/utilities.js?v=127314618558186079721750933475", 121 "@theme/variant-picker": "//berthetone.com/cdn/shop/t/2/assets/variant-picker.js?v=47293615104885949571750933476", 122 "@theme/media-gallery": "//berthetone.com/cdn/shop/t/2/assets/media-gallery.js?v=111441960308641931071750933476", 123 "@theme/quick-add": "//berthetone.com/cdn/shop/t/2/assets/quick-add.js?v=12917282792548324661750933475" 124 } 125 } 126</script>
126 127 128 129 130
130<script 131 src="//berthetone.com/cdn/shop/t/2/assets/view-transitions.js?v=132588197357770770831750933475" 132 ></script>
132 133 134 135 136<link 137 rel="modulepreload" 138 href="//berthetone.com/cdn/shop/t/2/assets/utilities.js?v=127314618558186079721750933475" 139> 140<link 141 rel="modulepreload" 142 href="//berthetone.com/cdn/shop/t/2/assets/component.js?v=80370191270241544621750933475" 143> 144<link 145 rel="modulepreload" 146 href="//berthetone.com/cdn/shop/t/2/assets/section-renderer.js?v=146046498830626579641750933475" 147> 148<link 149 rel="modulepreload" 150 href="//berthetone.com/cdn/shop/t/2/assets/morph.js?v=130689995393408371391750933476" 151> 152 153 154 155<link 156 rel="modulepreload" 157 href="//berthetone.com/cdn/shop/t/2/assets/focus.js?v=60436577539430446401750933475" 158> 159<link 160 rel="modulepreload" 161 href="//berthetone.com/cdn/shop/t/2/assets/recently-viewed-products.js?v=94729125001750262651750933476" 162> 163<link 164 rel="modulepreload" 165 href="//berthetone.com/cdn/shop/t/2/assets/scrolling.js?v=10957690925586738441750933476" 166> 167<link 168 rel="modulepreload" 169 href="//berthetone.com/cdn/shop/t/2/assets/events.js?v=26166644030623418901750933476" 170>
171<script 172 src="//berthetone.com/cdn/shop/t/2/assets/quick-add.js?v=12917282792548324661750933475" 173 type="module" 174></script>
174 175 176
176<script 177 src="//berthetone.com/cdn/shop/t/2/assets/cart-discount.js?v=107077853990124422021750933475" 178 type="module" 179 ></script>
179 180
181<script 182 src="//berthetone.com/cdn/shop/t/2/assets/dialog.js?v=40803435292154375831750933476" 183 type="module" 184></script>
vendor: 1 bytes, line 184
184
185<script 186 src="//berthetone.com/cdn/shop/t/2/assets/variant-picker.js?v=47293615104885949571750933476" 187 type="module" 188></script>
vendor: 1 bytes, line 188
188
189<script 190 src="//berthetone.com/cdn/shop/t/2/assets/product-card.js?v=46085189543194988631750933476" 191 type="module" 192></script>
vendor: 1 bytes, line 192
192
193<script 194 src="//berthetone.com/cdn/shop/t/2/assets/product-form.js?v=59714635909194059561750933475" 195 type="module" 196></script>
vendor: 1 bytes, line 196
196
197<script 198 src="//berthetone.com/cdn/shop/t/2/assets/accordion-custom.js?v=99000499017714805851750933475" 199 type="module" 200></script>
vendor: 1 bytes, line 200
200
201<script 202 src="//berthetone.com/cdn/shop/t/2/assets/media.js?v=37825095869491791421750933476" 203 type="module" 204></script>
vendor: 1 bytes, line 204
204
205<script 206 src="//berthetone.com/cdn/shop/t/2/assets/product-price.js?v=30079423257668675401750933475" 207 type="module" 208></script>
vendor: 1 bytes, line 208
208
209<script 210 src="//berthetone.com/cdn/shop/t/2/assets/product-title-truncation.js?v=81744426891537421781750933476" 211 type="module" 212></script>
vendor: 1 bytes, line 212
212
213<script 214 src="//berthetone.com/cdn/shop/t/2/assets/product-inventory.js?v=16343734458933704981750933475" 215 type="module" 216></script>
vendor: 1 bytes, line 216
216
217<script 218 src="//berthetone.com/cdn/shop/t/2/assets/show-more.js?v=94563802205717136101750933476" 219 type="module" 220></script>
vendor: 1 bytes, line 220
220
221<script 222 src="//berthetone.com/cdn/shop/t/2/assets/slideshow.js?v=107475567971719243651750933475" 223 type="module" 224></script>
vendor: 1 bytes, line 224
224
225<script 226 src="//berthetone.com/cdn/shop/t/2/assets/floating-panel.js?v=128677600744947036551750933476" 227 type="module" 228></script>
vendor: 1 bytes, line 228
228
229<script 230 src="//berthetone.com/cdn/shop/t/2/assets/video-background.js?v=25237992823806706551750933476" 231 type="module" 232></script>
vendor: 1 bytes, line 232
232
233<script 234 src="//berthetone.com/cdn/shop/t/2/assets/component-quantity-selector.js?v=165853331022690512991750933476" 235 type="module" 236></script>
vendor: 1 bytes, line 236
236
237<script 238 src="//berthetone.com/cdn/shop/t/2/assets/media-gallery.js?v=111441960308641931071750933476" 239 type="module" 240></script>
vendor: 1 bytes, line 240
240
241<script 242 src="//berthetone.com/cdn/shop/t/2/assets/rte-formatter.js?v=101420294193111439321750933475" 243 type="module" 244></script>
244 245 246 247
247<script 248 src="//berthetone.com/cdn/shop/t/2/assets/localization.js?v=126407891841464807071750933476" 249 type="module" 250 ></script>
250 251 252 253 254 255 256
256<script 257 src="//berthetone.com/cdn/shop/t/2/assets/product-card-link.js?v=98430775478448931631750933475" 258 type="module" 259 ></script>
259 260 261
262<script 263 src="//berthetone.com/cdn/shop/t/2/assets/auto-close-details.js?v=58350291535404441581750933475" 264 defer="defer" 265></script>
265 266
267<script 268 defer 269 src="//berthetone.com/cdn/shop/t/2/assets/placeholder-image.js?v=172823270129269230331750933476" 270 type="module" 271></script>
271 272
273<script> 274 const basePath = 'https://cdn.shopify.com/static/themes/horizon/placeholders'; 275 const Theme = { 276 placeholders: { 277 general: [ 278 `${basePath}/general-1.png`, 279 `${basePath}/general-2.png`, 280 `${basePath}/general-3.png`, 281 `${basePath}/general-4.png`, 282 `${basePath}/general-5.png`, 283 `${basePath}/general-6.png`, 284 `${basePath}/general-7.png`, 285 ], 286 product: [`${basePath}/product-ball.png`, `${basePath}/product-cone.png`, `${basePath}/product-cube.png`], 287 }, 288 translations: { 289 placeholder_image: `Image du paramètre fictif`, 290 added: `Ajouté`, 291 }, 292 routes: { 293 root: '/', 294 cart_add_url: '/cart/add', 295 cart_change_url: '/cart/change', 296 cart_update_url: '/cart/update', 297 cart_url: '/cart', 298 predictive_search_url: '/search/suggest', 299 search_url: '/search', 300 }, 301 template: { 302 name: 'index', 303 }, 304 }; 305</script>
305 306 307 308<style data-shopify> 309 @font-face { 310 font-family: "Red Hat Display"; 311 font-weight: 400; 312 font-style: normal; 313 font-display: swap; 314 src: url("//berthetone.com/cdn/fonts/red_hat_display/redhatdisplay_n4.36efd597fcb92d83eab631792bad06e153941221.woff2") format("woff2"), 315 url("//berthetone.com/cdn/fonts/red_hat_display/redhatdisplay_n4.09f5571be81da8a8c0e78adb7638383541ff61a2.woff") format("woff"); 316} 317 318 @font-face { 319 font-family: "Red Hat Display"; 320 font-weight: 700; 321 font-style: normal; 322 font-display: swap; 323 src: url("//berthetone.com/cdn/fonts/red_hat_display/redhatdisplay_n7.5b14b817f945f7cf9f5e3fa661372aaee24aedbe.woff2") format("woff2"), 324 url("//berthetone.com/cdn/fonts/red_hat_display/redhatdisplay_n7.12fcbadce11cb69018968f0c45941d4f2f6b4940.woff") format("woff"); 325} 326 327 @font-face { 328 font-family: "Red Hat Display"; 329 font-weight: 400; 330 font-style: italic; 331 font-display: swap; 332 src: url("//berthetone.com/cdn/fonts/red_hat_display/redhatdisplay_i4.d3bef3a05bb92acc510c17d15f6c01c87e3bce0d.woff2") format("woff2"), 333 url("//berthetone.com/cdn/fonts/red_hat_display/redhatdisplay_i4.3f1b2b6da2f26f2d4eb6921830f13bbdcc7b4092.woff") format("woff"); 334} 335 336 @font-face { 337 font-family: "Red Hat Display"; 338 font-weight: 700; 339 font-style: italic; 340 font-display: swap; 341 src: url("//berthetone.com/cdn/fonts/red_hat_display/redhatdisplay_i7.725ef8b794aadff6bc8844a51e5cccf4180e7ffa.woff2") format("woff2"), 342 url("//berthetone.com/cdn/fonts/red_hat_display/redhatdisplay_i7.07f8ab4318fab04af523efe0d055241f1fe5ade2.woff") format("woff"); 343} 344 345 346 @font-face { 347 font-family: "Red Hat Display"; 348 font-weight: 600; 349 font-style: normal; 350 font-display: swap; 351 src: url("//berthetone.com/cdn/fonts/red_hat_display/redhatdisplay_n6.ec4ce1e249dd5ea953e56ae98197fb6bf35c9b19.woff2") format("woff2"), 352 url("//berthetone.com/cdn/fonts/red_hat_display/redhatdisplay_n6.005eeb3c4714c4b460079358b1e05b655e0e4e3e.woff") format("woff"); 353} 354 355 @font-face { 356 font-family: "Red Hat Display"; 357 font-weight: 700; 358 font-style: normal; 359 font-display: swap; 360 src: url("//berthetone.com/cdn/fonts/red_hat_display/redhatdisplay_n7.5b14b817f945f7cf9f5e3fa661372aaee24aedbe.woff2") format("woff2"), 361 url("//berthetone.com/cdn/fonts/red_hat_display/redhatdisplay_n7.12fcbadce11cb69018968f0c45941d4f2f6b4940.woff") format("woff"); 362} 363 364 @font-face { 365 font-family: "Red Hat Display"; 366 font-weight: 600; 367 font-style: italic; 368 font-display: swap; 369 src: url("//berthetone.com/cdn/fonts/red_hat_display/redhatdisplay_i6.7ed8d8fa04c1a330cadfbdd1cc3305a5b131dba3.woff2") format("woff2"), 370 url("//berthetone.com/cdn/fonts/red_hat_display/redhatdisplay_i6.c095621994e8bfc049bdd6a8818815964641850d.woff") format("woff"); 371} 372 373 @font-face { 374 font-family: "Red Hat Display"; 375 font-weight: 700; 376 font-style: italic; 377 font-display: swap; 378 src: url("//berthetone.com/cdn/fonts/red_hat_display/redhatdisplay_i7.725ef8b794aadff6bc8844a51e5cccf4180e7ffa.woff2") format("woff2"), 379 url("//berthetone.com/cdn/fonts/red_hat_display/redhatdisplay_i7.07f8ab4318fab04af523efe0d055241f1fe5ade2.woff") format("woff"); 380} 381 382 383 @font-face { 384 font-family: Trirong; 385 font-weight: 200; 386 font-style: normal; 387 font-display: swap; 388 src: url("//berthetone.com/cdn/fonts/trirong/trirong_n2.b68a86e98f805879a534f610d0ee522f6a16ef68.woff2") format("woff2"), 389 url("//berthetone.com/cdn/fonts/trirong/trirong_n2.6df3ab7336d79d347e7f6766ffd8d29c91ae4ca5.woff") format("woff"); 390} 391 392 @font-face { 393 font-family: Trirong; 394 font-weight: 700; 395 font-style: normal; 396 font-display: swap; 397 src: url("//berthetone.com/cdn/fonts/trirong/trirong_n7.a33ed6536f9a7c6d7a9d0b52e1e13fd44f544eff.woff2") format("woff2"), 398 url("//berthetone.com/cdn/fonts/trirong/trirong_n7.cdb88d0f8e5c427b393745c8cdeb8bc085cbacff.woff") format("woff"); 399} 400 401 @font-face { 402 font-family: Trirong; 403 font-weight: 200; 404 font-style: italic; 405 font-display: swap; 406 src: url("//berthetone.com/cdn/fonts/trirong/trirong_i2.09cedbbfb7eff094cf6e44047e16996f6069ec3a.woff2") format("woff2"), 407 url("//berthetone.com/cdn/fonts/trirong/trirong_i2.cbddd6d75dc4501c52e81dac1a4a3205fc02ae42.woff") format("woff"); 408} 409 410 @font-face { 411 font-family: Trirong; 412 font-weight: 700; 413 font-style: italic; 414 font-display: swap; 415 src: url("//berthetone.com/cdn/fonts/trirong/trirong_i7.0a12b233073555ab8fbb6a4daaa950731de27544.woff2") format("woff2"), 416 url("//berthetone.com/cdn/fonts/trirong/trirong_i7.3425495581434e8c758c3f19251e34b0b1f89e77.woff") format("woff"); 417} 418 419 420 @font-face { 421 font-family: Trirong; 422 font-weight: 200; 423 font-style: normal; 424 font-display: swap; 425 src: url("//berthetone.com/cdn/fonts/trirong/trirong_n2.b68a86e98f805879a534f610d0ee522f6a16ef68.woff2") format("woff2"), 426 url("//berthetone.com/cdn/fonts/trirong/trirong_n2.6df3ab7336d79d347e7f6766ffd8d29c91ae4ca5.woff") format("woff"); 427} 428 429 @font-face { 430 font-family: Trirong; 431 font-weight: 700; 432 font-style: normal; 433 font-display: swap; 434 src: url("//berthetone.com/cdn/fonts/trirong/trirong_n7.a33ed6536f9a7c6d7a9d0b52e1e13fd44f544eff.woff2") format("woff2"), 435 url("//berthetone.com/cdn/fonts/trirong/trirong_n7.cdb88d0f8e5c427b393745c8cdeb8bc085cbacff.woff") format("woff"); 436} 437 438 @font-face { 439 font-family: Trirong; 440 font-weight: 200; 441 font-style: italic; 442 font-display: swap; 443 src: url("//berthetone.com/cdn/fonts/trirong/trirong_i2.09cedbbfb7eff094cf6e44047e16996f6069ec3a.woff2") format("woff2"), 444 url("//berthetone.com/cdn/fonts/trirong/trirong_i2.cbddd6d75dc4501c52e81dac1a4a3205fc02ae42.woff") format("woff"); 445} 446 447 @font-face { 448 font-family: Trirong; 449 font-weight: 700; 450 font-style: italic; 451 font-display: swap; 452 src: url("//berthetone.com/cdn/fonts/trirong/trirong_i7.0a12b233073555ab8fbb6a4daaa950731de27544.woff2") format("woff2"), 453 url("//berthetone.com/cdn/fonts/trirong/trirong_i7.3425495581434e8c758c3f19251e34b0b1f89e77.woff") format("woff"); 454} 455 456 457 :root { 458 /* Page Layout */ 459 --sidebar-width: 25rem; 460 --narrow-content-width: 36rem; 461 --normal-content-width: 42rem; 462 --wide-content-width: 46rem; 463 --narrow-page-width: 90rem; 464 --normal-page-width: 120rem; 465 --wide-page-width: 150rem; 466 467 /* Section Heights */ 468 --section-height-small: 15rem; 469 --section-height-medium: 25rem; 470 --section-height-large: 35rem; 471 472 @media screen and (min-width: 40em) { 473 --section-height-small: 40svh; 474 --section-height-medium: 55svh; 475 --section-height-large: 70svh; 476 } 477 478 @media screen and (min-width: 60em) { 479 --section-height-small: 50svh; 480 --section-height-medium: 65svh; 481 --section-height-large: 80svh; 482 } 483 484 /* Letter spacing */ 485 --letter-spacing-sm: 0.06em; 486 --letter-spacing-md: 0.13em; 487 488 /* Font families */ 489 --font-body--family: "Red Hat Display", sans-serif; 490 --font-body--style: normal; 491 --font-body--weight: 400; 492 --font-subheading--family: "Red Hat Display", sans-serif; 493 --font-subheading--style: normal; 494 --font-subheading--weight: 600; 495 --font-heading--family: Trirong, serif; 496 --font-heading--style: normal; 497 --font-heading--weight: 200; 498 --font-accent--family: Trirong, serif; 499 --font-accent--style: normal; 500 --font-accent--weight: 200; 501 502 /* Margin sizes */ 503 --font-h1--spacing: 0.25em; 504 --font-h2--spacing: 0.25em; 505 --font-h3--spacing: 0.25em; 506 --font-h4--spacing: 0.25em; 507 --font-h5--spacing: 0.25em; 508 --font-h6--spacing: 0.25em; 509 --font-paragraph--spacing: 0.5em; 510 511 /* Heading colors */ 512 --font-h1--color: var(--color-foreground-heading); 513 --font-h2--color: var(--color-foreground-heading); 514 --font-h3--color: var(--color-foreground-heading); 515 --font-h4--color: var(--color-foreground-heading); 516 --font-h5--color: var(--color-foreground-heading); 517 --font-h6--color: var(--color-foreground-heading); 518 519 /** Z-Index / Layering */ 520 --layer-section-background: -2; 521 --layer-lowest: -1; 522 --layer-base: 0; 523 --layer-flat: 1; 524 --layer-raised: 2; 525 --layer-heightened: 4; 526 --layer-sticky: 8; 527 --layer-window-overlay: 10; 528 --layer-header-menu: 12; 529 --layer-overlay: 16; 530 --layer-menu-drawer: 18; 531 --layer-temporary: 20; 532 533 /* Max-width / Measure */ 534 --max-width--body-normal: 50ch; 535 --max-width--body-narrow: 35ch; 536 537 --max-width--heading-normal: 50ch; 538 --max-width--heading-narrow: 30ch; 539 540 --max-width--display-normal: 20ch; 541 --max-width--display-narrow: 15ch; 542 --max-width--display-tight: 5ch; 543 544 /* Letter-spacing / Tracking */ 545 --letter-spacing--display-tight: -0.03em; 546 --letter-spacing--display-normal: 0; 547 --letter-spacing--display-loose: 0.03em; 548 549 --letter-spacing--heading-tight: -0.03em; 550 --letter-spacing--heading-normal: 0; 551 --letter-spacing--heading-loose: 0.03em; 552 553 --letter-spacing--body-tight: -0.03em; 554 --letter-spacing--body-normal: 0; 555 --letter-spacing--body-loose: 0.03em; 556 557 /* Line height / Leading */ 558 --line-height: 1; 559 560 --line-height--display-tight: 1; 561 --line-height--display-normal: 1.1; 562 --line-height--display-loose: 1.2; 563 564 --line-height--heading-tight: 1.15; 565 --line-height--heading-normal: 1.25; 566 --line-height--heading-loose: 1.35; 567 568 --line-height--body-tight: 1.2; 569 --line-height--body-normal: 1.4; 570 --line-height--body-loose: 1.6; 571 572 /* Typography presets */ 573 --font-size--paragraph: 1.0rem;--font-size--h1: clamp(3.0rem, 8.8vw, 5.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-normal);--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-normal);--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--heading-tight);--font-h4--weight: var(--font-subheading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-subheading--family);--font-h4--style: var(--font-subheading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--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: uppercase;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-body--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-body--family);--font-h6--style: var(--font-body--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-normal); 574 575 /* Hardcoded font sizes */ 576 --font-size--2xs: 0.625rem; 577 --font-size--xs: 0.8125rem; 578 --font-size--sm: 0.875rem; 579 --font-size--md: 1rem; 580 --font-size--lg: 1.125rem; 581 --font-size--xl: 1.25rem; 582 --font-size--2xl: 1.5rem; 583 --font-size--3xl: 2rem; 584 --font-size--4xl: 2.5rem; 585 --font-size--5xl: 3rem; 586 --font-size--6xl: 3.5rem; 587 588 /* Menu font sizes */ 589 --menu-font-sm--size: 0.875rem; 590 --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14)); 591 --menu-font-md--size: 1rem; 592 --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16)); 593 --menu-font-lg--size: 1.125rem; 594 --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18)); 595 --menu-font-xl--size: 1.25rem; 596 --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20)); 597 --menu-font-2xl--size: 1.75rem; 598 --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28)); 599 600 /* Colors */ 601 --color-error: #8B0000; 602 --color-success: #006400; 603 --color-white: #FFFFFF; 604 --color-black: #000000; 605 --color-instock: #3ED660; 606 --color-lowstock: #EE9441; 607 --color-outofstock: #C8C8C8; 608 609 /* Opacity */ 610 --opacity-subdued-text: 0.7; 611 612 --shadow-button: 0 2px 3px rgba(0 0 0 / 20%); 613 --gradient-image-overlay: linear-gradient(to top, rgb(from var(--color-black) r g b / 0.5), transparent); 614 615 /* Spacing */ 616 --margin-3xs: 0.125rem; 617 --margin-2xs: 0.3rem; 618 --margin-xs: 0.5rem; 619 --margin-sm: 0.7rem; 620 --margin-md: 0.8rem; 621 --margin-lg: 1rem; 622 --margin-xl: 1.25rem; 623 --margin-2xl: 1.5rem; 624 --margin-3xl: 1.75rem; 625 --margin-4xl: 2rem; 626 --margin-5xl: 3rem; 627 --margin-6xl: 5rem; 628 629 --scroll-margin: 50px; 630 631 --padding-3xs: 0.125rem; 632 --padding-2xs: 0.25rem; 633 --padding-xs: 0.5rem; 634 --padding-sm: 0.7rem; 635 --padding-md: 0.8rem; 636 --padding-lg: 1rem; 637 --padding-xl: 1.25rem; 638 --padding-2xl: 1.5rem; 639 --padding-3xl: 1.75rem; 640 --padding-4xl: 2rem; 641 --padding-5xl: 3rem; 642 --padding-6xl: 4rem; 643 644 --gap-3xs: 0.125rem; 645 --gap-2xs: 0.3rem; 646 --gap-xs: 0.5rem; 647 --gap-sm: 0.7rem; 648 --gap-md: 0.9rem; 649 --gap-lg: 1rem; 650 --gap-xl: 1.25rem; 651 --gap-2xl: 2rem; 652 --gap-3xl: 3rem; 653 654 --spacing-scale-sm: 0.6; 655 --spacing-scale-md: 0.7; 656 --spacing-scale-default: 1.0; 657 658 /* Checkout buttons gap */ 659 --checkout-button-gap: 8px; 660 661 /* Borders */ 662 --style-border-width: 1px; 663 --style-border-radius-xs: 0.2rem; 664 --style-border-radius-sm: 0.6rem; 665 --style-border-radius-md: 0.8rem; 666 --style-border-radius-50: 50%; 667 --style-border-radius-lg: 1rem; 668 --style-border-radius-pills: 40px; 669 --style-border-radius-inputs: 0px;
670 --style-border-radius-buttons-primary: 0px; 671 --style-border-radius-buttons-secondary: 0px; 672 --style-border-width-primary: 0px; 673 --style-border-width-secondary: 1px; 674 --style-border-width-inputs: 1px; 675 --style-border-radius-popover: 4px; 676 --style-border-popover: 1px none rgb(from var(--color-border) r g b / 50%); 677 --style-border-drawer: 1px none rgb(from var(--color-border) r g b / 50%); 678 --style-border-swatch-opacity: 10%; 679 --style-border-swatch-width: 1px; 680 --style-border-swatch-style: solid; 681 682 /* Animation */ 683 --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1); 684 --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1); 685 --animation-speed: 0.125s; 686 --animation-speed-slow: 0.2s; 687 --animation-speed-medium: 0.15s; 688 --animation-easing: ease-in-out; 689 --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1); 690 --drawer-animation-speed: 0.2s; 691 --animation-values: var(--animation-speed) var(--animation-easing); 692 --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete; 693 --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94); 694 --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0); 695 --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); 696 --animation-timing-default: cubic-bezier(0, 0, 0.2, 1); 697 --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1); 698 --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1); 699 700 /* View transitions */ 701 /* View transition old */ 702 --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut; 703 704 /* View transition new */ 705 --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition; 706 707 /* Focus */ 708 --focus-outline-width: 0.09375rem; 709 --focus-outline-offset: 0.2em; 710 711 /* Badges */ 712 --badge-blob-padding-block: 1px; 713 --badge-blob-padding-inline: 12px 8px; 714 --badge-rectangle-padding-block: 1px; 715 --badge-rectangle-padding-inline: 6px; 716 @media screen and (width >= 750px) { 717 --badge-blob-padding-block: 4px; 718 --badge-blob-padding-inline: 16px 12px; 719 --badge-rectangle-padding-block: 4px; 720 --badge-rectangle-padding-inline: 10px; 721 } 722 723 /* Icons */ 724 --icon-size-2xs: 0.6rem; 725 --icon-size-xs: 0.85rem; 726 --icon-size-sm: 1.25rem; 727 --icon-size-md: 1.375rem; 728 --icon-size-lg: 1.5rem; 729 --icon-stroke-width: 1px; 730 731 /* Input */ 732 --input-email-min-width: 200px; 733 --input-search-max-width: 650px; 734 --input-padding-y: 0.8rem; 735 --input-padding-x: 0.8rem; 736 --input-padding: var(--input-padding-y) var(--input-padding-x); 737 --input-box-shadow-width: var(--style-border-width-inputs); 738 --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border); 739 --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border); 740 --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%); 741 --input-disabled-border-color: rgb(from var(--color-foreground) r g b / 5%); 742 --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%); 743 --input-textarea-min-height: 55px; 744 745 /* Button size */ 746 --button-size-sm: 30px; 747 --button-size-md: 36px; 748 --button-size: var(--minimum-touch-target); 749 --button-padding-inline: 24px; 750 --button-padding-block: 16px; 751 752 /* Button font-family */ 753 --button-font-family-primary: var(--font-body--family); 754 --button-font-family-secondary: var(--font-body--family); 755 756 /* Button font-weight */ 757 --button-font-weight-primary: default; 758 --button-font-weight-secondary: default; 759 760 /* Button text case */ 761 --button-text-case: ; 762 --button-text-case-primary: default; 763 --button-text-case-secondary: default; 764 765 /* Borders */ 766 --border-color: rgba(from var(--color-border) r g b / 0.55); 767 --border-width-sm: 1px; 768 --border-width-md: 2px; 769 --border-width-lg: 5px; 770 771 /* Drawers */ 772 --drawer-inline-padding: 25px; 773 --drawer-menu-inline-padding: 2.5rem; 774 --drawer-header-block-padding: 20px; 775 --drawer-content-block-padding: 10px; 776 --drawer-header-desktop-top: 0rem; 777 --drawer-padding: calc(var(--padding-sm) + 7px); 778 --drawer-height: 100dvh; 779 --drawer-width: 95vw; 780 --drawer-max-width: 500px; 781 782 /* Variant Picker Swatches */ 783 --variant-picker-swatch-width-unitless: 50; 784 --variant-picker-swatch-height-unitless: 20; 785 --variant-picker-swatch-width: 50px; 786 --variant-picker-swatch-height: 20px; 787 --variant-picker-swatch-radius: 0px; 788 --variant-picker-border-width: 1px; 789 --variant-picker-border-style: solid; 790 --variant-picker-border-opacity: 10%; 791 792 /* Variant Picker Buttons */ 793 --variant-picker-button-radius: 0px; 794 --variant-picker-button-border-width: 1px; 795 796 /* Slideshow */ 797 --slideshow-controls-size: 3.5rem; 798 --slideshow-controls-icon: 2rem; 799 --peek-next-slide-size: 3rem; 800 801 /* Utilities */ 802 --backdrop-opacity: 0.15; 803 --backdrop-color: var(--color-shadow); 804 --minimum-touch-target: 44px; 805 --disabled-opacity: 0.5; 806 --skeleton-opacity: 0.025; 807 808 /* Shapes */ 809 --shape--circle: circle(50% at center); 810 --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.
81006% 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%); 811 --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 812 --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%); 813 814 /* Buy buttons */ 815 --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm)); 816 817 /* Card image height variables */ 818 --height-small: 10rem; 819 --height-medium: 11.5rem; 820 --height-large: 13rem; 821 --height-full: 100vh; 822 823 @media screen and (width >= 750px) { 824 --height-small: 17.5rem; 825 --height-medium: 21.25rem; 826 --height-large: 25rem; 827 } 828 829 /* Modal */ 830 --modal-max-height: 65dvh; 831 832 /* Card styles for search */ 833 --card-bg-hover: rgb(from var(--color-foreground) r g b / 0.03); 834 --card-border-hover: rgb(from var(--color-foreground) r g b / 0.3); 835 --card-border-focus: rgb(from var(--color-border) r g b / 0.1); 836 837 /* Cart */ 838 --cart-primary-font-family: var(--font-body--family); 839 --cart-primary-font-style: var(--font-body--style); 840 --cart-primary-font-weight: var(--font-body--weight); 841 --cart-secondary-font-family: var(--font-secondary--family); 842 --cart-secondary-font-style: var(--font-secondary--style); 843 --cart-secondary-font-weight: var(--font-secondary--weight); 844 } 845</style> 846<style data-shopify> 847 848 849 :root, 850 851 .color-scheme-1 { 852 --color-background: rgba(249 248 246 / 1.0); 853 --color-foreground: rgba(0 0 0 / 1.0); 854 --color-foreground-heading: rgba(0 0 0 / 1.0); 855 --color-primary: rgba(0 0 0 / 1.0); 856 --color-primary-hover: rgba(0 0 0 / 1.0); 857 --color-border: rgba(0 0 0 / 0.28); 858 --color-shadow: rgba(0 0 0 / 1.0); 859 --color-primary-button-text: rgba(255 255 255 / 1.0); 860 --color-primary-button-background: rgba(0 0 0 / 1.0); 861 --color-primary-button-border: rgba(0 0 0 / 1.0); 862 --color-primary-button-hover-text: rgba(255 255 255 / 1.0); 863 --color-primary-button-hover-background: rgba(0 0 0 / 1.0); 864 --color-primary-button-hover-border: rgba(0 0 0 / 1.0); 865 --color-secondary-button-text: rgba(0 0 0 / 1.0); 866 --color-secondary-button-background: rgba(255 255 255 / 1.0); 867 --color-secondary-button-border: rgba(0 0 0 / 1.0); 868 --color-secondary-button-hover-text: rgba(0 0 0 / 1.0); 869 --color-secondary-button-hover-background: rgba(222 222 222 / 1.0); 870 --color-secondary-button-hover-border: rgba(0 0 0 / 1.0); 871 --color-input-background: rgba(0 0 0 / 0.05); 872 --color-input-text: rgba(0 0 0 / 1.0); 873 --color-input-border: rgba(0 0 0 / 0.0); 874 --color-input-hover-background: rgba(230 230 230 / 1.0); 875 --color-variant-background: rgba(249 248 246 / 1.0); 876 --color-variant-border: rgba(230 230 230 / 1.0); 877 --color-variant-text: rgba(0 0 0 / 1.0); 878 --color-variant-hover-background: rgba(245 245 245 / 1.0); 879 --color-variant-hover-text: rgba(0 0 0 / 1.0); 880 --color-variant-hover-border: rgba(230 230 230 / 1.0); 881 --color-selected-variant-background: rgba(0 0 0 / 1.0); 882 --color-selected-variant-border: rgba(0 0 0 / 1.0); 883 --color-selected-variant-text: rgba(255 255 255 / 1.0); 884 --color-selected-variant-hover-background: rgba(26 26 26 / 1.0); 885 --color-selected-variant-hover-text: rgba(255 255 255 / 1.0); 886 --color-selected-variant-hover-border: rgba(26 26 26 / 1.0); 887 --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%); 888 --input-disabled-border-color: rgb(from var(--color-foreground) r g b / 5%); 889 --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%); 890 --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%); 891 --font-h1--color: var(--color-foreground-heading); 892 --font-h2--color: var(--color-foreground-heading); 893 --font-h3--color: var(--color-foreground-heading); 894 --font-h4--color: var(--color-foreground-heading); 895 --font-h5--color: var(--color-foreground-heading); 896 --font-h6--color: var(--color-foreground-heading); 897 898 /* Shadows */ 899 900 901 --shadow-blur: 20px; 902 --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%); 903 904 } 905 906 907 .color-scheme-2 {
908 --color-background: rgba(255 255 255 / 1.0); 909 --color-foreground: rgba(0 0 0 / 1.0); 910 --color-foreground-heading: rgba(0 0 0 / 1.0); 911 --color-primary: rgba(0 0 0 / 1.0); 912 --color-primary-hover: rgba(0 0 0 / 1.0); 913 --color-border: rgba(230 230 230 / 1.0); 914 --color-shadow: rgba(0 0 0 / 1.0); 915 --color-primary-button-text: rgba(255 255 255 / 1.0); 916 --color-primary-button-background: rgba(0 0 0 / 1.0); 917 --color-primary-button-border: rgba(0 0 0 / 1.0); 918 --color-primary-button-hover-text: rgba(255 255 255 / 1.0); 919 --color-primary-button-hover-background: rgba(0 15 159 / 1.0); 920 --color-primary-button-hover-border: rgba(0 15 159 / 1.0); 921 --color-secondary-button-text: rgba(0 0 0 / 1.0); 922 --color-secondary-button-background: rgba(255 255 255 / 1.0); 923 --color-secondary-button-border: rgba(0 0 0 / 1.0); 924 --color-secondary-button-hover-text: rgba(0 15 159 / 1.0); 925 --color-secondary-button-hover-background: rgba(255 255 255 / 1.0); 926 --color-secondary-button-hover-border: rgba(0 15 159 / 1.0); 927 --color-input-background: rgba(255 255 255 / 1.0); 928 --color-input-text: rgba(0 0 0 / 1.0); 929 --color-input-border: rgba(0 0 0 / 1.0); 930 --color-input-hover-background: rgba(245 245 245 / 1.0); 931 --color-variant-background: rgba(255 255 255 / 1.0); 932 --color-variant-border: rgba(230 230 230 / 1.0); 933 --color-variant-text: rgba(0 0 0 / 1.0); 934 --color-variant-hover-background: rgba(245 245 245 / 1.0); 935 --color-variant-hover-text: rgba(0 0 0 / 1.0); 936 --color-variant-hover-border: rgba(230 230 230 / 1.0); 937 --color-selected-variant-background: rgba(0 0 0 / 1.0); 938 --color-selected-variant-border: rgba(0 0 0 / 1.0); 939 --color-selected-variant-text: rgba(255 255 255 / 1.0); 940 --color-selected-variant-hover-background: rgba(26 26 26 / 1.0); 941 --color-selected-variant-hover-text: rgba(255 255 255 / 1.0); 942 --color-selected-variant-hover-border: rgba(26 26 26 / 1.0); 943 --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%); 944 --input-disabled-border-color: rgb(from var(--color-foreground) r g b / 5%); 945 --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%); 946 --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%); 947 --font-h1--color: var(--color-foreground-heading); 948 --font-h2--color: var(--color-foreground-heading); 949 --font-h3--color: var(--color-foreground-heading); 950 --font-h4--color: var(--color-foreground-heading); 951 --font-h5--color: var(--color-foreground-heading); 952 --font-h6--color: var(--color-foreground-heading); 953 954 /* Shadows */ 955 956 957 --shadow-blur: 20px; 958 --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%); 959 960 } 961 962 963 .color-scheme-3 { 964 --color-background: rgba(247 247 247 / 1.0); 965 --color-foreground: rgba(0 0 0 / 1.0); 966 --color-foreground-heading: rgba(0 0 0 / 1.0); 967 --color-primary: rgba(0 15 159 / 1.0); 968 --color-primary-hover: rgba(0 0 0 / 1.0); 969 --color-border: rgba(214 212 211 / 1.0); 970 --color-shadow: rgba(0 0 0 / 1.0); 971 --color-primary-button-text: rgba(255 255 255 / 1.0); 972 --color-primary-button-background: rgba(0 0 0 / 1.0); 973 --color-primary-button-border: rgba(0 0 0 / 1.0); 974 --color-primary-button-hover-text: rgba(255 255 255 / 1.0); 975 --color-primary-button-hover-background: rgba(0 0 0 / 1.0); 976 --color-primary-button-hover-border: rgba(0 0 0 / 1.0); 977 --color-secondary-button-text: rgba(0 15 159 / 1.0); 978 --color-secondary-button-background: rgba(0 0 0 / 1.0); 979 --color-secondary-button-border: rgba(0 15 159 / 1.0); 980 --color-secondary-button-hover-text: rgba(0 0 0 / 1.0); 981 --color-secondary-button-hover-background: rgba(239 239 239 / 1.0); 982 --color-secondary-button-hover-border: rgba(0 0 0 / 1.0); 983 --color-input-background: rgba(255 255 255 / 1.0); 984 --color-input-text: rgba(0 0 0 / 1.0); 985 --color-input-border: rgba(0 0 0 / 1.0); 986 --color-input-hover-background: rgba(245 245 245 / 1.0); 987 --color-variant-background: rgba(255 255 255 / 1.0); 988 --color-variant-border: rgba(230 230 230 / 1.0); 989 --color-variant-text: rgba(0 0 0 / 1.0); 990 --color-variant-hover-background: rgba(245 245 245 / 1.0); 991 --color-variant-hover-text: rgba(0 0 0 / 1.0); 992 --color-variant-hover-border: rgba(230 230 230 / 1.0); 993 --color-selected-variant-background: rgba(0 0 0 / 1.0); 994 --color-selected-variant-border: rgba(0 0 0 / 1.0); 995 --color-selected-variant-text: rgba(255 255 255 / 1.0); 996 --color-selected-variant-hover-background: rgba(26 26 26 / 1.0); 997 --color-selected-variant-hover-text: rgba(255 255 255 / 1.0); 998 --color-selected-variant-hover-border: rgba(26 26 26 / 1.0); 999 --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%); 1000 --input-disabled-border-color: rgb(from var(--color-foreground) r g b / 5%); 1001 --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%); 1002 --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%); 1003 --font-h1--color: var(--color-foreground-heading); 1004 --font-h2--color: var(--color-foreground-heading); 1005 --font-h3--color: var(--color-foreground-heading); 1006 --font-h4--color: var(--color-foreground-heading); 1007 --font-h5--color: var(--color-foreground-heading); 1008 --font-h6--color: var(--color-foreground-heading); 1009 1010 /* Shadows */ 1011 1012 1013 --shadow-blur: 20px; 1014 --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%); 1015 1016 } 1017 1018 1019 .color-scheme-4 { 1020 --color-background: rgba(0 0 0 / 1.0); 1021 --color-foreground: rgba(255 255 255 / 1.0); 1022 --color-foreground-heading: rgba(255 255 255 / 1.0); 1023 --color-primary: rgba(255 255 255 / 1.0); 1024 --color-primary-hover: rgba(225 225 225 / 1.0); 1025 --color-border: rgba(225 225 225 / 1.0); 1026 --color-shadow: rgba(0 0 0 / 1.0); 1027 --color-primary-button-text: rgba(0 0 0 / 1.0); 1028 --color-primary-button-background: rgba(255 255 255 / 1.0); 1029 --color-primary-button-border: rgba(255 255 255 / 1.0); 1030 --color-primary-button-hover-text: rgba(0 0 0 / 1.0); 1031 --color-primary-button-hover-background: rgba(225 225 225 / 1.0); 1032 --color-primary-button-hover-border: rgba(225 225 225 / 1.0); 1033 --color-secondary-button-text: rgba(255 255 255 / 1.0); 1034 --color-secondary-button-background: rgba(0 0 0 / 1.0); 1035 --color-secondary-button-border: rgba(255 255 255 / 1.0); 1036 --color-secondary-button-hover-text: rgba(255 255 255 / 1.0); 1037 --color-secondary-button-hover-background: rgba(0 0 0 / 1.0); 1038 --color-secondary-button-hover-border: rgba(0 0 0 / 1.0); 1039 --color-input-background: rgba(0 0 0 / 1.0); 1040 --color-input-text: rgba(249 248 246 / 1.0); 1041 --color-input-border: rgba(249 248 246 / 1.0); 1042 --color-input-hover-background: rgba(0 0 0 / 1.0); 1043 --color-variant-background: rgba(255 255 255 / 1.0); 1044 --color-variant-border: rgba(230 230 230 / 1.0); 1045 --color-variant-text: rgba(0 0 0 / 1.0); 1046 --color-variant-hover-background: rgba(245 245 245 / 1.0); 1047 --color-variant-hover-text: rgba(0 0 0 / 1.0); 1048 --color-variant-hover-border: rgba(230 230 230 / 1.0); 1049 --color-selected-variant-background: rgba(0 0 0 / 1.0); 1050 --color-selected-variant-border: rgba(0 0 0 / 1.0); 1051 --color-selected-variant-text: rgba(255 255 255 / 1.0); 1052 --color-selected-variant-hover-background: rgba(0 0 0 / 1.0); 1053 --color-selected-variant-hover-text: rgba(255 255 255 / 1.0); 1054 --color-selected-variant-hover-border: rgba(0 0 0 / 1.0); 1055 --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%); 1056 --input-disabled-border-color: rgb(from var(--color-foreground) r g b / 5%); 1057 --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%); 1058 --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%); 1059 --font-h1--color: var(--color-foreground-heading); 1060 --font-h2--color: var(--color-foreground-heading); 1061 --font-h3--color: var(--color-foreground-heading); 1062 --font-h4--color: var(--color-foreground-heading); 1063 --font-h5--color: var(--color-foreground-heading); 1064 --font-h6--color: var(--color-foreground-heading); 1065 1066 /* Shadows */ 1067 1068 1069 --shadow-blur: 20px; 1070 --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%); 1071 1072 } 1073 1074 1075 .color-scheme-5 { 1076 --color-background: rgba(228 223 181 / 1.0); 1077 --color-foreground: rgba(0 0 0 / 1.0); 1078 --color-foreground-heading: rgba(0 0 0 / 1.0); 1079 --color-primary: rgba(0 0 0 / 1.0); 1080 --color-primary-hover: rgba(0 0 0 / 1.0); 1081 --color-border: rgba(102 102 102 / 1.0); 1082 --color-shadow: rgba(0 0 0 / 1.0); 1083 --color-primary-button-text: rgba(0 0 0 / 1.0); 1084 --color-primary-button-background: rgba(255 255 255 / 1.0); 1085 --color-primary-button-border: rgba(255 255 255 / 1.0); 1086 --color-primary-button-hover-text: rgba(0 0 0 / 1.0); 1087 --color-primary-button-hover-background: rgba(222 222 222 / 1.0); 1088 --color-primary-button-hover-border: rgba(222 222 222 / 1.0); 1089 --color-secondary-button-text: rgba(255 255 255 / 1.0); 1090 --color-secondary-button-background: rgba(0 0 0 / 1.0); 1091 --color-secondary-button-border: rgba(255 255 255 / 1.0); 1092 --color-secondary-button-hover-text: rgba(172 172 172 / 1.0); 1093 --color-secondary-button-hover-background: rgba(0 0 0 / 1.0); 1094 --color-secondary-button-hover-border: rgba(172 172 172 / 1.0); 1095 --color-input-background: rgba(255 255 255 / 1.0); 1096 --color-input-text: rgba(0 0 0 / 1.0); 1097 --color-input-border: rgba(0 0 0 / 1.0); 1098 --color-input-hover-background: rgba(245 245 245 / 1.0); 1099 --color-variant-background: rgba(255 255 255 / 1.0); 1100 --color-variant-border: rgba(230 230 230 / 1.0); 1101 --color-variant-text: rgba(0 0 0 / 1.0); 1102 --color-variant-hover-background: rgba(245 245 245 / 1.0); 1103 --color-variant-hover-text: rgba(0 0 0 / 1.0); 1104 --color-variant-hover-border: rgba(230 230 230 / 1.0); 1105 --color-selected-variant-background: rgba(0 0 0 / 1.0); 1106 --color-selected-variant-border: rgba(0 0 0 / 1.0); 1107 --color-selected-variant-text: rgba(255 255 255 / 1.0); 1108 --color-selected-variant-hover-background: rgba(26 26 26 / 1.0); 1109 --color-selected-variant-hover-text: rgba(255 255 255 / 1.0); 1110 --color-selected-variant-hover-border: rgba(26 26 26 / 1.0); 1111 --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%); 1112 --input-disabled-border-color: rgb(from var(--color-foreground) r g b / 5%); 1113 --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%); 1114 --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%); 1115 --font-h1--color: var(--color-foreground-heading); 1116 --font-h2--color: var(--color-foreground-heading); 1117 --font-h3--color: var(--color-foreground-heading); 1118 --font-h4--color: var(--color-foreground-heading); 1119 --font-h5--color: var(--color-foreground-heading); 1120 --font-h6--color: var(--color-foreground-heading); 1121 1122 /* Shadows */ 1123 1124 1125 --shadow-blur: 20px; 1126 --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%); 1127 1128 } 1129 1130 1131 .color-scheme-6 { 1132 --color-background: rgba(0 0 0 / 0.0); 1133 --color-foreground: rgba(255 255 255 / 1.0); 1134 --color-foreground-heading: rgba(255 255 255 / 1.0); 1135 --color-primary: rgba(255 255 255 / 1.0); 1136 --color-primary-hover: rgba(172 172 172 / 1.0); 1137 --color-border: rgba(0 0 0 / 0.0); 1138 --color-shadow: rgba(0 0 0 / 0.0); 1139 --color-primary-button-text: rgba(0 0 0 / 1.0); 1140 --color-primary-button-background: rgba(255 255 255 / 1.0); 1141 --color-primary-button-border: rgba(255 255 255 / 1.0); 1142 --color-primary-button-hover-text: rgba(0 0 0 / 1.0); 1143 --color-primary-button-hover-background: rgba(222 222 222 / 1.0); 1144 --color-primary-button-hover-border: rgba(222 222 222 / 1.0); 1145 --color-secondary-button-text: rgba(255 255 255 / 1.0); 1146 --color-secondary-button-background: rgba(0 0 0 / 0.0); 1147 --color-secondary-button-border: rgba(255 255 255 / 1.0); 1148 --color-secondary-button-hover-text: rgba(172 172 172 / 1.0); 1149 --color-secondary-button-hover-background: rgba(0 0 0 / 0.0); 1150 --color-secondary-button-hover-border: rgba(172 172 172 / 1.0); 1151 --color-input-background: rgba(255 255 255 / 1.0); 1152 --color-input-text: rgba(0 0 0 / 1.0); 1153 --color-input-border: rgba(0 0 0 / 1.0); 1154 --color-input-hover-background: rgba(245 245 245 / 1.0); 1155 --color-variant-background: rgba(255 255 255 / 1.0); 1156 --color-variant-border: rgba(230 230 230 / 1.0); 1157 --color-variant-text: rgba(0 0 0 / 1.0); 1158 --color-variant-hover-background: rgba(245 245 245 / 1.0); 1159 --color-variant-hover-text: rgba(0 0 0 / 1.0); 1160 --color-variant-hover-border: rgba(230 230 230 / 1.0); 1161 --color-selected-variant-background: rgba(0 0 0 / 1.0); 1162 --color-selected-variant-border: rgba(0 0 0 / 1.0); 1163 --color-selected-variant-text: rgba(255 255 255 / 1.0); 1164 --color-selected-variant-hover-background: rgba(26 26 26 / 1.0); 1165 --color-selected-variant-hover-text: rgba(255 255 255 / 1.0); 1166 --color-selected-variant-hover-border: rgba(26 26 26 / 1.0); 1167 --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%); 1168 --input-disabled-border-color: rgb(from var(--color-foreground) r g b / 5%); 1169 --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%); 1170 --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%); 1171 --font-h1--color: var(--color-foreground-heading); 1172 --font-h2--color: var(--color-foreground-heading); 1173 --font-h3--color: var(--color-foreground-heading); 1174 --font-h4--color: var(--color-foreground-heading); 1175 --font-h5--color: var(--color-foreground-heading); 1176 --font-h6--color: var(--color-foreground-heading); 1177 1178 /* Shadows */ 1179 1180 1181 --shadow-blur: 20px; 1182 --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%); 1183 1184 } 1185 1186 1187 .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 { 1188 --color-background: rgba(0 0 0 / 0.03); 1189 --color-foreground: rgba(0 0 0 / 1.0); 1190 --color-foreground-heading: rgba(0 0 0 / 1.0); 1191 --color-primary: rgba(0 0 0 / 1.0); 1192 --color-primary-hover: rgba(0 0 0 / 1.0); 1193 --color-border: rgba(230 230 230 / 1.0); 1194 --color-shadow: rgba(0 0 0 / 1.0); 1195 --color-primary-button-text: rgba(255 255 255 / 1.0); 1196 --color-primary-button-background: rgba(0 0 0 / 1.0); 1197 --color-primary-button-border: rgba(0 0 0 / 1.0); 1198 --color-primary-button-hover-text: rgba(255 255 255 / 1.0); 1199 --color-primary-button-hover-background: rgba(0 0 0 / 0.8); 1200 --color-primary-button-hover-border: rgba(0 0 0 / 0.81); 1201 --color-secondary-button-text: rgba(0 0 0 / 1.0); 1202 --color-secondary-button-background: rgba(239 239 239 / 1.0); 1203 --color-secondary-button-border: rgba(0 15 159 / 1.0); 1204 --color-secondary-button-hover-text: rgba(0 0 0 / 1.0); 1205 --color-secondary-button-hover-background: rgba(222 222 222 / 1.0); 1206 --color-secondary-button-hover-border: rgba(0 0 0 / 1.0); 1207 --color-input-background: rgba(255 255 255 / 1.0); 1208 --color-input-text: rgba(0 0 0 / 1.0); 1209 --color-input-border: rgba(0 0 0 / 1.0); 1210 --color-input-hover-background: rgb
1210a(245 245 245 / 1.0); 1211 --color-variant-background: rgba(255 255 255 / 1.0); 1212 --color-variant-border: rgba(230 230 230 / 1.0); 1213 --color-variant-text: rgba(0 0 0 / 1.0); 1214 --color-variant-hover-background: rgba(245 245 245 / 1.0); 1215 --color-variant-hover-text: rgba(0 0 0 / 1.0); 1216 --color-variant-hover-border: rgba(230 230 230 / 1.0); 1217 --color-selected-variant-background: rgba(0 0 0 / 1.0); 1218 --color-selected-variant-border: rgba(0 0 0 / 1.0); 1219 --color-selected-variant-text: rgba(255 255 255 / 1.0); 1220 --color-selected-variant-hover-background: rgba(26 26 26 / 1.0); 1221 --color-selected-variant-hover-text: rgba(255 255 255 / 1.0); 1222 --color-selected-variant-hover-border: rgba(26 26 26 / 1.0); 1223 --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%); 1224 --input-disabled-border-color: rgb(from var(--color-foreground) r g b / 5%); 1225 --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%); 1226 --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%); 1227 --font-h1--color: var(--color-foreground-heading); 1228 --font-h2--color: var(--color-foreground-heading); 1229 --font-h3--color: var(--color-foreground-heading); 1230 --font-h4--color: var(--color-foreground-heading); 1231 --font-h5--color: var(--color-foreground-heading); 1232 --font-h6--color: var(--color-foreground-heading); 1233 1234 /* Shadows */ 1235 1236 1237 --shadow-blur: 20px; 1238 --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%); 1239 1240 } 1241 1242 1243 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 { 1244 color: var(--color-foreground); 1245 background-color: var(--color-background); 1246 } 1247</style> 1248 1249 1250
1250<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1250<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/90367328522/digital_wallets/dialog"> 1251<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://berthetone.com/"> 1252<link rel="alternate" hreflang="fr" href="https://berthetone.com/"> 1253<link rel="alternate" hreflang="en" href="https://berthetone.com/en">
1254<script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR"></script>
vendor: 1 bytes, line 1254
1254
1255<script id="shopify-features" type="application/json">{"accessToken":"158930ec9fcc1ba8420b8223c57a3625","betas":["rich-media-storefront-analytics"],"domain":"berthetone.com","predictiveSearch":true,"shopId":90367328522,"locale":"fr"}</script>
vendor: 1 bytes, line 1255
1255
1256<script>var Shopify = Shopify || {}; 1257Shopify.shop = "hys1ke-qp.myshopify.com"; 1258Shopify.locale = "fr"; 1259Shopify.currency = {"active":"EUR","rate":"1.0"}; 1260Shopify.country = "FR"; 1261Shopify.theme = {"name":"Vessel","id":182175924490,"schema_name":"Vessel","schema_version":"1.0.4","theme_store_id":3628,"role":"main"}; 1262Shopify.theme.handle = "null"; 1263Shopify.theme.style = {"id":null,"handle":null}; 1264Shopify.cdnHost = "berthetone.com/cdn"; 1265Shopify.routes = Shopify.routes || {}; 1266Shopify.routes.root = "/"; 1267Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 1268Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 1269Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 1270Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1270
1270
1271<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1271
1271
1272<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 1272
1272
1273<script> 1274 window.Shopify = window.Shopify || {}; 1275 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 1276 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 1277 window.Shopify.SignInWithShop.eligible = true; 1278</script>
vendor: 1 bytes, line 1278
1278
1279<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 1279
1279
1280<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 1280
1280
1281<script type="module"> 1282 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js"); 1283 1284 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 1285 1286</script>
vendor: 1 bytes, line 1286
1286
1287<script> 1288 window.Shopify = window.Shopify || {}; 1289 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 1290 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.fr.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.fr.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.fr.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.fr.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.fr.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.fr.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.fr.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.fr.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.fr.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.fr.esm.js"],"listener":["modules/v2/loader.listener.fr.esm.js"],"pay-button":["modules/v2/loader.pay-button.fr.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.fr.esm.js"],"shop-button":["modules/v2/loader.shop-button.fr.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.fr.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.fr.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.fr.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.fr.esm.js"],"shop-login":["modules/v2/loader.shop-login.fr.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.fr.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.fr.esm.js"]}; 1291</script>
vendor: 1 bytes, line 1291
1291
1292<script id="__st">var __st={"a":90367328522,"offset":7200,"reqid":"e6787330-607f-45f0-8e4d-fa7295a33b4a-1791369186","pageurl":"berthetone.com\/","u":"8b8bf6c9c3c1","p":"home"};</script>
vendor: 1 bytes, line 1292
1292
1293<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1293
1293
1294<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 1294
1294
1295<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//berthetone.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1295
1295
1296<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 = "//berthetone.com/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>
1296<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 1296
1296
1297<script> 1298 window.Shopify = window.Shopify || {}; 1299 window.Shopify.MCP = window.Shopify.MCP || {}; 1300 window.Shopify.MCP.enabled = true; 1301 window.Shopify.MCP.shop = "hys1ke-qp.myshopify.com"; 1302 window.Shopify.MCP.mcpEndpoint = "https:\/\/berthetone.com\/api\/mcp"; 1303 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?\"\nSet policy_types to also get the store's written policies (full text and URL).\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."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question â e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}]; 1304</script>
vendor: 1 bytes, line 1304
1304
1305<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("\/\/berthetone.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 1306</script>
vendor: 1 bytes, line 1306
1306
1307<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://berthetone.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.fr.js",t.type="module",document.head.appendChild(t)}}; 1308</script>
vendor: 1 bytes, line 1308
1308
1309<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 1310 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); 1311</script>
vendor: 1 bytes, line 1311
1311
1312<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})}})); 1313</script>
vendor: 1 bytes, line 1313
1313
1314<script id='scb4127' type='text/javascript' async='' src='https://berthetone.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1314<link rel="stylesheet" media="screen" href="//berthetone.com/cdn/shop/t/2/compiled_assets/styles.css?v=177900169611777968651787237636">
1315<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1315 1316 <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1317<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: 90367328522,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 1317
1317
1318<script> 1319 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1320</script>
vendor: 1 bytes, line 1320
1320
1321<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}
1321).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: 90367328522,storefrontBaseUrl: "https://berthetone.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://berthetone.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"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":"Ma boutique","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"hys1ke-qp.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/berthetone.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://berthetone.com/cdn","87a86122w399bf3b8pd0403c97m2c07468c",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"182175924490","themeStoreId":"3628","themePublished":"true","eventMetadataId":"5f81c76b-2ed1-4df1-9afb-2111854a0ea6","pageType":"home","shopId":"90367328522","storefrontBaseUrl":"https:\/\/berthetone.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"87a86122w399bf3b8pd0403c97m2c07468c","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1321<script> 1322 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1323 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1324 window.ShopifyAnalytics.meta.currency = 'EUR'; 1325 var meta = {"page":{"pageType":"home","requestId":"e6787330-607f-45f0-8e4d-fa7295a33b4a-1791369186"}}; 1326 for (var attr in meta) { 1327 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1328 } 1329</script>
vendor: 1 bytes, line 1329
1329
1330<script class="analytics"> 1331 (function () { 1332 var customDocumentWrite = function(content) { 1333 var jquery = null; 1334 1335 if (window.jQuery) { 1336 jquery = window.jQuery; 1337 } else if (window.Checkout && window.Checkout.$) { 1338 jquery = window.Checkout.$; 1339 } 1340 1341 if (jquery) { 1342 jquery('body').append(content); 1343 } 1344 }; 1345 1346 var hasLoggedConversion = function(token) { 1347 if (token) { 1348 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1349 } 1350 return false; 1351 } 1352 1353 var setCookieIfConversion = function(token) { 1354 if (token) { 1355 var twoMonthsFromNow = new Date(Date.now()); 1356 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1357 1358 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1359 } 1360 } 1361 1362 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1363 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1364 if (trekkie.integrations) { 1365 return; 1366 } 1367 trekkie.methods = [ 1368 'identify', 1369 'page', 1370 'ready', 1371 'track', 1372 'trackForm', 1373 'trackLink' 1374 ]; 1375 trekkie.factory = function(method) { 1376 return function() { 1377 var args = Array.prototype.slice.call(arguments); 1378 args.unshift(method); 1379 trekkie.push(args); 1380 if (method == 'track' || method == 'page') { 1381 var pageUrl; 1382 try { 1383 pageUrl = window.location.href; 1384 } catch (e) {} 1385 var pageReferrer; 1386 try { 1387 pageReferrer = document.referrer; 1388 } catch (e) {} 1389 try { 1390 if (window.__TREKKIE_SHIM_QUEUE == null) { 1391 window.__TREKKIE_SHIM_QUEUE = []; 1392 } 1393 window.__TREKKIE_SHIM_QUEUE.push({ 1394 from: 'trekkie-stub', 1395 method: method, 1396 args: args.slice(1), 1397 pageContext: { 1398 url: pageUrl, 1399 referrer: pageReferrer 1400 } 1401 }); 1402 } catch (e) { 1403 // no-op 1404 } 1405 } 1406 return trekkie; 1407 }; 1408 }; 1409 for (var i = 0; i < trekkie.methods.length; i++) { 1410 var key = trekkie.methods[i]; 1411 trekkie[key] = trekkie.factory(key); 1412 } 1413 trekkie.load = function(config) { 1414 trekkie.config = config || {}; 1415 trekkie.config.initialDocumentCookie = document.cookie; 1416 var first = document.getElementsByTagName('script')[0]; 1417var script = document.createElement('script'); 1418script.type = 'text/javascript'; 1419script.onerror = function(e) { 1420 var scriptFallback = document.createElement('script'); 1421 scriptFallback.type = 'text/javascript'; 1422 scriptFallback.onerror = function(error) { 1423 var Monorail = { 1424 produce: function produce(monorailDomain, schemaId, payload) { 1425 var currentMs = new Date().getTime(); 1426 var event = { 1427 schema_id: schemaId, 1428 payload: payload, 1429 metadata: { 1430 event_created_at_ms: currentMs, 1431 event_sent_at_ms: currentMs 1432 } 1433 }; 1434 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1435 }, 1436 sendRequest: function sendRequest(endpointUrl, payload) { 1437 // Try the sendBeacon API 1438 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1439 var blobData = new window.Blob([payload], { 1440 type: 'text/plain' 1441 }); 1442 1443 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1444 return true; 1445 } // sendBeacon was not successful 1446 1447 } // XHR beacon 1448 1449 var xhr = new XMLHttpRequest(); 1450 1451 try { 1452 xhr.open('POST', endpointUrl); 1453 xhr.setRequestHeader('Content-Type', 'text/plain'); 1454 xhr.send(payload); 1455 } catch (e) { 1456 console.log(e); 1457 } 1458 1459 return false; 1460 }, 1461 isIos12: function isIos12() { 1462 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1463 } 1464 }; 1465 Monorail.produce('monorail-edge.shopifysvc.com', 1466 'trekkie_storefront_load_errors/1.1', 1467 {shop_id: 90367328522, 1468 theme_id: 182175924490, 1469 app_name: "storefront", 1470 context_url: window.location.href, 1471 source_url: "//berthetone.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"}); 1472 1473 }; 1474 scriptFallback.async = true; 1475 scriptFallback.src = '//berthetone.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 1476 first.parentNode.insertBefore(scriptFallback, first); 1477}; 1478script.async = true; 1479script.src = '//berthetone.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 1480first.parentNode.insertBefore(script, first); 1481 1482 }; 1483 trekkie.load( 1484 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":90367328522,"isMerchantRequest":null,"themeId":182175924490,"themeCityHash":"3738184244775144570","contentLanguage":"fr","currency":"EUR","eventMetadataId":"5f81c76b-2ed1-4df1-9afb-2111854a0ea6"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1485 ); 1486 1487 var loaded = false;
1488 trekkie.ready(function() { 1489 if (loaded) return; 1490 loaded = true; 1491 1492 window.ShopifyAnalytics.lib = window.trekkie; 1493 1494 var originalDocumentWrite = document.write; 1495 document.write = customDocumentWrite; 1496 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1497 document.write = originalDocumentWrite; 1498 1499 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1500 var token = match? match[1]: undefined; 1501 if (!hasLoggedConversion(token)) { 1502 setCookieIfConversion(token); 1503 1504 } 1505 }); 1506 1507 window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"e6787330-607f-45f0-8e4d-fa7295a33b4a-1791369186","shopifyEmitted":true}); 1508 1509 var eventsListenerScript = document.createElement('script'); 1510 eventsListenerScript.async = true; 1511 eventsListenerScript.src = "//berthetone.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1512 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1513})();</script>
vendor: 1 bytes, line 1513
1513
1514<script 1515 defer 1516 src="https://berthetone.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.6.min.js" 1517 data-application="storefront-renderer" 1518 data-shop-id="90367328522" 1519 data-render-region="gcp-us-west1" 1520 data-page-type="index" 1521 data-theme-instance-id="182175924490" 1522 data-theme-name="Vessel" 1523 data-theme-version="1.0.4" 1524 data-monorail-region="shop_domain" 1525 data-resource-timing-sampling-rate="10" 1526 data-shs="true" 1527 data-shs-beacon="true" 1528 data-shs-export-with-fetch="true" 1529 data-shs-logs-sample-rate="1" 1530 data-shs-beacon-endpoint="https://berthetone.com/api/collect" 1531></script>
1531 1532<meta name="shopify-y" content="f436fca0-27a6-4dda-8a47-1c0978037b15" data-expiration="1822926786000"><meta name="shopify-s" content="f4ed15c4-f5ca-4101-8c3b-c191ba373f25" data-expiration="1791370986000"><meta name="new-cookie-storage-activated" content="t"> 1533</head> 1534 1535 <body class="page-width-wide card-hover-effect-scale"> 1536 <a 1537 class="skip-to-content-link button-secondary" 1538 href="#MainContent" 1539> 1540 Ignorer et passer au contenu 1541</a> 1542 1543 <div id="header-group"> 1544 <!-- BEGIN sections: header-group --> 1545<header id="shopify-section-sections--25583137194250__header_section" class="shopify-section shopify-section-group-header-group header-section"> 1546 1547 1548
1549<script type="application/ld+json"> 1550 { 1551 "@context": "http://schema.org", 1552 "@type": "Organization", 1553 "name": "Ma boutique", 1554 1555 "logo": "https:\/\/berthetone.com\/cdn\/shop\/files\/logo_berthet.png?v=1752763378\u0026width=500", 1556 1557 "url": "https:\/\/berthetone.com" 1558 } 1559</script>
1559 1560 1561<header-component 1562 id="header-component" 1563 class="header color-scheme-6 header--compact" 1564 1565 transparent="not-sticky" 1566 1567 1568 sticky="scroll-up" 1569 1570 data-skip-node-update 1571 data-scroll-direction="none" 1572> 1573 1574 1575 1576 1577 1578 1579 1580 <div 1581 class="header__row header__row--top color-scheme-2 section section--full-width-margin section--page-width" 1582 ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;"> 1583 <div class="header__columns spacing-style"> 1584 <div 1585 class="header__column header__column--left" 1586 data-testid="header-top-left" 1587 > 1588 1589 1590 1591 1592 1593 1594 1595 <div 1596 class="header__drawer desktop:hidden" 1597 ref="headerDrawerContainer" 1598 style=" --title-case: uppercase;" 1599 1600 > 1601 1602
1603<script 1604 src="//berthetone.com/cdn/shop/t/2/assets/header-drawer.js?v=112577955575454133091750933475" 1605 type="module" 1606></script>
1606 1607 1608<header-drawer 1609 class="header-drawer header__drawer--mobile" 1610 style="--menu-image-border-radius: px;" 1611> 1612 <details 1613 id="Details-menu-drawer-container" 1614 class="menu-drawer-container" 1615 ref="details" 1616 scroll-lock 1617 > 1618 <summary 1619 class="header__icon header__icon--menu header__icon--summary" 1620 aria-label="Menu" 1621 on:click="/toggle" 1622 > 1623 <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1624 <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 1625 <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 1626</svg> 1627</span> 1628 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1629 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 1630 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 1631</svg> 1632</span> 1633 </summary> 1634 <div 1635 data-header-drawer 1636 class=" 1637 menu-drawer 1638 motion-reduce 1639 color-scheme-1 1640 " 1641 > 1642 <button 1643 class="button menu-drawer__close-button" 1644 type="button" 1645 aria-label="Fermer" 1646 on:click="/close" 1647 > 1648 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1649 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 1650 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 1651</svg> 1652</span> 1653 </button> 1654 <nav 1655 class="menu-drawer__navigation" 1656 style="--menu-top-level-font-family: var(--font-subheading--family); 1657--menu-top-level-font-size-desktop: var(--font-size--body-md); --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--weight); --menu-top-level-font-case:none; 1658 1659 --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: 1660 var(--menu-font-2xl--line-height); 1661 1662--menu-top-level-font-color: var(--color-foreground); 1663 1664--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style: 1665var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--weight); --menu-parent-font-case: 1666none; 1667 1668 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 1669 var(--menu-font-sm--line-height); --menu-parent-font-color: rgba(from var(--color-foreground) r g b / 1670 var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); 1671 1672--menu-child-font-family: var(--font-secondary--family); --menu-child-font-style: 1673var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--weight); --menu-child-font-case: 1674none; 1675 1676 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 1677 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgba(from var(--color-foreground) 1678 r g b / var(--opacity-subdued-text)); 1679 1680 1681 " 1682 > 1683 <ul 1684 class="menu-drawer__menu has-submenu" 1685 role="list" 1686 > 1687 1688 1689 1690 <li 1691 style="--menu-drawer-animation-index: 1;" 1692 class="menu-drawer__list-item--flat" 1693 > 1694 1695<a 1696 id="HeaderDrawer-accueil" 1697 href="/" 1698 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset menu-drawer__menu-item--active" 1699 1700 aria-current="page" 1701 1702 >
1703 <span class="menu-drawer__menu-item-text">Accueil</span> 1704 </a> 1705 1706 </li> 1707 <li 1708 style="--menu-drawer-animation-index: 2;" 1709 class="menu-drawer__list-item--flat" 1710 > 1711 1712<a 1713 id="HeaderDrawer-oeuvres" 1714 href="/pages/works" 1715 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 1716 1717 > 1718 <span class="menu-drawer__menu-item-text">Åuvres</span> 1719 </a> 1720 1721 </li> 1722 <li 1723 style="--menu-drawer-animation-index: 3;" 1724 class="menu-drawer__list-item--flat" 1725 > 1726 1727<a 1728 id="HeaderDrawer-expositions" 1729 href="/pages/exhibitions" 1730 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 1731 1732 > 1733 <span class="menu-drawer__menu-item-text">Expositions</span> 1734 </a> 1735 1736 </li> 1737 <li 1738 style="--menu-drawer-animation-index: 4;" 1739 class="menu-drawer__list-item--flat" 1740 > 1741 1742<a 1743 id="HeaderDrawer-biographie" 1744 href="/pages/biography" 1745 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 1746 1747 > 1748 <span class="menu-drawer__menu-item-text">Biographie</span> 1749 </a> 1750 1751 </li> 1752 <li 1753 style="--menu-drawer-animation-index: 5;" 1754 class="menu-drawer__list-item--flat" 1755 > 1756 1757<a 1758 id="HeaderDrawer-presse" 1759 href="/pages/presse" 1760 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 1761 1762 > 1763 <span class="menu-drawer__menu-item-text">Presse</span> 1764 </a> 1765 1766 </li> 1767 <li 1768 style="--menu-drawer-animation-index: 6;" 1769 class="menu-drawer__list-item--flat" 1770 > 1771 1772<a 1773 id="HeaderDrawer-contact" 1774 href="/pages/contact" 1775 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 1776 1777 > 1778 <span class="menu-drawer__menu-item-text">Contact</span> 1779 </a> 1780 1781 </li> 1782 </ul> 1783 </nav> 1784 <div 1785 class="menu-drawer__utility-links menu-drawer__animated-element" 1786 style="--menu-drawer-animation-index: 6;" 1787 > 1788 1789 1790 1791 1792 1793 <div class="menu-drawer__localization color-scheme-1"> 1794 1795<localization-form-component 1796 ref="localizationForm" 1797 data-label-results-count="[count] résultats" 1798 data-show-filter="false" 1799 style="" 1800> 1801 1802<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" /><input type="hidden" name="return_to" value="/" /> 1803 1804 1805 <div class="language-selector language-selector--collapse-space"> 1806 <h2 1807 class="visually-hidden" 1808 id="-LanguageLabel" 1809 > 1810 Langue 1811 </h2> 1812 1813 <select 1814 id="Select" 1815 class="localization-form__select" 1816 name="language_code" 1817 aria-label="Langue" 1818 ref="languageInput" 1819 on:change="/changeLanguage" 1820 ><option 1821 value="fr" 1822 lang="fr" 1823 1824 selected 1825 1826 > 1827 Français 1828 </option><option 1829 value="en" 1830 lang="en" 1831 1832 > 1833 English 1834 </option></select>
1835 <span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1836 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 1837</svg> 1838</span> 1839 </div> 1840 1841</form></localization-form-component> 1842 1843 1844 1845 </div> 1846 1847 1848</div> 1849 1850 1851 </div> 1852 <div 1853 class="menu-drawer__backdrop" 1854 on:click="header-drawer/close" 1855 ></div> 1856 </details> 1857</header-drawer> 1858 1859 1860 1861 </div> 1862 1863 1864 1865 1866 1867 1868 1869 1870 1871 1872 1873 1874 1875 1876 1877 1878 1879 1880 1881 1882 1883 1884 1885<a 1886 1887 href="/" 1888 class="size-style spacing-style header-logo" 1889 style=" 1890 --size-style-width: ;--size-style-height: ; 1891 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 1892 --font-family: var(--font-body--family); 1893 --font-style: var(--font-body--style); 1894 --font-weight: 600; 1895 " 1896 1897> 1898 1899 1900 <span 1901 class="header-logo__image-container header-logo__image-container--original" 1902 data-testid="header-logo" 1903 > 1904 1905 1906 1907 1908 1909 1910 1911 1912 1913 1914 1915 <img src="//berthetone.com/cdn/shop/files/logo_berthet.png?height=68&v=1752763378" alt="" width="182" height="68" class="header-logo__image" srcset="//berthetone.com/cdn/shop/files/logo_berthet.png?height=68&v=1752763378 1x, //berthetone.com/cdn/shop/files/logo_berthet.png?height=136&v=1752763378 2x, //berthetone.com/cdn/shop/files/logo_berthet.png?height=204&v=1752763378 3x" style="--header-logo-image-width: 183px;--header-logo-image-width-mobile: 108px; --header-logo-image-height: 68px; --header-logo-image-height-mobile: 40px;"> 1916 1917 1918 </span> 1919 1920 1921 <span 1922 class="header-logo__image-container header-logo__image-container--inverse" 1923 data-testid="header-logo-inverse" 1924 > 1925 1926 1927 1928 1929 1930 1931 1932 1933 1934 1935 1936 <img src="//berthetone.com/cdn/shop/files/logo_berthet.png?height=68&v=1752763378" alt="" width="182" height="68" class="header-logo__image" srcset="//berthetone.com/cdn/shop/files/logo_berthet.png?height=68&v=1752763378 1x, //berthetone.com/cdn/shop/files/logo_berthet.png?height=136&v=1752763378 2x, //berthetone.com/cdn/shop/files/logo_berthet.png?height=204&v=1752763378 3x" style="--header-logo-image-width: 183px;--header-logo-image-width-mobile: 108px; --header-logo-image-height: 68px; --header-logo-image-height-mobile: 40px;"> 1937 1938 1939 </span> 1940 1941</a> 1942 1943 1944 1945 1946 1947 1948 1949 1950 </div><div 1951 class="header__column header__column--right" 1952 data-testid="header-top-right" 1953 > 1954 1955 1956 1957 1958 1959 1960 1961 <header-menu 1962 ref="headerMenu" 1963 class="header-menu mobile:hidden" 1964 data-animation-delay="200" 1965 1966 style="--submenu-animation-speed: 200ms; --title-case: uppercase;" 1967 > 1968 <div class="header-menu__inner"> 1969 1970 1971 1972<nav header-menu> 1973 <div 1974 class="menu-list" 1975 style="--menu-top-level-font-family: var(--font-subheading--family); 1976--menu-top-level-font-size-desktop: var(--font-size--body-md); --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--weight); --menu-top-level-font-case:none; 1977 1978 --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: 1979 var(--menu-font-sm--line-height); 1980 1981--menu-top-level-font-color: var(--color-foreground); 1982" 1983 > 1984 1985 <overflow-list 1986 1987 ref="overflowMenu" 1988 1989 1990 class="overflow-menu color-scheme-1" 1991 1992 1993 minimum-items="2" 1994 1995 1996> 1997 <template shadowrootmode="open"> 1998 <link href="//berthetone.com/cdn/shop/t/2/assets/overflow-list.css?v=127981915852173559681750933476" rel="stylesheet" type="text/css" media="all" /> 1999 2000 <ul part="list"> 2001 <slot></slot> 2002 <slot 2003 name="more" 2004 part="more" 2005 hidden 2006 2007 > 2008 <li 2009 part="more" 2010 > 2011 <button 2012 class="button" 2013 type="button" 2014 tabindex="0" 2015 > 2016 Plus 2017 </button> 2018 </li> 2019 </slot> 2020 <li 2021 part="placeholder" 2022 hidden 2023 ></li> 2024 </ul> 2025 2026 <div part="overflow"> 2027 <ul part="overflow-list"> 2028 <slot name="overflow"></slot> 2029 </ul> 2030 </div> 2031 </template> 2032 2033 2034 2035 <li 2036 role="presentation" 2037 class="menu-list__list-item" 2038 on:focus="/activate" 2039 on:blur="/deactivate"
2040 on:pointerenter="/activate" 2041 on:pointerleave="/deactivate" 2042 > 2043 <a 2044 role="menuitem"href="/" 2045 class="menu-list__link menu-list__link--active" 2046 > 2047 <span class="menu-list__link-title">Accueil</span> 2048 </a></li> 2049 2050 <li 2051 role="presentation" 2052 class="menu-list__list-item" 2053 on:focus="/activate" 2054 on:blur="/deactivate" 2055 on:pointerenter="/activate" 2056 on:pointerleave="/deactivate" 2057 > 2058 <a 2059 role="menuitem"href="/pages/works" 2060 class="menu-list__link" 2061 > 2062 <span class="menu-list__link-title">Åuvres</span> 2063 </a></li> 2064 2065 <li 2066 role="presentation" 2067 class="menu-list__list-item" 2068 on:focus="/activate" 2069 on:blur="/deactivate" 2070 on:pointerenter="/activate" 2071 on:pointerleave="/deactivate" 2072 > 2073 <a 2074 role="menuitem"href="/pages/exhibitions" 2075 class="menu-list__link" 2076 > 2077 <span class="menu-list__link-title">Expositions</span> 2078 </a></li> 2079 2080 <li 2081 role="presentation" 2082 class="menu-list__list-item" 2083 on:focus="/activate" 2084 on:blur="/deactivate" 2085 on:pointerenter="/activate" 2086 on:pointerleave="/deactivate" 2087 > 2088 <a 2089 role="menuitem"href="/pages/biography" 2090 class="menu-list__link" 2091 > 2092 <span class="menu-list__link-title">Biographie</span> 2093 </a></li> 2094 2095 <li 2096 role="presentation" 2097 class="menu-list__list-item" 2098 on:focus="/activate" 2099 on:blur="/deactivate" 2100 on:pointerenter="/activate" 2101 on:pointerleave="/deactivate" 2102 > 2103 <a 2104 role="menuitem"href="/pages/presse" 2105 class="menu-list__link" 2106 > 2107 <span class="menu-list__link-title">Presse</span> 2108 </a></li> 2109 2110 <li 2111 role="presentation" 2112 class="menu-list__list-item" 2113 on:focus="/activate" 2114 on:blur="/deactivate" 2115 on:pointerenter="/activate" 2116 on:pointerleave="/deactivate" 2117 > 2118 <a 2119 role="menuitem"href="/pages/contact" 2120 class="menu-list__link" 2121 > 2122 <span class="menu-list__link-title">Contact</span> 2123 </a></li> 2124 2125 <li 2126 class="menu-list__list-item" 2127 role="presentation" 2128 slot="more" 2129 on:focus="/activate" 2130 on:blur="/deactivate" 2131 on:pointerenter="/activate" 2132 on:pointerleave="/deactivate" 2133 > 2134 <button role="menuitem" class="button menu-list__link button-unstyled"> 2135 <span class="menu-list__link-title">Plus</span> 2136 </button> 2137 </li> 2138 2139</overflow-list> 2140 2141 </div> 2142</nav> 2143 2144 </div> 2145 2146
2146<script 2147 src="//berthetone.com/cdn/shop/t/2/assets/header-menu.js?v=130692169770130105961750933476" 2148 type="module" 2149 ></script>
2149 2150 </header-menu> 2151 2152 2153 2154 2155 2156 2157 2158 2159 2160 2161 2162 2163 2164 2165 <div class="dropdown-localization mobile:hidden"> 2166 2167<localization-form-component 2168 ref="localizationForm" 2169 data-label-results-count="[count] résultats" 2170 data-show-filter="false" 2171 style="" 2172> 2173 2174<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" /><input type="hidden" name="return_to" value="/" /> 2175 2176 2177 <div class="language-selector language-selector--collapse-space"> 2178 <h2 2179 class="visually-hidden" 2180 id="dropdown-LanguageLabel" 2181 > 2182 Langue 2183 </h2> 2184 2185 <select 2186 id="dropdownSelect" 2187 class="localization-form__select" 2188 name="language_code" 2189 aria-label="Langue" 2190 ref="languageInput" 2191 on:change="/changeLanguage" 2192 ><option 2193 value="fr" 2194 lang="fr" 2195 2196 selected 2197 2198 > 2199 Français 2200 </option><option 2201 value="en" 2202 lang="en" 2203 2204 > 2205 English 2206 </option></select> 2207 <span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2208 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2209</svg> 2210</span> 2211 </div> 2212 2213</form></localization-form-component> 2214 2215 2216 2217 </div> 2218 2219 2220 2221 2222 2223 2224 2225 2226 2227 2228 2229 2230 2231 2232 2233 2234
2234<script 2235 type="module" 2236 src="//berthetone.com/cdn/shop/t/2/assets/cart-icon.js?v=160484641314809564011750933476" 2237></script>
2237 2238 2239<header-actions> 2240 2241 <details 2242 class="account-popover mobile:hidden" 2243 data-auto-close-details="desktop" 2244> 2245 <summary class="account-popover__summary"> 2246 <span 2247 class="account-button header-actions__action" 2248 aria-label="Ouvrir le menu du compte" 2249 2250><span 2251 class="account-button__icon" 2252 aria-hidden="true" 2253 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.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="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg> 2254</span></span> 2255 2256 2257 2258 </summary> 2259 <floating-panel-component 2260 class="account-popover__panel details-content color-scheme-1" 2261 > 2262 2263 2264<div class="account-actions"> 2265 <div class="account-actions__main-menu"> 2266 <header class="account-actions__header"> 2267 <span class="account-actions__title h5"> 2268 2269 Compte 2270 2271 </span> 2272 2273 </header> 2274 2275 2276 <div class="account-actions__sign-ins"> 2277
2277<script 2278 src="//berthetone.com/cdn/shop/t/2/assets/account-login-actions.js?v=132624473766457443991750933475" 2279 type="module" 2280 ></script>
2280 2281 <account-login-actions class="account-actions__shop-login"> 2282
2282<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.fr.esm.js"></script>
vendor: 1 bytes, line 2282
2282
2283<script type="module"> 2284 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.fr.esm.js"); 2285 2286 2287</script>
2287 2288 2289<shop-login-button ux-mode="windoid" return-uri="https://berthetone.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button> 2290 2291 </account-login-actions> 2292 2293 <a 2294 href="/customer_authentication/login?return_to=%2F&locale=fr&ui_hint=full®ion_country=FR" 2295 class="account-actions__link button" 2296 2297 > 2298 <span class="account-actions__sign-in-text"> 2299 Autres options de connexion 2300 </span> 2301 <span class="account-actions__fallback-text"> 2302 Se connecter 2303 </span> 2304 </a> 2305 </div> 2306 2307 2308 <nav class="account-actions__nav"> 2309 <ul class="account-actions__list"> 2310 <li class="account-actions__list-item"> 2311 <a 2312 href="/account" 2313 class="account-actions__link button-secondary" 2314 2315 > 2316 <span 2317 class="account-actions__icon" 2318 aria-hidden="true" 2319 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"> 2320 <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/> 2321 <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/> 2322</svg> 2323</span> 2324 Commandes 2325 </a> 2326 </li> 2327 <li class="account-actions__list-item"> 2328 <a 2329 href="/account/addresses" 2330 class="account-actions__link button-secondary" 2331 > 2332 <span 2333 class="account-actions__icon" 2334 aria-hidden="true" 2335 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.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="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg> 2336</span> 2337 Profil 2338 </a> 2339 </li> 2340 </ul> 2341 </nav> 2342 </div> 2343</div> 2344 2345 2346 </floating-panel-component> 2347</details> 2348 2349 2350 2351
2351<script 2352 src="//berthetone.com/cdn/shop/t/2/assets/dialog.js?v=40803435292154375831750933476" 2353 type="module" 2354></script>
2354 2355 2356<dialog-component 2357 class="account-drawer" 2358 2359> 2360 <button 2361 class="account-button header-actions__action" 2362 aria-label="Ouvrir le menu du compte" 2363 on:click="/showDialog" 2364><span 2365 class="account-button__icon" 2366 aria-hidden="true" 2367 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.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="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg> 2368</span></button> 2369 2370 2371 2372 <dialog 2373 ref="dialog" 2374 class="color-scheme-1 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog" 2375 scroll-lock 2376 > 2377 <button 2378 ref="closeButton" 2379 on:click="/closeDialog" 2380 class="button button-unstyled account-drawer__close-button" 2381 aria-label="Fermer la boîte de dialogue" 2382 > 2383 <span 2384 class="svg-wrapper" 2385 aria-hidden="true" 2386 ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2387 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2388 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2389</svg> 2390</span> 2391 </button> 2392 2393 2394<div class="account-actions"> 2395 <div class="account-actions__main-menu"> 2396 <header class="account-actions__header"> 2397 <span class="account-actions__title h5"> 2398 2399 Compte 2400 2401 </span> 2402 2403 </header> 2404 2405 2406 <div class="account-actions__sign-ins"> 2407
2407<script 2408 src="//berthetone.com/cdn/shop/t/2/assets/account-login-actions.js?v=132624473766457443991750933475" 2409 type="module" 2410 ></script>
2410 2411 <account-login-actions class="account-actions__shop-login"> 2412
2412<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.fr.esm.js"></script>
vendor: 1 bytes, line 2412
2412
2413<script type="module"> 2414 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.fr.esm.js"); 2415 2416 2417</script>
2417 2418 2419<shop-login-button ux-mode="windoid" return-uri="https://berthetone.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button> 2420 2421 </account-login-actions> 2422 2423 <a 2424 href="/customer_authentication/login?return_to=%2F&locale=fr&ui_hint=full®ion_country=FR" 2425 class="account-actions__link button" 2426 2427 autofocus 2428 2429 > 2430 <span class="account-actions__sign-in-text"> 2431 Autres options de connexion 2432 </span> 2433 <span class="account-actions__fallback-text"> 2434 Se connecter 2435 </span> 2436 </a> 2437 </div> 2438 2439 2440 <nav class="account-actions__nav"> 2441 <ul class="account-actions__list"> 2442 <li class="account-actions__list-item"> 2443 <a 2444 href="/account" 2445 class="account-actions__link button-secondary" 2446 2447 > 2448 <span 2449 class="account-actions__icon" 2450 aria-hidden="true" 2451 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"> 2452 <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/> 2453 <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/> 2454</svg> 2455</span> 2456 Commandes 2457 </a> 2458 </li> 2459 <li class="account-actions__list-item"> 2460 <a 2461 href="/account/addresses" 2462 class="account-actions__link button-secondary" 2463 > 2464 <span 2465 class="account-actions__icon" 2466 aria-hidden="true" 2467 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.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="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg> 2468</span> 2469 Profil 2470 </a> 2471 </li> 2472 </ul> 2473 </nav> 2474 </div> 2475</div> 2476 2477 2478 </dialog> 2479</dialog-component> 2480 2481 2482 2483 2484 2485 2486
2486<script 2487 src="//berthetone.com/cdn/shop/t/2/assets/cart-drawer.js?v=92290163633888904321750933475" 2488 type="module" 2489></script>
2489 2490 2491<cart-drawer-component 2492 class="cart-drawer" 2493 2494 2495> 2496 <button 2497 class="button header-actions__action button-unstyled" 2498 on:click="/open" 2499 aria-label="Ouvrir le panier Nombre total dâarticles dans le panier: 0" 2500 > 2501 <cart-icon 2502 class=" 2503 header-actions__cart-icon 2504 2505 " 2506> 2507 <span 2508 class="svg-wrapper" 2509 aria-hidden="true" 2510 > 2511 <svg 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> 2512 2513 </span> 2514 2515 <div 2516 ref="cartBubble" 2517 class="cart-bubble visually-hidden" 2518 2519 2520 data-maintain-ratio 2521 2522> 2523 <span class="cart-bubble__background"></span> 2524 <span 2525 ref="cartBubbleText" 2526 class="cart-bubble__text" 2527 2528 role="status" 2529 2530 > 2531 <span class="visually-hidden">Nombre total dâarticles dans le panier: 0 2532 </span> 2533 <span 2534 class="cart-bubble__text-count" 2535 aria-hidden="true" 2536 > 25370</span> 2538 </span> 2539</div> 2540 2541</cart-icon> 2542 2543 2544 2545 </button> 2546 2547 <dialog 2548 ref="dialog" 2549 class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty" 2550 scroll-lock 2551 > 2552 <div class="cart-drawer__inner"> 2553 <cart-items-component 2554 class="cart-items-component" 2555 data-section-id="sections--25583137194250__header_section" 2556 ><div class="cart-drawer__header"> 2557 <button 2558 ref="closeButton" 2559 on:click="cart-drawer-component/close" 2560 class="button cart-drawer__close-button button-unstyled" 2561 aria-label="Fermer la boîte de dialogue" 2562 > 2563 <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2564 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2565 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2566</svg> 2567</span> 2568 </button> 2569 </div> 2570 2571 <div 2572 class="cart-drawer__content motion-reduce" 2573 aria-label="Panier" 2574 > 2575 <span class="cart-drawer__heading h3 cart-drawer__heading--empty"> 2576 Votre panier est vide 2577 </span> 2578 2579 <div class="cart-drawer__items"> 2580
2580<script 2581 src="//berthetone.com/cdn/shop/t/2/assets/component-cart-items.js?v=34488562263132817411750933475" 2582 type="module" 2583></script>
2583 2584 2585<div 2586 2587 class="cart-items__wrapper" 2588 2589> 2590 2591<p> 2592 Vous possédez un compte ? <a href="https://berthetone.com/customer_authentication/redirect?locale=fr®ion_country=FR">Connectez-vous</a> pour payer plus vite. 2593 </p><a 2594 class="button cart-items__empty-button" 2595 href="/collections/all" 2596 > 2597 Continuer les achats 2598 </a></div> 2599 2600 2601 2602 </div> 2603 </div></cart-items-component> 2604 </div> 2605 </dialog> 2606</cart-drawer-component> 2607 2608 2609 2610 2611</header-actions> 2612 2613 2614 2615 2616 2617 </div> 2618 </div> 2619 </div> 2620 2621 2622 2623 2624 2625 2626 2627 2628 2629 2630 2631</header-component> 2632
2633<script 2634 src="//berthetone.com/cdn/shop/t/2/assets/header.js?v=3724570062016204791750933475" 2635 type="module" 2636></script>
2636 2637 2638 2639 2640 2641<style> #shopify-section-sections--25583137194250__header_section .header-actions__cart-icon {display: none !important;} #shopify-section-sections--25583137194250__header_section .header-actions__action {display: none !important;} </style></header> 2642<!-- END sections: header-group --> 2643 </div> 2644 2645 <main 2646 id="MainContent" 2647 class="content-for-layout" 2648 role="main" 2649 data-page-transition-enabled="true" 2650 data-product-transition="true" 2651 data-template="index" 2652 > 2653 <section id="shopify-section-template--25583136506122__hero_irjTFL" class="shopify-section hero-wrapper section-wrapper"> 2654 2655 2656 2657 2658 2659<div 2660 id="Hero-template--25583136506122__hero_irjTFL" 2661 class="hero color-scheme-6" 2662 style=" 2663 --hero-border-style: ; 2664 --hero-border-width: px; 2665 --hero-border-opacity: %; 2666 --blur-opacity: 0.75; 2667 2668 --hero-min-height: 100svh; 2669 2670 " 2671 2672 2673> 2674 2675 2676 2677 2678 <div 2679 class="hero__container spacing-style section section--full-width" 2680 style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 53px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 58px));" 2681 ><a 2682 href="/pages/works" 2683 class="hero__link" 2684 2685 ></a><div 2686 class="hero__media-wrapper"style="--hero-media-aspect-ratio: 1.8146754468485418; --hero-media-count: 1;"> 2687 2688 2689 2690 <img src="//berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&width=3840" srcset="//berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&width=300 300w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&width=450 450w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&width=600 600w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&width=750 750w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&width=900 900w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&width=1050 1050w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&width=1200 1200w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&width=1350 1350w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&width=1500 1500w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&width=1650 1650w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&width=1800 1800w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&width=1950 1950w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&width=2000 2000w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&width=2500 2500w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&width=3000 3000w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&width=3500 3500w" width="5787" height="3189" class="hero__image" sizes="(min-width: 750px) 100vw, 100vw"> 2691 2692 <!-- Overlay dégradé haut de l'image --> 2693 <div class="hero-overlay"></div> 2694 </div> 2695 <div 2696 class=" 2697 hero__content-wrapper 2698 layout-panel-flex 2699 layout-panel-flex--column 2700 mobile-column 2701 section-content-wrapper 2702 page-width 2703 2704 " 2705 style="--flex-direction: column; --flex-wrap: nowrap; 2706 2707--gap: max(24px, calc(var(--gap-scale, 1.0) * 96px)); 2708 2709--horizontal-alignment: center; --vertical-alignment: flex-start; 2710--vertical-alignment-mobile: flex-start; 2711" 2712 > 2713 2714 </div> 2715 </div> 2716</div> 2717 2718 2719 2720<style> #shopify-section-template--25583136506122__hero_irjTFL .hero img {object-fit: cover; object-position: center bottom; width: 100%; height: 100%;} #shopify-section-template--25583136506122__hero_irjTFL .hero-overlay {position: absolute; top: 0; left: 0; height: 30%; width: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), transparent); z-index: 2; pointer-events: none;} </style></section><div id="shopify-section-template--25583136506122__section_qzPXRR" class="shopify-section section-wrapper"> 2721 2722 2723 2724<div class="section-background color-scheme-1"></div> 2725<div 2726 class="section section--page-width color-scheme-1" 2727 2728 2729 2730 style=" 2731 2732 2733 2734 " 2735> 2736 <div class="custom-section-background"> 2737 2738 2739 </div> 2740 2741 <div 2742 class="border-style custom-section-content" 2743 style="--border-width: 1px; --border-style: none; --border-color: rgba(from 2744var(--color-border) r g b / 1.0); --border-radius: 27450px; 2746" 2747 > 2748 2749 2750 <div 2751 class=" 2752 spacing-style 2753 layout-panel-flex 2754 layout-panel-flex--column 2755 section-content-wrapper 2756 mobile-column 2757 " 2758 style=" 2759 --flex-direction: column; --flex-wrap: nowrap; 2760 2761--gap: 16px; 2762 2763--horizontal-alignment: flex-start; --vertical-alignment: center; 2764--vertical-alignment-mobile: center; 2765 2766 --padding-block-start: max(20px, calc(var(--spacing-scale) * 100px));--padding-block-end: 0px; 2767 " 2768 data-testid="section-content" 2769 > 2770 2771 2772 2773 2774 2775 2776 2777 2778 2779 <div 2780 class=" spacing-style text-block text-block--AMWdWbEtOekh1aDFLR__text_FP4epU h2 2781 text-block--align-left 2782 " 2783 2784 style=" 2785 --padding-block-start: 0px; --padding-block-end:0px; 2786--padding-inline-start:0px; --padding-inline-end:0px; 2787 2788 2789--color: var(--color-foreground); 2790 --width: 100%; 2791 --max-width: var(--max-width--body-narrow); 2792 2793 --text-align: left; 2794 2795 2796 " 2797 2798 2799> 2800 <p><em>De lâombre à la lumière</em></p> 2801 </div> 2802 2803 2804 2805 2806 2807 2808 2809 2810 </div> 2811 </div> 2812</div> 2813 2814 2815 2816 2817 2818</div><div id="shopify-section-template--25583136506122__section_mdyhrz" class="shopify-section section-wrapper"> 2819 2820 2821 2822<div class="section-background color-scheme-1"></div> 2823<div 2824 class="section section--page-width color-scheme-1" 2825 2826 2827 2828 style=" 2829 2830 2831 2832 " 2833> 2834 <div class="custom-section-background"> 2835 2836 2837 </div> 2838 2839 <div 2840 class="border-style custom-section-content" 2841 style="--border-width: 1px; --border-style: none; --border-color: rgba(from 2842var(--color-border) r g b / 1.0); --border-radius: 28430px; 2844" 2845 > 2846 2847 2848 <div 2849 class=" 2850 spacing-style 2851 layout-panel-flex 2852 layout-panel-flex--column 2853 section-content-wrapper 2854 mobile-column 2855 " 2856 style=" 2857 --flex-direction: column; --flex-wrap: nowrap; 2858 2859--gap: 16px; 2860 2861--horizontal-alignment: flex-start; --vertical-alignment: center; 2862--vertical-alignment-mobile: center; 2863 2864 --padding-block-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 32px)); 2865 " 2866 data-testid="section-content" 2867 > 2868 2869 2870 2871 2872 2873 2874 2875 2876 2877 2878 2879 2880 2881 2882 2883 2884 <deferred-media 2885 class="spacing-style size-style border-style" 2886 style=" 2887 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 2888 --border-width: 1px; --border-style: none; --border-color: rgba(from 2889var(--color-border) r g b / 1.0); --border-radius: 28900px; 2891 2892 --size-style-width: 100%; --size-style-width-mobile: 100%; 2893 --size-style-aspect-ratio: 16/9; 2894" 2895 2896 autoplay 2897 2898 2899 > 2900 2901 2902 2903 2904 <template> 2905 2906 2907 <iframe 2908 src="https://player.vimeo.com/video/760597075?&autoplay=1&muted=1&loop=1" 2909 class="js-vimeo" 2910 allow="autoplay; encrypted-media" 2911 allowfullscreen 2912 title="" 2913 ></iframe> 2914 2915 2916 </template> 2917 2918 2919 2920 2921 <iframe 2922 src="https://player.vimeo.com/video/760597075?&autoplay=1&muted=1&loop=1" 2923 class="js-vimeo" 2924 allow="autoplay; encrypted-media" 2925 allowfullscreen 2926 title="" 2927 ></iframe> 2928 2929 2930 2931 </deferred-media> 2932 2933 2934 2935 2936 2937 2938 2939 2940 2941 2942 2943 2944 2945<div 2946 class=" 2947 group-block 2948 group-block--height-fit 2949 group-block--width-fill 2950 border-style 2951 spacing-style 2952 size-style 2953 2954 2955 " 2956 style=" 2957 --border-width: 1px; --border-style: none; --border-color: rgba(from 2958var(--color-border) r g b / 1.0); --border-radius: 29590px; 2960 2961 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 2962 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 2963 2964 " 2965 2966 data-testid="group-block" 2967><div class="group-block__media-wrapper"> 2968 2969 2970 2971 </div> 2972 2973 <div 2974 class=" 2975 group-block-content 2976 2977 layout-panel-flex 2978 layout-panel-flex--row 2979 mobile-column 2980 " 2981 style="--flex-direction: row; --flex-wrap: nowrap; 2982 2983--gap: 12px; 2984 2985--horizontal-alignment: space-between;
2985 --vertical-alignment: last baseline; 2986--vertical-alignment-mobile: flex-end; 2987" 2988 > 2989 2990</div> 2991</div> 2992 2993 2994 2995 2996 2997 2998 2999 </div> 3000 </div> 3001</div> 3002 3003 3004 3005 3006 3007</div><div id="shopify-section-template--25583136506122__section_awpzz9" class="shopify-section section-wrapper"> 3008 3009 3010 3011<div class="section-background color-scheme-1"></div> 3012<div 3013 class="section section--page-width color-scheme-1" 3014 3015 3016 3017 style=" 3018 3019 3020 3021 " 3022> 3023 <div class="custom-section-background"> 3024 3025 3026 </div> 3027 3028 <div 3029 class="border-style custom-section-content" 3030 style="--border-width: 1px; --border-style: none; --border-color: rgba(from 3031var(--color-border) r g b / 1.0); --border-radius: 30320px; 3033" 3034 > 3035 3036 3037 <div 3038 class=" 3039 spacing-style 3040 layout-panel-flex 3041 layout-panel-flex--column 3042 section-content-wrapper 3043 mobile-column 3044 " 3045 style=" 3046 --flex-direction: column; --flex-wrap: nowrap; 3047 3048--gap: 16px; 3049 3050--horizontal-alignment: flex-start; --vertical-alignment: center; 3051--vertical-alignment-mobile: center; 3052 3053 --padding-block-start: max(20px, calc(var(--spacing-scale) * 64px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 64px)); 3054 " 3055 data-testid="section-content" 3056 > 3057 3058 3059 3060 3061 3062 3063 3064 3065 3066 <div 3067 class=" spacing-style text-block text-block--AcXZ0TmhXajRNZmoxM__text_3UNVLQ h2 3068 text-block--align-left 3069 " 3070 3071 style=" 3072 --padding-block-start: 0px; --padding-block-end:0px; 3073--padding-inline-start:0px; --padding-inline-end:0px; 3074 3075 3076--color: var(--color-foreground); 3077 --width: 100%; 3078 --max-width: var(--max-width--body-narrow); 3079 3080 --text-align: left; 3081 3082 3083 " 3084 3085 3086> 3087 <p><em>Lâagenda artistique</em></p> 3088 </div> 3089 3090 3091 3092 3093 3094 3095 3096 3097 </div> 3098 </div> 3099</div> 3100 3101 3102 3103 3104 3105</div><div id="shopify-section-template--25583136506122__media_with_content_jcBN7e" class="shopify-section"> 3106 3107 3108 3109<div class="section-background color-scheme-1"></div> 3110<div 3111 class="section section--full-width disable-section-top-offset media-with-content color-scheme-1 spacing-style media-with-content--medium media-with-content--media-right" 3112 data-testid="media-with-content" 3113 style="--padding-block-start: 0px;--padding-block-end: 0px; 3114 --border-width: px; --border-style: ; --border-color: rgba(from 3115var(--color-border) r g b / 0.0); --border-radius: 3116px; 3117 3118 --media-height: 60svh; 3119 --media-height-mobile: 50svh; 3120 3121 --section-preview-height: 600px; 3122 3123 " 3124 3125> 3126 3127 3128 3129 3130 3131<div 3132 class=" 3133 media-block 3134 spacing-style 3135 3136 3137 media-block--contain 3138 3139 " 3140 style=" 3141 --border-width: px; --border-style: ; --border-color: rgba(from 3142var(--color-border) r g b / 0.0); --border-radius: 3143px; 3144 3145 3146 --image-position: contain; 3147 --video-position: cover; 3148 " 3149 3150> 3151 3152 3153 <a 3154 href="https://zooartshow.com/" 3155 class="media-block__media-link" 3156 > 3157 3158 3159 3160 3161 3162 3163 3164 3165 3166 3167 3168 3169 3170 <img src="//berthetone.com/cdn/shop/files/logo_zooartshow.svg?height=178&v=1750943899" alt="" width="250" height="178" loading="lazy" class="media-block__media border-style" srcset="//berthetone.com/cdn/shop/files/logo_zooartshow.svg?height=178&v=1750943899 1x, //berthetone.com/cdn/shop/files/logo_zooartshow.svg?height=356&v=1750943899 2x, //berthetone.com/cdn/shop/files/logo_zooartshow.svg?height=534&v=1750943899 3x" style="object-position: inherit;"> 3171 3172 3173 3174 3175 </a> 3176 3177</div> 3178 3179 3180 3181 3182 3183 3184 3185 3186 3187 3188 3189<div 3190 class=" 3191 group-block 3192 group-block--height- 3193 group-block--width- 3194 border-style 3195 spacing-style 3196 size-style 3197 3198 media-with-content__content 3199 " 3200 style=" 3201 --border-width: px; --border-style: ; --border-color: rgba(from 3202var(--color-border) r g b / 0.0); --border-radius: 3203px; 3204 3205 3206 --size-style-width: ;--size-style-height: ; 3207 3208 " 3209 3210 data-testid="group-block" 3211><div class="group-block__media-wrapper"> 3212 3213 3214 3215 </div> 3216 3217 <div 3218 class=" 3219 group-block-content 3220 3221 layout-panel-flex 3222 layout-panel-flex--column 3223 3224 " 3225 style="--flex-direction: column; --flex-wrap: nowrap; 3226 3227--gap: max(24px, calc(var(--gap-scale, 1.0) * 68px)); 3228 3229--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 3230--vertical-alignment-mobile: flex-start; 3231" 3232 > 3233 3234 3235 3236 3237 3238 3239 3240<div class="jumbo-text__container"> 3241 3242 <jumbo-text 3243 3244 style=" 3245 --font-family: var(--font-heading--family); 3246 --font-weight: var(--font-heading--weight); 3247 3248 --color: var(--color-foreground-heading); 3249 3250 --text-align: right; 3251 3252 --margin-right-nudge: -0.04em; 3253 3254 --line-height: 1; 3255 --letter-spacing: 0.03em; 3256 --text-transform: uppercase; 3257 --text-trim: trim-both cap alphabetic; 3258 " 3259 3260 3261 aria-label="Immersion urbaine 3262Retrouvez-moi au 3263Zoo Art Show" 3264 data-text-effect="none" 3265 data-animation-repeat="false" 3266 ><span 3267 class="jumbo-text-line" 3268 style="--line-index: 1;" 3269 data-testid="jumbo-text-line" 3270 ><span 3271 class="jumbo-text-char" 3272 style="--char-index: 0;" 3273 aria-hidden="true" 3274 >
3275 <span class="jumbo-text-char-inner">I</span> 3276 </span><span 3277 class="jumbo-text-char" 3278 style="--char-index: 1;" 3279 aria-hidden="true" 3280 > 3281 <span class="jumbo-text-char-inner">m</span> 3282 </span><span 3283 class="jumbo-text-char" 3284 style="--char-index: 2;" 3285 aria-hidden="true" 3286 > 3287 <span class="jumbo-text-char-inner">m</span> 3288 </span><span 3289 class="jumbo-text-char" 3290 style="--char-index: 3;" 3291 aria-hidden="true" 3292 > 3293 <span class="jumbo-text-char-inner">e</span> 3294 </span><span 3295 class="jumbo-text-char" 3296 style="--char-index: 4;" 3297 aria-hidden="true" 3298 > 3299 <span class="jumbo-text-char-inner">r</span> 3300 </span><span 3301 class="jumbo-text-char" 3302 style="--char-index: 5;" 3303 aria-hidden="true" 3304 > 3305 <span class="jumbo-text-char-inner">s</span> 3306 </span><span 3307 class="jumbo-text-char" 3308 style="--char-index: 6;" 3309 aria-hidden="true" 3310 > 3311 <span class="jumbo-text-char-inner">i</span> 3312 </span><span 3313 class="jumbo-text-char" 3314 style="--char-index: 7;" 3315 aria-hidden="true" 3316 > 3317 <span class="jumbo-text-char-inner">o</span> 3318 </span><span 3319 class="jumbo-text-char" 3320 style="--char-index: 8;" 3321 aria-hidden="true" 3322 > 3323 <span class="jumbo-text-char-inner">n</span> 3324 </span><span 3325 class="jumbo-text-space" 3326 aria-hidden="true" 3327 > 3328 3329 </span><span 3330 class="jumbo-text-char" 3331 style="--char-index: 9;" 3332 aria-hidden="true" 3333 > 3334 <span class="jumbo-text-char-inner">u</span> 3335 </span><span 3336 class="jumbo-text-char" 3337 style="--char-index: 10;" 3338 aria-hidden="true" 3339 > 3340 <span class="jumbo-text-char-inner">r</span> 3341 </span><span 3342 class="jumbo-text-char" 3343 style="--char-index: 11;" 3344 aria-hidden="true" 3345 > 3346 <span class="jumbo-text-char-inner">b</span> 3347 </span><span 3348 class="jumbo-text-char" 3349 style="--char-index: 12;" 3350 aria-hidden="true" 3351 > 3352 <span class="jumbo-text-char-inner">a</span> 3353 </span><span 3354 class="jumbo-text-char" 3355 style="--char-index: 13;" 3356 aria-hidden="true" 3357 > 3358 <span class="jumbo-text-char-inner">i</span> 3359 </span><span 3360 class="jumbo-text-char" 3361 style="--char-index: 14;" 3362 aria-hidden="true" 3363 > 3364 <span class="jumbo-text-char-inner">n</span> 3365 </span><span 3366 class="jumbo-text-char" 3367 style="--char-index: 15;" 3368 aria-hidden="true" 3369 > 3370 <span class="jumbo-text-char-inner">e</span> 3371 </span></span><br><span 3372 class="jumbo-text-line" 3373 style="--line-index: 2;" 3374 data-testid="jumbo-text-line" 3375 ><span 3376 class="jumbo-text-char" 3377 style="--char-index: 16;" 3378 aria-hidden="true" 3379 > 3380 <span class="jumbo-text-char-inner">R</span> 3381 </span><span 3382 class="jumbo-text-char" 3383 style="--char-index: 17;" 3384 aria-hidden="true" 3385 > 3386 <span class="jumbo-text-char-inner">e</span> 3387 </span><span 3388 class="jumbo-text-char" 3389 style="--char-index: 18;" 3390 aria-hidden="true" 3391 >
3392 <span class="jumbo-text-char-inner">t</span> 3393 </span><span 3394 class="jumbo-text-char" 3395 style="--char-index: 19;" 3396 aria-hidden="true" 3397 > 3398 <span class="jumbo-text-char-inner">r</span> 3399 </span><span 3400 class="jumbo-text-char" 3401 style="--char-index: 20;" 3402 aria-hidden="true" 3403 > 3404 <span class="jumbo-text-char-inner">o</span> 3405 </span><span 3406 class="jumbo-text-char" 3407 style="--char-index: 21;" 3408 aria-hidden="true" 3409 > 3410 <span class="jumbo-text-char-inner">u</span> 3411 </span><span 3412 class="jumbo-text-char" 3413 style="--char-index: 22;" 3414 aria-hidden="true" 3415 > 3416 <span class="jumbo-text-char-inner">v</span> 3417 </span><span 3418 class="jumbo-text-char" 3419 style="--char-index: 23;" 3420 aria-hidden="true" 3421 > 3422 <span class="jumbo-text-char-inner">e</span> 3423 </span><span 3424 class="jumbo-text-char" 3425 style="--char-index: 24;" 3426 aria-hidden="true" 3427 > 3428 <span class="jumbo-text-char-inner">z</span> 3429 </span><span 3430 class="jumbo-text-char" 3431 style="--char-index: 25;" 3432 aria-hidden="true" 3433 > 3434 <span class="jumbo-text-char-inner">-</span> 3435 </span><span 3436 class="jumbo-text-char" 3437 style="--char-index: 26;" 3438 aria-hidden="true" 3439 > 3440 <span class="jumbo-text-char-inner">m</span> 3441 </span><span 3442 class="jumbo-text-char" 3443 style="--char-index: 27;" 3444 aria-hidden="true" 3445 > 3446 <span class="jumbo-text-char-inner">o</span> 3447 </span><span 3448 class="jumbo-text-char" 3449 style="--char-index: 28;" 3450 aria-hidden="true" 3451 > 3452 <span class="jumbo-text-char-inner">i</span> 3453 </span><span 3454 class="jumbo-text-space" 3455 aria-hidden="true" 3456 > 3457 3458 </span><span 3459 class="jumbo-text-char" 3460 style="--char-index: 29;" 3461 aria-hidden="true" 3462 > 3463 <span class="jumbo-text-char-inner">a</span> 3464 </span><span 3465 class="jumbo-text-char" 3466 style="--char-index: 30;" 3467 aria-hidden="true" 3468 > 3469 <span class="jumbo-text-char-inner">u</span> 3470 </span></span><br><span 3471 class="jumbo-text-line" 3472 style="--line-index: 3;" 3473 data-testid="jumbo-text-line" 3474 ><span 3475 class="jumbo-text-char" 3476 style="--char-index: 31;" 3477 aria-hidden="true" 3478 > 3479 <span class="jumbo-text-char-inner">Z</span> 3480 </span><span 3481 class="jumbo-text-char" 3482 style="--char-index: 32;" 3483 aria-hidden="true" 3484 > 3485 <span class="jumbo-text-char-inner">o</span> 3486 </span><span 3487 class="jumbo-text-char" 3488 style="--char-index: 33;" 3489 aria-hidden="true" 3490 > 3491 <span class="jumbo-text-char-inner">o</span> 3492 </span><span 3493 class="jumbo-text-space" 3494 aria-hidden="true" 3495 > 3496 3497 </span><span 3498 class="jumbo-text-char" 3499 style="--char-index: 34;" 3500 aria-hidden="true" 3501 > 3502 <span class="jumbo-text-char-inner">A</span> 3503 </span><span 3504 class="jumbo-text-char" 3505 style="--char-index: 35;" 3506 aria-hidden="true" 3507 >
3508 <span class="jumbo-text-char-inner">r</span> 3509 </span><span 3510 class="jumbo-text-char" 3511 style="--char-index: 36;" 3512 aria-hidden="true" 3513 > 3514 <span class="jumbo-text-char-inner">t</span> 3515 </span><span 3516 class="jumbo-text-space" 3517 aria-hidden="true" 3518 > 3519 3520 </span><span 3521 class="jumbo-text-char" 3522 style="--char-index: 37;" 3523 aria-hidden="true" 3524 > 3525 <span class="jumbo-text-char-inner">S</span> 3526 </span><span 3527 class="jumbo-text-char" 3528 style="--char-index: 38;" 3529 aria-hidden="true" 3530 > 3531 <span class="jumbo-text-char-inner">h</span> 3532 </span><span 3533 class="jumbo-text-char" 3534 style="--char-index: 39;" 3535 aria-hidden="true" 3536 > 3537 <span class="jumbo-text-char-inner">o</span> 3538 </span><span 3539 class="jumbo-text-char" 3540 style="--char-index: 40;" 3541 aria-hidden="true" 3542 > 3543 <span class="jumbo-text-char-inner">w</span> 3544 </span></span></jumbo-text> 3545 3546</div> 3547
3548<script 3549 src="//berthetone.com/cdn/shop/t/2/assets/jumbo-text.js?v=90073848298908531071750933476" 3550 type="module" 3551></script>
3551 3552 3553 3554 3555 3556 3557 3558 3559 3560 3561 3562 3563 3564 3565 <rte-formatter 3566 class=" spacing-style text-block text-block--AT2JMTWRIejdnK0lDM__text_hDf7Ky rte 3567 rte 3568 " 3569 3570 style=" 3571 --padding-block-start: 0px; --padding-block-end:0px; 3572--padding-inline-start:0px; --padding-inline-end:0px; 3573 3574 3575 3576 --width: fit-content; 3577 --max-width: var(--max-width--body-normal); 3578 3579 3580 " 3581 3582 3583> 3584 <h4>Exposition immersive Zoo Art Show du 7 juin au 21 décembre 2025</h4> 3585 </rte-formatter> 3586 3587 3588 3589 3590 3591 3592 3593</div> 3594</div> 3595 3596 3597 3598 3599 3600 3601</div> 3602 3603 3604 3605 3606<style> #shopify-section-template--25583136506122__media_with_content_jcBN7e .border-style {transform: scale(0.85); /* Réduit tous les éléments à lâintérieur à 85% */ transform-origin: top left; /* Garde lâalignement en haut à gauche */} </style></div><div id="shopify-section-template--25583136506122__section_yymeQb" class="shopify-section section-wrapper"> 3607 3608 3609 3610<div class="section-background color-scheme-1"></div> 3611<div 3612 class="section section--page-width color-scheme-1" 3613 3614 3615 3616 style=" 3617 3618 3619 3620 " 3621> 3622 <div class="custom-section-background"> 3623 3624 3625 </div> 3626 3627 <div 3628 class="border-style custom-section-content" 3629 style="--border-width: 1px; --border-style: none; --border-color: rgba(from 3630var(--color-border) r g b / 1.0); --border-radius: 36310px; 3632" 3633 > 3634 3635 3636 <div 3637 class=" 3638 spacing-style 3639 layout-panel-flex 3640 layout-panel-flex--column 3641 section-content-wrapper 3642 mobile-column 3643 " 3644 style=" 3645 --flex-direction: column; --flex-wrap: nowrap; 3646 3647--gap: 16px; 3648 3649--horizontal-alignment: center; --vertical-alignment: center; 3650--vertical-alignment-mobile: center; 3651 3652 --padding-block-start: max(20px, calc(var(--spacing-scale) * 64px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 64px)); 3653 " 3654 data-testid="section-content" 3655 > 3656 3657 3658 3659 3660 3661 3662 3663 3664 3665 <div 3666 class=" spacing-style text-block text-block--ARkRTVEJpQkVUSDVhe__text_xF9zFA h2 3667 text-block--align-center 3668 " 3669 3670 style=" 3671 --padding-block-start: 0px; --padding-block-end:0px; 3672--padding-inline-start:0px; --padding-inline-end:0px; 3673 3674 3675--color: var(--color-foreground); 3676 --width: 100%; 3677 --max-width: var(--max-width--body-narrow); 3678 3679 --text-align: center; 3680 3681 3682 " 3683 3684 3685> 3686 <p>Nos partenaires</p> 3687 </div> 3688 3689 3690 3691 3692 3693 3694 3695 3696 </div> 3697 </div> 3698</div> 3699 3700 3701 3702 3703 3704</div><div id="shopify-section-template--25583136506122__section_LHmqyT" class="shopify-section section-wrapper"> 3705 3706 3707 3708<div class="section-background color-scheme-1"></div> 3709<div 3710 class="section section--page-width color-scheme-1" 3711 3712 3713 3714 style=" 3715 3716 3717 3718 " 3719> 3720 <div class="custom-section-background"> 3721 3722 3723 </div> 3724 3725 <div 3726 class="border-style custom-section-content" 3727 style="--border-width: 1px; --border-style: none; --border-color: rgba(from 3728var(--color-border) r g b / 1.0); --border-radius: 37290px; 3730" 3731 > 3732 3733 3734 <div 3735 class=" 3736 spacing-style 3737 layout-panel-flex 3738 layout-panel-flex--row 3739 section-content-wrapper 3740 mobile-column 3741 " 3742 style=" 3743 --flex-direction: row; --flex-wrap: nowrap; 3744 3745--gap: 16px; 3746 3747--horizontal-alignment: flex-start; --vertical-alignment: center; 3748--vertical-alignment-mobile: center; 3749 3750 --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); 3751 " 3752 data-testid="section-content" 3753 > 3754 3755 3756 3757 3758 3759<div 3760 class=" 3761 group-block 3762 group-block--height-fit 3763 group-block--width-fill 3764 border-style 3765 spacing-style 3766 size-style 3767 3768 3769 " 3770 style=" 3771 --border-width: 1px; --border-style: none; --border-color: rgba(from 3772var(--color-border) r g b / 1.0); --border-radius: 37730px; 3774 3775 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 3776 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 3777 3778 " 3779 3780 data-testid="group-block" 3781><div class="group-block__media-wrapper"> 3782 3783 3784 3785 </div> 3786 3787 <div 3788 class=" 3789 group-block-content 3790 3791 layout-panel-flex 3792 layout-panel-flex--column 3793 mobile-column 3794 " 3795 style="--flex-direction: column; --flex-wrap: nowrap; 3796 3797--gap: 16px; 3798 3799--horizontal-alignment: center; --vertical-alignment: center; 3800--vertical-alignment-mobile: center; 3801" 3802 > 3803 <div id="shopify-block-AYldIVjVLRE12MTBQN__icon_Tajw6c" class="shopify-block icon-block"> 3804 3805 3806 3807 3808 3809 3810 3811 3812 <img src="//berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&width=1024" alt="" srcset="//berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&width=300 300w, //berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&width=375 375w, //berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&width=450 450w, //berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&width=525 525w, //berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&width=600 600w, //berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&width=675 675w, //berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&width=750 750w, //berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&width=768 768w, //berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&width=850 850w, //berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&width=900 900w, //berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&
3812width=1024 1024w" width="1024" height="1024" loading="lazy" class="icon-block__media icon-block-AYldIVjVLRE12MTBQN__icon_Tajw6c" style="width: 200px;" sizes="(min-width: 1024px) 1024px, 100vw, 100vw"> 3813 3814 3815 3816 3817</div> 3818 3819 3820 3821 3822<div 3823 class=" 3824 group-block 3825 group-block--height-fit 3826 group-block--width-fill 3827 border-style 3828 spacing-style 3829 size-style 3830 3831 3832 " 3833 style=" 3834 --border-width: 1px; --border-style: none; --border-color: rgba(from 3835var(--color-border) r g b / 1.0); --border-radius: 38360px; 3837 3838 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 3839 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 3840 3841 " 3842 3843 data-testid="group-block" 3844><div class="group-block__media-wrapper"> 3845 3846 3847 3848 </div> 3849 3850 <div 3851 class=" 3852 group-block-content 3853 3854 layout-panel-flex 3855 layout-panel-flex--column 3856 mobile-column 3857 " 3858 style="--flex-direction: column; --flex-wrap: nowrap; 3859 3860--gap: 4px; 3861 3862--horizontal-alignment: flex-start; --vertical-alignment: center; 3863--vertical-alignment-mobile: center; 3864" 3865 > 3866 3867</div> 3868</div> 3869 3870 3871 3872 3873 3874 3875</div> 3876</div> 3877 3878 3879 3880 3881 3882 3883 3884 3885 3886<div 3887 class=" 3888 group-block 3889 group-block--height-fit 3890 group-block--width-fill 3891 border-style 3892 spacing-style 3893 size-style 3894 3895 3896 " 3897 style=" 3898 --border-width: 1px; --border-style: none; --border-color: rgba(from 3899var(--color-border) r g b / 1.0); --border-radius: 39000px; 3901 3902 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 3903 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 3904 3905 " 3906 3907 data-testid="group-block" 3908><div class="group-block__media-wrapper"> 3909 3910 3911 3912 </div> 3913 3914 <div 3915 class=" 3916 group-block-content 3917 3918 layout-panel-flex 3919 layout-panel-flex--column 3920 mobile-column 3921 " 3922 style="--flex-direction: column; --flex-wrap: nowrap; 3923 3924--gap: 16px; 3925 3926--horizontal-alignment: center; --vertical-alignment: center; 3927--vertical-alignment-mobile: center; 3928" 3929 > 3930 <div id="shopify-block-AdGE0bFhtRzJQTVVJS__icon_U8Btir" class="shopify-block icon-block"> 3931 3932 3933 3934 3935 3936 3937 3938 3939 <img src="//berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&width=1024" alt="" srcset="//berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&width=300 300w, //berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&width=375 375w, //berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&width=450 450w, //berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&width=525 525w, //berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&width=600 600w, //berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&width=675 675w, //berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&width=750 750w, //berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&width=768 768w, //berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&width=850 850w, //berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&width=900 900w, //berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&width=1024 1024w" width="1024" height="1024" loading="lazy" class="icon-block__media icon-block-AdGE0bFhtRzJQTVVJS__icon_U8Btir" style="width: 166px;" sizes="(min-width: 1024px) 1024px, 100vw, 100vw"> 3940 3941 3942 3943 3944</div> 3945 3946 3947 3948 3949<div 3950 class=" 3951 group-block 3952 group-block--height-fit 3953 group-block--width-fill 3954 border-style 3955 spacing-style 3956 size-style 3957 3958 3959 " 3960 style=" 3961 --border-width: 1px; --border-style: none; --border-color: rgba(from 3962var(--color-border) r g b / 1.0); --border-radius: 39630px; 3964 3965 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 3966 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 3967 3968 " 3969 3970 data-testid="group-block" 3971><div class="group-block__media-wrapper"> 3972 3973 3974 3975 </div> 3976 3977 <div 3978 class=" 3979 group-block-content 3980 3981 layout-panel-flex 3982 layout-panel-flex--column 3983 mobile-column 3984 " 3985 style="--flex-direction: column; --flex-wrap: nowrap; 3986 3987--gap: 4px; 3988 3989--horizontal-alignment: flex-start; --vertical-alignment: center; 3990--vertical-alignment-mobile: center; 3991" 3992 > 3993 3994</div> 3995</div> 3996 3997 3998 3999 4000 4001 4002</div> 4003</div> 4004 4005 4006 4007 4008 4009 4010 4011 4012 4013<div 4014 class=" 4015 group-block 4016 group-block--height-fit 4017 group-block--width-fill 4018 border-style 4019 spacing-style 4020 size-style 4021 4022 4023 " 4024 style=" 4025 --border-width: 1px; --border-style: none; --border-color: rgba(from 4026var(--color-border) r g b / 1.0); --border-radius: 40270px; 4028 4029 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4030 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 4031 4032 " 4033 4034 data-testid="group-block" 4035><div class="group-block__media-wrapper"> 4036 4037 4038 4039 </div> 4040 4041 <div 4042 class=" 4043 group-block-content 4044 4045 layout-panel-flex 4046 layout-panel-flex--column 4047 mobile-column 4048 " 4049 style="--flex-direction: column; --flex-wrap: nowrap; 4050 4051--gap: 16px; 4052 4053--horizontal-alignment: center; --vertical-alignment: center; 4054--vertical-alignment-mobile: center; 4055" 4056 > 4057 <div id="shopify-block-ASzV3dDc4M2tDNk1JM__icon_YDXkBB" class="shopify-block icon-block"> 4058 4059 4060 4061 4062 4063 4064 4065 4066 <img src="//berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&width=1024" alt="" srcset="//berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&width=300 300w, //berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&width=375 375w, //berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&width=450 450w, //berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&width=525 525w, //berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&width=600 600w, //berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&width=675 675w, //berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&width=750 750w, //berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&width=768 768w, //berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&width=850 850w, //berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&width=900 900w, //berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&
4066width=1024 1024w" width="1024" height="1024" loading="lazy" class="icon-block__media icon-block-ASzV3dDc4M2tDNk1JM__icon_YDXkBB" style="width: 166px;" sizes="(min-width: 1024px) 1024px, 100vw, 100vw"> 4067 4068 4069 4070 4071</div> 4072 4073 4074 4075 4076<div 4077 class=" 4078 group-block 4079 group-block--height-fit 4080 group-block--width-fill 4081 border-style 4082 spacing-style 4083 size-style 4084 4085 4086 " 4087 style=" 4088 --border-width: 1px; --border-style: none; --border-color: rgba(from 4089var(--color-border) r g b / 1.0); --border-radius: 40900px; 4091 4092 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4093 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 4094 4095 " 4096 4097 data-testid="group-block" 4098><div class="group-block__media-wrapper"> 4099 4100 4101 4102 </div> 4103 4104 <div 4105 class=" 4106 group-block-content 4107 4108 layout-panel-flex 4109 layout-panel-flex--column 4110 mobile-column 4111 " 4112 style="--flex-direction: column; --flex-wrap: nowrap; 4113 4114--gap: 4px; 4115 4116--horizontal-alignment: flex-start; --vertical-alignment: center; 4117--vertical-alignment-mobile: center; 4118" 4119 > 4120 4121</div> 4122</div> 4123 4124 4125 4126 4127 4128 4129</div> 4130</div> 4131 4132 4133 4134 4135 4136 4137 4138 </div> 4139 </div> 4140</div> 4141 4142 4143 4144 4145 4146<style> #shopify-section-template--25583136506122__section_LHmqyT .icon-block__media{display: flex; justify-content: center; /* centre les icônes horizontalement */ align-items: center; /* aligne verticalement si besoin */ gap: 20px; /* espace entre les icônes */ margin: 20px 0;} #shopify-section-template--25583136506122__section_LHmqyT .icons-wrapper img {width: 40px; /* adapte à la taille de tes icônes */ </style></div> 4147 </main> 4148 4149 <!-- BEGIN sections: footer-group --> 4150<footer id="shopify-section-sections--25583137128714__footer" class="shopify-section shopify-section-group-footer-group section-wrapper"> 4151 4152<div class="section-background color-scheme-1"></div> 4153<div 4154 class=" 4155 section section--page-width color-scheme-1 4156 4157 " 4158> 4159 4160 4161 4162 <div 4163 class=" 4164 spacing-style 4165 layout-panel-flex 4166 layout-panel-flex--column 4167 section-content-wrapper 4168 mobile-column 4169 " 4170 style=" 4171 --flex-direction: column; --flex-wrap: nowrap; 4172 4173--gap: max(24px, calc(var(--gap-scale, 1.0) * 64px)); 4174 4175--horizontal-alignment: center; --vertical-alignment: flex-start; 4176--vertical-alignment-mobile: flex-start; 4177 4178 --padding-block-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-block-end: 16px; 4179 " 4180 > 4181 4182 4183 4184 4185<div 4186 class=" 4187 group-block 4188 group-block--height-fit 4189 group-block--width-fill 4190 border-style 4191 spacing-style 4192 size-style 4193 4194 4195 " 4196 style=" 4197 --border-width: 1px; --border-style: none; --border-color: rgba(from 4198var(--color-border) r g b / 1.0); --border-radius: 41990px; 4200 4201 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4202 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 4203 4204 " 4205 4206 data-testid="group-block" 4207><div class="group-block__media-wrapper"> 4208 4209 4210 4211 </div> 4212 4213 <div 4214 class=" 4215 group-block-content 4216 4217 layout-panel-flex 4218 layout-panel-flex--row 4219 mobile-column 4220 " 4221 style="--flex-direction: row; --flex-wrap: nowrap; 4222 4223--gap: max(24px, calc(var(--gap-scale, 1.0) * 54px)); 4224 4225--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 4226--vertical-alignment-mobile: flex-start; 4227" 4228 > 4229 4230 4231 4232 4233 4234 <accordion-custom 4235 class=" 4236 menu 4237 4238 4239 " 4240 data-disable-on-desktop="true" 4241 open-by-default-on-desktop 4242 4243 data-disable-on-mobile="true" 4244 open-by-default-on-mobile 4245 4246 > 4247 <details 4248 class=" 4249 menu__details 4250 spacing-style 4251 4252 " 4253 style=" 4254 --spacing--size: 12px; 4255 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4256 " 4257 4258 > 4259 <summary class="menu__heading menu__heading--empty h5"> 4260 <span class="menu__heading__default"></span>
4261 <span class="menu__heading__accordion"> 4262 Menu pied de page 4263 <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4264 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4265</svg> 4266</span> 4267 <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4268 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4269 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4270</svg> 4271</span> 4272 </span> 4273 </summary> 4274 4275 <div class="details-content"> 4276 4277 <ul class="list-unstyled"> 4278 4279 <li class="menu__item paragraph"> 4280 <a href="/search"> 4281 Rechercher 4282 </a> 4283 </li> 4284 4285 <li class="menu__item paragraph"> 4286 <a href="/pages/conditions-generales-d-utilisation"> 4287 CGU 4288 </a> 4289 </li> 4290 4291 <li class="menu__item paragraph"> 4292 <a href="/pages/politique-de-confidentialite"> 4293 Politique de confidentialité 4294 </a> 4295 </li> 4296 4297 <li class="menu__item paragraph"> 4298 <a href="/pages/politique-de-cookies-berthetone"> 4299 Politique de cookies 4300 </a> 4301 </li> 4302 4303 </ul> 4304 4305 </div> 4306 </details> 4307 </accordion-custom> 4308 4309 4310 4311 4312 4313 4314 4315 4316 4317 4318 <accordion-custom 4319 class=" 4320 menu 4321 4322 4323 " 4324 data-disable-on-desktop="true" 4325 open-by-default-on-desktop 4326 4327 data-disable-on-mobile="true" 4328 open-by-default-on-mobile 4329 4330 > 4331 <details 4332 class=" 4333 menu__details 4334 spacing-style 4335 4336 " 4337 style=" 4338 --spacing--size: 12px; 4339 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4340 " 4341 4342 > 4343 <summary class="menu__heading menu__heading--empty h5"> 4344 <span class="menu__heading__default"></span> 4345 <span class="menu__heading__accordion"> 4346 Menu principal 4347 <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4348 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4349</svg> 4350</span> 4351 <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4352 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4353 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4354</svg> 4355</span> 4356 </span> 4357 </summary> 4358 4359 <div class="details-content"> 4360 4361 <ul class="list-unstyled"> 4362 4363 <li class="menu__item paragraph"> 4364 <a href="/"> 4365 Accueil 4366 </a> 4367 </li> 4368 4369 <li class="menu__item paragraph"> 4370 <a href="/pages/works"> 4371 Åuvres 4372 </a> 4373 </li> 4374 4375 <li class="menu__item paragraph"> 4376 <a href="/pages/exhibitions"> 4377 Expositions 4378 </a> 4379 </li> 4380 4381 <li class="menu__item paragraph"> 4382 <a href="/pages/biography"> 4383 Biographie 4384 </a> 4385 </li> 4386 4387 <li class="menu__item paragraph"> 4388 <a href="/pages/presse"> 4389 Presse 4390 </a> 4391 </li> 4392 4393 <li class="menu__item paragraph"> 4394 <a href="/pages/contact"> 4395 Contact 4396 </a> 4397 </li> 4398 4399 </ul> 4400 4401 </div> 4402 </details> 4403 </accordion-custom> 4404 4405 4406 4407 4408 4409 4410 4411 4412 4413<div 4414 class=" 4415 group-block 4416 group-block--height-fit 4417 group-block--width-custom 4418 border-style 4419 spacing-style 4420 size-style 4421 4422 4423 " 4424 style=" 4425 --border-width: 1px; --border-style: none; --border-color: rgba(from 4426var(--color-border) r g b / 1.0); --border-radius: 44270px; 4428 4429 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4430 --size-style-width:100%;--size-style-height: fit; 4431 --size-style-width-mobile:100%; --size-style-width-mobile-min:100%; 4432 4433 " 4434 4435 data-testid="group-block" 4436><div class="group-block__media-wrapper"> 4437 4438 4439 4440 </div> 4441 4442 <div 4443 class=" 4444 group-block-content 4445 4446 layout-panel-flex 4447 layout-panel-flex--column 4448 mobile-column 4449 " 4450 style="--flex-direction: column; --flex-wrap: nowrap; 4451 4452--gap: 12px; 4453 4454--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 4455--vertical-alignment-mobile: flex-start; 4456" 4457 > 4458 4459 4460 4461 4462 4463 4464 4465 4466 <div 4467 class=" spacing-style text-block text-block--AdkNxMnVPSVBTT1hGc__text_acMDpf h5 4468 4469 " 4470 4471 style=" 4472 --padding-block-start: 0px; --padding-block-end:0px; 4473--padding-inline-start:0px; --padding-inline-end:0px; 4474 4475 4476 4477 --width: fit-content; 4478 --max-width: var(--max-width--body-normal); 4479 4480 4481 " 4482 4483 4484> 4485 <p>Expos, nouveautés, exclu</p> 4486 </div> 4487 4488 4489 4490 4491 4492 4493 4494 4495<div 4496 class="email-signup-block size-style spacing-style" 4497 style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;" 4498 4499><form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="â" /> 4500 <div 4501 class="email-signup__input-group color-scheme-1" 4502 style="--border-width: 2px; --border-radius: 0px;" 4503 > 4504 <label 4505 for="EmailInput-AUVJGTVdGbDB3dm5zN__email_signup_dfCYKL" 4506 class="visually-hidden" 4507 > 4508 E-mail 4509 </label> 4510 <input 4511 id="EmailInput-AUVJGTVdGbDB3dm5zN__email_signup_dfCYKL" 4512 class="email-signup__input email-signup__input--all h5 " 4513 type="email" 4514 name="contact[email]" 4515 autocorrect="off" 4516 autocapitalize="off" 4517 autocomplete="email" 4518 placeholder="Adresse e-mail" 4519 required 4520 4521 > 4522 <button 4523 class="email-signup__button email-signup__button--text h5 button button--AUVJGTVdGbDB3dm5zN__email_signup_dfCYKL color-scheme-1" 4524 4525 > 4526 4527 S'INSCRIRE 4528 4529 </button> 4530 </div></form> 4531</div> 4532 4533 4534 4535 4536 4537</div> 4538</div> 4539 4540 4541 4542 4543 4544 4545</div> 4546</div> 4547 4548 4549 4550 4551 4552 4553 4554<div 4555 class="footer-utilities spacing-style" 4556 style="--padding-block-start: 12px;--padding-block-end: 0px; --border-width: 1px;" 4557 4558> 4559 <div class="footer-utilities__group footer-utilities__group--left"> 4560 4561 4562<div 4563 class=" 4564 footer-utilities__group-copyright 4565 custom-typography 4566 custom-font-size 4567 " 4568 style=" 4569--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: ; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);" 4570 4571> 4572 <span class="footer-utilities__text"> 4573 © 2026 4574 <a href="/" title="">Ma boutique</a>, <a target="_blank" rel="nofollow" href="https://fr.shopify.com?utm_campaign=p
4574oweredby&utm_medium=shopify&utm_source=onlinestore">Commerce électronique propulsé par Shopify</a> 4575 </span> 4576</div> 4577 4578 4579 4580 4581 4582<ul 4583 class=" 4584 policy_list list-unstyled 4585 custom-typography 4586 custom-font-size 4587 " 4588 style=" 4589--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: ; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);" 4590 4591><li> 4592 <a 4593 href="/policies/privacy-policy" 4594 class="footer-utilities__text" 4595 >Politique de confidentialité</a> 4596 </li></ul> 4597 4598 4599 4600 4601 4602 </div> 4603 4604 <div class="footer-utilities__group footer-utilities__group--right"> 4605 4606 4607<div 4608 class="social-icons__wrapper" 4609 4610> 4611 4612 4613 4614 4615<div 4616 class="social-icons__icon-wrapper" 4617 4618> 4619 <a 4620 href="http://facebook.com/shopify" 4621 target="_blank" 4622 rel="noopener noreferrer" 4623 > 4624 <span class="social-icons__icon-label">Facebook</span> 4625 <svg 4626 class="social-icons__icon" 4627 aria-hidden="true" 4628 focusable="false" 4629 xmlns="http://www.w3.org/2000/svg" 4630 viewBox="0 0 20 20" 4631 > 4632<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg> 4633 </a> 4634</div> 4635 4636 4637 4638 4639 4640 4641 4642 4643<div 4644 class="social-icons__icon-wrapper" 4645 4646> 4647 <a 4648 href="http://instagram.com/shopify" 4649 target="_blank" 4650 rel="noopener noreferrer" 4651 > 4652 <span class="social-icons__icon-label">Instagram</span> 4653 <svg 4654 class="social-icons__icon" 4655 aria-hidden="true" 4656 focusable="false" 4657 xmlns="http://www.w3.org/2000/svg" 4658 viewBox="0 0 20 20" 4659 > 4660<path 4661 fill-rule="evenodd" 4662 d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" 4663 clip-rule="evenodd" 4664 /></svg> 4665 </a> 4666</div> 4667 4668 4669 4670 4671 4672 4673 4674 4675<div 4676 class="social-icons__icon-wrapper" 4677 4678> 4679 <a 4680 href="https://tiktok.com/@shopify" 4681 target="_blank" 4682 rel="noopener noreferrer" 4683 > 4684 <span class="social-icons__icon-label">Tiktok</span> 4685 <svg 4686 class="social-icons__icon" 4687 aria-hidden="true" 4688 focusable="false" 4689 xmlns="http://www.w3.org/2000/svg" 4690 viewBox="0 0 20 20" 4691 > 4692<path d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z" /></svg> 4693 </a> 4694</div> 4695 4696 4697 4698 4699 4700 4701 4702 4703<div 4704 class="social-icons__icon-wrapper" 4705 4706> 4707 <a 4708 href="https://x.com/shopify" 4709 target="_blank" 4710 rel="noopener noreferrer" 4711 > 4712 <span class="social-icons__icon-label">X</span> 4713 <svg 4714 class="social-icons__icon" 4715 aria-hidden="true" 4716 focusable="false" 4717 xmlns="http://www.w3.org/2000/svg"
4718 viewBox="0 0 20 20" 4719 > 4720<path 4721 fill-rule="evenodd" 4722 clip-rule="evenodd" 4723 d="M7.27301 2.80005L10.8 7.82205L15.218 2.80005H16.986L11.586 8.93905L17.385 17.193H12.727L8.99701 11.883L4.32601 17.193H2.55801L8.21201 10.766L2.61501 2.80005H7.27301ZM13.515 15.925L5.07001 4.10905H6.47501L14.921 15.925H13.515Z" 4724 fill="currentColor" 4725 /></svg> 4726 </a> 4727</div> 4728 4729 4730 4731 4732 4733 4734 4735 4736<div 4737 class="social-icons__icon-wrapper" 4738 4739> 4740 <a 4741 href="https://www.youtube.com/shopify" 4742 target="_blank" 4743 rel="noopener noreferrer" 4744 > 4745 <span class="social-icons__icon-label">Youtube</span> 4746 <svg 4747 class="social-icons__icon" 4748 aria-hidden="true" 4749 focusable="false" 4750 xmlns="http://www.w3.org/2000/svg" 4751 viewBox="0 0 20 20" 4752 > 4753<path d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z" /></svg> 4754 </a> 4755</div> 4756 4757 4758 4759 4760 4761</div> 4762 4763 4764 4765 4766 4767 </div> 4768</div> 4769 4770 4771 4772 4773 4774 </div> 4775</div> 4776 4777 4778</footer> 4779<!-- END sections: footer-group --> 4780 4781
4781<script 4782 src="//berthetone.com/cdn/shop/t/2/assets/dialog.js?v=40803435292154375831750933476" 4783 type="module" 4784></script>
4784 4785 4786<dialog-component 4787 id="search-modal" 4788 class="search-modal" 4789 4790> 4791 <dialog 4792 ref="dialog" 4793 on:click="/closeDialogOnClickOutside" 4794 on:keydown="/closeDialogOnEscapePress" 4795 class="search-modal__content dialog-modal" 4796 scroll-lock 4797 > 4798
4798<script 4799 src="//berthetone.com/cdn/shop/t/2/assets/predictive-search.js?v=80834049983509743631750933476" 4800 type="module" 4801 defer 4802></script>
4802 4803 4804<predictive-search-component 4805 class="predictive-search" 4806 style="--product-corner-radius: 0px; --card-corner-radius: 0px; --title-case: uppercase;" 4807 data-section-id="predictive-search" 4808 data-search-position="" 4809 data-testid="search-component--modal" 4810 data-active-color-scheme="scheme-1" 4811 role="search" 4812 aria-label="Rechercher" 4813> 4814 <form 4815 action="/search" 4816 method="get" 4817 role="search" 4818 class="predictive-search-form" 4819 ref="form" 4820 on:keydown="/onSearchKeyDown" 4821 > 4822 <div 4823 class="predictive-search-form__header" 4824 > 4825 <div class="predictive-search-form__header-inner"> 4826 <label 4827 for="cmdk-input" 4828 class="visually-hidden" 4829 >Rechercher</label> 4830 <input 4831 class="search-input" 4832 id="cmdk-input" 4833 type="search" 4834 name="q" 4835 role="combobox" 4836 aria-expanded="false" 4837 aria-owns="predictive-search-results" 4838 aria-controls="predictive-search-results" 4839 aria-haspopup="listbox" 4840 aria-autocomplete="list" 4841 autocomplete="off" 4842 placeholder="Rechercher" 4843 ref="searchInput" 4844 on:input="/search" 4845 on:keydown="/onSearchKeyDown" 4846 on:focus="/expandSearch" 4847 > 4848 <input 4849 name="options[prefix]" 4850 type="hidden" 4851 value="last" 4852 > 4853 <span class="svg-wrapper predictive-search__icon"> 4854 <svg 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> 4855 4856 </span> 4857 <button 4858 type="button" 4859 class="button-unstyled predictive-search__reset-button" 4860 aria-label="Réinitialiser la recherche" 4861 ref="resetButton" 4862 hidden 4863 on:click="/resetSearch" 4864 > 4865 <span class="svg-wrapper predictive-search__reset-button-icon"> 4866 <svg 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> 4867 4868 </span> 4869 <span class="predictive-search__reset-button-text">Effacer</span> 4870 </button> 4871 </div> 4872 <button 4873 type="button" 4874 class="button predictive-search__close-modal-button" 4875 aria-label="Fermer la boîte de dialogue" 4876 on:click="dialog-component/closeDialog" 4877 ref="closeModalButton" 4878 > 4879 <span class="svg-wrapper"> 4880 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4881 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4882 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4883</svg> 4884 4885 </span> 4886 </button> 4887 </div> 4888 4889 <div class="predictive-search-form__content-wrapper"> 4890 <div 4891 class="predictive-search-form__content" 4892 tabindex="-1" 4893 ref="predictiveSearchResults" 4894 on:click="/handleModalClick" 4895 > 4896 4897<div 4898 id="predictive-search-results" 4899 class="predictive-search-dropdown" 4900 role="listbox" 4901 aria-expanded="true" 4902 style="--color-shadow: rgb(from var(--color-foreground) r g b / );" 4903> 4904 <div class="predictive-search-results__inner"> 4905 4906 4907 4908 <div class="predictive-search-results__no-results"> 4909 <p>Aucun produit trouvé.</p> 4910 </div> 4911 4912 </div> 4913</div> 4914 4915 </div> 4916 4917 <div class="predictive-search-form__footer"> 4918 <button 4919 class="button button-primary predictive-search__search-button" 4920 ref="viewAllButton" 4921 > 4922 Tout afficher 4923 </button> 4924 </div> 4925 </div> 4926 </form> 4927</predictive-search-component> 4928 4929 4930 4931 </dialog> 4932</dialog-component> 4933 4934 4935 4936 4937 4938
4938<script src="//berthetone.com/cdn/shop/t/2/assets/critical.js?v=138985545472037264331750933476"></script>
4938 4939 4940 4941 4942 <quick-add-dialog id="quick-add-dialog"> 4943 <dialog 4944 class="quick-add-modal dialog-modal color-scheme-1" 4945 ref="dialog" 4946 scroll-lock 4947 > 4948 <button 4949 ref="closeButton" 4950 on:click="/closeDialog" 4951 class="button quick-add-modal__close" 4952 aria-label="Fermer la boîte de dialogue" 4953 ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4954 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4955 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4956</svg> 4957</button> 4958 <div 4959 id="quick-add-modal-content" 4960 class="quick-add-modal__content" 4961 ></div> 4962 </dialog> 4963</quick-add-dialog> 4964 4965 4966 4967 4968
4968<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
4968 4969</body> 4970</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.