PageSourceSearch

https://berthetone.com/

html berthetone.com collected 2026-10-07 10:33:06 UTC 181,335 bytes, 4,970 lines download raw bytes

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&amp;v=1752763378" alt="" width="182" height="68" class="header-logo__image" srcset="//berthetone.com/cdn/shop/files/logo_berthet.png?height=68&amp;v=1752763378 1x, //berthetone.com/cdn/shop/files/logo_berthet.png?height=136&amp;v=1752763378 2x, //berthetone.com/cdn/shop/files/logo_berthet.png?height=204&amp;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&amp;v=1752763378" alt="" width="182" height="68" class="header-logo__image" srcset="//berthetone.com/cdn/shop/files/logo_berthet.png?height=68&amp;v=1752763378 1x, //berthetone.com/cdn/shop/files/logo_berthet.png?height=136&amp;v=1752763378 2x, //berthetone.com/cdn/shop/files/logo_berthet.png?height=204&amp;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&region_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&region_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&region_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&amp;width=3840" srcset="//berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&amp;width=300 300w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&amp;width=450 450w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&amp;width=600 600w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&amp;width=750 750w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&amp;width=900 900w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&amp;width=1050 1050w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&amp;width=1200 1200w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&amp;width=1350 1350w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&amp;width=1500 1500w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&amp;width=1650 1650w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&amp;width=1800 1800w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&amp;width=1950 1950w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&amp;width=2000 2000w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&amp;width=2500 2500w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&amp;width=3000 3000w, //berthetone.com/cdn/shop/files/berthet_one_paris_hero.jpg?v=1758016809&amp;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&amp;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&amp;v=1750943899 1x, //berthetone.com/cdn/shop/files/logo_zooartshow.svg?height=356&amp;v=1750943899 2x, //berthetone.com/cdn/shop/files/logo_zooartshow.svg?height=534&amp;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&amp;width=1024" alt="" srcset="//berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&amp;width=300 300w, //berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&amp;width=375 375w, //berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&amp;width=450 450w, //berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&amp;width=525 525w, //berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&amp;width=600 600w, //berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&amp;width=675 675w, //berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&amp;width=750 750w, //berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&amp;width=768 768w, //berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&amp;width=850 850w, //berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&amp;width=900 900w, //berthetone.com/cdn/shop/files/lirepourensortir_404a45de-c39a-414b-a04a-003c6fc8fd59.png?v=1751038645&amp;
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&amp;width=1024" alt="" srcset="//berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&amp;width=300 300w, //berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&amp;width=375 375w, //berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&amp;width=450 450w, //berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&amp;width=525 525w, //berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&amp;width=600 600w, //berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&amp;width=675 675w, //berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&amp;width=750 750w, //berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&amp;width=768 768w, //berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&amp;width=850 850w, //berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&amp;width=900 900w, //berthetone.com/cdn/shop/files/berthetposca.png?v=1751038595&amp;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&amp;width=1024" alt="" srcset="//berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&amp;width=300 300w, //berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&amp;width=375 375w, //berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&amp;width=450 450w, //berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&amp;width=525 525w, //berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&amp;width=600 600w, //berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&amp;width=675 675w, //berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&amp;width=750 750w, //berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&amp;width=768 768w, //berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&amp;width=850 850w, //berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&amp;width=900 900w, //berthetone.com/cdn/shop/files/groupeadp.png?v=1751038594&amp;
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    &copy; 2026
4574    <a href="/" title="">Ma boutique</a>, <a target="_blank" rel="nofollow" href="https://fr.shopify.com?utm_campaign=p
4574oweredby&amp;utm_medium=shopify&amp;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.