PageSourceSearch

https://www.vinabox.fr/cepage-vin/

html vinabox.fr collected 2026-10-07 14:17:48 UTC 281,663 bytes, 4,344 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr-FR" prefix="og: https://ogp.me/ns#">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6<link rel="preload" href="https://www.vinabox.fr/wp-content/themes/generatepress-child/fonts/Satoshi-Variable.woff2" as="font" type="font/woff2" crossorigin data-vbx-perf>
7<link rel="preload" href="https://www.vinabox.fr/wp-content/themes/generatepress-child/fonts/DMSerifDisplay-Regular.woff2" as="font" type="font/woff2" crossorigin data-vbx-perf>
8<link rel="preload" as="image" href="https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin.jpg" imagesrcset="https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin.jpg 1536w, https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin-300x150.jpg 300w, https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin-1024x512.jpg 1024w, https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin-768x384.jpg 768w, https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin-600x300.jpg 600w" imagesizes="(max-width: 1536px) 100vw, 1536px" fetchpriority="high" data-vbx-perf>
9
10        
10<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9202460246353580" crossorigin="anonymous"></script>
vendor: 72 bytes, lines 10-11
10
11        <script async src="https://www.googletagmanager.com/gtag/js?id=
11G-V9RNS5NBTS
vendor: 12 bytes, line 11
11"></script>
12<script>
vendor: 118 bytes, line 12
12window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag("js",new Date());gtag("config","
12G-V9RNS5NBTS
vendor: 29 bytes, line 12
12",{transport_type:"beacon"});
12</script>
12
13<meta name="viewport" content="width=device-width, initial-scale=1">
14<!-- Optimisation des moteurs de recherche par Rank Math - https://rankmath.com/ -->
15<title>Guide des Cépages de Vin : Rouges, Blancs, Rosés : 50+ Cépages Expliqués</title>
16<meta name="description" content="Comprendre les cépages du vin : Cabernet Sauvignon, Chardonnay, Pinot Noir, Syrah... 50+ cépages expliqués : arômes, régions, accords et bouteilles pour chaque profil."/>
17<meta name="robots" content="index, follow, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
18<link rel="canonical" href="https://www.vinabox.fr/cepage-vin/" />
19<meta property="og:locale" content="fr_FR" />
20<meta property="og:type" content="article" />
21<meta property="og:title" content="Guide des Cépages de Vin : Rouges, Blancs, Rosés : 50+ Cépages Expliqués" />
22<meta property="og:description" content="Comprendre les cépages du vin : Cabernet Sauvignon, Chardonnay, Pinot Noir, Syrah... 50+ cépages expliqués : arômes, régions, accords et bouteilles pour chaque profil." />
23<meta property="og:url" content="https://www.vinabox.fr/cepage-vin/" />
24<meta property="og:site_name" content="Vinabox" />
25<meta property="article:publisher" content="https://www.facebook.com/vinabox" />
26<meta property="og:updated_time" content="2026-09-26T07:43:38+00:00" />
27<meta property="og:image" content="https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin.jpg" />
28<meta property="og:image:secure_url" content="https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin.jpg" />
29<meta property="og:image:width" content="1536" />
30<meta property="og:image:height" content="768" />
31<meta property="og:image:alt" content="cépage vin" />
32<meta property="og:image:type" content="image/jpeg" />
33<meta property="article:published_time" content="2025-08-15T12:23:46+00:00" />
34<meta property="article:modified_time" content="2026-09-26T07:43:38+00:00" />
35<meta name="twitter:card" content="summary_large_image" />
36<meta name="twitter:title" content="Guide des Cépages de Vin : Rouges, Blancs, Rosés : 50+ Cépages Expliqués" />
37<meta name="twitter:description" content="Comprendre les cépages du vin : Cabernet Sauvignon, Chardonnay, Pinot Noir, Syrah... 50+ cépages expliqués : arômes, régions, accords et bouteilles pour chaque profil." />
38<meta name="twitter:site" content="@vinabox" />
39<meta name="twitter:creator" content="@vinabox" />
40<meta name="twitter:image" content="https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin.jpg" />
41<meta name="twitter:label1" content="Temps de lecture" />
42<meta name="twitter:data1" content="3 minutes" />
43<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.vinabox.fr/#organization","name":"Vinabox","url":"https://www.vinabox.fr","sameAs":["https://www.facebook.com/vinabox","https://twitter.com/vinabox","https://www.youtube.com/@VinaboxFr","https://www.instagram.com/vinaboxfr/","https://www.tiktok.com/@vinaboxfr","https://www.linkedin.com/company/vinabox/"],"logo":{"@type":"ImageObject","@id":"https://www.vinabox.fr/#logo","url":"https://www.vinabox.fr/wp-content/uploads/2025/05/cropped-Logo-Vinabox.png","contentUrl":"https://www.vinabox.fr/wp-content/uploads/2025/05/cropped-Logo-Vinabox.png","caption":"Vinabox","inLanguage":"fr-FR","width":"2000","height":"583"}},{"@type":"WebSite","@id":"https://www.vinabox.fr/#website","url":"https://www.vinabox.fr","name":"Vinabox","publisher":{"@id":"https://www.vinabox.fr/#organization"},"inLanguage":"fr-FR"},{"@type":"ImageObject","@id":"https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin.jpg","url":"https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin.jpg","width":"1536","height":"768","caption":"c\u00e9page vin","inLanguage":"fr-FR"},{"@type":"BreadcrumbList","@id":"https://www.vinabox.fr/cepage-vin/#breadcrumb","itemListElement":[{"@type":"ListItem","position":"1","item":{"@id":"https://www.vinabox.fr/","name":"Accueil"}},{"@type":"ListItem","position":"2","item":{"@id":"https://www.vinabox.fr/cepage-vin/","name":"Cepage Vin"}}]},{"@type":"WebPage","@id":"https://www.vinabox.fr/cepage-vin/#webpage","url":"https://www.vinabox.fr/cepage-vin/","name":"Guide des C\u00e9pages de Vin : Rouges, Blancs, Ros\u00e9s : 50+ C\u00e9pages Expliqu\u00e9s","datePublished":"2025-08-15T12:23:46+00:00","dateModified":"2026-09-26T07:43:38+00:00","isPartOf":{"@id":"https://www.vinabox.fr/#website"},"primaryImageOfPage":{"@id":"https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin.jpg"},"inLanguage":"fr-FR","breadcrumb":{"@id":"https://www.vinabox.fr/cepage-vin/#breadcrumb"}},{"@type":"Person","@id":"https://www.vinabox.fr/author/jeremy_vinabox/","name":"J\u00e9r\u00e9my Degryse","url":"https://www.vinabox.fr/author/jeremy_vinabox/","image":{"@type":"ImageObject","@id":"https://www.vinabox.fr/wp-content/uploads/nsl_avatars/236c355f953f697991e5f274acfc70f7.jpg","url":"https://www.vinabox.fr/wp-content/uploads/nsl_avatars/236c355f953f697991e5f274acfc70f7.jpg","caption":"J\u00e9r\u00e9my Degryse","inLanguage":"fr-FR"},"sameAs":["https://www.vinabox.fr"],"worksFor":{"@id":"https://www.vinabox.fr/#organization"}},{"@type":"Article","headline":"Guide des C\u00e9pages de Vin : Rouges, Blancs, Ros\u00e9s : 50+ C\u00e9pages Expliqu\u00e9s","keywords":"c\u00e9pages vin, guide c\u00e9pages, c\u00e9pages rouges, c\u00e9pages blancs, c\u00e9page vin d\u00e9finition, liste c\u00e9pages vin","datePublished":"2025-08-15T12:23:46+00:00","dateModified":"2026-09-26T07:43:38+00:00","author":{"@id":"https://www.vinabox.fr/author/jeremy_vinabox/","name":"J\u00e9r\u00e9my Degryse"},"publisher":{"@id":"https://www.vinabox.fr/#organization"},"description":"Comprendre les c\u00e9pages du vin : Cabernet Sauvignon, Chardonnay, Pinot Noir, Syrah... 50+ c\u00e9pages expliqu\u00e9s : ar\u00f4mes, r\u00e9gions, accords et bouteilles pour chaque profil.","name":"Guide des C\u00e9pages de Vin : Rouges, Blancs, Ros\u00e9s : 50+ C\u00e9pages Expliqu\u00e9s","@id":"https://www.vinabox.fr/cepage-vin/#richSnippet","isPartOf":{"@id":"https://www.vinabox.fr/cepage-vin/#webpage"},"image":{"@id":"https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin.jpg"},"inLanguage":"fr-FR","mainEntityOfPage":{"@id":"https://www.vinabox.fr/cepage-vin/#webpage"}}]}</script>
43
44<!-- /Extension Rank Math WordPress SEO -->
45
46<link rel="alternate" type="application/rss+xml" title="Vinabox &raquo; Flux" href="https://www.vinabox.fr/feed/" />
47<link rel="alternate" type="application/rss+xml" title="Vinabox &raquo; Flux des commentaires" href="https://www.vinabox.fr/comments/feed/" />
48<link rel="alternate" type="application/rss+xml" title="Vinabox — Actualités du vin" href="https://www.vinabox.fr/actu-feed.xml.php" />
49<link rel="alternate" hreflang="fr" href="https://www.vinabox.fr/cepage-vin/" />
50<link rel="alternate" hreflang="es" href="https://vinabox.es/variedades-de-uva/" />
51<link rel="alternate" hreflang="cs" href="https://vinabox.cz/odrudy-revy-vinne/" />
52<link rel="alternate" hreflang="nl" href="https://vinabox.nl/druivensoorten/" />
53<link rel="alternate" hreflang="it" href="https://vinabox.it/vitigni/" />
54<link rel="alternate" hreflang="en-US" href="https://vinabox.net/grape-varieties/" />
55<link rel="alternate" hreflang="de" href="https://vinabox.de/rebsorten/" />
56<link rel="alternate" hreflang="x-default" href="https://www.vinabox.fr/cepage-vin/" />
57<link rel="alternate" type="application/rss+xml" title="Vinabox &raquo; Cépage Vin : Le Guide Complet pour Comprendre les Variétés de Raisin Flux des commentaires" href="https://www.vinabox.fr/cepage-vin/feed/" />
58<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.vinabox.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.vinabox.fr%2Fcepage-vin%2F" />
59<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.vinabox.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.vinabox.fr%2Fcepage-vin%2F&#038;format=xml" />
60<style id="wp-img-auto-sizes-contain-inline-css">
61img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
62/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
63</style>
64
65<link rel='stylesheet' id='parent-style-css' href='https://www.vinabox.fr/wp-content/themes/generatepress/style.css?ver=7.1.3' media='all' />
66<link rel='stylesheet' id='vinabox-tokens-css' href='https://www.vinabox.fr/wp-content/themes/generatepress-child/css/vinabox-tokens.css?ver=1790110743' media='all' />
67<link rel='stylesheet' id='vinabox-base-css' href='https://www.vinabox.fr/wp-content/themes/generatepress-child/css/vinabox-base.css?ver=1786690397' media='all' />
68<link rel='stylesheet' id='vinabox-components-css' href='https://www.vinabox.fr/wp-content/themes/generatepress-child/css/vinabox-components.css?ver=1788591376' media='all' />
69<link rel='stylesheet' id='vinabox-cepage-css' href='https://www.vinabox.fr/wp-content/themes/generatepress-child/css/vinabox-cepage.css?ver=1778067021' media='all' />
70<link rel='stylesheet' id='vinabox-header-css' href='https://www.vinabox.fr/wp-content/themes/generatepress-child/css/vinabox-header.css?ver=1781879106' media='all' />
71<link rel='stylesheet' id='vinabox-footer-css' href='https://www.vinabox.fr/wp-content/themes/generatepress-child/css/vinabox-footer.css?ver=1778067025' media='all' />
72<link rel='stylesheet' id='vinabox-lemag-css' href='https://www.vinabox.fr/wp-content/themes/generatepress-child/css/vinabox-lemag.css?ver=1781898326' media='all' />
73<link rel='stylesheet' id='vinabox-home-css' href='https://www.vinabox.fr/wp-content/themes/generatepress-child/css/vinabox-home.css?ver=1790530292' media='all' />
74<link rel='stylesheet' id='vinabox-sidebar-css' href='https://www.vinabox.fr/wp-content/themes/generatepress-child/css/vinabox-sidebar.css?ver=1778301790' media='all' />
75<link rel='stylesheet' id='vinabox-actu-author-css' href='https://www.vinabox.fr/wp-content/themes/generatepress-child/css/vinabox-actu-author.css?ver=1781121660' media='all' />
76<style id="wp-block-library-inline-css">
77:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}
77.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
78
79/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
80</style>
81<style id="classic-theme-styles-inline-css">
82/*! This file is auto-generated */
83.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
84/*# sourceURL=/wp-includes/css/classic-themes.min.css */
85</style>
86
87<style id="global-styles-inline-css">
88:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--contrast: var(--contrast);--wp--preset--color--contrast-2: var(--contrast-2);--wp--preset--color--contrast-3: var(--contrast-3);--wp--preset--color--base: var(--base);--wp--preset--color--base-2: var(--base-2);--wp--preset--color--base-3: var(--base-3);--wp--preset--color--accent: var(--accent);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
880) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-color{color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-color{color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-color{color: var(--wp--preset--color--contrast-3) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-base-2-color{color: var(--wp--preset--color--base-2) !important;}.has-base-3-color{color: var(--wp--preset--color--base-3) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-background-color{background-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-background-color{background-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-background-color{background-color: var(--wp--preset--color--contrast-3) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-base-2-background-color{background-color: var(--wp--preset--color--base-2) !important;}.has-base-3-background-color{background-color: var(--wp--preset--color--base-3) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-border-color{border-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-border-color{border-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-border-color{border-color: var(--wp--preset--color--contrast-3) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-base-2-border-color{border-color: var(--wp--preset--color--base-2) !important;}.has-base-3-border-color{border-color: var(--wp--preset--color--base-3) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
88.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
89/*# sourceURL=global-styles-inline-css */
90</style>
91
92<link rel='stylesheet' id='contact-form-7-css' href='https://www.vinabox.fr/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.7' media='all' />
93<link rel='stylesheet' id='woocommerce-layout-css' href='https://www.vinabox.fr/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=11.1.2' media='all' />
94<link rel='stylesheet' id='woocommerce-smallscreen-css' href='https://www.vinabox.fr/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=11.1.2' media='only screen and (max-width: 768px)' />
95<link rel='stylesheet' id='woocommerce-general-css' href='https://www.vinabox.fr/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=11.1.2' media='all' />
96<style id="woocommerce-general-inline-css">
97.woocommerce .page-header-image-single {display: none;}.woocommerce .entry-content,.woocommerce .product .entry-summary {margin-top: 0;}.related.products {clear: both;}.checkout-subscribe-prompt.clear {visibility: visible;height: initial;width: initial;}@media (max-width:768px) {.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering {float: none;}.woocommerce .woocommerce-ordering select {max-width: 100%;}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product,.woocommerce-page[class*=columns-] ul.products li.product,.woocommerce[class*=columns-] ul.products li.product {width: 100%;float: none;}}
98/*# sourceURL=woocommerce-general-inline-css */
99</style>
100<style id="woocommerce-inline-inline-css">
101.woocommerce form .form-row .required { visibility: visible; }
102/*# sourceURL=woocommerce-inline-inline-css */
103</style>
104<link rel='stylesheet' id='cmplz-general-css' href='https://www.vinabox.fr/wp-content/plugins/complianz-gdpr/assets/css/cookieblocker.min.css?ver=1788920446' media='all' />
105<link rel='stylesheet' id='crp-style-rounded-thumbs-css' href='https://www.vinabox.fr/wp-content/plugins/contextual-related-posts/includes/frontend/css/rounded-thumbs.min.css?ver=4.5.0' media='all' />
106<style id="crp-style-rounded-thumbs-inline-css">
107
108					.crp_related.crp-rounded-thumbs {
109						--crp-thumb-width: 300px;
110						--crp-thumb-height: 150px;
111						--crp-aspect-ratio: 2;
112					}
113				
114/*# sourceURL=crp-style-rounded-thumbs-inline-css */
115</style>
116<link rel='stylesheet' id='generate-comments-css' href='https://www.vinabox.fr/wp-content/themes/generatepress/assets/css/components/comments.min.css?ver=3.6.1' media='all' />
117<link rel='stylesheet' id='generate-widget-areas-css' href='https://www.vinabox.fr/wp-content/themes/generatepress/assets/css/components/widget-areas.min.css?ver=3.6.1' media='all' />
118<link rel='stylesheet' id='generate-style-css' href='https://www.vinabox.fr/wp-content/themes/generatepress/assets/css/main.min.css?ver=3.6.1' media='all' />
119<style id="generate-style-inline-css">
120body{background-color:var(--base-2);color:var(--contrast);}a{color:#61262A;}a{text-decoration:underline;}.entry-title a, .site-branding a, a.button, .wp-block-button__link, .main-navigation a{text-decoration:none;}a:hover, a:focus, a:active{color:var(--contrast);}.wp-block-group__inner-container{max-width:1200px;margin-left:auto;margin-right:auto;}.site-header .header-image{width:250px;}:root{--contrast:#222222;--contrast-2:#575760;--contrast-3:#b2b2be;--base:#f0f0f0;--base-2:#f7f8f9;--base-3:#ffffff;--accent:#61262A;}:root .has-contrast-color{color:var(--contrast);}:root .has-contrast-background-color{background-color:var(--contrast);}:root .has-contrast-2-color{color:var(--contrast-2);}:root .has-contrast-2-background-color{background-color:var(--contrast-2);}:root .has-contrast-3-color{color:var(--contrast-3);}:root .has-contrast-3-background-color{background-color:var(--contrast-3);}:root .has-base-color{color:var(--base);}:root .has-base-background-color{background-color:var(--base);}:root .has-base-2-color{color:var(--base-2);}:root .has-base-2-background-color{background-color:var(--base-2);}:root .has-base-3-color{color:var(--base-3);}:root .has-base-3-background-color{background-color:var(--base-3);}:root .has-accent-color{color:var(--accent);}:root .has-accent-background-color{background-color:var(--accent);}h1, h2, h3, h4, h5, h6{font-family:"DM Serif Display", Georgia, serif;font-weight:400;}body, button, input, select, textarea{font-family:Satoshi, system-ui, sans-serif;}.top-bar{background-color:#636363;color:#ffffff;}.top-bar a{color:#ffffff;}.top-bar a:hover{color:#303030;}.site-header{background-color:var(--base-3);}.main-title a,.main-title a:hover{color:#61262A;}.site-description{color:var(--contrast-2);}.mobile-menu-control-wrapper .menu-toggle,.mobile-menu-control-wrapper .menu-toggle:hover,.mobile-menu-control-wrapper .menu-toggle:focus,.has-inline-mobile-toggle #site-navigation.toggled{background-color:rgba(0, 0, 0, 0.02);}.main-navigation,.main-navigation ul ul{background-color:var(--base-3);}.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{color:var(--contrast);}.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{color:#61262A;}button.menu-toggle:hover,button.menu-toggle:focus{color:var(--contrast);}.main-navigation .main-nav ul li[class*="current-menu-"] > a{color:#61262A;}.navigation-search input[type="search"],.navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a{color:#61262A;}.main-navigation ul ul{background-color:var(--base);}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header{background-color:var(--base-3);}.entry-header h1,.page-header h1{color:#61262A;}.entry-title a{color:var(--contrast);}.entry-title a:hover{color:var(--contrast-2);}.entry-meta{color:var(--contrast-2);}.sidebar .widget{background-color:var(--base-3);}.footer-widgets{background-color:var(--base-3);}.site-info{background-color:var(--base-3);}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select{color:var(--contrast);background-color:var(--base-2);border-color:var(--base);}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus{color:var(--contrast);background-color:var(--base-2);border-color:var(--contrast-3);}button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){color:#ffffff;background-color:#d39c44;}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{color:#ffffff;background-color:#61262A;}a.generate-back-to-top{background-color:rgba( 0,0,0,0.4 );color:#ffffff;}a.generate-back-to-top:hover,a.generate-back-to-top:focus{background-color:rgba( 0,0,0,0.6 );color:#ffffff;}:root{--gp-search-modal-bg-color:var(--base-3);--gp-search-modal-text-color:var(--contrast);--gp-search-modal-overlay-bg-color:rgba(0,0,0,0.2);}@media (max-width:768px){.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{background:none;color:var(--contrast);}}.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container{padding:0px 20px 0px 20px;}.site-main .wp-block-group__inner-container{padding:40px;}.separate-containers .paging-navigation{padding-top:20px;padding-bottom:20px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-40px;width:calc(100% + 80px);max-width:calc(100% + 80px);}.rtl .menu-item-has-children .dropdown-menu-toggle{padding-left:20px;}.rtl .main-navigation .main-nav ul li.menu-item-has-children > a{padding-right:20px;}@media (max-width:768px){.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:30px;}.site-main .wp-block-group__inner-container{padding:30px;}.inside-top-bar{padding-right:30px;padding-left:30px;}.inside-header{padding-right:30px;padding-left:30px;}.widget-area .widget{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.footer-widgets-container{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.inside-site-info{padding-right:30px;padding-left:30px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-30px;width:calc(100% + 60px);max-width:calc(100% + 60px);}.one-container .site-main .paging-navigation{margin-bottom:20px;}}/* End cached CSS */.is-right-sidebar{width:30%;}.is-left-sidebar{width:30%;}.site-content .content-area{width:70%;}@media (max-width:768px){.main-navigation .menu-toggle,.sidebar-nav-mobile:not(#sticky-placeholder){display:block;}.main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){display:none;}.nav-align-right .inside-navigation,.nav-align-center .inside-navigation{justify-content:space-between;}.has-inline-mobile-toggle .mobile-menu-control-wrapper{display:flex;flex-wrap:wrap;}
120.has-inline-mobile-toggle .inside-header{flex-direction:row;text-align:left;flex-wrap:wrap;}.has-inline-mobile-toggle .header-widget,.has-inline-mobile-toggle #site-navigation{flex-basis:100%;}.nav-float-left .has-inline-mobile-toggle #site-navigation{order:10;}}
121/*# sourceURL=generate-style-inline-css */
122</style>
123<link rel='stylesheet' id='generate-child-css' href='https://www.vinabox.fr/wp-content/themes/generatepress-child/style.css?ver=1787641272' media='all' />
124<link rel='stylesheet' id='vinabox-custom-style-css' href='https://www.vinabox.fr/wp-content/themes/generatepress-child/css/style.css?ver=1791377748' media='all' />
125<link rel='stylesheet' id='vinabox-mobile-menu-fix-css' href='https://www.vinabox.fr/wp-content/themes/generatepress-child/css/mobile-menu-fix.css?ver=1776686153' media='all' />
126<link rel='stylesheet' id='eztoc-css' href='https://www.vinabox.fr/wp-content/plugins/easy-table-of-contents/assets/css/screen.min.css?ver=2.0.88' media='all' />
127<link rel='stylesheet' id='vinabox-ez-toc-style-css' href='https://www.vinabox.fr/wp-content/themes/generatepress-child/css/ez-toc-vinabox.css?ver=1778438721' media='all' />
128<style id="vinabox-account-icon-inline-css">
129
130    .main-navigation .menu-item-vinabox-account { margin-left: auto; }
131    .main-navigation .menu-item-vinabox-account > a {
132        display: inline-flex;
133        align-items: center;
134        gap: 6px;
135        min-height: 48px;
136        min-width: 48px;
137        padding: 0 14px;
138    }
139    .main-navigation .menu-item-vinabox-account .vinabox-account-icon {
140        width: 22px; height: 22px;
141        flex-shrink: 0;
142        transition: transform .15s ease;
143    }
144    .main-navigation .menu-item-vinabox-account > a:hover .vinabox-account-icon,
145    .main-navigation .menu-item-vinabox-account > a:focus .vinabox-account-icon { transform: scale(1.08); }
146    .main-navigation .menu-item-vinabox-account.is-logged-in > a { color: #61262A; }
147    .main-navigation .menu-item-vinabox-account.is-logged-in > a::before {
148        content: "";
149        display: inline-block;
150        width: 8px; height: 8px;
151        border-radius: 50%;
152        background: #4caf50;
153        box-shadow: 0 0 0 2px rgba(76,175,80,.18);
154        margin-right: 2px;
155    }
156    /* Desktop : icône seule, label accessible mais visuellement masqué */
157    @media (min-width: 769px) {
158        .main-navigation .menu-item-vinabox-account .vinabox-account-label {
159            position: absolute !important;
160            width: 1px; height: 1px;
161            padding: 0; margin: -1px;
162            overflow: hidden;
163            clip: rect(0,0,0,0);
164            white-space: nowrap;
165            border: 0;
166        }
167    }
168    /* Mobile (menu burger déplié) : label visible à côté de l'icône */
169    @media (max-width: 768px) {
170        .main-navigation .menu-item-vinabox-account { margin-left: 0; }
171        .main-navigation .menu-item-vinabox-account .vinabox-account-label {
172            font-size: 1rem;
173            font-weight: 500;
174        }
175    }
176    
177/*# sourceURL=vinabox-account-icon-inline-css */
178</style>
179<style id="vinabox-search-overlay-inline-css">
180
181    /* Icône loupe dans le menu — même pattern que l'icône compte */
182    .main-navigation .menu-item-vinabox-search > a {
183        display: inline-flex;
184        align-items: center;
185        gap: 6px;
186        min-height: 48px;
187        min-width: 48px;
188        padding: 0 14px;
189        cursor: pointer;
190    }
191    .main-navigation .menu-item-vinabox-search .vinabox-search-icon {
192        width: 22px; height: 22px;
193        flex-shrink: 0;
194        transition: transform .15s ease;
195    }
196    .main-navigation .menu-item-vinabox-search > a:hover .vinabox-search-icon,
197    .main-navigation .menu-item-vinabox-search > a:focus .vinabox-search-icon { transform: scale(1.08); }
198    /* Quand l'account icon est présent, il a margin-left:auto — la loupe le suit naturellement */
199    .main-navigation .menu-item-vinabox-search + .menu-item-vinabox-account { margin-left: 0; }
200
201    /* Desktop : label accessible mais visuellement masqué */
202    @media (min-width: 769px) {
203        .main-navigation .menu-item-vinabox-search .vinabox-search-label {
204            position: absolute !important;
205            width: 1px; height: 1px;
206            padding: 0; margin: -1px;
207            overflow: hidden;
208            clip: rect(0,0,0,0);
209            white-space: nowrap;
210            border: 0;
211        }
212    }
213    @media (max-width: 768px) {
214        .main-navigation .menu-item-vinabox-search .vinabox-search-label {
215            font-size: 1rem;
216            font-weight: 500;
217        }
218    }
219
220    /* Overlay recherche */
221    .vinabox-search-overlay[hidden] { display: none; }
222    .vinabox-search-overlay {
223        position: fixed;
224        inset: 0;
225        z-index: 99999;
226        display: flex;
227        align-items: flex-start;
228        justify-content: center;
229        padding: 0;
230        animation: vbSearchFadeIn .18s ease;
231    }
232    @keyframes vbSearchFadeIn { from { opacity: 0; } to { opacity: 1; } }
233    .vinabox-search-overlay__backdrop {
234        position: absolute;
235        inset: 0;
236        background: rgba(20, 10, 12, .78);
237        backdrop-filter: blur(4px);
238        -webkit-backdrop-filter: blur(4px);
239    }
240    .vinabox-search-overlay__panel {
241        position: relative;
242        width: min(720px, 94vw);
243        margin-top: clamp(40px, 12vh, 140px);
244        background: #fff;
245        border-radius: 14px;
246        box-shadow: 0 24px 64px rgba(0,0,0,.35), 0 2px 8px rgba(0,0,0,.12);
247        padding: 32px 32px 28px;
248        animation: vbSearchPanelIn .22s cubic-bezier(.2,.9,.3,1);
249    }
250    @keyframes vbSearchPanelIn { from { transform: translateY(-12px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
251    .vinabox-search-overlay__close {
252        position: absolute;
253        top: 12px; right: 12px;
254        width: 40px; height: 40px;
255        border: 0;
256        background: transparent;
257        color: #61262A;
258        border-radius: 50%;
259        cursor: pointer;
260        display: inline-flex;
261        align-items: center;
262        justify-content: center;
263        transition: background .15s ease;
264    }
265    .vinabox-search-overlay__close:hover,
266    .vinabox-search-overlay__close:focus { background: rgba(97,38,42,.08); outline: none; }
267    .vinabox-search-overlay__title {
268        margin: 0 0 18px;
269        font-size: clamp(1.3rem, 2.2vw, 1.6rem);
270        font-weight: 600;
271        color: #1f1315;
272        line-height: 1.2;
273    }
274    .vinabox-search-overlay__field {
275        display: flex;
276        align-items: center;
277        gap: 10px;
278        border: 2px solid #e6d8da;
279        border-radius: 10px;
280        padding: 6px 6px 6px 14px;
281        background: #fff;
282        transition: border-color .15s ease, box-shadow .15s ease;
283    }
284    .vinabox-search-overlay__field:focus-within {
285        border-color: #61262A;
286        box-shadow: 0 0 0 4px rgba(97,38,42,.12);
287    }
288    .vinabox-search-overlay__field-icon { color: #8a5b60; flex-shrink: 0; }
289    .vinabox-search-overlay__field input[type="search"] {
290        flex: 1 1 auto;
291        min-width: 0;
292        border: 0;
293        background: transparent;
294        font-size: 1.05rem;
295        padding: 10px 4px;
296        color: #1f1315;
297        outline: none;
298    }
299    .vinabox-search-overlay__field input[type="search"]::placeholder { color: #9a8487; }
300    .vinabox-search-overlay__submit {
301        flex-shrink: 0;
302        border: 0;
303        background: #61262A;
304        color: #fff;
305        font-weight: 600;
306        font-size: .95rem;
307        padding: 10px 18px;
308        border-radius: 8px;
309        cursor: pointer;
310        transition: background .15s ease, transform .1s ease;
311    }
312    .vinabox-search-overlay__submit:hover,
313    .vinabox-search-overlay__submit:focus { background: #4a1c20; outline: none; }
314    .vinabox-search-overlay__submit:active { transform: scale(.97); }
315    .vinabox-search-overlay__hint {
316        margin: 18px 0 0;
317        font-size: .88rem;
318        color: #6a585a;
319        line-height: 1.6;
320    }
321    .vinabox-search-overlay__hint a {
322        color: #61262A;
323        text-decoration: none;
324        border-bottom: 1px dashed rgba(97,38,42,.4);
325        padding-bottom: 1px;
326    }
327    .vinabox-search-overlay__hint a:hover { border-bottom-style: solid; }
328
329    /* Mobile : overlay qui occupe l'écran entier, plus confortable */
330    @media (max-width: 600px) {
331        .vinabox-search-overlay__panel {
332            margin-top: 0;
333            width: 100vw;
334            min-height: 100dvh;
335            border-radius: 0;
336            padding: 24px 20px;
337        }
338        .vinabox-search-overlay__field { flex-wrap: wrap; }
339        .vinabox-search-overlay__submit { width: 100%; margin-top: 6px; padding: 12px; }
340    }
341
342    body.vinabox-search-open { overflow: hidden; }
343    
344/*# sourceURL=vinabox-search-overlay-inline-css */
345</style>
346<link rel='stylesheet' id='sib-front-css-css' href='https://www.vinabox.fr/wp-content/plugins/mailin/css/mailin-front.css?ver=7.1.3' media='all' />
347<link rel='stylesheet' id='cmplz-banner-1-optin-css' href='https://www.vinabox.fr/wp-content/uploads/complianz/css/banner-1-optin.css?ver=1788920508' media='all' />
348<script type="text/javascript">
349            window._nslDOMReady = (function () {
350                const executedCallbacks = new Set();
351            
352                return function (callback) {
353                    /**
354                    * Third parties might dispatch DOMContentLoaded events, so we need to ensure that we only run our callback once!
355                    */
356                    if (executedCallbacks.has(callback)) return;
357            
358                    const wrappedCallback = function () {
359                        if (executedCallbacks.has(callback)) return;
360                        executedCallbacks.add(callback);
361                        callback();
362                    };
363            
364                    if (document.readyState === "complete" || document.readyState === "interactive") {
365                        wrappedCallback();
366                    } else {
367                        document.addEventListener("DOMContentLoaded", wrappedCallback);
368                    }
369                };
370            })();
371        </script>
371<script id="jquery-core-js" src="https://www.vinabox.fr/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 371
371
372<script id="jquery-migrate-js" src="https://www.vinabox.fr/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 372
372
373<script data-wp-strategy="defer" defer id="wc-jquery-blockui-js" src="https://www.vinabox.fr/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.11.1.2"></script>
vendor: 1 bytes, line 373
373
374<script id="wc-add-to-cart-js-extra">
375var wc_add_to_cart_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_view_cart":"Voir le panier","cart_url":"https://www.vinabox.fr/panier/","is_cart":"","cart_redirect_after_add":"no"};
376//# sourceURL=wc-add-to-cart-js-extra
377</script>
vendor: 1 bytes, line 377
377
378<script data-wp-strategy="defer" defer id="wc-add-to-cart-js" src="https://www.vinabox.fr/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=11.1.2"></script>
vendor: 1 bytes, line 378
378
379<script data-wp-strategy="defer" defer id="wc-js-cookie-js" src="https://www.vinabox.fr/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.11.1.2"></script>
vendor: 1 bytes, line 379
379
380<script id="woocommerce-js-extra">
381var woocommerce_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_password_show":"Afficher le mot de passe","i18n_password_hide":"Masquer le mot de passe"};
382//# sourceURL=woocommerce-js-extra
383</script>
vendor: 1 bytes, line 383
383
384<script data-wp-strategy="defer" defer id="woocommerce-js" src="https://www.vinabox.fr/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=11.1.2"></script>
vendor: 1 bytes, line 384
384
385<script id="sib-front-js-js-extra">
386var sibErrMsg = {"invalidMail":"Veuillez entrer une adresse e-mail valide.","requiredField":"Veuillez compl\u00e9ter les champs obligatoires.","invalidDateFormat":"Veuillez entrer une date valide.","invalidSMSFormat":"Veuillez entrer une num\u00e9ro de t\u00e9l\u00e9phone valide."};
387var ajax_sib_front_object = {"ajax_url":"https://www.vinabox.fr/wp-admin/admin-ajax.php","ajax_nonce":"e2dbd3a41e","flag_url":"https://www.vinabox.fr/wp-content/plugins/mailin/img/flags/"};
388//# sourceURL=sib-front-js-js-extra
389</script>
vendor: 1 bytes, line 389
389
390<script id="sib-front-js-js" src="https://www.vinabox.fr/wp-content/plugins/mailin/js/mailin-front.js?ver=1785504026"></script>
390
391<link rel="https://api.w.org/" href="https://www.vinabox.fr/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.vinabox.fr/wp-json/wp/v2/pages/3332" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.vinabox.fr/xmlrpc.php?rsd" />
392<meta name="generator" content="WordPress 7.1.3" />
393<link rel='shortlink' href='https://www.vinabox.fr/?p=3332' />
394			<style>.cmplz-hidden {
395					display: none !important;
396				}</style>
397					<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
398	
398<script type="text/javascript" src="https://cdn.brevo.com/js/sdk-loader.js" async></script>
vendor: 1 bytes, line 398
398
399<script type="text/javascript">
400  window.Brevo = window.Brevo || [];
401  window.Brevo.push(['init', {"client_key":"26mv7v88sn7e3bz77bx637kl","email_id":null,"push":{"customDomain":"https:\/\/www.vinabox.fr\/wp-content\/plugins\/mailin\/"},"service_worker_url":"wonderpush-worker-loader.min.js?webKey=989e152dbbbf706e6757d89fe1b128ba26fd97c15ad2e9bc8d23c7881e8eea42","frame_url":"brevo-frame.html"}]);
402</script>
402<script type="text/javascript" src="https://cdn.by.wonderpush.com/sdk/1.1/wonderpush-loader.min.js" async></script>
vendor: 1 bytes, line 402
402
403<script type="text/javascript">
404  window.WonderPush = window.WonderPush || [];
405  window.WonderPush.push(['init', {"customDomain":"https:\/\/www.vinabox.fr\/wp-content\/plugins\/mailin\/","serviceWorkerUrl":"wonderpush-worker-loader.min.js?webKey=989e152dbbbf706e6757d89fe1b128ba26fd97c15ad2e9bc8d23c7881e8eea42","frameUrl":"wonderpush.min.html","webKey":"989e152dbbbf706e6757d89fe1b128ba26fd97c15ad2e9bc8d23c7881e8eea42"}]);
406</script>
406<style type="text/css">.saboxplugin-wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #eee;width:100%;clear:both;display:block;overflow:hidden;word-wrap:break-word;position:relative}.saboxplugin-wrap .saboxplugin-gravatar{float:left;padding:0 20px 20px 20px}.saboxplugin-wrap .saboxplugin-gravatar img{max-width:100px;height:auto;border-radius:0;}.saboxplugin-wrap .saboxplugin-authorname{font-size:18px;line-height:1;margin:20px 0 0 20px;display:block}.saboxplugin-wrap .saboxplugin-authorname a{text-decoration:none}.saboxplugin-wrap .saboxplugin-authorname a:focus{outline:0}.saboxplugin-wrap .saboxplugin-desc{display:block;margin:5px 20px}.saboxplugin-wrap .saboxplugin-desc a{text-decoration:underline}.saboxplugin-wrap .saboxplugin-desc p{margin:5px 0 12px}.saboxplugin-wrap .saboxplugin-web{margin:0 20px 15px;text-align:left}.saboxplugin-wrap .sab-web-position{text-align:right}.saboxplugin-wrap .saboxplugin-web a{color:#ccc;text-decoration:none}.saboxplugin-wrap .saboxplugin-socials{position:relative;display:block;background:#fcfcfc;padding:5px;border-top:1px solid #eee}.saboxplugin-wrap .saboxplugin-socials a svg{width:20px;height:20px}.saboxplugin-wrap .saboxplugin-socials a svg .st2{fill:#fff; transform-origin:center center;}.saboxplugin-wrap .saboxplugin-socials a svg .st1{fill:rgba(0,0,0,.3)}.saboxplugin-wrap .saboxplugin-socials a:hover{opacity:.8;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;box-shadow:none!important;-webkit-box-shadow:none!important}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color{box-shadow:none;padding:0;border:0;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;display:inline-block;color:#fff;font-size:0;text-decoration:inherit;margin:5px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;overflow:hidden}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey{text-decoration:inherit;box-shadow:none;position:relative;display:-moz-inline-stack;display:inline-block;vertical-align:middle;zoom:1;margin:10px 5px;color:#444;fill:#444}.clearfix:after,.clearfix:before{content:' ';display:table;line-height:0;clear:both}.ie7 .clearfix{zoom:1}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitch{border-color:#38245c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-behance{border-color:#003eb0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-deviantart{border-color:#036824}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-digg{border-color:#00327c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-dribbble{border-color:#ba1655}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-facebook{border-color:#1e2e4f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-flickr{border-color:#003576}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-github{border-color:#264874}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-google{border-color:#0b51c5}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-html5{border-color:#902e13}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-instagram{border-color:#1630aa}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-linkedin{border-color:#00344f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-pinterest{border-color:#5b040e}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-reddit{border-color:#992900}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-rss{border-color:#a43b0a}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-sharethis{border-color:#5d8420}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-soundcloud{border-color:#995200}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-spotify{border-color:#0f612c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-stackoverflow{border-color:#a95009}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-steam{border-color:#006388}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-user_email{border-color:#b84e05}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-tumblr{border-color:#10151b}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitter{border-color:#0967a0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vimeo{border-color:#0d7091}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-windows{border-color:#003f71}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-whatsapp{border-color:#003f71}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-wordpress{border-color:#0f3647}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-yahoo{border-color:#14002d}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-youtube{border-color:#900}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-xing{border-color:#000202}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mixcloud{border-color:#2475a0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vk{border-color:#243549}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-medium{border-color:#00452c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-quora{border-color:#420e00}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-meetup{border-color:#9b181c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-goodreads{border-color:#000}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-snapchat{border-color:#999700}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-500px{border-color:#00557f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mastodont{border-color:#185886}.sabox-plus-item{margin-bottom:20px}@media screen and (max-width:480px){.saboxplugin-wrap{text-align:center}.saboxplugin-wrap .saboxplugin-gravatar{float:none;padding:20px 0;text-align:center;margin:0 auto;display:block}.saboxplugin-wrap .saboxplugin-gravatar img{float:none;display:inline-block;display:-moz-inline-stack;vertical-align:middle;zoom:1}.saboxplugin-wrap .saboxplugin-desc{margin:0 10px 20px;text-align:center}.saboxplugin-wrap .saboxplugin-authorname{text-align:center;margin:10px 0 20px}}body .saboxplugin-authorname a,body .saboxplugin-authorname a:hover{box-shadow:none;-webkit-box-shadow:none}a.sab-profile-edit{font-size:16px!important;line-height:1!important}.sab-edit-settings a,a.sab-profile-edit{color:#0073aa!important;box-shadow:none!important;-webkit-box-shadow:none!important}.sab-edit-settings{margin-right:15px;position:absolute;right:0;z-index:2;bottom:10px;line-height:20px}.sab-edit-settings i{margin-left:5px}.saboxplugin-socials{line-height:1!important}.rtl .saboxplugin-wrap .saboxplugin-gravatar{float:right}.rtl .saboxplugin-wrap .saboxplugin-authorname{display:flex;align-items:center}.rtl .saboxplugin-wrap .saboxplugin-authorname .sab-profile-edit{margin-right:10px}.rtl .sab-edit-settings{right:auto;left:0}img.sab-custom-avatar{max-width:75px;}.saboxplugin-wrap {margin-top:0px; margin-bottom:0px; padding: 0px 0px }.saboxplugin-wrap .saboxplugin-authorname {font-size:18px; line-height:25px;}.saboxplugin-wrap .saboxplugin-desc p, .saboxplugin-wrap .saboxplugin-desc {font-size:14px !important; line-height:21px !important;}.saboxplugin-wrap .saboxplugin-web {font-size:14px;}.saboxplugin-wrap .saboxplugin-socials a svg {width:18px;height:18px;}</style><style id="vinabox-dad-css">
407.vbx-dad{margin:0 auto 24px;max-width:100%;text-align:center}
408.vbx-dad__tag{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9a8f8a;margin-bottom:4px}
409.vbx-dad__box,.vbx-dad__link{display:block;width:var(--dad-w);height:var(--dad-h);max-width:100%;margin:0 auto;border-radius:8px;overflow:hidden;box-sizing:border-box;background:#faf6f1}
410.vbx-dad__link{line-height:0}
411.vbx-dad__link img{width:100%;height:100%;object-fit:cover;display:block;border:0}
412@media (max-width:768px){
413.vbx-dad--sidebar-300x250,.vbx-dad--sidebar-300x600{display:none}
414.vbx-dad--mobile-320x100{margin:10px auto 16px}
415}
416@media (min-width:769px){
417.vbx-dad--mobile-320x100{display:none}
418}
419</style>
420    <style id="vinabox-sticky-ad">@media(min-width:769px){.is-right-sidebar .inside-right-sidebar{height:100%}#block-16{position:sticky;top:30px}}</style>
421<link rel="icon" href="https://www.vinabox.fr/wp-content/uploads/2025/05/cropped-Favicon-Vinabox-32x32.png" sizes="32x32" />
422<link rel="icon" href="https://www.vinabox.fr/wp-content/uploads/2025/05/cropped-Favicon-Vinabox-192x192.png" sizes="192x192" />
423<link rel="apple-touch-icon" href="https://www.vinabox.fr/wp-content/uploads/2025/05/cropped-Favicon-Vinabox-180x180.png" />
424<meta name="msapplication-TileImage" content="https://www.vinabox.fr/wp-content/uploads/2025/05/cropped-Favicon-Vinabox-270x270.png" />
425<style type="text/css">div.nsl-container[data-align="left"] {
426    text-align: left;
427}
428
429div.nsl-container[data-align="center"] {
430    text-align: center;
431}
432
433div.nsl-container[data-align="right"] {
434    text-align: right;
435}
436
437
438div.nsl-container div.nsl-container-buttons a[data-plugin="nsl"] {
439    text-decoration: none;
440    box-shadow: none;
441    border: 0;
442}
443
444div.nsl-container .nsl-container-buttons {
445    display: flex;
446    padding: 5px 0;
447}
448
449div.nsl-container.nsl-container-block .nsl-container-buttons {
450    display: inline-grid;
451    grid-template-columns: minmax(145px, auto);
452}
453
454div.nsl-container-block-fullwidth .nsl-container-buttons {
455    flex-flow: column;
456    align-items: center;
457}
458
459div.nsl-container-block-fullwidth .nsl-container-buttons a,
460div.nsl-container-block .nsl-container-buttons a {
461    flex: 1 1 auto;
462    display: block;
463    margin: 5px 0;
464    width: 100%;
465}
466
467div.nsl-container-inline {
468    margin: -5px;
469    text-align: left;
470}
471
472div.nsl-container-inline .nsl-container-buttons {
473    justify-content: center;
474    flex-wrap: wrap;
475}
476
477div.nsl-container-inline .nsl-container-buttons a {
478    margin: 5px;
479    display: inline-block;
480}
481
482div.nsl-container-grid .nsl-container-buttons {
483    flex-flow: row;
484    align-items: center;
485    flex-wrap: wrap;
486}
487
488div.nsl-container-grid .nsl-container-buttons a {
489    flex: 1 1 auto;
490    display: block;
491    margin: 5px;
492    max-width: 280px;
493    width: 100%;
494}
495
496@media only screen and (min-width: 650px) {
497    div.nsl-container-grid .nsl-container-buttons a {
498        width: auto;
499    }
500}
501
502div.nsl-container .nsl-button {
503    cursor: pointer;
504    vertical-align: top;
505    border-radius: 4px;
506}
507
508div.nsl-container .nsl-button-default {
509    color: #fff;
510    display: flex;
511}
512
513div.nsl-container .nsl-button-icon {
514    display: inline-block;
515}
516
517div.nsl-container .nsl-button-svg-container {
518    flex: 0 0 auto;
519    padding: 8px;
520    display: flex;
521    align-items: center;
522}
523
524div.nsl-container svg {
525    height: 24px;
526    width: 24px;
527    vertical-align: top;
528}
529
530div.nsl-container .nsl-button-default div.nsl-button-label-container {
531    margin: 0 24px 0 12px;
532    padding: 10px 0;
533    font-family: Helvetica, Arial, sans-serif;
534    font-size: 16px;
535    line-height: 20px;
536    letter-spacing: .25px;
537    overflow: hidden;
538    text-align: center;
539    text-overflow: clip;
540    white-space: nowrap;
541    flex: 1 1 auto;
542    -webkit-font-smoothing: antialiased;
543    -moz-osx-font-smoothing: grayscale;
544    text-transform: none;
545    display: inline-block;
546}
547
548div.nsl-container .nsl-button-google[data-skin="light"] {
549    box-shadow: inset 0 0 0 1px #747775;
550    color: #1f1f1f;
551}
552
553div.nsl-container .nsl-button-google[data-skin="dark"] {
554    box-shadow: inset 0 0 0 1px #8E918F;
555    color: #E3E3E3;
556}
557
558div.nsl-container .nsl-button-google[data-skin="neutral"] {
559    color: #1F1F1F;
560}
561
562div.nsl-container .nsl-button-google div.nsl-button-label-container {
563    font-family: "Roboto Medium", Roboto, Helvetica, Arial, sans-serif;
564}
565
566div.nsl-container .nsl-button-apple .nsl-button-svg-container {
567    padding: 0 6px;
568}
569
570div.nsl-container .nsl-button-apple .nsl-button-svg-container svg {
571    height: 40px;
572    width: auto;
573}
574
575div.nsl-container .nsl-button-apple[data-skin="light"] {
576    color: #000;
577    box-shadow: 0 0 0 1px #000;
578}
579
580div.nsl-container .nsl-button-facebook[data-skin="white"] {
581    color: #000;
582    box-shadow: inset 0 0 0 1px #000;
583}
584
585div.nsl-container .nsl-button-facebook[data-skin="light"] {
586    color: #1877F2;
587    box-shadow: inset 0 0 0 1px #1877F2;
588}
589
590div.nsl-container .nsl-button-spotify[data-skin="white"] {
591    color: #191414;
592    box-shadow: inset 0 0 0 1px #191414;
593}
594
595div.nsl-container .nsl-button-apple div.nsl-button-label-container {
596    font-size: 17px;
597    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
598}
599
600div.nsl-container .nsl-button-slack div.nsl-button-label-container {
601    font-size: 17px;
602    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
603}
604
605div.nsl-container .nsl-button-slack[data-skin="light"] {
606    color: #000000;
607    box-shadow: inset 0 0 0 1px #DDDDDD;
608}
609
610div.nsl-container .nsl-button-tiktok[data-skin="light"] {
611    color: #161823;
612    box-shadow: 0 0 0 1px rgba(22, 24, 35, 0.12);
613}
614
615
616div.nsl-container .nsl-button-kakao {
617    color: rgba(0, 0, 0, 0.85);
618}
619
620.nsl-clear {
621    clear: both;
622}
623
624.nsl-container {
625    clear: both;
626}
627
628.nsl-disabled-provider .nsl-button {
629    filter: grayscale(1);
630    opacity: 0.8;
631}
632
633/*Button align start*/
634
635div.nsl-container-inline[data-align="left"] .nsl-container-buttons {
636    justify-content: flex-start;
637}
638
639div.nsl-container-inline[data-align="center"] .nsl-container-buttons {
640    justify-content: center;
641}
642
643div.nsl-container-inline[data-align="right"] .nsl-container-buttons {
644    justify-content: flex-end;
645}
646
647
648div.nsl-container-grid[data-align="left"] .nsl-container-buttons {
649    justify-content: flex-start;
650}
651
652div.nsl-container-grid[data-align="center"] .nsl-container-buttons {
653    justify-content: center;
654}
655
656div.nsl-container-grid[data-align="right"] .nsl-container-buttons {
657    justify-content: flex-end;
658}
659
660div.nsl-container-grid[data-align="space-around"] .nsl-container-buttons {
661    justify-content: space-around;
662}
663
664div.nsl-container-grid[data-align="space-between"] .nsl-container-buttons {
665    justify-content: space-between;
666}
667
668/* Button align end*/
669
670/* Redirect */
671
672#nsl-redirect-overlay {
673    display: flex;
674    flex-direction: column;
675    justify-content: center;
676    align-items: center;
677    position: fixed;
678    z-index: 1000000;
679    left: 0;
680    top: 0;
681    width: 100%;
682    height: 100%;
683    backdrop-filter: blur(1px);
684    background-color: RGBA(0, 0, 0, .32);;
685}
686
687#nsl-redirect-overlay-container {
688    display: flex;
689    flex-direction: column;
690    justify-content: center;
691    align-items: center;
692    background-color: white;
693    padding: 30px;
694    border-radius: 10px;
695}
696
697#nsl-redirect-overlay-spinner {
698    content: '';
699    display: block;
700    margin: 20px;
701    border: 9px solid RGBA(0, 0, 0, .6);
702    border-top: 9px solid #fff;
703    border-radius: 50%;
704    box-shadow: inset 0 0 0 1px RGBA(0, 0, 0, .6), 0 0 0 1px RGBA(0, 0, 0, .6);
705    width: 40px;
706    height: 40px;
707    animation: nsl-loader-spin 2s linear infinite;
708}
709
710@keyframes nsl-loader-spin {
711    0% {
712        transform: rotate(0deg)
713    }
714    to {
715        transform: rotate(360deg)
716    }
717}
718
719#nsl-redirect-overlay-title {
720    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
721    font-size: 18px;
722    font-weight: bold;
723    color: #3C434A;
724}
725
726#nsl-redirect-overlay-text {
727    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
728    text-align: center;
729    font-size: 14px;
730    color: #3C434A;
731}
732
733/* Redirect END*/</style><style type="text/css">/* Notice fallback */
734#nsl-notices-fallback {
735    position: fixed;
736    right: 10px;
737    top: 10px;
738    z-index: 10000;
739}
740
741.admin-bar #nsl-notices-fallback {
742    top: 42px;
743}
744
745#nsl-notices-fallback > div {
746    position: relative;
747    background: #fff;
748    border-left: 4px solid #fff;
749    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
750    margin: 5px 15px 2px;
751    padding: 1px 20px;
752}
753
754#nsl-notices-fallback > div.error {
755    display: block;
756    border-left-color: #dc3232;
757}
758
759#nsl-notices-fallback > div.updated {
760    display: block;
761    border-left-color: #46b450;
762}
763
764#nsl-notices-fallback p {
765    margin: .5em 0;
766    padding: 2px;
767}
768
769#nsl-notices-fallback > div:after {
770    position: absolute;
771    right: 5px;
772    top: 5px;
773    content: '\00d7';
774    display: block;
775    height: 16px;
776    width: 16px;
777    line-height: 16px;
778    text-align: center;
779    font-size: 20px;
780    cursor: pointer;
781}</style><style id="wp-custom-css">
782.vinabox-sidebar {
783  font-family: inherit;
784  font-size: 15px;
785  line-height: 1.6;
786}
787.sidebar-block {
788  margin-bottom: 25px;
789}
790.sidebar-block h3 {
791  margin-bottom: 8px;
792  font-size: 16px;
793  font-weight: bold;
794  color: #61262A;
795}
796.sidebar-block ul {
797  list-style: none;
798  padding-left: 0;
799}
800.sidebar-block ul li {
801  margin-bottom: 6px;
802}
803.sidebar-block a {
804  text-decoration: none;
805  color: #61262A;
806}
807.sidebar-block a:hover {
808  text-decoration: underline;
809}
810.sidebar-avatar {
811  width: 80px;
812  border-radius: 50%;
813  margin-bottom: 10px;
814}
815.sidebar-block input[type="text"],
816.sidebar-block input[type="email"] {
817  width: 100%;
818  padding: 8px;
819  margin-bottom: 6px;
820  border: 1px solid #ccc;
821}
822
823.sidebar-note {
824  font-size: 12px;
825  color: #777;
826}
827
828.vinabox-search-form {
829  display: flex;
830  align-items: center;
831  gap: 5px;
832}
833
834.loupe-btn:hover {
835  background-color: #4e1e22;
836}
837
838.sidebar-block button,
839.vinabox-search-form button {
840  padding: 8px 12px;
841  background-color: #61262A;
842  color: white;
843  border: none;
844  cursor: pointer;
845  border-radius: 4px;
846}
847
848.sidebar-block button:hover,
849.vinabox-search-form button:hover {
850  background-color: #4e1e22;
851}
852
853.vinabox-search-form input[type="text"] {
854  flex: 1;
855  padding: 8px;
856  height: 40px;
857  border: 1px solid #ccc;
858  border-radius: 4px;
859}
860
861.loupe-btn {
862  background-color: #61262A;
863  border: none;
864  height: 40px; /* 🟢 même hauteur que l’input */
865  padding: 0 12px;
866  border-radius: 4px;
867  cursor: pointer;
868  display: flex;
869  align-items: center;
870  justify-content: center;
871}
872
873.loupe-btn img {
874  width: 18px;
875  height: 18px;
876  display: block;
877}
878
879.sidebar-avatar {
880  width: 100px;
881  height: 100px;
882  object-fit: cover;
883  border-radius: 50%;
884  border: 3px solid #d39c44;
885  display: block;
886  margin: 0 auto 10px auto; /* ✅ centrage horizontal + marge bas */
887}
888
889.products.grid {
890  display: grid;
891  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
892  gap: 30px;
893  padding: 0;
894  list-style: none;
895}
896
897.products li.product {
898  margin: 0;
899  text-align: left;
900}
901
902.products li.product a,
903.products li.product .woocommerce-loop-product__title,
904.products li.product .price {
905  text-decoration: none;
906}
907
908.products li.product .woocommerce-loop-product__title {
909  font-size: 1rem;
910  line-height: 1.2;
911  font-weight: 600;
912  margin-bottom: 5px;
913}
914
915.products li.product .price {
916  font-size: 0.95rem;
917  color: #61262A;
918  display: block;
919  width: 100%;
920  margin-top: 5px;
921  text-align: left;
922}
923
924.products li.product .button {
925  font-size: 0.85rem;
926  padding: 6px 12px;
927  border-radius: 3px;
928  background-color: #61262A;
929  color: white;
930  transition: background-color 0.2s ease;
931  display: inline-block;
932  text-align: left;
933}
934
935.products li.product .button:hover {
936  background-color: #441b1f;
937}
938
939
940.vinabox-filters label {
941  display: flex;
942  flex-direction: column;
943  font-size: 14px;
944  font-weight: 600;
945  color: #61262A;
946}
947
948.vinabox-filters input[type="number"],
949.vinabox-filters button,
950.vinabox-filters .reset-btn {
951  padding: 8px 10px;
952  font-size: 14px;
953  border: 1px solid #ccc;
954  border-radius: 4px;
955}
956
957.vinabox-filters button {
958  background-color: #61262A;
959  color: white;
960  border: none;
961  cursor: pointer;
962}
963
964.vinabox-filters .reset-btn {
965  background: #eee;
966  color: #333;
967  text-decoration: none;
968  line-height: 38px;
969  height: 38px;
970  display: inline-block;
971  border-radius: 4px;
972  padding: 0 10px;
973}
974
975.vinabox-filter-row {
976  display: flex;
977  flex-direction: column;
978  margin-bottom: 15px;
979  min-width: 160px;
980}
981.vinabox-filter-row label {
982  font-size: 14px;
983  font-weight: 600;
984  margin-bottom: 4px;
985  color: #61262A;
986}
987.vinabox-filter-row select {
988  padding: 6px;
989  border: 1px solid #ccc;
990  border-radius: 4px;
991  font-size: 14px;
992}
993
994
995.vinabox-filter-couleurs {
996  border-top: 1px solid #eee;
997  padding-top: 15px;
998  margin-top: 10px;
999}
1000
1001
1002.vinabox-filters {
1003  display: flex;
1004  flex-direction: column;
1005  gap: 20px;
1006  margin-bottom: 30px;
1007}
1008
1009.vinabox-filter-line {
1010  display: flex;
1011  flex-wrap: wrap;
1012  gap: 15px;
1013  align-items: flex-end;
1014}
1015
1016.vinabox-filter-couleurs {
1017  border-top: 1px solid #eee;
1018  padding-top: 15px;
1019  margin-top: 10px;
1020}
1021
1022.vinabox-filter-row {
1023  display: flex;
1024  flex-direction: column;
1025  min-width: 160px;
1026}
1027
1028.vinabox-filter-row label {
1029  font-size: 14px;
1030  font-weight: 600;
1031  margin-bottom: 4px;
1032  color: #61262A;
1033}
1034
1035.vinabox-filter-row select {
1036  padding: 6px;
1037  border: 1px solid #ccc;
1038  border-radius: 4px;
1039  font-size: 14px;
1040}
1041
1042.woocommerce-Tabs-panel--description h2 {
1043    display: none !important;
1044}
1045
1046li.description_tab,
1047#tab-title-description {
1048    display: none !important;
1049}
1050
1051.product_meta {
1052    display: none !important;
1053}
1054
1055.single_add_to_cart_button.button.alt {
1056    background-color: #61262A !important; /* rouge foncé */
1057    color: #ffffff !important;
1058    font-size: 18px !important;
1059    padding: 14px 28px !important;
1060    border-radius: 6px !important;
1061    border: none !important;
1062    font-weight: bold !important;
1063    text-transform: uppercase;
1064    transition: background-color 0.3s ease !important;
1065}
1066
1067.single_add_to_cart_button.button.alt:hover {
1068    background-color: #922b21 !important; /* plus foncé au survol */
1069    color: #ffffff !important;
1070}
1071
1072.woocommerce div.product p.price, 
1073.woocommerce div.product span.price {
1074    font-size: 30px !important; /* augmente la taille */
1075    color: #61262A !important;  /* couleur bordeaux */
1076}
1077
1078/* Masquer la bannière d'image à la une sur les pages */
1079body.page .page-header-image {
1080    display: none !important;
1081}
1082
1083/* Ajouter une marge sous l'image à la une des pages */
1084.page .inside-article .wp-post-image {
1085    margin-bottom: 1.5em;
1086}
1087
1088.woocommerce div.product .summary {
1089  margin-bottom: -10px !important;
1090}
1091
1092.carte-box-vin {
1093  border: 3px solid #d39c44;
1094  border-radius: 12px;
1095  box-shadow: 2px 20px 20px rgba(0, 0, 0, 0.15);
1096  padding: 0px;
1097  background: #fff;
1098}
1099
1100.wp-block-columns.wp-container-core-columns-is-layout-9d6595d7 {
1101  margin-bottom: 0 !important;
1102}
1103
1104.page-id-98 .entry-title {
1105  display: none;
1106}
1107
1108/* Supprime complètement l'espacement entre le menu et le contenu sur la homepage */
1109.home .inside-article,
1110.home .page-header {
1111  padding-top: 1px !important;
1112}
1113
1114.vbx-contact {max-width: 760px; margin: 40px auto; padding: 24px; background:#F5ECEA; border-left:6px solid #61262A; border-radius:10px; font-family: system-ui, sans-serif;}
1115.vbx-contact h1 {margin:0 0 10px; color:#61262A;}
1116.vbx-intro {margin:0 0 20px; color:#2b2b2b;}
1117.vbx-privacy {font-size:.95rem; opacity:.9; margin-top:12px;}
1118.vbx-privacy a {color:#61262A; text-decoration: underline;}
1119.wpcf7-form-control {width:100%;}
1120.wpcf7-text, .wpcf7-email, .wpcf7-textarea {
1121  padding:12px 14px; border:1px solid #e2d7d5; border-radius:10px; background:#fff; outline:none; transition:border .2s;
1122}
1123.wpcf7-textarea {min-height:150px;}
1124.wpcf7-text:focus, .wpcf7-email:focus, .wpcf7-textarea:focus {border-color:#61262A;}
1125.wpcf7-acceptance {display:block; margin:8px 0 14px;}
1126.wpcf7-submit {
1127  background:#61262A; color:#fff; border:none; padding:12px 18px; border-radius:999px; cursor:pointer; font-weight:600;
1128}
1129.wpcf7-submit:hover {filter: brightness(1.05);}
1130.wpcf7 form.invalid .wpcf7-response-output,
1131.wpcf7 form.failed .wpcf7-response-output,
1132.wpcf7 form.sent .wpcf7-response-output {
1133  margin:14px 0 0; border-radius:10px; border-left:6px solid #61262A;
1134}
1135
1136/*
1137 * =================================================================
1138 * CSS FINAL V6 - CORRECTION DÉFINITIVE DE LA MARGE SUPÉRIEURE
1139 * =================================================================
1140 */
1141
1142/* ÉTAPE 1 : On garde la mise en page pleine largeur */
1143body.single-product #primary { width: 100% !important; }
1144body.single-product #secondary { display: none !important; }
1145
1146/* ÉTAPE 2 : On cache le conteneur d'image vide du thème */
1147.single-product .inside-article > .featured-image {
1148    display: none !important;
1149}
1150
1151/* ÉTAPE 3 : LA CORRECTION QUI CHANGE TOUT */
1152/* On cible la marge supérieure ajoutée par le thème et on la supprime. */
1153.single-product .entry-content {
1154    margin-top: 0 !important;
1155}
1156
1157
1158/* ÉTAPE 4 : On garde notre mise en page centrée et l'image agrandie */
1159
1160/* On centre le titre H1 */
1161.single-product .product .product_title {
1162    text-align: center;
1163    margin-bottom: 1.5rem;
1164}
1165
1166/* On transforme le conteneur "résumé" en un conteneur Flexbox */
1167.single-product div.product .summary {
1168    width: 100% !important;
1169    max-width: 900px; /* Largeur augmentée pour une plus grande image */
1170    float: none !important;
1171    margin: 0 auto !important;
1172    display: flex;
1173    flex-direction: column;
1174    align-items: center;
1175}
1176
1177/* Espacements pour les éléments */
1178.single-product .summary .woocommerce-product-gallery,
1179.single-product .summary .price {
1180    margin-bottom: 1.5rem;
1181}
1182
1183.single-product .summary form.cart {
1184    margin-bottom: 2rem;
1185}
1186
1187/* CSS Slider YT */
1188
1189/* SECTION GLOBALE */
1190#vinabox-netflix-section {
1191  margin-top: 60px;
1192  background-color: rgba(211, 156, 68, 0.1);
1193  padding: 40px 20px;
1194  border-radius: 12px;
1195}
1196
1197#vinabox-netflix-section h2 {
1198  text-align: center;
1199  margin-bottom: 24px;
1200}
1201
1202/* CONTAINER SLIDER */
1203.vinabox-slider {
1204  position: relative;
1205  max-width: 1100px;
1206  margin: 0 auto;
1207  overflow: hidden;
1208}
1209
1210.vinabox-track {
1211  display: flex;
1212  gap: 18px;
1213  transition: transform 0.4s ease;
1214  will-change: transform;
1215}
1216
1217/* CARTE VIDÉO */
1218.vinabox-card {
1219  flex: 0 0 calc(33.333% - 12px); /* 3 cartes visibles sur desktop */
1220  border-radius: 10px;
1221  overflow: hidden;
1222  background: #fff;
1223  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
1224  text-decoration: none;
1225  color: #000;
1226  display: flex;
1227  flex-direction: column;
1228}
1229
1230.vinabox-card img {
1231  width: 100%;
1232  display: block;
1233}
1234
1235.vinabox-card-body {
1236  padding: 10px 12px 12px;
1237  font-size: 15px;
1238  font-weight: 600;
1239  line-height: 1.3;
1240}
1241
1242/* BOUTONS NAVIGATION */
1243.vinabox-nav {
1244  position: absolute;
1245  top: 50%;
1246  transform: translateY(-50%);
1247  border: none;
1248  width: 38px;
1249  height: 70px;
1250  border-radius: 999px;
1251  background: rgba(0, 0, 0, 0.6);
1252  color: #fff;
1253  font-size: 26px;
1254  display: flex;
1255  align-items: center;
1256  justify-content: center;
1257  cursor: pointer;
1258  z-index: 10;
1259  transition: background 0.2s ease, transform 0.1s ease;
1260}
1261
1262.vinabox-nav:hover {
1263  background: rgba(0, 0, 0, 0.8);
1264  transform: translateY(-50%) scale(1.03);
1265}
1266
1267.vinabox-nav:disabled {
1268  opacity: 0.3;
1269  cursor: default;
1270  transform: translateY(-50%) scale(1);
1271}
1272
1273.vinabox-nav.vinabox-prev {
1274  left: -10px;
1275}
1276
1277.vinabox-nav.vinabox-next {
1278  right: -10px;
1279}
1280
1281/* CTA */
1282.vinabox-cta {
1283  text-align: center;
1284  margin-top: 30px;
1285}
1286
1287.vinabox-cta a {
1288  padding: 12px 24px;
1289  background-color: #61262A;
1290  color: #fff;
1291  text-decoration: none;
1292  border-radius: 6px;
1293  display: inline-block;
1294}
1295
1296/* RESPONSIVE */
1297@media (max-width: 900px) {
1298  .vinabox-card {
1299    flex: 0 0 calc(50% - 10px); /* 2 cartes visibles */
1300  }
1301}
1302
1303@media (max-width: 600px) {
1304  .vinabox-card {
1305    flex: 0 0 100%; /* 1 carte visible */
1306  }
1307
1308  .vinabox-nav.vinabox-prev {
1309    left: 4px;
1310  }
1311
1312  .vinabox-nav.vinabox-next {
1313    right: 4px;
1314  }
1315}
1316
1317
1318
1319
1320/* ============================================
1321 * FIX OVERFLOW HORIZONTAL MOBILE (2026-04-17)
1322 * Empêche un élément débordant (image, cover, colonne)
1323 * de créer un scroll latéral sur mobile.
1324 * `clip` (et non `hidden`) pour ne pas casser sticky.
1325 * ============================================ */
1326html, body {
1327  overflow-x: clip;
1328  max-width: 100%;
1329}
1330
1331/* Sécurité média : jamais plus large que le parent */
1332img, video, iframe, embed, object {
1333  max-width: 100%;
1334  height: auto;
1335}
1336
1337
1338/* Fil d'Ariane : padding latéral pour ne pas coller au bord sur mobile */
1339nav.breadcrumb,
1340.rank-math-breadcrumb {
1341  padding: 12px 30px;
1342  font-size: 14px;
1343  line-height: 1.4;
1344}
1345.rank-math-breadcrumb p {
1346  margin: 0;
1347}
1348@media (max-width: 768px) {
1349  nav.breadcrumb,
1350  .rank-math-breadcrumb {
1351    padding: 10px 20px;
1352    font-size: 13px;
1353  }
1354}
1355
1356</style>
1357</head>
1358
1359<body data-cmplz=1 class="wp-singular page-template-default page page-id-3332 page-parent wp-custom-logo wp-embed-responsive wp-theme-generatepress wp-child-theme-generatepress-child theme-generatepress woocommerce-no-js right-sidebar nav-float-right separate-containers header-aligned-left dropdown-hover featured-image-active" itemtype="https://schema.org/WebPage" itemscope>
1360
1361
1362<a class="screen-reader-text skip-link" href="#content" title="Aller au contenu">Aller au contenu</a>
1363<!-- TOPBAR -->
1364<div class="vb-topbar">
1365  <div class="vb-topbar-inner">
1366    <div class="vb-topbar-msg">
1367      <span class="gift" aria-hidden="true">
1368        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 12 20 22 4 22 4 12"></polyline><rect x="2" y="7" width="20" height="5"></rect><line x1="12" y1="22" x2="12" y2="7"></line><path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"></path><path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"></path></svg>
1369      </span>
1370      <span><em>Cadeaux &amp; bons plans</em> tous les mois &mdash; rejoins la newsletter Vinabox</span>
1371      <a href="https://www.vinabox.fr/newsletter/" class="vb-topbar-cta">Je m'inscris</a>
1372    </div>
1373    <div class="vb-topbar-right">
1374      <a href="https://www.vinabox.fr/a-propos/">À propos</a>
1375      <span class="vb-topbar-sep"></span>
1376      <a href="https://www.vinabox.fr/contact/">Contact</a>
1377    </div>
1378  </div>
1379</div>
1380
1381<!-- HEADER -->
1382<header class="vb-header">
1383  <div class="vb-header-wrap">
1384    <div class="vb-header-inner">
1385
1386      <a href="https://www.vinabox.fr/" class="vb-logo" aria-label="Vinabox">
1387                  <img src="https://www.vinabox.fr/wp-content/uploads/2026/05/vinabox-logo-final.svg" alt="Vinabox">
1388              </a>
1389
1390      <nav class="vb-nav" aria-label="Navigation principale">
1391
1392        <!-- GUIDES -->
1393        <div class="vb-nav-item">
1394          <a href="https://www.vinabox.fr/cepage-vin/" class="has-menu">Guides</a>
1395          <div class="vb-megamenu" role="menu" aria-label="Guides">
1396            <div class="vb-megamenu-inner">
1397              <div>
1398                <p class="vb-mm-section-label">Apprendre le vin</p>
1399                <div class="vb-mm-grid">
1400                  <a href="https://www.vinabox.fr/cepage-vin/" class="vb-mm-link">
1401                    <span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2C8 6 7 10 7 13a5 5 0 0 0 10 0c0-3-1-7-5-11z"/><path d="M12 13v9"/></svg></span>
1402                    <span class="txt"><span class="ttl">C&eacute;pages</span><span class="desc">Pinot, Chardonnay, Syrah&hellip;</span></span>
1403                  </a>
1404                  <a href="https://www.vinabox.fr/millesime-vin/" class="vb-mm-link">
1405                    <span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg></span>
1406                    <span class="txt"><span class="ttl">Mill&eacute;simes</span><span class="desc">Les bonnes ann&eacute;es, par r&eacute;gion</span></span>
1407                  </a>
1408                  <a href="https://www.vinabox.fr/appellation-vin/" class="vb-mm-link">
1409                    <span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2 4 7v10l8 5 8-5V7l-8-5z"/><path d="M4 7l8 5 8-5"/><path d="M12 12v10"/></svg></span>
1410                    <span class="txt"><span class="ttl">Appellations</span><span class="desc">AOC, IGP, classements</span></span>
1411                  </a>
1412                  <a href="https://www.vinabox.fr/domaines/" class="vb-mm-link">
1413                    <span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21V8l9-5 9 5v13"/><path d="M9 21v-7h6v7"/></svg></span>
1414                    <span class="txt"><span class="ttl">Domaines</span><span class="desc">Vignerons et maisons</span></span>
1415                  </a>
1416                  <a href="https://www.vinabox.fr/outils-vin/" class="vb-mm-link">
1417                    <span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 3h7v7"/><path d="M10 21H3v-7"/><path d="M21 3l-9 9"/><path d="M3 21l9-9"/></svg></span>
1418                    <span class="txt"><span class="ttl">Outils</span><span class="desc">Calculateurs, accords, lexique</span></span>
1419                  </a>
1420                </div>
1421              </div>
1422              <div class="vb-mm-feature">
1423                <span class="badge">Quiz</span>
1424                <h4>Teste tes connaissances en vin</h4>
1425                <p>10 questions, 3 minutes, un score honn&ecirc;te. On te dit o&ugrave; tu en es et quoi lire ensuite.</p>
1426                <a href="https://www.vinabox.fr/quiz/" class="cta">Commencer le quiz</a>
1427                <span class="glass" aria-hidden="true">&#127863;</span>
1428              </div>
1429            </div>
1430          </div>
1431        </div>
1432
1433        <!-- AVIS & TESTS -->
1434        <div class="vb-nav-item">
1435          <a href="https://www.vinabox.fr/box-vin/" class="has-menu">Avis &amp; Tests</a>
1436          <div class="vb-megamenu compact" role="menu" aria-label="Avis et Tests">
1437            <div class="vb-megamenu-inner">
1438              <div>
1439                <p class="vb-mm-section-label">Nos tests &amp; comparatifs</p>
1440                <div class="vb-mm-grid">
1441                  <a href="https://www.vinabox.fr/box-vin/" class="vb-mm-link">
1442                    <span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 10h18"/></svg></span>
1443                    <span class="txt"><span class="ttl">Box &amp; abonnements vin</span><span class="desc">19 box test&eacute;es, not&eacute;es</span></span>
1444                  </a>
1445                  <a href="https://www.vinabox.fr/coffret-vin/" class="vb-mm-link">
1446                    <span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 7h14l-1 13H6L5 7z"/><path d="M9 7V5a3 3 0 0 1 6 0v2"/></svg></span>
1447                    <span class="txt"><span class="ttl">Coffrets vin</span><span class="desc">Cadeaux et coffrets d&eacute;gustation</span></span>
1448                  </a>
1449                  <a href="https://www.vinabox.fr/accessoires-vin/" class="vb-mm-link">
1450                    <span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2v6a6 6 0 0 0 12 0V2"/><path d="M6 2h12"/><path d="M12 14v8"/><path d="M9 22h6"/></svg></span>
1451                    <span class="txt"><span class="ttl">Accessoires vin</span><span class="desc">Verres, tire-bouchons, caves</span></span>
1452                  </a>
1453                  <a href="https://www.vinabox.fr/coravin/" class="vb-mm-link">
1454                    <span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 2h4"/><path d="M12 2v5"/><path d="M9 7h6l1 3v11a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V10l1-3z"/></svg></span>
1455                    <span class="txt"><span class="ttl">Coravin</span><span class="desc">Le guide complet, test&eacute; 14 mois</span></span>
1456                  </a>
1457                </div>
1458              </div>
1459            </div>
1460          </div>
1461        </div>
1462
1463        <!-- BONS PLANS -->
1464        <div class="vb-nav-item">
1465          <a href="https://www.vinabox.fr/bons-plans/" class="has-menu">Bons Plans</a>
1466          <div class="vb-megamenu compact" role="menu" aria-label="Bons Plans">
1467            <div class="vb-megamenu-inner">
1468              <div>
1469                <p class="vb-mm-section-label">&Eacute;conomiser sur le vin</p>
1470                <div class="vb-mm-grid">
1471                  <a href="https://www.vinabox.fr/bons-plans/" class="vb-mm-link">
1472                    <span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 12V8H6a2 2 0 0 1-2-2c0-1 1-2 2-2h12v4"/><path d="M4 6v12a2 2 0 0 0 2 2h14v-4"/><circle cx="16" cy="14" r="1"/></svg></span>
1473                    <span class="txt"><span class="ttl">Codes de r&eacute;duction</span><span class="desc">Promos v&eacute;rifi&eacute;es chaque semaine</span></span>
1474                  </a>
1475                </div>
1476              </div>
1477            </div>
1478          </div>
1479        </div>
1480
1481        <!-- OUTILS -->
1482        <div class="vb-nav-item">
1483          <a href="https://www.vinabox.fr/outils-vin/" class="has-menu">Outils</a>
1484          <div class="vb-megamenu compact" role="menu" aria-label="Outils">
1485            <div class="vb-megamenu-inner">
1486              <div>
1487                <p class="vb-mm-section-label">Outils &amp; jeux du vin</p>
1488                <div class="vb-mm-grid">
1489                  <a href="https://www.vinabox.fr/outils-vin/combien-de-bouteilles/" class="vb-mm-link">
1490                    <span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="2" width="16" height="20" rx="2"/><path d="M8 6h8"/><path d="M8 11h.01M12 11h.01M16 11h.01M8 15h.01M12 15h.01M16 15h.01"/></svg></span>
1491                    <span class="txt"><span class="ttl">Calculateur de bouteilles</span><span class="desc">Combien pr&eacute;voir pour vos invit&eacute;s</span></span>
1492                  </a>
1493                  <a href="https://www.vinabox.fr/outils-vin/roue-des-aromes/" class="vb-mm-link">
1494                    <span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 3v18"/><path d="M3 12h18"/><path d="M5.6 5.6l12.8 12.8"/><path d="M18.4 5.6 5.6 18.4"/></svg></span>
1495                    <span class="txt"><span class="ttl">Roue des ar&ocirc;mes</span><span class="desc">Vin, champagne, whisky, rhum</span></span>
1496                  </a>
1497                  <a href="https://www.vinabox.fr/jeux/" class="vb-mm-link">
1498                    <span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="3"/><path d="M8 8h.01M16 8h.01M12 12h.01M8 16h.01M16 16h.01"/></svg></span>
1499                    <span class="txt"><span class="ttl">Jeux</span><span class="desc">D&eacute;gustation &agrave; l'aveugle entre amis</span></span>
1500                  </a>
1501                  <a href="https://www.vinabox.fr/quiz/" class="vb-mm-link">
1502                    <span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M9.5 9a2.5 2.5 0 1 1 3.5 2.3c-.8.4-1 1-1 1.7"/><path d="M12 17h.01"/></svg></span>
1503                    <span class="txt"><span class="ttl">Quiz</span><span class="desc">Testez vos connaissances en vin</span></span>
1504                  </a>
1505                </div>
1506              </div>
1507            </div>
1508          </div>
1509        </div>
1510
1511        <!-- LE MAG -->
1512        <a href="https://www.vinabox.fr/actu/">Le Mag</a>
1513
1514      </nav>
1515
1516      <div class="vb-header-actions">
1517        <button class="vb-icon-btn" aria-label="Rechercher" data-vinabox-search-toggle="open">
1518          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"></circle><path d="m21 21-4.3-4.3"></path></svg>
1519          <span class="label-tooltip">Rechercher</span>
1520        </button>
1521        <a href="https://www.vinabox.fr/mon-compte/" class="vb-icon-btn" aria-label="Mon compte">
1522          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
1523          <span class="label-tooltip">Mon compte</span>
1524        </a>
1525        <button class="vb-burger" aria-label="Menu">
1526          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 7h16M4 12h16M4 17h16"/></svg>
1527        </button>
1528      </div>
1529
1530    </div>
1531  </div>
1532</header>
1533
1534<div class="vbx-dad vbx-dad--mobile-320x100" data-vbx-ad-slot="mobile-320x100" style="--dad-w:320px;--dad-h:100px"><span class="vbx-dad__tag">Publicité</span><div class="vbx-dad__box" aria-hidden="true"></div></div>		<div class="featured-image page-header-image grid-container grid-parent">
1535			<img width="1536" height="768" src="https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin.jpg" class="attachment-full size-full wp-post-image" alt="cépage vin" itemprop="image" decoding="async" fetchpriority="high" srcset="https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin.jpg 1536w, https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin-300x150.jpg 300w, https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin-1024x512.jpg 1024w, https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin-768x384.jpg 768w, https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin-600x300.jpg 600w" sizes="(max-width: 1536px) 100vw, 1536px" />		</div>
1536		
1537<div class="site grid-container container hfeed" id="page">
1538        <div class="site-content" id="content">
1539        
1540	<div class="content-area" id="primary">
1541		<main class="site-main" id="main">
1542			<nav class="breadcrumb" aria-label="Fil d'Ariane"><nav aria-label="breadcrumbs" class="rank-math-breadcrumb"><p><a href="https://www.vinabox.fr/">Accueil</a><span class="separator"> &raquo; </span><span class="last">Cepage Vin</span></p></nav></nav>
1543				<article id="post-3332" class="post-3332 page type-page status-publish has-post-thumbnail">
1544					<div class="inside-article">
1545
1546						<img fetchpriority="high" width="1536" height="768" src="https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin.jpg" class="attachment-full size-full wp-post-image" alt="cépage vin" itemprop="image" decoding="async" srcset="https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin.jpg 1536w, https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin-300x150.jpg 300w, https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin-1024x512.jpg 1024w, https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin-768x384.jpg 768w, https://www.vinabox.fr/wp-content/uploads/2025/08/cepage-vin-600x300.jpg 600w" sizes="(max-width: 1536px) 100vw, 1536px" />
1547						<header class="entry-header">
1548							<h1 class="entry-title" itemprop="headline">Cépage Vin : Le Guide Complet pour Comprendre les Variétés de Raisin</h1>						</header>
1549
1550						<div class="entry-content" itemprop="text">
1551							<style>
1552.entry-content table:not(.vintage-table) { border: none !important; }
1553.entry-content table:not(.vintage-table) td { border: none !important; }
1554.entry-content table:not(.vintage-table) th { border: none !important; }
1555.entry-content table:not(.vintage-table) tr { border: none !important; }
1556</style>
1557<p>Bienvenue dans le guide des cépages de Vinabox, votre encyclopédie complète des variétés de raisin à travers le monde. Chaque fiche cépage vous présente ses origines, son profil aromatique, ses appellations emblématiques et ses meilleurs accords mets-vins.</p>
1558<h2>Cépages Rouges</h2>
1559<ul style="columns:2;column-gap:30px;list-style:none;padding:0;margin:20px 0;">
1560<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-cabernet-sauvignon/" style="color:#61262A;font-weight:600;text-decoration:none;">Cabernet Sauvignon</a>. <span style="font-size:.9em;color:#666;">Le Roi des Cépages Rouges : Bordeaux, Napa Valley, monde entier</span></li>
1561<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-merlot/" style="color:#61262A;font-weight:600;text-decoration:none;">Merlot</a>. <span style="font-size:.9em;color:#666;">Le Cépage Rond et Velouté de Bordeaux</span></li>
1562<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-pinot-noir/" style="color:#61262A;font-weight:600;text-decoration:none;">Pinot Noir</a>. <span style="font-size:.9em;color:#666;">Le Grand Cépage Bourguignon</span></li>
1563<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-syrah/" style="color:#61262A;font-weight:600;text-decoration:none;">Syrah</a>. <span style="font-size:.9em;color:#666;">Le Grand Rouge du Rhône Nord et du Monde</span></li>
1564<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-grenache/" style="color:#61262A;font-weight:600;text-decoration:none;">Grenache</a>. <span style="font-size:.9em;color:#666;">Le Cépage Méditerranéen du Rhône Sud</span></li>
1565<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-malbec/" style="color:#61262A;font-weight:600;text-decoration:none;">Malbec</a>. <span style="font-size:.9em;color:#666;">De Cahors à l&rsquo;Argentine : le cépage du Nouveau Monde</span></li>
1566<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-tempranillo/" style="color:#61262A;font-weight:600;text-decoration:none;">Tempranillo</a>. <span style="font-size:.9em;color:#666;">
1566Le Roi des Cépages Espagnols</span></li>
1567<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-sangiovese/" style="color:#61262A;font-weight:600;text-decoration:none;">Sangiovese</a>. <span style="font-size:.9em;color:#666;">Le Cépage Star de la Toscane (Chianti, Brunello)</span></li>
1568<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-nebbiolo/" style="color:#61262A;font-weight:600;text-decoration:none;">Nebbiolo</a>. <span style="font-size:.9em;color:#666;">Le Roi du Piémont (Barolo, Barbaresco)</span></li>
1569<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-gamay/" style="color:#61262A;font-weight:600;text-decoration:none;">Gamay</a>. <span style="font-size:.9em;color:#666;">Le Cépage Fruité du Beaujolais</span></li>
1570<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-mourvedre/" style="color:#61262A;font-weight:600;text-decoration:none;">Mourvèdre</a>. <span style="font-size:.9em;color:#666;">Le Cépage Tannique de Bandol et du Rhône</span></li>
1571<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-carignan/" style="color:#61262A;font-weight:600;text-decoration:none;">Carignan</a>. <span style="font-size:.9em;color:#666;">Le Cépage Rebelle du Languedoc</span></li>
1572<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-cinsault/" style="color:#61262A;font-weight:600;text-decoration:none;">Cinsault</a>. <span style="font-size:.9em;color:#666;">Le Cépage des Rosés de Provence</span></li>
1573<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-tibouren/" style="color:#61262A;font-weight:600;text-decoration:none;">Tibouren</a>. <span style="font-size:.9em;color:#666;">Le Cépage des Rosés de Garde de Provence</span></li>
1574<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-tannat/" style="color:#61262A;font-weight:600;text-decoration:none;">Tannat</a>. <span style="font-size:.9em;color:#666;">Le Cépage le Plus Tannique au Monde (Madiran)</span></li>
1575<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-petit-verdot/" style="color:#61262A;font-weight:600;text-decoration:none;">Petit Verdot</a>. <span style="font-size:.9em;color:#666;">Le 5ème Cépage Bordelais</span></li>
1576<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-zinfandel/" style="color:#61262A;font-weight:600;text-decoration:none;">Zinfandel</a>. <span style="font-size:.9em;color:#666;">Le Roi de Californie, Jumeau du Primitivo</span></li>
1577<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-pinot-meunier/" style="color:#61262A;font-weight:600;text-decoration:none;">Pinot Meunier</a>. <span style="font-size:.9em;color:#666;">Le 3ème Cépage du Champagne</span></li>
1578<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-carmenere/" style="color:#61262A;font-weight:600;text-decoration:none;">Carménère</a>. <span style="font-size:.9em;color:#666;">Le Cépage Chilien Rescapé de Bordeaux</span></li>
1579<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-aglianico/" style="color:#61262A;font-weight:600;text-decoration:none;">Aglianico</a>. <span style="font-size:.9em;color:#666;">Le Barolo du Sud (Taurasi DOCG)</span></li>
1580<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-nero-d-avola/" style="color:#61262A;font-weight:600;text-decoration:none;">Nero d&rsquo;Avola</a>. <span style="font-size:.9em;color:#666;">Le Cépage Star de la Sicile</span></li>
1581<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-negroamaro/" style="color:#61262A;font-weight:600;text-decoration:none;">Negroamaro</a>. <span style="font-size:.9em;color:#666;">Le Star des Pouilles (Salento)</span></li>
1582<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-barbera/" style="color:#61262A;font-weight:600;text-decoration:none;">Barbera</a>. <span style="font-size:.9em;color:#666;">Le Cépage Généreux du Piémont (Barbera d&rsquo;Asti, d&rsquo;Alba)</span></li>
1583<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-corvina/" style="color:#61262A;font-weight:600;text-decoration:none;">Corvina</a>. <span style="font-size:.9em;color:#666;">Le Cépage de l&rsquo;Amarone et du Valpolicella</span></li>
1584<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-dolcetto/" style="color:#61262A;font-weight:600;text-decoration:none;">Dolcetto</a>. <span style="font-size:.9em;color:#666;">Le Cépage Rouge Piémontais (Dogliani DOCG)</span></li>
1585<li style="margin-bottom:8px;break-inside:avoid;">
1585<a href="/cepage-vin/guide-primitivo-di-manduria/" style="color:#61262A;font-weight:600;text-decoration:none;">Primitivo di Manduria</a>. <span style="font-size:.9em;color:#666;">Le Jumeau du Zinfandel (Pouilles)</span></li>
1586<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-montepulciano/" style="color:#61262A;font-weight:600;text-decoration:none;">Montepulciano d&rsquo;Abruzzo</a>. <span style="font-size:.9em;color:#666;">Le 2ème Cépage Rouge d&rsquo;Italie</span></li>
1587<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-sagrantino/" style="color:#61262A;font-weight:600;text-decoration:none;">Sagrantino</a>. <span style="font-size:.9em;color:#666;">Le Cépage le Plus Tannique de l&rsquo;Ombrie (Montefalco DOCG)</span></li>
1588<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-lagrein/" style="color:#61262A;font-weight:600;text-decoration:none;">Lagrein</a>. <span style="font-size:.9em;color:#666;">Le Rouge Mystérieux du Tyrol du Sud (Alto Adige DOC)</span></li>
1589<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-nerello-mascalese/" style="color:#61262A;font-weight:600;text-decoration:none;">Nerello Mascalese</a>. <span style="font-size:.9em;color:#666;">Le Cépage Volcanique de l&rsquo;Etna (Sicile)</span></li>
1590<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-nielluccio/" style="color:#61262A;font-weight:600;text-decoration:none;">Nielluccio</a>. <span style="font-size:.9em;color:#666;">Le Cépage Corse de Patrimonio</span></li>
1591<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-negrette/" style="color:#61262A;font-weight:600;text-decoration:none;">Negrette</a>. <span style="font-size:.9em;color:#666;">Le Cépage Floral de Fronton (Sud-Ouest)</span></li>
1592<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-aramon/" style="color:#61262A;font-weight:600;text-decoration:none;">Aramon</a>. <span style="font-size:.9em;color:#666;">Le Cépage Léger du Languedoc en Renaissance</span></li>
1593<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-touriga-nacional/" style="color:#61262A;font-weight:600;text-decoration:none;">Touriga Nacional</a>. <span style="font-size:.9em;color:#666;">Le Roi du Douro et du Porto (Portugal)</span></li>
1594<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-baga/" style="color:#61262A;font-weight:600;text-decoration:none;">Baga</a>. <span style="font-size:.9em;color:#666;">Le Grand Cépage de Bairrada (Portugal)</span></li>
1595<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-mencia/" style="color:#61262A;font-weight:600;text-decoration:none;">Mencía</a>. <span style="font-size:.9em;color:#666;">Le Cépage Mystérieux de Bierzo et Ribeira Sacra</span></li>
1596<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-monastrell/" style="color:#61262A;font-weight:600;text-decoration:none;">Monastrell</a>. <span style="font-size:.9em;color:#666;">Le Puissant Cépage Espagnol de Jumilla (synonyme Mourvèdre)</span></li>
1597<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-graciano/" style="color:#61262A;font-weight:600;text-decoration:none;">Graciano</a>. <span style="font-size:.9em;color:#666;">Le Cépage Rare de la Rioja, Acidité Exceptionnelle</span></li>
1598<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-xinomavro/" style="color:#61262A;font-weight:600;text-decoration:none;">Xinomavro</a>. <span style="font-size:.9em;color:#666;">Le Barolo Grec de Macédoine (Naoussa PDO)</span></li>
1599<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-blaufrankisch/" style="color:#61262A;font-weight:600;text-decoration:none;">Blaufränkisch</a>. <span style="font-size:.9em;color:#666;">Le Grand Rouge du Burgenland Autrichien</span></li>
1600<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-zweigelt/" style="color:#61262A;font-weight:600;text-decoration:none;">Zweigelt</a>. <span style="font-size:.9em;color:#666;">Le Cépage Rouge Phare d&rsquo;
1600Autriche</span></li>
1601<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-dornfelder/" style="color:#61262A;font-weight:600;text-decoration:none;">Dornfelder</a>. <span style="font-size:.9em;color:#666;">Le 2ème Rouge d&rsquo;Allemagne (Rheinhessen, Pfalz)</span></li>
1602<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-petite-sirah/" style="color:#61262A;font-weight:600;text-decoration:none;">Petite Sirah</a>. <span style="font-size:.9em;color:#666;">Le Géant Californien aux Tanins de Velours</span></li>
1603<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/mondeuse/" style="color:#61262A;font-weight:600;text-decoration:none;">Mondeuse</a>. <span style="font-size:.9em;color:#666;">Le Cépage Rouge de Savoie (Arbin AOC)</span></li>
1604<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-pinotage/" style="color:#61262A;font-weight:600;text-decoration:none;">Pinotage</a>. <span style="font-size:.9em;color:#666;">Cépage emblématique d&rsquo;Afrique du Sud (Stellenbosch, Cape Blend)</span></li>
1605<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-frappato/" style="color:#61262A;font-weight:600;text-decoration:none;">Frappato</a>. <span style="font-size:.9em;color:#666;">Rouge léger sicilien (Cerasuolo di Vittoria DOCG, Vittoria)</span></li>
1606</ul>
1607<h2>Cépages Blancs</h2>
1608<ul style="columns:2;column-gap:30px;list-style:none;padding:0;margin:20px 0;">
1609<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-chardonnay/" style="color:#61262A;font-weight:600;text-decoration:none;">Chardonnay</a>. <span style="font-size:.9em;color:#666;">Le Grand Blanc Bourguignon et Champenois</span></li>
1610<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-sauvignon-blanc/" style="color:#61262A;font-weight:600;text-decoration:none;">Sauvignon Blanc</a>. <span style="font-size:.9em;color:#666;">Le Cépage Aromatique de la Loire et de Marlborough</span></li>
1611<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-riesling/" style="color:#61262A;font-weight:600;text-decoration:none;">Riesling</a>. <span style="font-size:.9em;color:#666;">Le Grand Blanc Allemand et Alsacien</span></li>
1612<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-gewurztraminer/" style="color:#61262A;font-weight:600;text-decoration:none;">Gewurztraminer</a>. <span style="font-size:.9em;color:#666;">Le Cépage le Plus Aromatique d&rsquo;Alsace</span></li>
1613<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-viognier/" style="color:#61262A;font-weight:600;text-decoration:none;">Viognier</a>. <span style="font-size:.9em;color:#666;">Le Grand Blanc du Rhône Nord (Condrieu)</span></li>
1614<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-chenin-blanc/" style="color:#61262A;font-weight:600;text-decoration:none;">Chenin Blanc</a>. <span style="font-size:.9em;color:#666;">Le Cépage Caméléon de la Loire</span></li>
1615<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-pinot-gris/" style="color:#61262A;font-weight:600;text-decoration:none;">Pinot Gris</a>. <span style="font-size:.9em;color:#666;">Le Cépage Caméléon d&rsquo;Alsace</span></li>
1616<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-pinot-blanc/" style="color:#61262A;font-weight:600;text-decoration:none;">Pinot Blanc</a>. <span style="font-size:.9em;color:#666;">Le Cépage Blanc d&rsquo;Alsace (Weißburgunder)</span></li>
1617<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-semillon/" style="color:#61262A;font-weight:600;text-decoration:none;">Sémillon</a>. <span style="font-size:.9em;color:#666;">Le Cépage des Sauternes et de Graves</span></li>
1618<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-marsanne/" style="color:#61262A;font-weight:600;text-decoration:none;">Marsanne</a>. <span style="font-size:.9em;color:#666;">Le Cépage Blanc du Rhône Nord</span></li>
1619<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-roussanne/" style="color:#61262A;font-weight:600;text-decoration:none;">Roussanne</a>. <span style="font-size:.9em;color:#666;">Le Cépage Fin du Rhône Nord</span></li>
1620<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-muscat/" style="color:#61262A;font-weight:600;text-decoration:none;">Muscat</a>. <span style="font-size:.9em;color:#666;">Le Cépage le Plus Parfumé</span></li>
1621<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-aligote/" style="color:#61262A;font-weight:600;text-decoration:none;">Aligoté</a>. <span style="font-size:.9em;color:#666;">Le 2ème Blanc de Bourgogne</span></li>
1622<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-melon-de-bourgogne/" style="color:#61262A;font-weight:600;text-decoration:none;">Melon de Bourgogne</a>. <span style="font-size:.9em;color:#666;">Le Cépage du Muscadet</span></li>
1623<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-savagnin/" style="color:#61262A;font-weight:600;text-decoration:none;">Savagnin</a>. <span style="font-size:.9em;color:#666;">Le Cépage du Vin Jaune (Jura)</span></li>
1624<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-trousseau/" style="color:#61262A;font-weight:600;text-decoration:none;">Trousseau</a>. <span style="font-size:.9em;color:#666;">Le Cépage Rare du Jura</span></li>
1625<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-picpoul/" style="color:#61262A;font-weight:600;text-decoration:none;">Picpoul</a>. <span style="font-size:.9em;color:#666;">Le Blanc Salin du Languedoc</span></li>
1626<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-vermentino/" style="color:#61262A;font-weight:600;text-decoration:none;">Vermentino</a>. <span style="font-size:.9em;color:#666;">Le Cépage Blanc Méditerranéen</span></li>
1627<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-vermentinu/" style="color:#61262A;font-weight:600;text-decoration:none;">Vermentinu</a>. <span style="font-size:.9em;color:#666;">Le Blanc Emblématique de la Corse (Patrimonio AOC)</span></li>
1628<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-colombard/" style="color:#61262A;font-weight:600;text-decoration:none;">Colombard</a>. <span style="font-size:.9em;color:#666;">Le Blanc de Gascogne (IGP Côtes de Gascogne)</span></li>
1629<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-albarino/" style="color:#61262A;font-weight:600;text-decoration:none;">Albariño</a>. <span style="font-size:.9em;color:#666;">Le Blanc Atlantique de Galice (Rias Baixas)</span></li>
1630<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-verdejo/" style="color:#61262A;font-weight:600;text-decoration:none;">Verdejo</a>. <span style="font-size:.9em;color:#666;">Le Blanc Star de Rueda (Espagne)</span></li>
1631<li style="margin-bottom:8px;break-inside:avoid;">
1631<a href="/cepage-vin/guide-garnacha-blanca/" style="color:#61262A;font-weight:600;text-decoration:none;">Garnacha Blanca</a>. <span style="font-size:.9em;color:#666;">Le Blanc d&rsquo;Espagne (Terra Alta, Catalogne)</span></li>
1632<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-grenache-gris/" style="color:#61262A;font-weight:600;text-decoration:none;">Grenache Gris</a>. <span style="font-size:.9em;color:#666;">Le cépage gris de Collioure et Banyuls</span></li>
1633<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-grenache-blanc/" style="color:#61262A;font-weight:600;text-decoration:none;">Grenache Blanc</a>. <span style="font-size:.9em;color:#666;">Blanc méditerranéen du Rhône Sud et du Roussillon (jasmin, pêche blanche, garrigue)</span></li>
1634<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-glera/" style="color:#61262A;font-weight:600;text-decoration:none;">Glera (Prosecco)</a>. <span style="font-size:.9em;color:#666;">Le cépage du Prosecco (Vénétie, Conegliano Valdobbiadene)</span></li>
1635<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-garganega/" style="color:#61262A;font-weight:600;text-decoration:none;">Garganega</a>. <span style="font-size:.9em;color:#666;">Cépage blanc du Soave (Vénétie, Soave Classico DOC)</span></li>
1636<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-grillo/" style="color:#61262A;font-weight:600;text-decoration:none;">Grillo</a>. <span style="font-size:.9em;color:#666;">Cépage blanc de Sicile (Sicilia DOC, Marsala)</span></li>
1637<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-catarratto/" style="color:#61262A;font-weight:600;text-decoration:none;">Catarratto</a>. <span style="font-size:.9em;color:#666;">Cépage blanc dominant de la Sicile occidentale (DOC Sicilia, Alcamo)</span></li>
1638<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-malvasia/" style="color:#61262A;font-weight:600;text-decoration:none;">Malvasia</a>. <span style="font-size:.9em;color:#666;">Famille méditerranéenne (Lipari DOC, Istriana, Malmsey de Madère)</span></li>
1639<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-ugni-blanc/" style="color:#61262A;font-weight:600;text-decoration:none;">Ugni Blanc</a>. <span style="font-size:.9em;color:#666;">Le cépage du Cognac et de l&rsquo;Armagnac (Trebbiano en Italie)</span></li>
1640<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-pecorino/" style="color:#61262A;font-weight:600;text-decoration:none;">Pecorino</a>. <span style="font-size:.9em;color:#666;">Blanc des Marches (Offida DOCG, Abruzzes DOC)</span></li>
1641<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-assyrtiko/" style="color:#61262A;font-weight:600;text-decoration:none;">Assyrtiko</a>. <span style="font-size:.9em;color:#666;">Le Blanc Volcanique de Santorin</span></li>
1642<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-gruner-veltliner/" style="color:#61262A;font-weight:600;text-decoration:none;">Grüner Veltliner</a>. <span style="font-size:.9em;color:#666;">Le Roi de l&rsquo;Autriche (Wachau, Kamptal)</span></li>
1643<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-furmint/" style="color:#61262A;font-weight:600;text-decoration:none;">Furmint</a>. <span style="font-size:.9em;color:#666;">Le Blanc Volcanique de Tokaj (Hongrie)</span></li>
1644<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-falanghina/" style="color:#61262A;font-weight:600;text-decoration:none;">Falanghina</a>. <span style="font-size:.9em;color:#666;">Le Blanc Campanien (Sannio DOC)</span></li>
1645<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-fiano-di-avellino/" style="color:#61262A;font-weight:600;text-decoration:none;">Fiano di Avellino</a>. <span style="font-size:.9em;color:#666;">Le Mystérieux Blanc Campanien (DOCG Irpinia)</span></li>
1646<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-folle-blanche/" style="color:#61262A;font-weight:600;text-decoration:none;">Folle Blanche</a>. <span style="font-size:.9em;color:#666;">Le Cépage Oublié du Cognac et d&rsquo;Armagnac</span></li>
1647<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/jacquere/" style="color:#61262A;font-weight:600;text-decoration:none;">Jacquère</a>. <span style="font-size:.9em;color:#666;">Le Blanc de Savoie (Apremont, Abymes)</span></li>
1648<li style="margin-bottom:8px;break-inside:avoid;"><a href="/cepage-vin/guide-torrontes/" style="color:#61262A;font-weight:600;text-decoration:none;">Torrontés</a>. <span style="font-size:.9em;color:#666;">Le Blanc Aromatique Flagship de l&rsquo;Argentine</span></li>
1649</ul>
1650<h2>Naviguer par thème</h2>
1651<div style="display:flex;flex-wrap:wrap;gap:10px;margin:20px 0;">
1652<a href="/cepage-vin/cepages-rouges/" style="background:#61262A;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:600;font-size:.9em;">🔴 Cépages Rouges</a><br />
1653<a href="/cepage-vin/cepages-blancs/" style="background:#d39c44;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:600;font-size:.9em;">⬜ Cépages Blancs</a><br />
1654<a href="/cepage-vin/cepages-francais/" style="background:#1a4a7a;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:600;font-size:.9em;">🇫🇷 Français</a><br />
1655<a href="/cepage-vin/cepages-italiens/" style="background:#3a6b3a;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:600;font-size:.9em;">🇮🇹 Italiens</a><br />
1656<a href="/cepage-vin/cepages-espagnols/" style="background:#6a1a1a;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:600;font-size:.9em;">🇪🇸 Espagnols</a><br />
1657<a href="/cepage-vin/cepages-grecs/" style="background:#2a4a8a;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:600;font-size:.9em;">🇬🇷 Grecs</a><br />
1658<a href="/cepage-vin/cepages-aromatiques/" style="background:#8a3a8a;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:600;font-size:.9em;">🌸 Aromatiques</a><br />
1659<a href="/cepage-vin/cepages-tanniques/" style="background:#3a1a1a;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:600;font-size:.9em;">⚫ Tanniques</a><br />
1660<a href="/cepage-vin/classement-meilleurs-cepages/" style="background:#d4af37;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:600;font-size:.9em;">🏆 Top 50 Cépages</a>
1661</div>
1662<p><!-- VBX-QUIZ-CTA-CEPAGE v1 — vinabox-ui-ux-dev 2026-08-09 --></p>
1663<aside class="vbx-quiz-cta" aria-label="Tester vos connaissances cépages" style="background: linear-gradient(135deg, #61262A 0%, #8a3a3f 100%); color: #fff; padding: 28px 24px; border-radius: 14px; margin: 36px auto; max-width: 720px; box-shadow: 0 4px 18px rgba(97,38,42,0.22); text-align: center;">
1664<div style="font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.14em; opacity: 0.8; margin-bottom: 8px;">Testez vos connaissances</div>
1665<h3 style="color: #fff; font-size: 1.4em; margin: 0 0 10px 0; line-height: 1.25; font-family: 'DM Serif Display', Georgia, serif; font-weight: 400;">Vous connaissez vos cépages&nbsp;? Prouvez-le.</h3>
1666<p style="margin: 0 0 18px; opacity: 0.88; font-size: 0.95em; line-height: 1.55;">10 questions, 3 minutes, jusqu&rsquo;à 75 XP. Testez-vous sur les cépages espagnols, les accords mets-vins, Bordeaux…</p>
1667<div style="display: flex; gap: 12px; justify-content: center; flex-wrap: wrap;">
1668    <a href="/quiz/cepages-espagne/" style="display: inline-block; background: #fff; color: #61262A; font-weight: 700; padding: 11px 22px; border-radius: 8px; text-decoration: none; font-size: 0.95em; box-shadow: 0 2px 6px rgba(0,0,0,0.15);">
1668Quiz Cépages Espagne →</a><br />
1669    <a href="/quiz/" style="display: inline-block; background: rgba(255,255,255,0.15); color: #fff; font-weight: 600; padding: 11px 22px; border-radius: 8px; text-decoration: none; font-size: 0.95em; border: 1px solid rgba(255,255,255,0.3);">Tous les quiz →</a>
1670  </div>
1671<div style="margin-top: 14px; font-size: 0.82em; opacity: 0.75;">5 quiz disponibles &middot; gratuit &middot; sans inscription</div>
1672</aside>
1673<p><!-- /VBX-QUIZ-CTA-CEPAGE --></p>
1674						</div>
1675					</div>
1676				</article>
1677
1678									<div class="comments-area">
1679						<div id="comments">
1680
1681	<div class="vb-comment-social-login" style="margin-bottom:16px;"><p style="margin-bottom:8px;font-size:0.9em;color:#555;">Connexion rapide pour commenter :</p><div class="nsl-container nsl-container-block" data-align="left"><div class="nsl-container-buttons"><a href="https://www.vinabox.fr/wp-login.php?loginSocial=google&#038;redirect=https%3A%2F%2Fwww.vinabox.fr%2Fcepage-vin%2F" rel="nofollow" aria-label="Continuer avec Google" data-plugin="nsl" data-action="connect" data-provider="google" data-popupwidth="600" data-popupheight="600"><div class="nsl-button nsl-button-default nsl-button-google" data-skin="default" style="background-color:#fff;"><div class="nsl-button-svg-container"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#4285F4" d="M20.64 12.2045c0-.6381-.0573-1.2518-.1636-1.8409H12v3.4814h4.8436c-.2086 1.125-.8427 2.0782-1.7959 2.7164v2.2581h2.9087c1.7018-1.5668 2.6836-3.874 2.6836-6.615z"></path><path fill="#34A853" d="M12 21c2.43 0 4.4673-.806 5.9564-2.1805l-2.9087-2.2581c-.8059.54-1.8368.859-3.0477.859-2.344 0-4.3282-1.5831-5.036-3.7104H3.9574v2.3318C5.4382 18.9832 8.4818 21 12 21z"></path><path fill="#FBBC05" d="M6.964 13.71c-.18-.54-.2822-1.1168-.2822-1.71s.1023-1.17.2823-1.71V7.9582H3.9573A8.9965 8.9965 0 0 0 3 12c0 1.4523.3477 2.8268.9573 4.0418L6.964 13.71z"></path><path fill="#EA4335" d="M12 6.5795c1.3214 0 2.5077.4541 3.4405 1.346l2.5813-2.5814C16.4632 3.8918 14.426 3 12 3 8.4818 3 5.4382 5.0168 3.9573 7.9582L6.964 10.29C7.6718 8.1627 9.6559 6.5795 12 6.5795z"></path></svg></div><div class="nsl-button-label-container">Continuer avec Google</div></div></a></div></div></div>	<div id="respond" class="comment-respond">
1682		<h3 id="reply-title" class="comment-reply-title">Laisser un commentaire <small><a rel="nofollow" id="cancel-comment-reply-link" href="/cepage-vin/#respond" style="display:none;">Annuler la réponse</a></small></h3><form action="https://www.vinabox.fr/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-form-comment"><label for="comment" class="screen-reader-text">Commentaire</label><textarea autocomplete="new-password"  id="ad9feeb19d"  name="ad9feeb19d"   cols="45" rows="8" required></textarea><textarea id="comment" aria-label="hp-comment" aria-hidden="true" name="comment" autocomplete="new-password" style="padding:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;position:absolute !important;white-space:nowrap !important;height:1px !important;width:1px !important;overflow:hidden !important;" tabindex="-1"></textarea>
1682<script data-noptimize>document.getElementById("comment").setAttribute( "id", "a02736da87383c5c8641286166188b2e" );document.getElementById("ad9feeb19d").setAttribute( "id", "comment" );</script>
1682</p><label for="author" class="screen-reader-text">Nom</label><input placeholder="Votre prénom" id="author" name="author" type="text" value="" size="30" required />
1683<label for="email" class="screen-reader-text">E-mail</label><input placeholder="Votre email (jamais publié)" id="email" name="email" type="email" value="" size="30" required />
1684<p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Enregistrer mon nom, mon e-mail et mon site dans le navigateur pour mon prochain commentaire.</label></p>
1685<p class="vbx-comment-note" style="font-size:.88em;color:#6b6058;margin:2px 0 16px;line-height:1.55;">Votre email ne sera jamais publié. Vous recevrez un lien pour confirmer votre commentaire&nbsp;— il crée aussi votre compte Vinabox et vous rapporte 25&nbsp;XP.</p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Publier le commentaire" /> <input type='hidden' name='comment_post_ID' value='3332' id='comment_post_ID' />
1686<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
1687</p></form>	</div><!-- #respond -->
1688	
1689</div><!-- #comments -->
1690					</div>
1691							</main>
1692	</div>
1693
1694<div class="widget-area sidebar is-right-sidebar" id="right-sidebar">
1695	<div class="inside-right-sidebar">
1696		<div class="vbx-dad vbx-dad--sidebar-300x250" data-vbx-ad-slot="sidebar-300x250" style="--dad-w:300px;--dad-h:250px"><span class="vbx-dad__tag">Publicité</span><div class="vbx-dad__box" aria-hidden="true"></div></div><aside id="block-23" class="widget inner-padding widget_block"><section class="s-module s-nl">
1697  <div class="s-nl-illus" aria-hidden="true"><svg viewBox="0 0 220 110" fill="none" stroke="#61262A" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><g><rect x="70" y="55" width="80" height="50" rx="2" /><line x1="110" y1="55" x2="110" y2="105" /><line x1="70" y1="70" x2="150" y2="70" /><rect x="104" y="55" width="12" height="50" fill="#FBF5EA" stroke="#61262A" /><path d="M110 55 C 100 45, 94 50, 100 56 C 94 60, 104 60, 110 55" /><path d="M110 55 C 120 45, 126 50, 120 56 C 126 60, 116 60, 110 55" /></g><g><path d="M30 18 L30 32 C 30 38, 22 41, 22 53 L22 92 C 22 95, 24 97, 27 97 L43 97 C 46 97, 48 95, 48 92 L48 53 C 48 41, 40 38, 40 32 L40 18 Z" /><line x1="30" y1="18" x2="40" y2="18" stroke-width="2.5" /><rect x="22" y="65" width="26" height="18" fill="#FBF5EA" stroke="#61262A" /></g><g><rect x="160" y="78" width="44" height="28" rx="2" /><line x1="160" y1="86" x2="204" y2="86" /><rect x="178" y="78" width="9" height="28" fill="#FBF5EA" stroke="#61262A" /></g><g stroke="#D39C44" stroke-width="1.2"><path d="M170 20 L170 28 M166 24 L174 24" /><path d="M58 38 L58 44 M55 41 L61 41" /><circle cx="200" cy="40" r="1.5" fill="#D39C44" stroke="none" /><circle cx="12" cy="58" r="1.5" fill="#D39C44" stroke="none" /></g></svg></div>
1698  <h3>Des <em>cadeaux</em> à gagner chaque mois</h3>
1699  <p class="s-nl-sub">Inscrivez-vous au tirage au sort 🎁</p>
1700  <div class="s-nl-cd">
1701    <div class="u"><span class="n" data-cd="d">25</span><span class="l">Jrs</span></div>
1702    <div class="u"><span class="n" data-cd="h">23</span><span class="l">Hrs</span></div>
1703    <div class="u"><span class="n" data-cd="m">47</span><span class="l">Min</span></div>
1704    <div class="u"><span class="n" data-cd="s">52</span><span class="l">Sec</span></div>
1705  </div>
1706  <form class="s-nl-form" id="sb-nl-form">
1707    <input type="email" name="email" placeholder="Votre adresse email" required>
1708    <div class="nl-msg" id="sb-nl-msg"></div>
1709    <label class="legal">
1710      <input type="checkbox" required>
1711      <span>J'accepte les <a href="/conditions-generales-utilisation/">CGU</a> et la <a href="/politique-de-confidentialite/">politique de confidentialité</a>.</span>
1712    </label>
1713    <label style="display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.45;color:#666;margin:10px 0;"><input type="checkbox" name="confirm_18" value="1" required style="margin-top:2px;flex-shrink:0;width:16px;height:16px;accent-color:#61262A;"><span>Je certifie avoir <strong>18 ans ou plus</strong>. <a href="https://www.vinabox.fr/reglement-concours/" target="_blank" rel="noopener" style="color:#61262A;text-decoration:underline;">R&egrave;glement du concours</a>.</span></label><button type="submit">Je m'inscris</button>
1714  </form>
1715</section></aside><div class="vbx-dad vbx-dad--sidebar-300x600" data-vbx-ad-slot="sidebar-300x600" style="--dad-w:300px;--dad-h:600px"><span class="vbx-dad__tag">Publicité</span><div class="vbx-dad__box" aria-hidden="true"></div></div>
1715<aside id="block-17" class="widget inner-padding widget_block"><section class="s-module s-box-list">
1716  <p class="s-eyebrow">Nos box coup de cœur</p>
1717  <ol>
1718    <li><a href="/box-vin/le-petit-ballon-avis/"><span class="brand">Le Petit Ballon</span><span class="name">Petits Curieux</span></a></li>
1719    <li><a href="/box-vin/trois-fois-vin-avis/"><span class="brand">Trois Fois Vin</span><span class="name">Échanson</span></a></li>
1720    <li><a href="/box-vin/le-baroudeur-du-vin-avis/"><span class="brand">Le Baroudeur du Vin</span><span class="name">La Box du Baroudeur</span></a></li>
1721    <li><a href="/box-vin/flakon-avis/"><span class="brand">Les Coffrets</span><span class="name">Flakon</span></a></li>
1722    <li><a href="/box-vin/chais-doeuvre-avis/"><span class="brand">Chai d’Œuvre</span><span class="name">Hédoniste</span></a></li>
1723  </ol>
1724</section></aside><aside id="block-18" class="widget inner-padding widget_block"><section class="s-module s-cats">
1725  <p class="s-eyebrow">Explorer par thème</p>
1726  <h3>Catégories</h3>
1727  <ul>
1728    <li class="feat"><a href="/apprendre-vin/">Apprendre le vin</a></li>
1729    <li><a href="/cepage-vin/">Les Cépages</a></li>
1730    <li><a href="/vin/">Les Millésimes</a></li>
1731    <li><a href="/appellation-vin/">Les Appellations</a></li>
1732    <li><a href="/accords-mets-vins/">Accords Mets &amp; Vin</a></li>
1733    <li><a href="/guide-achat-vin/">Guide d’Achat</a></li>
1734    <li><a href="/vin-sante/">Vin &amp; Santé</a></li>
1735    <li><a href="/actu/">Actu vin</a></li>
1736  </ul>
1737</section></aside><aside id="block-19" class="widget inner-padding widget_block"><aside class="s-affil">
1738  <span class="ic">i</span>
1739  <span>Certains liens sont affiliés. Ils ne changent rien pour vous mais soutiennent le site. <strong>Merci 🙏</strong></span>
1740</aside></aside><aside id="block-11" class="widget inner-padding widget_block"><p><section class="s-module s-recent">
1741  <div class="s-recent-head">
1742    <h3>Articles récents</h3>
1743    <a href="/actu/" class="more">Tout voir</a>
1744  </div>
1745  <ul>
1746        <li>
1747      <a href="https://www.vinabox.fr/actu/insolite-culture/montmartre-fete-vendanges-2026-recolte-septembre/" class="thumb" aria-label="Montmartre fête ses vendanges du 7 au 11 octobre, mais les raisins ont déjà été cueillis"><img decoding="async" src="https://www.vinabox.fr/wp-content/uploads/2026/10/vinabox-montmartre-featured-alt-150x150.jpg" alt="Montmartre fête ses vendanges du 7 au 11 octobre, mais les raisins ont déjà été cueillis" width="60" height="60" loading="lazy" style="border-radius:8px;object-fit:cover;"></a>
1748      <div class="meta"><a href="https://www.vinabox.fr/actu/insolite-culture/montmartre-fete-vendanges-2026-recolte-septembre/"><p class="ttl">Montmartre fête ses vendanges du 7 au 11 octobre, mais les raisins ont déjà été cueillis</p></a><span class="date">07/10/2026</span></div>
1749    </li>
1750        <li>
1751      <a href="https://www.vinabox.fr/actu/insolite-culture/120-magnums-chablis-poles-vente-science-2026/" class="thumb" aria-label="120 magnums de Chablis partis aux pôles : la vente qui finance la science"><img decoding="async" src="https://www.vinabox.fr/wp-content/uploads/2026/10/magnums-reels-150x150.jpg" alt="120 magnums de Chablis partis aux pôles : la vente qui finance la science" width="60" height="60" loading="lazy" style="border-radius:8px;object-fit:cover;"></a>
1752      <div class="meta"><a href="https://www.vinabox.fr/actu/insolite-culture/120-magnums-chablis-poles-vente-science-2026/"><p class="ttl">120 magnums de Chablis partis aux pôles : la vente qui finance la science</p></a><span class="date">07/10/2026</span></div>
1753    </li>
1754        <li>
1755      <a href="https://www.vinabox.fr/actu/spiritueux-tendances/huit-tendances-boissons-2027-vin-cocktails-sans-alcool/" class="thumb" aria-label="Vin, cocktails, sans alcool : les 8 tendances américaines qui peuvent changer votre verre"><img decoding="async" src="https://www.vinabox.fr/wp-content/uploads/2026/10/vinabox-trends-cocktails-featured-150x150.jpg" alt="Vin, cocktails, sans alcool : les 8 tendances américaines qui peuvent changer votre verre" width="60" height="60" loading="lazy" style="border-radius:8px;object-fit:cover;"></a>
1756      <div class="meta"><a href="https://www.vinabox.fr/actu/spiritueux-tendances/huit-tendances-boissons-2027-vin-cocktails-sans-alcool/"><p class="ttl">
1756Vin, cocktails, sans alcool : les 8 tendances américaines qui peuvent changer votre verre</p></a><span class="date">06/10/2026</span></div>
1757    </li>
1758        <li>
1759      <a href="https://www.vinabox.fr/actu/filiere-business/export-vin-italien-20-ans-ita-promotion-2026/" class="thumb" aria-label="Export du vin italien : de 3 à 8 milliards d&rsquo;euros en 20 ans, et l&rsquo;État double sa mise"><img decoding="async" src="https://www.vinabox.fr/wp-content/uploads/2026/10/export-vin-italien-vinitaly-verone-150x150.jpg" alt="Export du vin italien : de 3 à 8 milliards d&rsquo;euros en 20 ans, et l&rsquo;État double sa mise" width="60" height="60" loading="lazy" style="border-radius:8px;object-fit:cover;"></a>
1760      <div class="meta"><a href="https://www.vinabox.fr/actu/filiere-business/export-vin-italien-20-ans-ita-promotion-2026/"><p class="ttl">Export du vin italien : de 3 à 8 milliards d&rsquo;euros en 20 ans, et l&rsquo;État double sa mise</p></a><span class="date">06/10/2026</span></div>
1761    </li>
1762        <li>
1763      <a href="https://www.vinabox.fr/actu/insolite-culture/vinho-de-talha-unesco-vidigueira-candidature-2027/" class="thumb" aria-label="Vin de talha : l&rsquo;Alentejo relance sa candidature à l&rsquo;UNESCO pour ses jarres millénaires"><img decoding="async" src="https://www.vinabox.fr/wp-content/uploads/2026/10/talha-vinho-vila-de-frades-unesco-150x150.jpg" alt="Vin de talha : l&rsquo;Alentejo relance sa candidature à l&rsquo;UNESCO pour ses jarres millénaires" width="60" height="60" loading="lazy" style="border-radius:8px;object-fit:cover;"></a>
1764      <div class="meta"><a href="https://www.vinabox.fr/actu/insolite-culture/vinho-de-talha-unesco-vidigueira-candidature-2027/"><p class="ttl">Vin de talha : l&rsquo;Alentejo relance sa candidature à l&rsquo;UNESCO pour ses jarres millénaires</p></a><span class="date">05/10/2026</span></div>
1765    </li>
1766        <li>
1767      <a href="https://www.vinabox.fr/actu/vendanges-millesimes/godello-ribeira-sacra-million-kilos-vendange-2026/" class="thumb" aria-label="Le godello passe le million de kilos en Ribeira Sacra : l&rsquo;Espagne bascule vers le blanc"><img decoding="async" src="https://www.vinabox.fr/wp-content/uploads/2026/10/godello-ribeira-sacra-vignes-sil-150x150.jpg" alt="Le godello passe le million de kilos en Ribeira Sacra : l&rsquo;Espagne bascule vers le blanc" width="60" height="60" loading="lazy" style="border-radius:8px;object-fit:cover;"></a>
1768      <div class="meta"><a href="https://www.vinabox.fr/actu/vendanges-millesimes/godello-ribeira-sacra-million-kilos-vendange-2026/"><p class="ttl">Le godello passe le million de kilos en Ribeira Sacra : l&rsquo;Espagne bascule vers le blanc</p></a><span class="date">05/10/2026</span></div>
1769    </li>
1770      </ul>
1771</section>
1772	</p>
1773</aside><aside id="block-16" class="widget inner-padding widget_block widget_custom_html">
1774<div class="vinabox-ad vinabox-ad--sidebar" style="margin:0;text-align:center"><span style="display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#999;margin-bottom:6px">Publicit&eacute;</span>
1775<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9202460246353580" data-ad-slot="1586448363" data-ad-format="auto" data-full-width-responsive="true"></ins>
1776<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
1776</div>
1777</aside>	</div>
1778</div>
1779
1780    </div>
1781</div>
1782
1783
1784<!-- Social bar -->
1785<div class="vb-footer-social-bar">
1786  <div class="social-container">
1787    <a href="https://www.youtube.com/@VinaboxFr" target="_blank" rel="noopener" aria-label="YouTube">
1788      <svg viewBox="0 0 24 24" fill="currentColor"><path d="M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2C0 8.1 0 12 0 12s0 3.9.5 5.8a3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1c.5-1.9.5-5.8.5-5.8s0-3.9-.5-5.8zM9.6 15.6V8.4l6.2 3.6-6.2 3.6z"/></svg>
1789    </a>
1790    <a href="https://www.tiktok.com/@vinaboxfr" target="_blank" rel="noopener" aria-label="TikTok">
1791      <svg viewBox="0 0 24 24" fill="currentColor"><path d="M19.6 6.3c-1.6-.3-3-1.3-3.8-2.7V3h-3.4v13.6c0 1.5-1.2 2.7-2.7 2.7S7 18.1 7 16.6s1.2-2.7 2.7-2.7c.3 0 .5 0 .8.1v-3.4c-.3 0-.5-.1-.8-.1-3.4 0-6.2 2.8-6.2 6.2S6.3 23 9.7 23s6.2-2.8 6.2-6.2V9.4c1.3.9 2.9 1.5 4.6 1.5V7.5c-.3 0-.6-.1-.9-.2z"/></svg>
1792    </a>
1793    <a href="https://www.instagram.com/vinaboxfr/" target="_blank" rel="noopener" aria-label="Instagram">
1794      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="5"></rect><circle cx="12" cy="12" r="4"></circle><circle cx="17.5" cy="6.5" r="1" fill="currentColor"></circle></svg>
1795    </a>
1796    <a href="https://www.facebook.com/vinabox" target="_blank" rel="noopener" aria-label="Facebook">
1797      <svg viewBox="0 0 24 24" fill="currentColor"><path d="M22 12a10 10 0 1 0-11.6 9.9v-7H8v-2.9h2.4V9.8c0-2.4 1.4-3.7 3.6-3.7 1 0 2.1.2 2.1.2v2.3h-1.2c-1.2 0-1.5.7-1.5 1.5v1.9h2.6l-.4 2.9h-2.2v7A10 10 0 0 0 22 12z"/></svg>
1798    </a>
1799    <a href="https://twitter.com/vinabox" target="_blank" rel="noopener" aria-label="X / Twitter">
1800      <svg viewBox="0 0 24 24" fill="currentColor"><path d="M18.2 3h3.3l-7.2 8.2L23 21h-6.6l-5.2-6.8L5.3 21H2l7.7-8.8L1.6 3h6.8l4.7 6.2L18.2 3zm-1.2 16h1.8L7.1 4.9H5.2L17 19z"/></svg>
1801    </a>
1802    <a href="https://www.linkedin.com/company/vinabox/" target="_blank" rel="noopener" aria-label="LinkedIn">
1803      <svg viewBox="0 0 24 24" fill="currentColor"><path d="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zM8.3 18.3h-2.7V9.8h2.7v8.5zM7 8.6a1.6 1.6 0 1 1 0-3.1 1.6 1.6 0 0 1 0 3.1zm11.3 9.7h-2.7v-4.1c0-1 0-2.2-1.4-2.2s-1.6 1-1.6 2.1v4.2H10V9.8h2.6v1.2c.4-.7 1.2-1.4 2.6-1.4 2.8 0 3.3 1.8 3.3 4.2v4.5z"/></svg>
1804    </a>
1805    <a href="https://fr.pinterest.com/VinaboxFr/" target="_blank" rel="noopener" aria-label="Pinterest">
1806      <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.08 3.25 9.4 7.78 10.97-.11-.83-.2-2.13.04-3.05.22-.82 1.41-5.96 1.41-5.96s-.36-.72-.36-1.78c0-1.67.97-2.92 2.17-2.92 1.02 0 1.52.77 1.52 1.69 0 1.03-.66 2.57-.99 3.99-.28 1.19.6 2.17 1.77 2.17 2.13 0 3.77-2.25 3.77-5.49 0-2.87-2.06-4.88-5.01-4.88-3.41 0-5.42 2.56-5.42 5.21 0 1.03.4 2.14.89 2.74.1.12.11.22.08.34l-.33 1.36c-.05.22-.18.27-.4.16-1.5-.7-2.44-2.9-2.44-4.65 0-3.79 2.75-7.27 7.93-7.27 4.17 0 7.4 2.97 7.4 6.93 0 4.14-2.6 7.46-6.22 7.46-1.22 0-2.36-.63-2.75-1.38l-.75 2.85c-.27 1.04-1 2.35-1.49 3.15C9.57 23.81 10.76 24 12 24c6.63 0 12-5.37 12-12S18.63 0 12 0z"/></svg>
1807    </a>
1808  </div>
1809</div>
1810
1811<!-- Footer -->
1812<footer class="vb-footer">
1813  <div class="vb-footer-container">
1814    <div class="vb-footer-widgets">
1815      <div class="vb-footer-brand">
1816        <a href="https://www.vinabox.fr/" class="logo-footer">
1817                      <img src="https://www.vinabox.fr/wp-content/uploads/2026/05/vinabox-logo-final.svg" alt="Vinabox">
1818                  </a>
1819        <p>Le m&eacute;dia ind&eacute;pendant du vin pour celles et ceux qui veulent comprendre ce qu'ils boivent &mdash; sans chichi, sans placement, sans prise de t&ecirc;te.</p>
1820        <span class="tag">&#127863; Ind&eacute;pendant depuis 2021</span>
1821      </div>
1822      <div>
1823        <h4 class="vb-footer-col-title">Les box</h4>
1824        <ul class="vb-footer-link-list">
1825          <li><a href="https://www.vinabox.fr/box-vin/">Toutes les box</a></li>
1826          <li><a href="https://www.vinabox.fr/box-vin-bio/">Box bio &amp; nature</a></li>
1827          <li><a href="https://www.vinabox.fr/box-vin-pas-cher/">Petit budget</a></li>
1828          <li><a href="https://www.vinabox.fr/box-vin-cadeau/">Box cadeau</a></li>
1829          <li><a href="https://www.vinabox.fr/box-vin-nature/">Vin nature</a></li>
1830          <li><a href="https://www.vinabox.fr/comparateur-box-vin/">Comparatif complet</a></li>
1831        </ul>
1832      </div>
1833      <div>
1834        <h4 class="vb-footer-col-title">Apprendre</h4>
1835        <ul class="vb-footer-link-list">
1836          <li><a href="https://www.vinabox.fr/cepage-vin/">C&eacute;pages</a></li>
1837          <li><a href="https://www.vinabox.fr/appellation-vin/">Appellations</a></li>
1838          <li><a href="https://www.vinabox.fr/millesime-vin/">Mill&eacute;simes</a></li>
1839          <li>
1839<a href="https://www.vinabox.fr/accords-mets-vins/">Accords mets-vins</a></li>
1840          <li><a href="https://www.vinabox.fr/quiz/">Quiz vin</a></li>
1841        </ul>
1842      </div>
1843      <div>
1844        <h4 class="vb-footer-col-title">Vinabox</h4>
1845        <ul class="vb-footer-link-list">
1846          <li><a href="https://www.vinabox.fr/a-propos/">Qui sommes-nous</a></li>
1847          <li><a href="https://www.vinabox.fr/nos-partenaires/">Nos partenaires</a></li>
1848          <li><a href="https://www.vinabox.fr/auteur/jeremy-degryse/">L&rsquo;auteur</a></li>
1849          <li><a href="https://www.vinabox.fr/charte-editoriale/">Charte &eacute;ditoriale</a></li>
1850          <li><a href="https://www.youtube.com/@VinaboxFr" target="_blank" rel="noopener">Cha&icirc;ne YouTube</a></li>
1851          <li><a href="https://www.vinabox.fr/newsletter/">Newsletter</a></li>
1852          <li><a href="https://www.vinabox.fr/concours/">Concours</a></li>
1853          <li><a href="https://www.vinabox.fr/contact/">Nous contacter</a></li>
1854        </ul>
1855      </div>
1856    </div>
1857    <div class="vb-footer-bottom">
1858      <div class="vb-footer-copy">&copy; 2026 Vinabox &middot; Tous droits r&eacute;serv&eacute;s</div>
1859      <div class="vb-footer-legal">
1860        <a href="https://www.vinabox.fr/mentions-legales/">Mentions l&eacute;gales</a>
1861        <a href="https://www.vinabox.fr/cgu/">CGU</a>
1862        <a href="https://www.vinabox.fr/politique-de-confidentialite/">Politique de confidentialit&eacute;</a>
1863        <a href="https://www.vinabox.fr/cookies/">Cookies</a>
1864      </div>
1865    </div>
1866  </div>
1867</footer>
1868
1869<div class="vb-disclaimer">
1870  L'abus d'alcool est dangereux pour la sant&eacute;. &Agrave; consommer avec mod&eacute;ration. Vente interdite aux mineurs.
1871</div>
1872
1873	
1873<script id="vbx-popup-governor">
1874	(function () {
1875		'use strict';
1876		function lsGet(k){ try { return localStorage.getItem(k); } catch(e){ return null; } }
1877		function lsSet(k,v){ try { localStorage.setItem(k,v); } catch(e){} }
1878		function ssGet(k){ try { return sessionStorage.getItem(k); } catch(e){ return null; } }
1879		function ssSet(k,v){ try { sessionStorage.setItem(k,v); } catch(e){} }
1880
1881		/* Compteur de pages vues (session) */
1882		var pv = parseInt( ssGet('vbx_gov_pv') || '0', 10 ) + 1;
1883		ssSet('vbx_gov_pv', String(pv));
1884
1885		window.vbxPromptGate = {
1886			/* true si un popup business AUTO a le droit de s'afficher maintenant */
1887			canShow: function () {
1888				if ( pv < 2 ) { return false; }                          /* jamais sur la 1re page vue */
1889				if ( ssGet('vbx_gov_shown') ) { return false; }          /* max 1 / session */
1890				var last = parseInt( lsGet('vbx_gov_last_ts') || '0', 10 );
1891				if ( Date.now() - last < 120000 ) { return false; }      /* 120 s mini entre 2 */
1892				if ( window.VBX_POPUP_LOCK ) { return false; }           /* un popup est déjà ouvert */
1893				/* age gate encore visible → priorité au légal */
1894				var gate = document.getElementById('vbx-age-gate');
1895				if ( gate && gate.style.display !== 'none' ) { return false; }
1896				return true;
1897			},
1898			markShown: function (name) {
1899				ssSet('vbx_gov_shown', name || '1');
1900				lsSet('vbx_gov_last_ts', String(Date.now()));
1901			}
1902		};
1903	}());
1904	</script>
1904
1905	    
1905<script id="vbx-pivot-b-config">
1906    window.VBX_PIVOT_B = {
1907        ajaxurl: 'https://www.vinabox.fr/wp-admin/admin-ajax.php',
1908        nonce:   '7e8fd74f3d',
1909        isLogged: false    };
1910    </script>
1910
1911        <style id="vinabox-millesimes-table-css">
1912    .vmtable-wrap { overflow-x: auto; margin: 24px 0; }
1913    .vmtable-loading { padding: 20px; text-align: center; color: #7a5b4a; font-style: italic; }
1914    .vmtable-error  { padding: 16px; background: #fff3cd; border-left: 4px solid #ffc107; border-radius: 4px; margin: 16px 0; }
1915    .vmtable-enrichissement { padding: 16px; background: #f8f1e7; border-left: 4px solid #61262a; border-radius: 4px; margin: 16px 0; }
1916    .vmtable-enrichissement a { color: #61262a; font-weight: 600; }
1917
1918    table.vmtable { width: 100%; border-collapse: collapse; font-size: 13px; }
1919    table.vmtable th,
1920    table.vmtable td { padding: 8px 12px; border-bottom: 1px solid rgba(97,38,42,.1); text-align: left; }
1921    table.vmtable thead th { background: #61262a; color: #fff; font-weight: 600; white-space: nowrap; }
1922    table.vmtable tbody tr:nth-child(even) { background: #faf6f0; }
1923    table.vmtable tbody tr:hover { background: #f3e9df; }
1924
1925    /* Note colorée /100 */
1926    .vmtable-note { display: inline-block; font-weight: 700; padding: 2px 7px; border-radius: 12px; font-size: 12px; }
1927    .vmtable-note.n-excellent { background: #2e7d32; color: #fff; }
1928    .vmtable-note.n-good      { background: #558b2f; color: #fff; }
1929    .vmtable-note.n-average   { background: #f9a825; color: #fff; }
1930    .vmtable-note.n-below     { background: #e64a19; color: #fff; }
1931    .vmtable-note.n-unknown   { background: #9e9e9e; color: #fff; }
1932
1933    /* Ligne provisoire (< 2 sources) */
1934    .vmtable-provisional td { opacity: .6; }
1935    .vmtable-badge-provisional {
1936        display: inline-block; font-size: 10px; font-weight: 600;
1937        background: #ff9800; color: #fff; border-radius: 3px;
1938        padding: 1px 5px; margin-left: 6px; vertical-align: middle;
1939    }
1940
1941    /* Tooltip sources */
1942    .vmtable-sources-btn {
1943        background: none; border: 1px solid #ccc; border-radius: 4px;
1944        font-size: 11px; padding: 2px 6px; cursor: pointer; color: #61262a;
1945    }
1946    .vmtable-sources-btn:hover { background: #f8f1e7; }
1947    .vmtable-tooltip {
1948        display: none; position: absolute; z-index: 200;
1949        background: #fff; border: 1px solid #ccc; border-radius: 6px;
1950        box-shadow: 0 4px 12px rgba(0,0,0,.15);
1951        padding: 10px 14px; min-width: 220px; font-size: 12px; line-height: 1.5;
1952    }
1953    .vmtable-tooltip.is-open { display: block; }
1954    .vmtable-tooltip-row { display: flex; justify-content: space-between; gap: 8px; padding: 3px 0; border-bottom: 1px solid #f0e8df; }
1955    .vmtable-tooltip-row:last-child { border-bottom: none; }
1956    .vmtable-tooltip-source { font-weight: 600; color: #61262a; }
1957    .vmtable-tooltip a { color: #61262a; text-decoration: underline; font-size: 11px; }
1958    .vmtable-cell-rel { position: relative; }
1959
1960    /* Responsive */
1961    @media (max-width: 640px) {
1962        table.vmtable th, table.vmtable td { padding: 6px 8px; font-size: 12px; }
1963        .vmtable-note { font-size: 11px; }
1964    }
1965    </style>
1966    
1966<script type="speculationrules">
1967{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/generatepress-child/*","/wp-content/themes/generatepress/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
1968</script>
1968
1969
1970<!-- Consent Management powered by Complianz | GDPR/CCPA Cookie Consent https://wordpress.org/plugins/complianz-gdpr -->
1971<div id="cmplz-cookiebanner-container"><div id="cmplz-cookiebanner-1-optin" class="cmplz-cookiebanner cmplz-hidden banner-1 banniere-a optin cmplz-bottom-right cmplz-categories-type-view-preferences" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optin" aria-describedby="cmplz-message-1-optin">
1972	<div class="cmplz-header">
1973		<div class="cmplz-logo"><a href="https://www.vinabox.fr/" class="custom-logo-link" rel="home"><img width="464" height="106" src="https://www.vinabox.fr/wp-content/uploads/2026/05/vinabox-logo-final.svg" class="custom-logo" alt="Vinabox" decoding="async" /></a></div>
1974		<div class="cmplz-title" id="cmplz-header-1-optin">La carte des cookies</div>
1975		<div class="cmplz-close" tabindex="0" role="button" aria-label="Fermer la boîte de dialogue">
1976			<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>
1977		</div>
1978	</div>
1979
1980	<div class="cmplz-divider cmplz-divider-header"></div>
1981	<div class="cmplz-body">
1982		<div class="cmplz-message" id="cmplz-message-1-optin"><p>Sur Vinabox, on ne vous sert pas que du bon vin, on vous sert aussi des cookies (pas comestibles, hélas). En les acceptant, vous laissez fermenter une belle expérience utilisateur. Sans eux, le site perd un peu de corps.</p></div>
1983		<!-- categories start -->
1984		<div class="cmplz-categories">
1985			<div class="cmplz-category cmplz-functional">
1986				<div class="cmplz-category-header">
1987					<span class="cmplz-category-title" id="cmplz-title-functional-1-optin">Fonctionnel</span>
1988					<span class='cmplz-always-active'>
1989						<span class="cmplz-banner-checkbox">
1990							<input type="checkbox"
1991									id="cmplz-functional-optin"
1992									data-category="cmplz_functional"
1993									class="cmplz-consent-checkbox cmplz-functional"
1994									size="40"
1995									value="1"/>
1996							<label class="cmplz-label" for="cmplz-functional-optin"><span class="screen-reader-text">Fonctionnel</span></label>
1997						</span>
1998						Toujours activé					</span>
1999					<button class="cmplz-category-toggle"
2000							aria-expanded="false"
2001							aria-controls="cmplz-desc-functional-1-optin"
2002							aria-labelledby="cmplz-title-functional-1-optin">
2003						<span class="cmplz-icon cmplz-open">
2004							<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18"><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
2005						</span>
2006					</button>
2007				</div>
2008				<div class="cmplz-description" id="cmplz-desc-functional-1-optin" hidden>
2009					<span class="cmplz-description-functional">L’accès ou le stockage technique est strictement nécessaire dans la finalité d’intérêt légitime de permettre l’utilisation d’un service spécifique explicitement demandé par l’abonné ou l’utilisateur, ou dans le seul but d’effectuer la transmission d’une communication sur un réseau de communications électroniques.</span>
2010				</div>
2011			</div>
2012
2013			<div class="cmplz-category cmplz-preferences">
2014				<div class="cmplz-category-header">
2015					<span class="cmplz-category-title" id="cmplz-title-preferences-1-optin">Préférences</span>
2016					<span class="cmplz-banner-checkbox">
2017						<input type="checkbox"
2018								id="cmplz-preferences-optin"
2019								data-category="cmplz_preferences"
2020								class="cmplz-consent-checkbox cmplz-preferences"
2021								size="40"
2022								value="1"/>
2023						<label class="cmplz-label" for="cmplz-preferences-optin"><span class="screen-reader-text">Préférences</span></label>
2024					</span>
2025					<button class="cmplz-category-toggle"
2026							aria-expanded="false"
2027							aria-controls="cmplz-desc-preferences-1-optin"
2028							aria-labelledby="cmplz-title-preferences-1-optin">
2029						<span class="cmplz-icon cmplz-open">
2030							<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18">
2030<path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
2031						</span>
2032					</button>
2033				</div>
2034				<div class="cmplz-description" id="cmplz-desc-preferences-1-optin" hidden>
2035					<span class="cmplz-description-preferences">L’accès ou le stockage technique est nécessaire dans la finalité d’intérêt légitime de stocker des préférences qui ne sont pas demandées par l’abonné ou l’internaute.</span>
2036				</div>
2037			</div>
2038
2039			<div class="cmplz-category cmplz-statistics">
2040				<div class="cmplz-category-header">
2041					<span class="cmplz-category-title" id="cmplz-title-statistics-1-optin">Statistiques</span>
2042					<span class="cmplz-banner-checkbox">
2043						<input type="checkbox"
2044								id="cmplz-statistics-optin"
2045								data-category="cmplz_statistics"
2046								class="cmplz-consent-checkbox cmplz-statistics"
2047								size="40"
2048								value="1"/>
2049						<label class="cmplz-label" for="cmplz-statistics-optin"><span class="screen-reader-text">Statistiques</span></label>
2050					</span>
2051					<button class="cmplz-category-toggle"
2052							aria-expanded="false"
2053							aria-controls="cmplz-desc-statistics-1-optin"
2054							aria-labelledby="cmplz-title-statistics-1-optin">
2055						<span class="cmplz-icon cmplz-open">
2056							<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18"><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
2057						</span>
2058					</button>
2059				</div>
2060				<div class="cmplz-description" id="cmplz-desc-statistics-1-optin" hidden>
2061					<span class="cmplz-description-statistics">Le stockage ou l’accès technique qui est utilisé exclusivement à des fins statistiques.</span>
2062					<span class="cmplz-description-statistics-anonymous">Le stockage ou l’accès technique qui est utilisé exclusivement dans des finalités statistiques anonymes. En l’absence d’une assignation à comparaître, d’une conformité volontaire de la part de votre fournisseur d’accès à internet ou d’enregistrements supplémentaires provenant d’une tierce partie, les informations stockées ou extraites à cette seule fin ne peuvent généralement pas être utilisées pour vous identifier.</span>
2063				</div>
2064			</div>
2065
2066			<div class="cmplz-category cmplz-marketing">
2067				<div class="cmplz-category-header">
2068					<span class="cmplz-category-title" id="cmplz-title-marketing-1-optin">Marketing</span>
2069					<span class="cmplz-banner-checkbox">
2070						<input type="checkbox"
2071								id="cmplz-marketing-optin"
2072								data-category="cmplz_marketing"
2073								class="cmplz-consent-checkbox cmplz-marketing"
2074								size="40"
2075								value="1"/>
2076						<label class="cmplz-label" for="cmplz-marketing-optin"><span class="screen-reader-text">Marketing</span></label>
2077					</span>
2078					<button class="cmplz-category-toggle"
2079							aria-expanded="false"
2080							aria-controls="cmplz-desc-marketing-1-optin"
2081							aria-labelledby="cmplz-title-marketing-1-optin">
2082						<span class="cmplz-icon cmplz-open">
2083							<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18"><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
2084						</span>
2085					</button>
2086				</div>
2087				<div class="cmplz-description" id="cmplz-desc-marketing-1-optin" hidden>
2088					<span class="cmplz-description-marketing">L’accès ou le stockage technique est nécessaire pour créer des profils d’internautes afin d’envoyer des publicités, ou pour suivre l’utilisateur sur un site web ou sur plusieurs sites web ayant des finalités marketing similaires.</span>
2089				</div>
2090			</div>
2091		</div><!-- categories end -->
2092			</div>
2093
2094	<div class="cmplz-links cmplz-information">
2095		<ul>
2096			<li><a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Gérer les options</a></li>
2097			<li><a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookie
2097s-overview">Gérer les services</a></li>
2098			<li><a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper">Gérer {vendor_count} fournisseurs</a></li>
2099			<li><a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/" aria-label="En savoir plus sur les finalités de TCF de la base de données de cookies">En savoir plus sur ces finalités</a></li>
2100		</ul>
2101			</div>
2102
2103	<div class="cmplz-divider cmplz-footer"></div>
2104
2105	<div class="cmplz-buttons">
2106		<button class="cmplz-btn cmplz-accept">Accepter</button>
2107		<button class="cmplz-btn cmplz-deny">Refuser</button>
2108		<button class="cmplz-btn cmplz-view-preferences">Voir les préférences</button>
2109		<button class="cmplz-btn cmplz-save-preferences">Enregistrer les préférences</button>
2110		<a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Voir les préférences</a>
2111			</div>
2112
2113
2114	<div class="cmplz-documents cmplz-links">
2115		<ul>
2116			<li><a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a></li>
2117			<li><a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a></li>
2118			<li><a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a></li>
2119		</ul>
2120			</div>
2121</div>
2122</div>
2123					<div id="cmplz-manage-consent" data-nosnippet="true"><button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1" aria-haspopup="dialog" aria-controls="cmplz-cookiebanner-1-optin">La carte des cookies</button>
2124
2125</div>
2125<script>function loadScript(a){var b=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.src="https://tracker.metricool.com/resources/be.js",c.onreadystatechange=a,c.onload=a,b.appendChild(c)}loadScript(function(){beTracker.t({hash:"d8fde25e22c718a6b7bf5fbe2fe41788"})});</script>
2125<style>
2126.wine-slider-wrap{position:relative;max-width:720px;margin:0 auto;padding:0 40px}
2127.wine-slider-viewport{overflow:hidden}
2128.wine-slider-track{display:flex;gap:14px;transition:transform 0.35s ease}
2129.wine-slider-track>div{flex:0 0 calc((100% - 28px)/3);min-width:0}
2130.wine-arrow{position:absolute;top:45%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:#61262A;color:#fff;border:none;font-size:16px;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:opacity 0.2s}
2131.wine-arrow:hover{background:#4a1d20}
2132.wine-arrow.hide{opacity:0.3;cursor:default}
2133.wine-arrow-left{left:0}
2134.wine-arrow-right{right:0}
2135.wine-dots{display:flex;justify-content:center;gap:8px;margin-top:14px}
2136.wine-dot{width:8px;height:8px;border-radius:50%;background:#ddd;cursor:pointer;border:none;padding:0;transition:background 0.2s}
2137.wine-dot.active{background:#61262A;transform:scale(1.2)}
2138@media(max-width:768px){.wine-slider-wrap{padding:0 30px}.wine-slider-track>div{flex:0 0 calc((100% - 14px)/2)}}
2139@media(max-width:480px){.wine-slider-wrap{padding:0 30px}.wine-slider-track>div{flex:0 0 100%}}
2140</style>
2141<script>
2142document.addEventListener('DOMContentLoaded',function(){
2143  document.querySelectorAll('.wine-slider-wrap').forEach(function(wrap){
2144    var track=wrap.querySelector('.wine-slider-track');
2145    if(!track)return;
2146    var cards=Array.from(track.children);
2147    var total=cards.length;
2148    var pos=0;
2149    var arrowL=wrap.querySelector('.wine-arrow-left');
2150    var arrowR=wrap.querySelector('.wine-arrow-right');
2151    // Detect visible count based on screen
2152    function getVisible(){
2153      if(window.innerWidth<=480)return 1;
2154      if(window.innerWidth<=768)return 2;
2155      return 3;
2156    }
2157    // Build dots dynamically (positions = total - visible + 1)
2158    var dotsWrap=wrap.querySelector('.wine-dots');
2159    function buildDots(){
2160      var v=getVisible();
2161      var positions=Math.max(total-v+1,1);
2162      dotsWrap.innerHTML='';
2163      for(var i=0;i<positions;i++){
2164        var dot=document.createElement('button');
2165        dot.className='wine-dot'+(i===pos?' active':'');
2166        dot.setAttribute('aria-label','Slide '+(i+1));
2167        (function(idx){dot.addEventListener('click',function(){pos=idx;update()})})(i);
2168        dotsWrap.appendChild(dot);
2169      }
2170    }
2171    function update(){
2172      var v=getVisible();
2173      var maxPos=Math.max(total-v,0);
2174      if(pos>maxPos)pos=maxPos;
2175      if(pos<0)pos=0;
2176      var gap=14;
2177      var cardW=(track.offsetWidth-(v-1)*gap)/v;
2178      track.style.transform='translateX(-'+pos*(cardW+gap)+'px)';
2179      // Update dots
2180      var dots=dotsWrap.querySelectorAll('.wine-dot');
2181      dots.forEach(function(d,i){d.classList.toggle('active',i===pos)});
2182      // Update arrows
2183      arrowL.classList.toggle('hide',pos===0);
2184      arrowR.classList.toggle('hide',pos>=maxPos);
2185    }
2186    arrowR.addEventListener('click',function(){pos++;update()});
2187    arrowL.addEventListener('click',function(){if(pos>0){pos--;update()}});
2188    buildDots();
2189    update();
2190    window.addEventListener('resize',function(){buildDots();update()});
2191  });
2192});
2193</script>
vendor: 1 bytes, line 2193
2193
2194<script id="generate-a11y">
2195!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("pointerdown",(function(){e.classList.add("using-mouse")}),{passive:!0}),e.addEventListener("keydown",(function(){e.classList.remove("using-mouse")}),{passive:!0})}}();
2196</script>
2196
2197	
2197<script>
2198		(function () {
2199			var c = document.body.className;
2200			c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
2201			document.body.className = c;
2202		})();
2203	</script>
2203
2204	
2204<script id="wp-hooks-js" src="https://www.vinabox.fr/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 2204
2204
2205<script id="wp-i18n-js" src="https://www.vinabox.fr/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 2205
2205
2206<script id="wp-i18n-js-after">
2207wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
2208//# sourceURL=wp-i18n-js-after
2209</script>
vendor: 1 bytes, line 2209
2209
2210<script id="swv-js" src="https://www.vinabox.fr/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.7"></script>
vendor: 1 bytes, line 2210
2210
2211<script id="contact-form-7-js-translations">
2212( function( domain, translations ) {
2213	var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
2214	localeData[""].domain = domain;
2215	wp.i18n.setLocaleData( localeData, domain );
2216} )( "contact-form-7", {"translation-revision-date":"2026-09-29 08:22:41+0000","generator":"GlotPress\/4.1.0","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n > 1;","lang":"fr"},"This contact form is placed in the wrong place.":["Ce formulaire de contact est plac\u00e9 dans un mauvais endroit."],"Error:":["Erreur\u00a0:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
2217//# sourceURL=contact-form-7-js-translations
2218</script>
vendor: 1 bytes, line 2218
2218
2219<script id="contact-form-7-js-before">
2220var wpcf7 = {
2221    "api": {
2222        "root": "https:\/\/www.vinabox.fr\/wp-json\/",
2223        "namespace": "contact-form-7\/v1"
2224    },
2225    "cached": 1
2226};
2227//# sourceURL=contact-form-7-js-before
2228</script>
vendor: 1 bytes, line 2228
2228
2229<script id="contact-form-7-js" src="https://www.vinabox.fr/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.7"></script>
vendor: 1 bytes, line 2229
2229
2230<script id="vinabox-youtube-slider-js" src="https://www.vinabox.fr/wp-content/themes/generatepress-child/js/vinabox-youtube-slider.js?ver=1.0"></script>
vendor: 1 bytes, line 2230
2230
2231<script id="vinabox-youtube-slider-box-vin-js" src="https://www.vinabox.fr/wp-content/themes/generatepress-child/js/vinabox-youtube-slider-box-vin.js?ver=1.0"></script>
vendor: 1 bytes, line 2231
2231
2232<script id="vbx-age-gate-js" src="https://www.vinabox.fr/wp-content/themes/generatepress-child/js/vinabox-age-gate.js?ver=1.0.0"></script>
vendor: 1 bytes, line 2232
2232
2233<script id="vinabox-nav-js" src="https://www.vinabox.fr/wp-content/themes/generatepress-child/js/vinabox-nav.js?ver=1780997771"></script>
vendor: 1 bytes, line 2233
2233
2234<script id="generate-menu-js-before">
2235var generatepressMenu = {"toggleOpenedSubMenus":true,"openSubMenuLabel":"Ouvrir le sous-menu","closeSubMenuLabel":"Fermer le sous-menu"};
2236//# sourceURL=generate-menu-js-before
2237</script>
vendor: 1 bytes, line 2237
2237
2238<script id="generate-menu-js" src="https://www.vinabox.fr/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.6.1"></script>
vendor: 1 bytes, line 2238
2238
2239<script async data-wp-strategy="async" fetchpriority="low" id="comment-reply-js" src="https://www.vinabox.fr/wp-includes/js/comment-reply.min.js?ver=7.1.3"></script>
vendor: 1 bytes, line 2239
2239
2240<script id="sourcebuster-js-js" src="https://www.vinabox.fr/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=11.1.2"></script>
vendor: 1 bytes, line 2240
2240
2241<script id="wc-order-attribution-js-extra">
2242var wc_order_attribution = {"params":{"lifetime":1.0000000000000000818030539140313095458623138256371021270751953125e-5,"session":30,"base64":false,"ajaxurl":"https://www.vinabox.fr/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}};
2243//# sourceURL=wc-order-attribution-js-extra
2244</script>
vendor: 1 bytes, line 2244
2244
2245<script id="wc-order-attribution-js" src="https://www.vinabox.fr/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=11.1.2"></script>
vendor: 1 bytes, line 2245
2245
2246<script id="vinabox-affiliate-tracking-js-before">
2247window.vbxAffiliateConfig={"pageId":3332,"version":"2.1.0"};
2248//# sourceURL=vinabox-affiliate-tracking-js-before
2249</script>
vendor: 1 bytes, line 2249
2249
2250<script id="vinabox-affiliate-tracking-js" src="https://www.vinabox.fr/wp-content/mu-plugins/vinabox-affiliate-tracking.js?ver=2.1.0"></script>
vendor: 1 bytes, line 2250
2250
2251<script id="vinabox-ez-toc-clickable-js" src="https://www.vinabox.fr/wp-content/themes/generatepress-child/js/ez-toc-clickable-header.js?ver=1778438721"></script>
vendor: 1 bytes, line 2251
2251
2252<script id="vinabox-search-overlay-js-after">
2253(function () {
2254        function onReady(fn) {
2255            if (document.readyState !== 'loading') { fn(); }
2256            else { document.addEventListener('DOMContentLoaded', fn); }
2257        }
2258        onReady(function () {
2259            var overlay = document.getElementById('vinabox-search-overlay');
2260            if (!overlay) return;
2261            var input = overlay.querySelector('#vinabox-search-input');
2262            var lastFocus = null;
2263
2264            function open(e) {
2265                if (e) e.preventDefault();
2266                lastFocus = document.activeElement;
2267                overlay.hidden = false;
2268                document.body.classList.add('vinabox-search-open');
2269                document.querySelectorAll('[data-vinabox-search-toggle="open"]').forEach(function (btn) {
2270                    btn.setAttribute('aria-expanded', 'true');
2271                });
2272                setTimeout(function () { if (input) input.focus(); }, 30);
2273            }
2274            function close(e) {
2275                if (e) e.preventDefault();
2276                overlay.hidden = true;
2277                document.body.classList.remove('vinabox-search-open');
2278                document.querySelectorAll('[data-vinabox-search-toggle="open"]').forEach(function (btn) {
2279                    btn.setAttribute('aria-expanded', 'false');
2280                });
2281                if (lastFocus && typeof lastFocus.focus === 'function') lastFocus.focus();
2282            }
2283            document.addEventListener('click', function (e) {
2284                var t = e.target.closest('[data-vinabox-search-toggle]');
2285                if (!t) return;
2286                var action = t.getAttribute('data-vinabox-search-toggle');
2287                if (action === 'open') open(e);
2288                else if (action === 'close') close(e);
2289            });
2290            document.addEventListener('keydown', function (e) {
2291                if (e.key === 'Escape' && !overlay.hidden) { close(e); return; }
2292                // Shortcut : touche "/" ouvre la recherche (hors champs de saisie et si overlay fermé)
2293                if (e.key === '/' && overlay.hidden) {
2294                    var tag = (e.target && e.target.tagName) || '';
2295                    var editable = e.target && e.target.isContentEditable;
2296                    if (!/^(INPUT|TEXTAREA|SELECT)$/.test(tag) && !editable) {
2297                        open(e);
2298                    }
2299                }
2300            });
2301        });
2302    })();
2303//# sourceURL=vinabox-search-overlay-js-after
2304</script>
vendor: 1 bytes, line 2304
2304
2305<script id="cmplz-cookiebanner-js-extra">
2306var complianz = {"prefix":"cmplz_","debug":"","user_banner_id":"1","set_cookies":[],"block_ajax_content":"","banner_version":"24","version":"7.5.5","store_consent":"","do_not_track_enabled":"","consenttype":"optin","region":"eu","geoip":"","dismiss_timeout":"","disable_cookiebanner":"","soft_cookiewall":"","dismiss_on_scroll":"","cookie_expiry":"365","url":"https://www.vinabox.fr/wp-json/complianz/v1/","locale":"lang=fr&locale=fr_FR","set_cookies_on_root":"","cookie_domain":"","current_policy_id":"34","cookie_path":"/","categories":{"statistics":"statistiques","marketing":"marketing"},"tcf_active":"","placeholdertext":"Cliquez pour accepter les cookies {category} et activer ce contenu","css_file":"https://www.vinabox.fr/wp-content/uploads/complianz/css/banner-{banner_id}-{type}.css?v=24","page_links":{"eu":{"cookie-statement":{"title":"Politique de cookies ","url":"https://www.vinabox.fr/politique-de-cookies-ue/"},"privacy-statement":{"title":"Politique de confidentialit\u00e9","url":"https://www.vinabox.fr/politique-de-confidentialite/"}}},"tm_categories":"","forceEnableStats":"","preview":"","clean_cookies":"","aria_label":"Cliquez pour accepter les cookies {category} et activer ce contenu","iapi_nav":"fallback"};
2307//# sourceURL=cmplz-cookiebanner-js-extra
2308</script>
vendor: 1 bytes, line 2308
2308
2309<script defer id="cmplz-cookiebanner-js" src="https://www.vinabox.fr/wp-content/plugins/complianz-gdpr/cookiebanner/js/complianz.min.js?ver=1788920446"></script>
vendor: 1 bytes, line 2309
2309
2310<script type="text/javascript">(function (undefined) {let scriptOptions={"_localizedStrings":{"redirect_overlay_title":"Hold On","redirect_overlay_text":"You are being redirected to another page,<br>it may take a few seconds.","webview_notification_text":"The selected provider doesn't support embedded browsers!"},"_targetWindow":"prefer-popup","_redirectOverlay":"overlay-with-spinner-and-message","_unsupportedWebviewBehavior":""};
2311/**
2312 * Used when Cross-Origin-Opener-Policy blocked the access to the opener. We can't have a reference of the opened windows, so we should attempt to refresh only the windows that has opened popups.
2313 */
2314window._nslHasOpenedPopup = false;
2315window._nslWebViewNoticeElement = null;
2316
2317window.NSLPopup = function (url, title, w, h) {
2318
2319    /**
2320     * Cross-Origin-Opener-Policy blocked the access to the opener
2321     */
2322    if (typeof BroadcastChannel === "function") {
2323        const _nslLoginBroadCastChannel = new BroadcastChannel('nsl_login_broadcast_channel');
2324        _nslLoginBroadCastChannel.onmessage = (event) => {
2325            if (window?._nslHasOpenedPopup && event.data?.action === 'redirect') {
2326                window._nslHasOpenedPopup = false;
2327
2328                const url = event.data?.href;
2329                _nslLoginBroadCastChannel.close();
2330                if (typeof window.nslRedirect === 'function') {
2331                    window.nslRedirect(url);
2332                } else {
2333                    window.opener.location = url;
2334                }
2335            }
2336        };
2337    }
2338
2339    const userAgent = navigator.userAgent,
2340        mobile = function () {
2341            return /\b(iPhone|iP[ao]d)/.test(userAgent) ||
2342                /\b(iP[ao]d)/.test(userAgent) ||
2343                /Android/i.test(userAgent) ||
2344                /Mobile/i.test(userAgent);
2345        },
2346        screenX = window.screenX !== undefined ? window.screenX : window.screenLeft,
2347        screenY = window.screenY !== undefined ? window.screenY : window.screenTop,
2348        outerWidth = window.outerWidth !== undefined ? window.outerWidth : document.documentElement.clientWidth,
2349        outerHeight = window.outerHeight !== undefined ? window.outerHeight : document.documentElement.clientHeight - 22,
2350        targetWidth = mobile() ? null : w,
2351        targetHeight = mobile() ? null : h,
2352        left = parseInt(screenX + (outerWidth - targetWidth) / 2, 10),
2353        right = parseInt(screenY + (outerHeight - targetHeight) / 2.5, 10),
2354        features = [];
2355    if (targetWidth !== null) {
2356        features.push('width=' + targetWidth);
2357    }
2358    if (targetHeight !== null) {
2359        features.push('height=' + targetHeight);
2360    }
2361    features.push('left=' + left);
2362    features.push('top=' + right);
2363    features.push('scrollbars=1');
2364
2365    const newWindow = window.open(url, title, features.join(','));
2366
2367    if (window.focus) {
2368        newWindow.focus();
2369    }
2370
2371    window._nslHasOpenedPopup = true;
2372
2373    return newWindow;
2374};
2375
2376let isWebView = null;
2377
2378function checkWebView() {
2379    if (isWebView === null) {
2380        function _detectOS(ua) {
2381            if (/Android/.test(ua)) {
2382                return "Android";
2383            } else if (/iPhone|iPad|iPod/.test(ua)) {
2384                return "iOS";
2385            } else if (/Windows/.test(ua)) {
2386                return "Windows";
2387            } else if (/Mac OS X/.test(ua)) {
2388                return "Mac";
2389            } else if (/CrOS/.test(ua)) {
2390                return "Chrome OS";
2391            } else if (/Firefox/.test(ua)) {
2392                return "Firefox OS";
2393            }
2394            return "";
2395        }
2396
2397        function _detectBrowser(ua) {
2398            let android = /Android/.test(ua);
2399
2400            if (/Opera Mini/.test(ua) || / OPR/.test(ua) || / OPT/.test(ua)) {
2401                return "Opera";
2402            } else if (/CriOS/.test(ua)) {
2403                return "Chrome for iOS";
2404            } else if (/Edge/.test(ua)) {
2405                return "Edge";
2406            } else if (android && /Silk\//.test(ua)) {
2407                return "Silk";
2408            } else if (/Chrome/.test(ua)) {
2409                return "Chrome";
2410            } else if (/Firefox/.test(ua)) {
2411                return "Firefox";
2412            } else if (android) {
2413                return "AOSP";
2414            } else if (/MSIE|Trident/.test(ua)) {
2415                return "IE";
2416            } else if (/Safari\//.test(ua)) {
2417                return "Safari";
2418            }
2418 else if (/AppleWebKit/.test(ua)) {
2419                return "WebKit";
2420            }
2421            return "";
2422        }
2423
2424        function _detectBrowserVersion(ua, browser) {
2425            if (browser === "Opera") {
2426                return /Opera Mini/.test(ua) ? _getVersion(ua, "Opera Mini/") :
2427                    / OPR/.test(ua) ? _getVersion(ua, " OPR/") :
2428                        _getVersion(ua, " OPT/");
2429            } else if (browser === "Chrome for iOS") {
2430                return _getVersion(ua, "CriOS/");
2431            } else if (browser === "Edge") {
2432                return _getVersion(ua, "Edge/");
2433            } else if (browser === "Chrome") {
2434                return _getVersion(ua, "Chrome/");
2435            } else if (browser === "Firefox") {
2436                return _getVersion(ua, "Firefox/");
2437            } else if (browser === "Silk") {
2438                return _getVersion(ua, "Silk/");
2439            } else if (browser === "AOSP") {
2440                return _getVersion(ua, "Version/");
2441            } else if (browser === "IE") {
2442                return /IEMobile/.test(ua) ? _getVersion(ua, "IEMobile/") :
2443                    /MSIE/.test(ua) ? _getVersion(ua, "MSIE ")
2444                        :
2445                        _getVersion(ua, "rv:");
2446            } else if (browser === "Safari") {
2447                return _getVersion(ua, "Version/");
2448            } else if (browser === "WebKit") {
2449                return _getVersion(ua, "WebKit/");
2450            }
2451            return "0.0.0";
2452        }
2453
2454        function _getVersion(ua, token) {
2455            try {
2456                return _normalizeSemverString(ua.split(token)[1].trim().split(/[^\w\.]/)[0]);
2457            } catch (o_O) {
2458            }
2459            return "0.0.0";
2460        }
2461
2462        function _normalizeSemverString(version) {
2463            const ary = version.split(/[\._]/);
2464            return (parseInt(ary[0], 10) || 0) + "." +
2465                (parseInt(ary[1], 10) || 0) + "." +
2466                (parseInt(ary[2], 10) || 0);
2467        }
2468
2469        function _isWebView(ua, os, browser, version, options) {
2470            switch (os + browser) {
2471                case "iOSSafari":
2472                    return false;
2473                case "iOSWebKit":
2474                    return _isWebView_iOS(options);
2475                case "AndroidAOSP":
2476                    return false;
2477                case "AndroidChrome":
2478                    return parseFloat(version) >= 42 ? /; wv/.test(ua) : /\d{2}\.0\.0/.test(version) ? true : _isWebView_Android(options);
2479            }
2480            return false;
2481        }
2482
2483        function _isWebView_iOS(options) {
2484            const document = (window["document"] || {});
2485
2486            if ("WEB_VIEW" in options) {
2487                return options["WEB_VIEW"];
2488            }
2489            return !("fullscreenEnabled" in document || "webkitFullscreenEnabled" in document || false);
2490        }
2491
2492        function _isWebView_Android(options) {
2493            if ("WEB_VIEW" in options) {
2494                return options["WEB_VIEW"];
2495            }
2496            return !("requestFileSystem" in window || "webkitRequestFileSystem" in window || false);
2497        }
2498
2499        const options = {},
2500            nav = window.navigator || {},
2501            ua = nav.userAgent || "",
2502            os = _detectOS(ua),
2503            browser = _detectBrowser(ua),
2504            browserVersion = _detectBrowserVersion(ua, browser);
2505
2506        isWebView = _isWebView(ua, os, browser, browserVersion, options);
2507    }
2508
2509    return isWebView;
2510}
2511
2512function isAllowedWebViewForUserAgent(provider) {
2513    const facebookAllowedWebViews = [
2514        'Instagram',
2515        'FBAV',
2516        'FBAN'
2517    ];
2518    let whitelist = [];
2519
2520    if (provider && provider === 'facebook') {
2521        whitelist = facebookAllowedWebViews;
2522    }
2523
2524    const nav = window.navigator || {},
2525        ua = nav.userAgent || "";
2526
2527    if (whitelist.length && ua.match(new RegExp(whitelist.join('|')))) {
2528        return true;
2529    }
2530
2531    return false;
2532}
2533
2534function disableButtonInWebView(providerButtonElement) {
2535    if (providerButtonElement) {
2536        providerButtonElement.classList.add('nsl-disabled-provider');
2537        providerButtonElement.setAttribute('href', '#');
2538
2539        providerButtonElement.addEventListener('pointerdown', (e) => {
2540            const closeNotice = function () {
2541                if (window._nslWebViewNoticeElement) {
2542                    window._nslWebViewNoticeElement.remove();
2543                    window._nslWebViewNoticeElement = null;
2544                }
2545            };
2546
2547            closeNotice();
2548
2549            window._nslWebViewNoticeElement = document.createElement('div');
2550            window._nslWebViewNoticeElement.id = "nsl-notices-fallback";
2551            window._nslWebViewNoticeElement.role = 'alert';
2552            window._nslWebViewNoticeElement.ariaLive = 'assertive';
2553            window._nslWebViewNoticeElement.ariaAtomic = 'true';
2554
2555            window._nslWebViewNoticeElement.addEventListener('pointerdown', closeNotice);
2556
2557            window._nslWebViewNoticeElement.addEventListener('keydown', function (e) {
2558                if (e.key === 'Enter') {
2559                    e.preventDefault();
2560                    closeNotice();
2561                }
2562            });
2563            const webviewNoticeHTML = '<div class="error"><p>' + scriptOptions._localizedStrings.webview_notification_text + '</p></div>';
2564
2565            window._nslWebViewNoticeElement.insertAdjacentHTML("afterbegin", webviewNoticeHTML);
2566            document.body.appendChild(window._nslWebViewNoticeElement);
2567        });
2568    }
2569
2570}
2571
2572window._nslDOMReady(function () {
2573
2574    window.nslRedirect = function (url) {
2575        if (scriptOptions._redirectOverlay) {
2576            const overlay = document.createElement('div');
2577            overlay.id = "nsl-redirect-overlay";
2578            let overlayHTML = '';
2579            const overlayContainer = "<div id='nsl-redirect-overlay-container'>",
2580                overlayContainerClose = "</div>",
2581                overlaySpinner = "<div id='nsl-redirect-overlay-spinner'></div>",
2582                overlayTitle = "<p id='nsl-redirect-overlay-title'>" + scriptOptions._localizedStrings.redirect_overlay_title + "</p>",
2583                overlayText = "<p id='nsl-redirect-overlay-text'>" + scriptOptions._localizedStrings.redirect_overlay_text + "</p>";
2584
2585            switch (scriptOptions._redirectOverlay) {
2586                case "overlay-only":
2587                    break;
2588                case "overlay-with-spinner":
2589                    overlayHTML = overlayContainer + overlaySpinner + overlayContainerClose;
2590                    break;
2591                default:
2592                    overlayHTML = overlayContainer + overlaySpinner + overlayTitle + overlayText + overlayContainerClose;
2593                    break;
2594            }
2595
2596            overlay.insertAdjacentHTML("afterbegin", overlayHTML);
2597            document.body.appendChild(overlay);
2598        }
2599
2600        window.location = url;
2601    };
2602
2603    let targetWindow = scriptOptions._targetWindow || 'prefer-popup',
2604        lastPopup = false;
2605
2606
2607    document.addEventListener('click', function (e) {
2608        if (e.target) {
2609            const buttonLinkElement = e.target.closest('a[data-plugin="nsl"][data-action="connect"]') || e.target.closest('a[data-plugin="nsl"][data-action="link"]');
2610            if (buttonLinkElement) {
2611                if (lastPopup && !lastPopup.closed) {
2612                    e.preventDefault();
2613                    lastPopup.focus();
2614                } else {
2615
2616                    let href = buttonLinkElement.href,
2617                        success = false;
2618                    if (href.indexOf('?') !== -1) {
2619                        href += '&';
2620                    } else {
2621                        href += '?';
2622                    }
2623
2624                    const redirectTo = buttonLinkElement.dataset.redirect;
2625                    if (redirectTo === 'current') {
2626                        href += 'redirect=' + encodeURIComponent(window.location.href) + '&';
2627                    } else if (redirectTo && redirectTo !== '') {
2628                        href += 'redirect=' + encodeURIComponent(redirectTo) + '&';
2629                    }
2630
2631                    if (targetWindow !== 'prefer-same-window' && checkWebView()) {
2632                        targetWindow = 'prefer-same-window';
2633                    }
2634
2635                    if (targetWindow === 'prefer-popup') {
2636                        lastPopup = NSLPopup(href + 'display=popup', 'nsl-social-connect', buttonLinkElement.dataset.popupwidth, buttonLinkElement.dataset.popupheight);
2637                        if (lastPopup) {
2638                            success = true;
2639                            e.preventDefault();
2640                        }
2641                    } else if (targetWindow === 'prefer-new-tab') {
2642                        const newTab = window.open(href + 'display=popup', '_blank');
2643                        if (newTab) {
2644                            if (window.focus) {
2645                                newTab.focus();
2646                            }
2647                            success = true;
2648                            window._nslHasOpenedPopup = true;
2649                            e.preventDefault();
2650                        }
2651                    }
2652
2653                    if (!success) {
2654                        window.location = href;
2655                        e.preventDefault();
2656                    }
2657                }
2658            }
2659        }
2660    });
2661
2662    let buttonCountChanged = false;
2663
2664    const googleLoginButtons = document.querySelectorAll(' a[data-plugin="nsl"][data-provider="google"]');
2665    if (googleLoginButtons.length && checkWebView()) {
2666        googleLoginButtons.forEach(function (googleLoginButton) {
2667            if (scriptOptions._unsupportedWebviewBehavior === 'disable-button') {
2668                disableButtonInWebView(googleLoginButton);
2669            } else {
2670                googleLoginButton.remove();
2671                buttonCountChanged = true;
2672            }
2673        });
2674    }
2675
2676    const facebookLoginButtons = document.querySelectorAll(' a[data-plugin="nsl"][data-provider="facebook"]');
2677    if (facebookLoginButtons.length && checkWebView() && /Android/.test(window.navigator.userAgent) && !isAllowedWebViewForUserAgent('facebook')) {
2678        facebookLoginButtons.forEach(function (facebookLoginButton) {
2679            if (scriptOptions._unsupportedWebviewBehavior === 'disable-button') {
2680                disableButtonInWebView(facebookLoginButton);
2681            } else {
2682                facebookLoginButton.remove();
2683                buttonCountChanged = true;
2684            }
2685        });
2686    }
2687
2688    const separators = document.querySelectorAll('div.nsl-separator');
2689    if (buttonCountChanged && separators.length) {
2690        separators.forEach(function (separator) {
2691            const separatorParentNode = separator.parentNode;
2692            if (separatorParentNode) {
2693                const separatorButtonContainer = separatorParentNode.querySelector('div.nsl-container-buttons');
2694                if (separatorButtonContainer && !separatorButtonContainer.hasChildNodes()) {
2695                    separator.remove();
2696                }
2697            }
2698        })
2699    }
2700});})();</script>
2700    <!-- VBX ONBOARDING TEASER v1.3.0 — Inline wine preference -->
2701    <style>
2702    #vbx-onboarding-modal .vbx-wine-radios { display:flex; flex-direction:column; gap:7px; margin:0; }
2703    #vbx-onboarding-modal .vbx-wine-radios label {
2704      display:flex; align-items:center; gap:9px; cursor:pointer;
2705      font-size:0.9em; color:#444; padding:9px 12px;
2706      border:2px solid #e8ddd8; border-radius:9px; transition:border-color .15s;
2707      box-sizing:border-box;
2708    }
2709    #vbx-onboarding-modal .vbx-wine-radios label:hover { border-color:#61262A; }
2710    #vbx-onboarding-modal .vbx-wine-radios input[type=radio] {
2711      accent-color:#61262A; width:16px; height:16px; flex-shrink:0; cursor:pointer;
2712    }
2713    #vbx-onboarding-modal .vbx-wine-radios input[type=radio]:checked + span { color:#61262A; font-weight:700; }
2714    #vbx-onboarding-modal .vbx-wine-radios label:has(input:checked) { border-color:#61262A; background:#fdf8f8; }
2715    #vbx-ob-section-wine { margin-top:4px; }
2716    #vbx-ob-section-wine legend {
2717      font-size:0.88em; font-weight:700; color:#61262A; margin-bottom:8px;
2718      display:block; padding:0;
2719    }
2720    @media (max-width:375px) {
2721      #vbx-onboarding-modal > div { padding:22px 16px !important; }
2722      #vbx-onboarding-modal .vbx-wine-radios label { font-size:0.85em; padding:8px 10px; }
2723    }
2724    </style>
2725    <div id="vbx-onboarding-modal" style="display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55);z-index:999999;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;overflow-y:auto;" role="dialog" aria-modal="true" aria-labelledby="vbx-ob-title">
2726      <div style="background:#fff;border-radius:20px;padding:28px 24px;max-width:420px;width:100%;position:relative;box-shadow:0 12px 48px rgba(0,0,0,0.28);box-sizing:border-box;margin:auto;">
2727        <button onclick="vbxCloseOnboardingTeaser()" aria-label="Fermer" style="position:absolute;top:14px;right:18px;background:none;border:none;font-size:1.6em;cursor:pointer;color:#bbb;line-height:1;padding:0 4px;">&#215;</button>
2728        <div style="text-align:center;margin-bottom:18px;">
2729          <div style="font-size:2.2em;margin-bottom:8px;">🍷</div>
2730          <h2 id="vbx-ob-title" style="font-size:1.2em;font-weight:800;color:#61262A;margin:0 0 8px;font-family:inherit;">Ton partenaire du vin</h2>
2731          <p style="font-size:0.88em;color:#555;line-height:1.6;margin:0;">Rejoins nos explorateurs — bons plans mensuels<br>+ tirage cadeau 🎁</p>
2732          <p style="font-size:0.8em;color:#d39c44;font-weight:700;margin:8px 0 0;">✨ +100 XP · Coffret Le Petit Ballon à gagner</p>
2733        </div>
2734        <form id="vbx-onboarding-form" onsubmit="vbxSubmitOnboarding(event)" style="display:flex;flex-direction:column;gap:10px;">
2735          <input type="hidden" id="vbx-onboarding-source" name="onboarding_source" value="">
2736
2737          <!-- Section 1 : Identifiants -->
2738          <input id="vbx-ob-email" type="email" name="email" placeholder="Ton adresse email" required autocomplete="email"
2739            style="padding:11px 14px;border:2px solid #e8ddd8;border-radius:10px;font-size:0.93em;width:100%;box-sizing:border-box;outline:none;"
2740            onfocus="this.style.borderColor='#61262A'" onblur="this.style.borderColor='#e8ddd8'">
2741          <input id="vbx-ob-password" type="password" name="password" placeholder="Mot de passe (6 car. min.)" required minlength="6" autocomplete="new-password"
2742            style="padding:11px 14px;border:2px solid #e8ddd8;border-radius:10px;font-size:0.93em;width:100%;box-sizing:border-box;outline:none;"
2743            onfocus="this.style.borderColor='#61262A'" onblur="this.style.borderColor='#e8ddd8'">
2744          <input id="vbx-ob-pseudo" type="text" name="pseudo" placeholder="Pseudo (optionnel)" minlength="3" maxlength="30" autocomplete="username"
2745            style="padding:11px 14px;border:2px solid #e8ddd8;border-radius:10px;font-size:0.93em;width:100%;box-sizing:border-box;outline:none;"
2746            onfocus="this.style.borderColor='#61262A'" onblur="this.style.borderColor='#e8ddd8'">
2747
2748          <!-- Section 2 : Préférence vin (v1.3.0 inline) -->
2749          <fieldset id="vbx-ob-section-wine" style="border:none;padding:0;margin:0;">
2750            <legend>Quel type de vin aimes-tu ?</legend>
2751            <div class="vbx-wine-radios" role="radiogroup" aria-label="Préférence vin">
2752              <label>
2753                <input type="radio" name="wine_preference" value="rouge" checked>
2754                <span>🍷 Rouge</span>
2755              </label>
2756              <label>
2757                <input type="radio" name="wine_preference" value="blanc">
2758                <span>🥂 Blanc</span>
2759              </label>
2760              <label>
2761                <input type="radio" name="wine_preference" value="rose">
2762                <span>🌸 Rosé / Effervescent</span>
2763              </label>
2764              <label>
2765                <input type="radio" name="wine_preference" value="indecis">
2766                <span>🤔 Je découvre, indécis</span>
2767              </label>
2768            </div>
2769          </fieldset>
2770
2771          <!-- Section 3 : Newsletter (obligatoire - l'inscription vaut abonnement, modele bundle 2026-06-25) -->
2772          <p style="font-size:0.8em;line-height:1.45;color:#555;margin:4px 0 0;">
2773            En créant ton compte, tu rejoins la <strong>newsletter Vinabox</strong> (bons plans vins &lt; 20 € + sélections) et tu participes au <strong>tirage mensuel</strong> 🎁.<br>
2774            <span style="color:#888;">Désinscription en 1 clic à tout moment, dans chaque email.</span>
2775          </p>
2776
2777          <p id="vbx-ob-error" style="color:#e74c3c;font-size:0.85em;margin:0;display:none;text-align:center;"></p>
2778          <button type="submit" id="vbx-ob-submit"
2779            style="background:#61262A;color:#fff;border:none;border-radius:10px;padding:13px;font-weight:800;font-size:1em;cursor:pointer;width:100%;margin-top:2px;">
2780            Créer mon compte
2781          </button>
2782          <a href="/guide-vin/conserver-vin-maison/" id="vbx-ob-quiz-cta"
2783            style="display:block;text-align:center;background:#F5EDE0;border:2px solid #C9A96E;border-radius:10px;padding:11px;font-size:0.9em;font-weight:700;color:#61262A;text-decoration:none;width:100%;box-sizing:border-box;margin-top:2px;cursor:pointer;"
2784            onclick="if(typeof gtag!=='undefined'){try{gtag('event','badge_quiz_cta_clicked',{source:'onboarding_teaser'});}catch(e){}}">
2785            Teste ton niveau vin
2786          </a>
2787          <button type="button" onclick="vbxCloseOnboardingTeaser()"
2788            style="background:none;border:none;color:#aaa;font-size:0.85em;cursor:pointer;padding:4px;width:100%;">
2789            Plus tard
2790          </button>
2791        </form>
2792        <p style="font-size:0.74em;color:#ccc;text-align:center;margin:12px 0 0;">En créant un compte, tu acceptes les <a href="/cgu/" style="color:#aaa;">CGU</a>. Tirage réservé aux majeurs résidant en France. <a href="/reglement-du-jeu/" style="color:#aaa;">Règlement</a>.</p>
2793      </div>
2794    </div>
2795    
2795<script>
2796    (function(){
2797      function _gcOB(name){ var v=document.cookie.match('(^|;) ?'+name+'=([^;]*)(;|$)'); return v?decodeURIComponent(v[2]):null; }
2798      function _scOB(name,val,days){ var d=new Date(); d.setDate(d.getDate()+(days||1)); document.cookie=name+'='+encodeURIComponent(val)+';path=/;expires='+d.toUTCString()+';SameSite=Lax'; }
2799
2800      window.vbxShowOnboardingTeaser = function(source){
2801        var cfg = window.VBX_PIVOT_B || {};
2802        if(cfg.isLogged) return;
2803        if(sessionStorage.getItem('vbx_onboarding_teaser_shown')) return;
2804
2805        var modal = document.getElementById('vbx-onboarding-modal');
2806        if(!modal) return;
2807
2808        var srcField = document.getElementById('vbx-onboarding-source');
2809        if(srcField) srcField.value = source || '';
2810
2811        modal.style.display = 'flex';
2812        document.body.style.overflow = 'hidden';
2813        sessionStorage.setItem('vbx_onboarding_teaser_shown','1');
2814
2815        if(typeof gtag!=='undefined'){ try{ gtag('event','onboarding_teaser_shown',{source:source}); }catch(e){} }
2816      };
2817
2818      window.vbxCloseOnboardingTeaser = function(){
2819        var modal = document.getElementById('vbx-onboarding-modal');
2820        if(modal){ modal.style.display='none'; }
2821        document.body.style.overflow = '';
2822        _scOB('vbx_onboarding_later','1',30);
2823      };
2824
2825      window.vbxSubmitOnboarding = function(ev){
2826        ev.preventDefault();
2827        var btn = document.getElementById('vbx-ob-submit');
2828        var errEl = document.getElementById('vbx-ob-error');
2829        if(errEl){ errEl.style.display='none'; errEl.textContent=''; }
2830        if(btn){ btn.disabled=true; btn.textContent='Création en cours...'; }
2831
2832        /* Estimation XP guest */
2833        var aromaFavs=0;
2834        try{ aromaFavs=Object.keys(JSON.parse(localStorage.getItem('vbx_aroma_favs_v1')||'{}')).length; }catch(er){}
2835        var guestSaves=parseInt(_gcOB('vbx_saves_today')||'0');
2836        var guestXP=Math.min(aromaFavs*5+guestSaves*20, 200);
2837
2838        /* v1.3.0 — lire le radio wine_preference sélectionné */
2839        var wineRadio = document.querySelector('#vbx-onboarding-form input[name="wine_preference"]:checked');
2840        var winePref = wineRadio ? wineRadio.value : 'indecis';
2841
2842        var cfg = window.VBX_PIVOT_B || {};
2843        var fd = new FormData();
2844        fd.append('action','vbx_onboarding_register');
2845        fd.append('nonce', cfg.nonce||'');
2846        fd.append('email', (document.getElementById('vbx-ob-email')||{}).value||'');
2847        fd.append('pseudo', (document.getElementById('vbx-ob-pseudo')||{}).value||'');
2848        fd.append('password', (document.getElementById('vbx-ob-password')||{}).value||'');
2849        fd.append('guest_xp', guestXP);
2850        fd.append('onboarding_source', (document.getElementById('vbx-onboarding-source')||{}).value||'');
2851        fd.append('wine_preference', winePref); // v1.3.0 — valeur inline, jamais vide
2852        var _nl=document.getElementById('vbx-ob-newsletter'); fd.append('vbx_ob_newsletter', (_nl&&_nl.checked)?'1':'');
2853
2854        /* P0 (02/08/2026) — Option B : injecter le score quiz pending depuis sessionStorage.
2855         * quiz-engine.js stocke vbx_pending_quiz_score + vbx_pending_quiz_ts dans sessionStorage
2856         * quand un guest termine un quiz et voit le CTA. PHP credit_pending_quiz_score() crédite
2857         * les pts si inscription < 5 min. */
2858        try {
2859          var _qs = sessionStorage.getItem('vbx_pending_quiz_score');
2860          var _qt = sessionStorage.getItem('vbx_pending_quiz_ts');
2861          if (_qs) { fd.append('vbx_quiz_score_pending', _qs); fd.append('vbx_quiz_score_ts', _qt||''); }
2862        } catch(e) {}
2863
2864        fetch(cfg.ajaxurl||'/wp-admin/admin-ajax.php',{method:'POST',body:fd,credentials:'same-origin'})
2865          .then(function(r){ return r.json(); })
2866          .then(function(data){
2867            if(data.success){
2868              var formEl=document.getElementById('vbx-onboarding-form');
2869              var raffleMsg = data.data.raffle_entered ? '<p style="color:#d39c44;font-size:0.85em;margin:4px 0 12px;">🎁 Tu es inscrit(e) au tirage mensuel !</p>' : '';
2870              if(formEl){ formEl.innerHTML='<div style="text-align:center;padding:20px 0;"><div style="font-size:2.2em;margin-bottom:12px;">🎉</div><p style="font-weight:800;color:#27ae60;font-size:1.15em;margin:0 0 8px;">Bienvenue !</p>'+raffleMsg+'<p style="color:#555;font-size:0.92em;margin:0 0 12px;">+'+data.data.xp_total+' XP débloqués !</p></div>'; }
2871              /* GA4 v1.3.0 — signup + wine_preference_captured */
2872              var _src = (document.getElementById('vbx-onboarding-source')||{}).value||'';
2873              if(typeof gtag!=='undefined'){
2874                try{ gtag('event','signup_from_teaser',{signup_source:_src}); }catch(e){}
2875                try{ gtag('event','signup_account_created',{form_location:'badge_teaser_modal_v1.3.0',signup_source:_src,raffle_entered:!!(data.data.raffle_entered),wine_preference:winePref}); }catch(e){}
2876                try{ gtag('event','wine_preference_captured',{value:winePref,form_location:'badge_teaser_modal_v1.3.0'}); }catch(e){}
2877              }
2878              setTimeout(function(){ window.location.href=data.data.redirect||'/mon-compte/'; },2000);
2879            } else {
2880              if(errEl){ errEl.textContent=(data.data&&data.data.message)?data.data.message:'Une erreur est survenue. Réessaie.'; errEl.style.display='block'; }
2881              if(btn){ btn.disabled=false; btn.textContent='Créer mon compte'; }
2882            }
2883          })
2884          .catch(function(){
2885            if(errEl){ errEl.textContent='Erreur réseau. Vérifie ta connexion.'; errEl.style.display='block'; }
2886            if(btn){ btn.disabled=false; btn.textContent='Créer mon compte'; }
2887          });
2888      };
2889
2890      /* Fermer en cliquant l'overlay */
2891      document.addEventListener('click', function(e){
2892        var modal=document.getElementById('vbx-onboarding-modal');
2893        if(!modal || modal.style.display==='none') return;
2894        if(e.target===modal) vbxCloseOnboardingTeaser();
2895      });
2896
2897      /* Fermer au Escape */
2898      document.addEventListener('keydown', function(e){
2899        if(e.key==='Escape'){
2900          var modal=document.getElementById('vbx-onboarding-modal');
2901          if(modal && modal.style.display!=='none') vbxCloseOnboardingTeaser();
2902        }
2903      });
2904
2905      /* ── Auto-trigger modal ────────────────────────────────────────── */
2906      (function(){
2907        var _triggered = false;
2908
2909        /* Un bandeau de consentement ou l'age gate occupe-t-il l'ecran ? */
2910        function _consentOrGateOpen(){
2911          try {
2912            var sels = [
2913              '.fc-consent-root',            /* Google Funding Choices */
2914              '.fc-dialog-container',
2915              '#cmplz-cookiebanner-container',
2916              '.cmplz-cookiebanner',         /* Complianz */
2917              '#axeptio_overlay',
2918              '.axeptio_widget',             /* Axeptio */
2919              '#cookiescript_injected',
2920              '#onetrust-banner-sdk'
2921            ];
2922            for (var i=0;i<sels.length;i++){
2923              var el = document.querySelector(sels[i]);
2924              if (el && el.offsetParent !== null) { return true; }
2925            }
2926            var gate = document.getElementById('vbx-age-gate');
2927            if (gate && gate.style.display !== 'none' && gate.offsetParent !== null) { return true; }
2928          } catch(e){}
2929          return false;
2930        }
2931
2932        function _shouldShow(){
2933          var cfg = window.VBX_PIVOT_B || {};
2934          if(cfg.isLogged) return false;
2935          if(sessionStorage.getItem('vbx_onboarding_teaser_shown')) return false;
2936          if(_gcOB('vbx_onboarding_later')) return false;
2937          if(window.VBX_POPUP_LOCK) return false;
2938          /* Fix QA visuel 11/09 : ne jamais s'empiler sur le bandeau de consentement
2939             (CMP Google Funding Choices / Complianz / Axeptio) ni sur l'age gate.
2940             Constate le 11/09 sur 3 pages : teaser ouvert DERRIERE la fenetre CMP. */
2941          if(_consentOrGateOpen()) return false;
2942          /* Popup Governor (fix 19/07 v1.0.8) : onboarding teaser exempt du pv<2 gate  */
2943          /* (auto-trigger apres delai/scroll = contextualise, pas un popup froid).       */
2944          /* Conserve max 1/session + cooldown 120s cross-session.                        */
2945          if(window.vbxPromptGate) {
2946            try { if(sessionStorage.getItem('vbx_gov_shown')) return false; } catch(e){}
2947            try {
2948              var _govLast=parseInt(localStorage.getItem('vbx_gov_last_ts')||'0',10);
2949              if(Date.now()-_govLast<120000) return false;
2950            } catch(e){}
2951          }
2952          if(/\/mon-compte|checkout|onboarding/.test(window.location.pathname)) return false;
2953          return true;
2954        }
2955
2956        function _trigger(source){
2957          if(_triggered) return;
2958          if(!_shouldShow()) return;
2959          _triggered = true;
2960          if(window.vbxPromptGate) window.vbxPromptGate.markShown('onboarding');
2961          vbxShowOnboardingTeaser(source || 'auto_time');
2962        }
2963
2964        /* Trigger 1 : délai 8s, puis re-essais toutes les 3s pendant 60s
2965           tant que seul le bandeau de consentement bloque (fix 11/09). */
2966        setTimeout(function(){
2967          _trigger('auto_8s');
2968          if (_triggered) { return; }
2969          var _tries = 0;
2970          var _iv = setInterval(function(){
2971            _tries++;
2972            if (_triggered || _tries > 20) { clearInterval(_iv); return; }
2973            _trigger('auto_8s_retry');
2974            if (_triggered) { clearInterval(_iv); }
2975          }, 3000);
2976        }, 8000);
2977
2978        /* Trigger 2 : scroll 50% */
2979        function _onScroll(){
2980          var scrolled = window.scrollY || document.documentElement.scrollTop;
2981          var docH = document.documentElement.scrollHeight - window.innerHeight;
2982          if(docH > 0 && scrolled / docH >= 0.50){
2983            _trigger('auto_scroll50');
2984            window.removeEventListener('scroll', _onScroll);
2985          }
2986        }
2987        window.addEventListener('scroll', _onScroll, {passive: true});
2988      })();
2989      /* ── /Auto-trigger ─────────────────────────────────────────────── */
2990
2991    })();
2992    </script>
2992
2993        <div id="vinabox-search-overlay" class="vinabox-search-overlay" role="dialog" aria-modal="true" aria-labelledby="vinabox-search-title" hidden>
2994        <div class="vinabox-search-overlay__backdrop" data-vinabox-search-toggle="close" aria-hidden="true"></div>
2995        <div class="vinabox-search-overlay__panel">
2996            <button type="button" class="vinabox-search-overlay__close" aria-label="Fermer la recherche" data-vinabox-search-toggle="close">
2997                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
2998            </button>
2999            <h2 id="vinabox-search-title" class="vinabox-search-overlay__title">Que cherchez-vous ?</h2>
3000            <form role="search" method="get" class="vinabox-search-overlay__form" action="https://www.vinabox.fr/">
3001                <label for="vinabox-search-input" class="screen-reader-text">Rechercher sur Vinabox</label>
3002                <div class="vinabox-search-overlay__field">
3003                    <svg class="vinabox-search-overlay__field-icon" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
3004                    <input type="search" id="vinabox-search-input" name="s" placeholder="Cépage, région, accord mets-vin..." autocomplete="off" required>
3005                    <button type="submit" class="vinabox-search-overlay__submit">Rechercher</button>
3006                </div>
3007            </form>
3008            <p class="vinabox-search-overlay__hint">Essayez : <a href="https://www.vinabox.fr/?s=cabernet">cabernet</a>, <a href="https://www.vinabox.fr/?s=bordeaux">bordeaux</a>, <a href="https://www.vinabox.fr/?s=accords+fromage">accords fromage</a></p>
3009        </div>
3010    </div>
3011    	<!-- ╔══════════════════════════════════════════════════════════════╗ -->
3012	<!-- ║  VBX FUNNEL UNIFIÉ v1.0 — newsletter + compte + lead magnet  ║ -->
3013	<!-- ║  Affichage visiteur GATÉ par option vbx_funnel_unified_enabled ║ -->
3014	<!-- ╚══════════════════════════════════════════════════════════════╝ -->
3015	<div id="vbx-funnel-modal"
3016		style="display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1000000;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;"
3017		role="dialog" aria-modal="true" aria-labelledby="vbx-fn-title">
3018		<div style="background:#fff;border-radius:22px;max-width:440px;width:100%;position:relative;box-shadow:0 16px 56px rgba(0,0,0,.32);box-sizing:border-box;overflow:hidden;">
3019
3020			<!-- Bandeau hook -->
3021			<div style="background:linear-gradient(135deg,#61262A 0%,#7d2f35 100%);color:#fff;padding:26px 28px 22px;text-align:center;position:relative;">
3022				<button onclick="vbxFunnelClose()" aria-label="Fermer"
3023					style="position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.7em;cursor:pointer;color:rgba(255,255,255,.7);line-height:1;padding:0 4px;">&#215;</button>
3024				<div style="font-size:2.2em;line-height:1;margin-bottom:8px;" aria-hidden="true">🎁🍷</div>
3025				<h2 id="vbx-fn-title" style="font-size:1.28em;font-weight:800;margin:0 0 8px;font-family:inherit;color:#fff;line-height:1.3;">
3026					Reçois mes <em>10 pépites</em> de vins secs à&nbsp;&lt;&nbsp;20&nbsp;€
3027				</h2>
3028				<p style="font-size:.92em;line-height:1.6;margin:0;color:rgba(255,255,255,.92);">
3029					Le PDF offert + un <strong style="color:#d39c44;">cadeau à gagner chaque mois</strong> par tirage au sort.
3030				</p>
3031			</div>
3032
3033			<!-- Corps -->
3034			<div style="padding:24px 28px 28px;">
3035				<form id="vbx-funnel-form" onsubmit="vbxFunnelSubmit(event)" style="display:flex;flex-direction:column;gap:13px;">
3036
3037					<input id="vbx-fn-email" type="email" name="email" placeholder="Ton adresse email" required autocomplete="email"
3038						style="padding:12px 15px;border:2px solid #e8ddd8;border-radius:11px;font-size:.96em;width:100%;box-sizing:border-box;outline:none;"
3039						onfocus="this.style.borderColor='#61262A'" onblur="this.style.borderColor='#e8ddd8'">
3040
3041					<!-- Case (a) newsletter + PDF (cochée par défaut) -->
3042					<label style="display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:.9em;color:#444;line-height:1.45;">
3043						<input type="checkbox" id="vbx-fn-nl" name="want_newsletter" checked
3044							style="margin-top:2px;width:18px;height:18px;accent-color:#61262A;flex-shrink:0;cursor:pointer;">
3045						<span>Je reçois le <strong>PDF « 10 pépites »</strong> + la newsletter (1 mail/sem, désabo&nbsp;1&nbsp;clic) et je participe au <strong>tirage mensuel</strong>.</span>
3046					</label>
3047
3048					<!-- Case (b) créer un compte (décochée par défaut — révèle les champs) -->
3049					<label style="display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:.9em;color:#444;line-height:1.45;">
3050						<input type="checkbox" id="vbx-fn-acct" name="want_account" onchange="vbxFunnelToggleAccount(this.checked)"
3051							style="margin-top:2px;width:18px;height:18px;accent-color:#61262A;flex-shrink:0;cursor:pointer;">
3052						<span>Je crée mon <strong>compte gratuit</strong> et je récupère <strong style="color:#d39c44;">+50 XP de bienvenue</strong> (profil de dégustateur).</span>
3053					</label>
3054
3055					<!-- Champs compte (révélés si case b) -->
3056					<div id="vbx-fn-acct-fields" style="display:none;flex-direction:column;gap:11px;border-left:3px solid #d39c44;padding-left:12px;margin:2px 0;">
3057						<input id="vbx-fn-pseudo" type="text" name="pseudo" placeholder="Ton pseudo (ex: VinophileParis)" minlength="3" maxlength="30" autocomplete="username"
3058							style="padding:11px 14px;border:2px solid #e8ddd8;border-radius:10px;font-size:.92em;width:100%;box-sizing:border-box;outline:none;"
3059							onfocus="this.style.borderColor='#61262A'" onblur="this.style.borderColor='#e8ddd8'">
3060						<input id="vbx-fn-password" type="password" name="password" placeholder="Mot de passe (6 car. min.)" minlength="6" autocomplete="new-password"
3061							style="padding:11px 14px;border:2px solid #e8ddd8;border-radius:10px;font-size:.92em;width:100%;box-sizing:border-box;outline:none;"
3062							onfocus="this.style.borderColor='#61262A'" onblur="this.style.borderColor='#e8ddd8'">
3063				</div>
3064
3065				<!-- Wine preference radios (v1.3.0 fix) -->
3066				<div style="flex-direction:column;gap:9px;padding:0;">
3067					<p style="font-size:.88em;color:#555;margin:0 0 8px;font-weight:600;">🍷 Tes préférences de vin</p>
3068					<label style="display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9em;color:#444;">
3069						<input type="radio" name="wine_preference" value="rouge" checked
3070							style="width:16px;height:16px;accent-color:#61262A;cursor:pointer;">
3071						<span>Vin rouge</span>
3072					</label>
3073					<label style="display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9em;color:#444;">
3074						<input type="radio" name="wine_preference" value="blanc"
3075							style="width:16px;height:16px;accent-color:#61262A;cursor:pointer;">
3076						<span>Vin blanc</span>
3077					</label>
3078					<label style="display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9em;color:#444;">
3079						<input type="radio" name="wine_preference" value="rose"
3080							style="width:16px;height:16px;accent-color:#61262A;cursor:pointer;">
3081						<span>Vin rosé</span>
3082					</label>
3083					<label style="display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9em;color:#444;">
3084						<input type="radio" name="wine_preference" value="indecis"
3085							style="width:16px;height:16px;accent-color:#61262A;cursor:pointer;">
3086						<span>Je sais pas encore</span>
3087					</label>
3088				</div>
3089
3090				<p id="vbx-fn-error" style="color:#e74c3c;font-size:.85em;margin:0;display:none;text-align:center;"></p>
3091
3092					<button type="submit" id="vbx-fn-submit"
3093						style="background:#61262A;color:#fff;border:none;border-radius:12px;padding:14px;font-weight:800;font-size:1.02em;cursor:pointer;width:100%;margin-top:2px;">
3094						Je reçois mes 10 pépites 🍷
3095					</button>
3096					<button type="button" onclick="vbxFunnelClose()"
3097						style="background:none;border:none;color:#aaa;font-size:.85em;cursor:pointer;padding:4px;width:100%;">
3098						Non merci, plus tard
3099					</button>
3100				</form>
3101				<p style="font-size:.72em;color:#bbb;text-align:center;margin:14px 0 0;line-height:1.5;">
3102					Réservé aux +18 ans. En t'inscrivant tu acceptes notre
3103					<a href="/politique-de-confidentialite/" style="color:#aaa;">politique de confidentialité</a>.
3104				</p>
3105			</div>
3106		</div>
3107	</div>
3108
3109	
3109<script id="vbx-funnel-js">
3110	(function () {
3111		'use strict';
3112
3113		var CFG = {
3114			AUTOSHOW:      false,           /* gaté serveur : flag OU preview admin */
3115			DELAY:         6000,                                /* 6 s avant affichage */
3116			SS_SHOWN:      'vbx_funnel_shown_session',          /* 1×/session */
3117			LS_DONE:       'vbx_funnel_done_v1',                /* converti → ne plus jamais montrer */
3118			LS_LATER:      'vbx_funnel_later_v1',               /* "plus tard" → cooldown 14 j */
3119			LATER_DAYS:    14,
3120			PDF_URL:       '/wp-content/uploads/lead-magnet/10-pepites-vins-secs-moins-20e.pdf',
3121			ACCT_REDIRECT: 'https://www.vinabox.fr/mon-compte/'
3122		};
3123
3124		var pivot = window.VBX_PIVOT_B || {};
3125		if ( pivot.isLogged ) { return; }
3126
3127		function lsGet(k){ try{ return localStorage.getItem(k); }catch(e){ return null; } }
3128		function lsSet(k,v){ try{ localStorage.setItem(k,v); }catch(e){} }
3129		function ssGet(k){ try{ return sessionStorage.getItem(k); }catch(e){ return null; } }
3130		function ssSet(k,v){ try{ sessionStorage.setItem(k,v); }catch(e){} }
3131
3132		function ga4(ev,p){ try{ if(typeof window.gtag==='function'){ window.gtag('event',ev,p||{}); } }catch(e){} }
3133
3134		/* ─── ANTI-DOUBLON CENTRAL ────────────────────────────────────────────
3135		 * Empêche d'afficher ce pop-up en même temps que le pop-up natif Brevo (A).
3136		 * Le pop-up Brevo natif (form id 1, plugin mailin) pose en général un cookie
3137		 * `sib_popup_*` / `sc_*`. On expose aussi un verrou commun `window.VBX_POPUP_LOCK`
3138		 * pour que tout futur pop-up vérifie/pose ce verrou avant de s'afficher.
3139		 * --------------------------------------------------------------------- */
3140		function anotherPopupOpen() {
3141			if ( window.VBX_POPUP_LOCK ) { return true; }
3142			/* heuristique : un node Brevo popup visible dans le DOM */
3143			var sib = document.querySelector('.sib-form-modal, #sib-form, .entry__error, [id^="sib-container"]');
3144			if ( sib && sib.offsetParent !== null ) { return true; }
3145			/* cookies posés par le pop-up Brevo natif */
3146			if ( /(?:^|;)\s*(?:sib_|scq_|sib-)/.test(document.cookie) ) { return true; }
3147			return false;
3148		}
3149
3150		function laterCooldownActive() {
3151			var ts = parseInt( lsGet(CFG.LS_LATER) || '0', 10 );
3152			if ( !ts ) { return false; }
3153			return ( Date.now() - ts ) < CFG.LATER_DAYS * 86400000;
3154		}
3155
3156		var modal = document.getElementById('vbx-funnel-modal');
3157		var acctFields = document.getElementById('vbx-fn-acct-fields');
3158
3159		window.vbxFunnelToggleAccount = function (checked) {
3160			if ( !acctFields ) { return; }
3161			acctFields.style.display = checked ? 'flex' : 'none';
3162			var p  = document.getElementById('vbx-fn-pseudo');
3163			var pw = document.getElementById('vbx-fn-password');
3164			if ( p )  { p.required  = !!checked; }
3165			if ( pw ) { pw.required = !!checked; }
3166		};
3167
3168		window.vbxFunnelShow = function (force) {
3169			if ( !modal ) { return; }
3170			if ( !force ) {
3171				if ( !CFG.AUTOSHOW ) { return; }              /* GATE serveur */
3172				if ( lsGet(CFG.LS_DONE) ) { return; }          /* déjà converti */
3173				if ( ssGet(CFG.SS_SHOWN) ) { return; }         /* déjà vu cette session */
3174				if ( laterCooldownActive() ) { return; }       /* cooldown "plus tard" */
3175				if ( anotherPopupOpen() ) { return; }          /* anti-doublon Brevo natif */
3176				/* ne pas doubler avec les anciens teasers (ladder / pivot-b) */
3177				if ( ssGet('vbx_badge_teaser_v1_shown') ) { return; }
3178				if ( ssGet('vbx_onboarding_teaser_shown') ) { return; }
3179				/* Popup Governor : 1 popup business max / session, jamais sur la 1re page vue */
3180				if ( window.vbxPromptGate && ! window.vbxPromptGate.canShow() ) { return; }
3181			}
3182			if ( ! force && window.vbxPromptGate ) { window.vbxPromptGate.markShown('funnel'); }
3183			window.VBX_POPUP_LOCK = true;
3184			modal.style.display = 'flex';
3185			document.body.style.overflow = 'hidden';
3186			ssSet(CFG.SS_SHOWN, '1');
3187			ga4('funnel_popup_shown', {});
3188		};
3189
3190		window.vbxFunnelClose = function () {
3191			if ( modal ) { modal.style.display = 'none'; }
3192			document.body.style.overflow = '';
3193			window.VBX_POPUP_LOCK = false;
3194			lsSet(CFG.LS_LATER, String(Date.now()));
3195			ga4('funnel_popup_dismissed', {});
3196		};
3197
3198		window.vbxFunnelSubmit = function (ev) {
3199			ev.preventDefault();
3200			var btn   = document.getElementById('vbx-fn-submit');
3201			var errEl = document.getElementById('vbx-fn-error');
3202			var wantNl   = document.getElementById('vbx-fn-nl').checked;
3203			var wantAcct = document.getElementById('vbx-fn-acct').checked;
3204			if ( errEl ) { errEl.style.display='none'; errEl.textContent=''; }
3205
3206			if ( !wantNl && !wantAcct ) {
3207				if ( errEl ) { errEl.textContent='Coche au moins une option.'; errEl.style.display='block'; }
3208				return;
3209			}
3210			if ( btn ) { btn.disabled=true; btn.textContent='En cours…'; }
3211
3212			/* Estimation XP guest (arômes + calculs) — même logique que pivot-b */
3213			var aromaFavs = 0;
3214			try { aromaFavs = Object.keys(JSON.parse(localStorage.getItem('vbx_aroma_favs_v1')||'{}')).length; } catch(e){}
3215			function gc(n){ var v=document.cookie.match('(^|;) ?'+n+'=([^;]*)(;|$)'); return v?decodeURIComponent(v[2]):null; }
3216			var guestSaves = parseInt(gc('vbx_saves_today')||'0', 10);
3217			var guestXP = Math.min(aromaFavs*5 + guestSaves*20, 200);
3218
3219			var cfg = window.VBX_PIVOT_B || {};
3220			var fd = new FormData();
3221			fd.append('action','vbx_funnel_submit');
3222			fd.append('nonce', cfg.nonce||'');
3223			fd.append('email', (document.getElementById('vbx-fn-email')||{}).value||'');
3224			fd.append('want_newsletter', wantNl ? '1' : '');
3225			fd.append('want_account',    wantAcct ? '1' : '');
3226			fd.append('pseudo',   (document.getElementById('vbx-fn-pseudo')||{}).value||'');
3227			fd.append('password', (document.getElementById('vbx-fn-password')||{}).value||'');
3228			fd.append('guest_xp', guestXP);
3229			fd.append('source', 'popup-unified');
3230			fd.append('wine_preference', (document.querySelector('input[name="wine_preference"]:checked')||{}).value||'indecis');
3231
3232			fetch(cfg.ajaxurl||'/wp-admin/admin-ajax.php', { method:'POST', body:fd, credentials:'same-origin' })
3233				.then(function(r){ return r.json(); })
3234				.then(function(resp){
3235					if ( !resp || !resp.success ) {
3236						var m = (resp && resp.data && resp.data.message) ? resp.data.message : 'Une erreur est survenue. Réessaie.';
3237						if ( errEl ) { errEl.textContent=m; errEl.style.display='block'; }
3238						if ( btn ) { btn.disabled=false; btn.textContent='Je reçois mes 10 pépites 🍷'; }
3239						return;
3240					}
3241					var d = resp.data || {};
3242					lsSet(CFG.LS_DONE, '1');
3243					ga4('funnel_conversion', { newsletter: wantNl?1:0, account: wantAcct?1:0 });
3244
3245					/* Construire l'écran de succès */
3246					var html = '<div style="text-align:center;padding:8px 0;">';
3247					html += '<div style="font-size:2.4em;margin-bottom:10px;">🎉</div>';
3248					html += '<p style="font-weight:800;color:#27ae60;font-size:1.15em;margin:0 0 12px;">C\'est tout bon&nbsp;!</p>';
3249
3250					var nlState = d.newsletter;
3251					if ( wantNl && nlState ) {
3252						if ( nlState.doi && nlState.ok ) {
3253							html += '<p style="color:#555;font-size:.92em;margin:0 0 10px;line-height:1.6;">📩 Vérifie ta boîte mail (et les spams) pour <strong>confirmer</strong> ton inscription — ton PDF t\'attend juste après&nbsp;!</p>';
3254						} else if ( nlState.ok || nlState.already ) {
3255							html += '<p style="color:#555;font-size:.92em;margin:0 0 10px;line-height:1.6;">Tu es inscrit(e) à la newsletter&nbsp;! Voici ton cadeau&nbsp;:</p>';
3256							html += '<a href="'+CFG.PDF_URL+'" target="_blank" rel="noopener" style="display:inline-block;background:#d39c44;color:#fff;border-radius:10px;padding:11px 18px;font-weight:800;text-decoration:none;margin:4px 0 12px;">📄 Télécharger mes 10 pépites</a>';
3257						} else {
3258							html += '<p style="color:#e67e22;font-size:.88em;margin:0 0 10px;">'+(nlState.message||'Newsletter : réessaie plus tard.')+'</p>';
3259						}
3260					}
3261
3262					var acct = d.account;
3263					if ( wantAcct && acct && acct.ok ) {
3264						html += '<p style="color:#d39c44;font-weight:700;font-size:.92em;margin:0 0 8px;">✨ Compte créé · +'+(acct.xp_total||50)+' XP débloqués&nbsp;!</p>';
3265						html += '<p style="color:#bbb;font-size:.8em;">Redirection vers ton profil…</p>';
3266						setTimeout(function(){ window.location.href = acct.redirect || CFG.ACCT_REDIRECT; }, 2600);
3267					} else if ( wantAcct && acct && !acct.ok ) {
3268						html += '<p style="color:#e67e22;font-size:.85em;margin:0;">Compte&nbsp;: '+(acct.message||'non créé')+'</p>';
3269					}
3270
3271					html += '</div>';
3272					var formEl = document.getElementById('vbx-funnel-form');
3273					if ( formEl ) { formEl.innerHTML = html; }
3274				})
3275				.catch(function(){
3276					if ( errEl ) { errEl.textContent='Erreur réseau. Vérifie ta connexion.'; errEl.style.display='block'; }
3277					if ( btn ) { btn.disabled=false; btn.textContent='Je reçois mes 10 pépites 🍷'; }
3278				});
3279		};
3280
3281		/* Fermer overlay au clic extérieur + Escape */
3282		document.addEventListener('click', function(e){
3283			if ( modal && modal.style.display!=='none' && e.target===modal ) { vbxFunnelClose(); }
3284		});
3285		document.addEventListener('keydown', function(e){
3286			if ( e.key==='Escape' && modal && modal.style.display!=='none' ) { vbxFunnelClose(); }
3287		});
3288
3289		/* ─── AUTO-DÉCLENCHEUR (gaté) ──────────────────────────────────────── */
3290		if ( CFG.AUTOSHOW ) {
3291			setTimeout(function(){ vbxFunnelShow(false); }, CFG.DELAY);
3292		}
3293		/* Sans le flag, vbxFunnelShow(true) reste appelable manuellement (boutons CTA). */
3294	}());
3295	</script>
3295
3296		<style>
3297	.vbx-votes{display:flex;align-items:center;gap:6px;margin:14px 0 0;}
3298	.vbx-vote{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid #e3ded6;border-radius:6px;background:#fff;color:#9a9088;cursor:pointer;transition:all .15s ease;}
3299	.vbx-vote:hover{border-color:#61262A;color:#61262A;}
3300	.vbx-vote-up.is-active{background:#61262A;border-color:#61262A;color:#fff;}
3301	.vbx-vote-down.is-active{background:#8a8a8a;border-color:#8a8a8a;color:#fff;}
3302	.vbx-vote[disabled]{opacity:.5;cursor:default;}
3303	.vbx-score{min-width:22px;text-align:center;font-weight:700;font-size:.95em;color:#4a4038;font-family:inherit;}
3304	</style>
3305	
3305<script>
3306	(function(){
3307		var root = document.querySelector('.comments-area') || document;
3308		root.addEventListener('click', function(e){
3309			var btn = e.target.closest('.vbx-vote');
3310			if(!btn) return;
3311			var box = btn.closest('.vbx-votes');
3312			if(!box) return;
3313
3314			box.querySelectorAll('.vbx-vote').forEach(function(b){ b.disabled = true; });
3315
3316			fetch('https://www.vinabox.fr/wp-json/vinabox/v1/comment-vote', {
3317				method: 'POST',
3318				headers: {
3319					'Content-Type': 'application/json',
3320					'X-WP-Nonce': '42ac9445cb'
3321				},
3322				credentials: 'same-origin',
3323				body: JSON.stringify({
3324					comment_id: parseInt(box.dataset.comment, 10),
3325					value: parseInt(btn.dataset.value, 10)
3326				})
3327			})
3328			.then(function(r){ return r.json(); })
3329			.then(function(d){
3330				if(typeof d.score === 'undefined') return;
3331				box.querySelector('.vbx-score').textContent = d.score;
3332				box.querySelector('.vbx-vote-up').classList.toggle('is-active', d.mine === 1);
3333				box.querySelector('.vbx-vote-down').classList.toggle('is-active', d.mine === -1);
3334			})
3335			.catch(function(){})
3336			.finally(function(){
3337				box.querySelectorAll('.vbx-vote').forEach(function(b){ b.disabled = false; });
3338			});
3339		});
3340	})();
3341	</script>
3341
3342	<style id="vbx-newsletter-modal-css">
3343/* CTA newsletter badge teaser + modal — D2 (02/08/2026) fix-r1-css-global (05/08/2026) */
3344/* Ces styles sont injectés inline car quiz-dashboard.css est conditionnel (quiz/account uniquement) */
3345.vbx-badge-teaser-newsletter { margin-top: 10px; text-align: center; }
3346.vbx-badge-teaser-newsletter__sep { color: #999; font-size: 0.8rem; display: block; margin-bottom: 6px; }
3347.vbx-badge-teaser-newsletter__btn {
3348    background: none; border: 1px solid #c8860a; color: #c8860a;
3349    border-radius: 6px; padding: 8px 16px; font-size: 0.85rem; cursor: pointer;
3350    min-height: 44px;
3351}
3352.vbx-badge-teaser-newsletter__btn:hover { background: #fff8ec; }
3353/* A3 (10/08/2026) — CTA quiz badge teaser (brief quiz-exposition-10-08) */
3354.vbx-badge-teaser-quiz { margin-top: 8px; text-align: center; }
3355.vbx-badge-teaser-quiz__btn {
3356    display: inline-block; border: 1.5px solid #61262A; color: #fff;
3357    border-radius: 6px; padding: 8px 20px; font-size: 0.82rem; cursor: pointer;
3358    text-decoration: none; background: #61262A; min-height: 44px; line-height: 28px;
3359    box-sizing: border-box; font-weight: 600;
3360}
3361.vbx-badge-teaser-quiz__btn:hover { background: #4e1e21; border-color: #4e1e21; color: #fff; }
3362.vbx-newsletter-modal {
3363    position: fixed; inset: 0; z-index: 9999;
3364    display: flex; align-items: center; justify-content: center;
3365}
3366.vbx-newsletter-modal__overlay {
3367    position: absolute; inset: 0; background: rgba(0,0,0,0.5);
3368}
3369.vbx-newsletter-modal__box {
3370    position: relative; background: #fff; border-radius: 12px;
3371    padding: 28px; max-width: 380px; width: 90%; z-index: 1;
3372}
3373.vbx-newsletter-modal__close {
3374    position: absolute; top: 12px; right: 16px;
3375    background: none; border: none; font-size: 1.2rem; cursor: pointer; color: #666;
3376}
3377.vbx-newsletter-modal__title { font-size: 1.1rem; font-weight: 700; margin-bottom: 6px; }
3378.vbx-newsletter-modal__sub   { font-size: 0.9rem; color: #555; margin-bottom: 14px; }
3379.vbx-newsletter-modal__input {
3380    width: 100%; padding: 10px 12px; border: 1px solid #ccc;
3381    border-radius: 6px; font-size: 0.95rem; margin-bottom: 10px; box-sizing: border-box;
3382    min-height: 44px;
3383}
3384.vbx-newsletter-modal__rgpd {
3385    font-size: 0.8rem; color: #666;
3386    display: flex; gap: 8px; align-items: flex-start; margin-bottom: 14px;
3387}
3388.vbx-newsletter-modal__submit {
3389    width: 100%; background: #c8860a; color: #fff; border: none;
3390    border-radius: 8px; padding: 12px; font-size: 1rem; font-weight: 600;
3391    cursor: pointer; min-height: 44px;
3392}
3393.vbx-newsletter-modal__submit:hover { background: #a06f08; }
3394.vbx-newsletter-modal__confirm { color: #2e7d32; font-weight: 600; text-align: center; padding: 16px 0; }
3395</style>
3396	<!-- ╔═══════════════════════════════════════════════════════╗ -->
3397	<!-- ║  VBX GAMIFICATION LADDER v1.0 — badge + teaser + bar ║ -->
3398	<!-- ╚═══════════════════════════════════════════════════════╝ -->
3399
3400	<!-- ① Toast badge "Explorateur" (bottom-left, auto-hide 6s) -->
3401	<div id="vbx-badge-toast"
3402		style="display:none;position:fixed;bottom:24px;left:20px;z-index:99998;background:#fff;border-radius:16px;padding:14px 18px;box-shadow:0 4px 24px rgba(0,0,0,.18);border-left:5px solid #d39c44;max-width:270px;font-family:inherit;cursor:default;"
3403		role="alert" aria-live="polite">
3404		<div style="display:flex;align-items:center;gap:12px;">
3405			<span style="font-size:2em;line-height:1;" aria-hidden="true">🏅</span>
3406			<div>
3407				<p style="margin:0;font-weight:800;color:#61262A;font-size:.95em;line-height:1.3;">Badge débloqué !</p>
3408				<p style="margin:4px 0 0;color:#666;font-size:.82em;line-height:1.45;">Explorateur du Vin<br>
3409				<span style="color:#d39c44;font-weight:700;">+50 XP si tu crées un compte</span></p>
3410			</div>
3411		</div>
3412	</div>
3413
3414	<!-- ② Modal teaser simplifié → CTA ouvre le form inline d'inscription (pivot-B). Fallback /mon-compte/. -->
3415	<div id="vbx-badge-teaser"
3416		style="display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.55);z-index:99999;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;"
3417		role="dialog" aria-modal="true" aria-labelledby="vbx-bt-title">
3418		<div style="background:#fff;border-radius:20px;padding:32px 28px;max-width:380px;width:100%;text-align:center;position:relative;box-shadow:0 12px 48px rgba(0,0,0,.28);box-sizing:border-box;">
3419			<button onclick="vbxCloseBadgeTeaser()" aria-label="Fermer"
3420				style="position:absolute;top:14px;right:18px;background:none;border:none;font-size:1.6em;cursor:pointer;color:#bbb;line-height:1;padding:0 4px;">&#215;</button>
3421			<div style="font-size:3em;margin-bottom:12px;" aria-hidden="true">🏅</div>
3422			<h2 id="vbx-bt-title" style="font-size:1.2em;font-weight:800;color:#61262A;margin:0 0 10px;font-family:inherit;">
3423				Tu as débloqué le badge<br><em>Explorateur du Vin</em> !
3424			</h2>
3425			<p style="font-size:.9em;color:#555;line-height:1.65;margin:0 0 16px;">
3426				Crée ton compte gratuit pour sauvegarder ta progression<br>et débloquer ton profil de dégustateur.
3427			</p>
3428			<p style="font-size:.85em;color:#d39c44;font-weight:700;margin:0 0 22px;">✨ +50 XP de bienvenue offerts !</p>
3429			<a href="https://www.vinabox.fr/mon-compte/" onclick="return vbxBadgeTeaserCTA(this, event);"
3430				style="display:block;background:#61262A;color:#fff;border-radius:12px;padding:14px;font-weight:800;font-size:1em;text-decoration:none;margin-bottom:10px;box-sizing:border-box;">
3431				Créer mon compte gratuit
3432			</a>
3433			<!-- D2 (02/08/2026) — CTA secondaire newsletter -->
3434			<div class="vbx-badge-teaser-newsletter">
3435				<span class="vbx-badge-teaser-newsletter__sep">— ou —</span>
3436				<button class="vbx-badge-teaser-newsletter__btn" onclick="vbxOpenNewsletterModal(); return false;">
3437					Recevoir nos sélections par email
3438				</button>
3439			</div>
3440			<!-- A3 (10/08/2026) — CTA quiz (brief quiz-exposition-10-08 · action 3) -->
3441			<div class="vbx-badge-teaser-quiz">
3442				<a href="https://www.vinabox.fr/guide-vin/conserver-vin-maison/"
3443				   class="vbx-badge-teaser-quiz__btn"
3444				   onclick="return vbxBadgeQuizCTA(this, event);">Jouer un quiz</a>
3445			</div>
3446			<button onclick="vbxCloseBadgeTeaser()"
3447				style="background:none;border:none;color:#aaa;font-size:.85em;cursor:pointer;padding:6px;width:100%;">
3448				Plus tard
3449			</button>
3450		</div>
3451	</div>
3452
3453	<!-- ④ Modal newsletter — D2 (02/08/2026) -->
3454	<div id="vbx-newsletter-modal" style="display:none;" class="vbx-newsletter-modal">
3455		<div class="vbx-newsletter-modal__overlay" onclick="vbxCloseNewsletterModal()"></div>
3456		<div class="vbx-newsletter-modal__box">
3457			<button class="vbx-newsletter-modal__close" onclick="vbxCloseNewsletterModal()" aria-label="Fermer">✕</button>
3458			<p class="vbx-newsletter-modal__title">🍷 Nos sélections dans ta boîte</p>
3459			<p class="vbx-newsletter-modal__sub">Reçois nos recommandations vin, accords mets-vins et quiz exclusifs.</p>
3460			<form id="vbx-newsletter-form" onsubmit="vbxSubmitNewsletter(event)">
3461				<input type="email" name="email" placeholder="[email protected]" required class="vbx-newsletter-modal__input">
3462				<label class="vbx-newsletter-modal__rgpd">
3463					<input type="checkbox" required>
3464					J'accepte de recevoir les sélections Vinabox (désinscription facile)
3465				</label>
3466				<button type="submit" class="vbx-newsletter-modal__submit">M'abonner gratuitement</button>
3467			</form>
3468			<div id="vbx-newsletter-confirm" style="display:none;" class="vbx-newsletter-modal__confirm">
3469				✅ Tu es inscrit(e) ! Première sélection à venir.
3470			</div>
3471		</div>
3472	</div>
3473
3474	<!-- ③ Barre XP quiz guests (bottom, visible si xp_pending > 0) -->
3475	<div id="vbx-xp-bar"
3476		style="display:none;position:fixed;bottom:0;left:0;right:0;z-index:9997;background:#61262A;color:#fff;padding:10px 16px;font-size:.85em;align-items:center;justify-content:space-between;box-sizing:border-box;gap:8px;"
3477		role="status" aria-live="polite">
3478		<span id="vbx-xpb-label" style="flex:1;min-width:0;">🍷 <strong>0 XP</strong> gagnés — sauvegarde ta progression</span>
3479		<a href="https://www.vinabox.fr/mon-compte/" onclick="return vbxXPBarCTA(event);"
3480			style="color:#d39c44;font-weight:700;text-decoration:none;white-space:nowrap;flex-shrink:0;">
3481			Créer mon compte →
3482		</a>
3483		<button onclick="vbxCloseXPBar();"
3484			aria-label="Fermer la barre XP"
3485			style="background:none;border:none;color:rgba(255,255,255,.5);font-size:1.3em;cursor:pointer;padding:0 0 0 10px;line-height:1;flex-shrink:0;">×</button>
3486	</div>
3487
3488	
3488<script id="vbx-ladder-js">
3489	(function () {
3490		'use strict';
3491
3492		/* ─── Config ───────────────────────────────────────────────── */
3493		var CFG = {
3494			BADGE_LS_KEY:   'vbx_badge_explorateur_v1',   // localStorage
3495			TEASER_SS_KEY:  'vbx_badge_teaser_v1_shown',  // sessionStorage (1x/session)
3496			QUIZ_XP_LS_KEY: 'vinabox_guest_xp_pending',   // écrit par quiz-engine.js
3497			BADGE_DELAY:    60000,  // 1 min
3498			TEASER_DELAY:   10000,  // 10s après badge
3499			BADGE_RESHOW_DAYS: 30,  // re-show teaser après 30 j
3500		};
3501
3502		/* Ne tourne pas pour les users connectés */
3503		var pivot = window.VBX_PIVOT_B || {};
3504		if ( pivot.isLogged ) { return; }
3505
3506		/* ─── Helpers LS / SS (safe) ───────────────────────────────── */
3507		function lsGet(k)    { try { return localStorage.getItem(k); }    catch(e) { return null; } }
3508		function lsSet(k, v) { try { localStorage.setItem(k, v); }        catch(e) {} }
3509		function ssGet(k)    { try { return sessionStorage.getItem(k); }  catch(e) { return null; } }
3510		function ssSet(k, v) { try { sessionStorage.setItem(k, v); }      catch(e) {} }
3511		function ssRm(k)     { try { sessionStorage.removeItem(k); }      catch(e) {} }
3512
3513		/* ─── GA4 (fix v1.0.2) ───────────────────────────────────────────────────── */
3514		/* Le snippet gtag.js est injecte par vbx_gamification_inject_gtag_snippet()  */
3515		/* dans wp_head (priority 1) => window.gtag est toujours disponible.         */
3516		function ga4(event, params) {
3517			try {
3518				if ( typeof window.gtag === 'function' ) {
3519					window.gtag('event', event, params || {});
3520				} else if ( window.dataLayer && typeof window.dataLayer.push === 'function' ) {
3521					var payload = { event: event };
3522					if ( params ) {
3523						var keys = Object.keys(params);
3524						for (var i = 0; i < keys.length; i++) { payload[keys[i]] = params[keys[i]]; }
3525					}
3526					window.dataLayer.push(payload);
3527				}
3528			} catch(e) {}
3529		}
3530
3531		/* ─── Badge Explorateur ────────────────────────────────────── */
3532		function hasBadge() {
3533			return !! lsGet( CFG.BADGE_LS_KEY );
3534		}
3535
3536		function showBadgeToast() {
3537			var toast = document.getElementById('vbx-badge-toast');
3538			if ( ! toast ) { return; }
3539			toast.style.display = 'block';
3540			toast.style.opacity = '1';
3541			/* Auto-hide après 6s */
3542			setTimeout(function () {
3543				toast.style.transition = 'opacity .5s ease';
3544				toast.style.opacity    = '0';
3545				setTimeout(function () {
3546					toast.style.display = 'none';
3547					toast.style.opacity = '1';
3548				}, 520);
3549			}, 6000);
3550		}
3551
3552		function unlockBadge() {
3553			if ( hasBadge() ) {
3554				/* Déjà débloqué → vérifier si teaser à re-montrer */
3555				var ts        = parseInt( lsGet( CFG.BADGE_LS_KEY ) || '0', 10 );
3556				var daysSince = ( Date.now() - ts ) / 86400000;
3557				if ( daysSince > CFG.BADGE_RESHOW_DAYS ) {
3558					/* Retour après 30j → reset session flag pour re-montrer teaser */
3559					ssRm( CFG.TEASER_SS_KEY );
3560				}
3561				scheduleTeaser();
3562				return;
3563			}
3564
3565			/* Premier unlock */
3566			lsSet( CFG.BADGE_LS_KEY, String( Date.now() ) );
3567			showBadgeToast();
3568			ga4( 'badge_unlocked', { badge_name: 'explorateur', trigger: 'time_on_site_60s', is_guest: true } );
3569			scheduleTeaser();
3570		}
3571
3572		/* ─── Teaser modal ─────────────────────────────────────────── */
3573		function scheduleTeaser() {
3574			// Desactive a la demande de Jeremy le 15/09/2026 : aucun pop-up badge automatique.
3575		}
3576
3577		function maybeShowTeaser() {
3578			// Le pop-up Explorateur du Vin reste desactive, y compris pour les anciens visiteurs.
3579		}
3580
3581		window.vbxCloseBadgeTeaser = function () {
3582			var modal = document.getElementById('vbx-badge-teaser');
3583			if ( modal ) { modal.style.display = 'none'; }
3584			document.body.style.overflow = '';
3585			ga4( 'badge_teaser_dismissed', { badge_name: 'explorateur', is_guest: true } );
3586		};
3587
3588		window.vbxBadgeTeaserCTA = function ( el, ev ) {
3589			/* Hotfix v1.1.0 (26/07) : double tracking badge_cta_click — root cause = event perdu
3590			 * sur navigation (return true fallback) car transport_type comme param event n'active
3591			 * pas le beacon réel. Fix : beacon configu au niveau gtag config (wp_head) + canal MP
3592			 * direct via navigator.sendBeacon (bypass total gtag/GTM/Complianz, garanti pré-nav). */
3593
3594			/* Canal 1 : gtag standard (beacon configuré au config level) */
3595			try {
3596				if ( typeof window.gtag === 'function' ) {
3597					window.gtag('event', 'badge_cta_click', {
3598						badge_name: 'explorateur',
3599						is_guest: true
3600					});
3601				} else {
3602					ga4( 'badge_cta_click', { badge_name: 'explorateur', is_guest: true } );
3603				}
3604			} catch(e) {}
3605
3606			/* Canal 2 : Measurement Protocol direct via sendBeacon (garantit réception même nav) */
3607			try {
3608				if ( navigator.sendBeacon ) {
3609					var _gaCk = document.cookie.match(/_ga=GA\d+\.\d+\.([\d.]+)/);
3610					var _cid  = _gaCk ? _gaCk[1] : (Math.random().toString(36).substr(2,9) + '.' + Date.now());
3611					navigator.sendBeacon(
3612						'https://www.google-analytics.com/mp/collect?measurement_id=G-V9RNS5NBTS&api_secret=5RENd_uPQDiQxttr0LIY2Q',
3613						JSON.stringify({
3614							client_id: _cid,
3615							events: [{ name: 'badge_cta_click', params: { badge_name: 'explorateur', is_guest: 1, source: 'mp_beacon' } }]
3616						})
3617					);
3618				}
3619			} catch(e) {}
3620
3621			/* Fix v1.0.3 (R1) : ouvrir le formulaire inline d'inscription (pivot-B)   */
3622			/* au lieu d'envoyer sur /mon-compte/ nu (0 conversion / 104 exposés J+5). */
3623			var ob = document.getElementById('vbx-onboarding-modal');
3624			if ( typeof window.vbxShowOnboardingTeaser === 'function' && ob ) {
3625				var bt = document.getElementById('vbx-badge-teaser');
3626				if ( bt ) { bt.style.display = 'none'; }
3627				/* Fix v1.0.4 : reset la clé sessionStorage pour permettre à vbxShowOnboardingTeaser
3628				 * de s'exécuter même si pivot-b l'a déjà posée (auto_8s). Sans ce reset,
3629				 * vbxShowOnboardingTeaser retourne immédiatement et ob.style.display reste 'none'. */
3630				try { sessionStorage.removeItem('vbx_onboarding_teaser_shown'); } catch(e) {}
3631				window.vbxShowOnboardingTeaser('badge_explorateur');
3632				if ( ob.style.display === 'flex' ) {
3633					/* Step 2 funnel : modal effectivement ouvert */
3634					ga4( 'badge_cta_modal_open', { badge_name: 'explorateur', is_guest: true } );
3635					if ( ev && ev.preventDefault ) { ev.preventDefault(); }
3636					return false;
3637				}
3638			}
3639			/* Fallback : navigation normale vers /mon-compte/ — badge_cta_click déjà émis en beacon */
3640			return true;
3641		};
3642
3643		/* Fermer l'overlay en cliquant en dehors */
3644		document.addEventListener('click', function (e) {
3645			var modal = document.getElementById('vbx-badge-teaser');
3646			if ( modal && modal.style.display !== 'none' && e.target === modal ) {
3647				vbxCloseBadgeTeaser();
3648			}
3649		});
3650
3651		document.addEventListener('keydown', function (e) {
3652			if ( e.key === 'Escape' ) {
3653				var modal = document.getElementById('vbx-badge-teaser');
3654				if ( modal && modal.style.display !== 'none' ) {
3655					vbxCloseBadgeTeaser();
3656				}
3657			}
3658		});
3659
3660		/* ─── Barre XP quiz ────────────────────────────────────────── */
3661		/* 22/08/2026 : la fermeture est memorisee 30 jours (avant, la barre
3662		   revenait a chaque page vue, ce qui la rendait insupportable). */
3663		var XPBAR_DISMISS_KEY  = 'vbx_xpbar_dismissed_until';
3664		var XPBAR_DISMISS_DAYS = 30;
3665
3666		window.vbxCloseXPBar = function () {
3667			var bar = document.getElementById('vbx-xp-bar');
3668			if ( bar ) { bar.style.display = 'none'; }
3669			lsSet( XPBAR_DISMISS_KEY, String( Date.now() + XPBAR_DISMISS_DAYS * 86400000 ) );
3670			ga4( 'xp_bar_dismissed', { is_guest: true } );
3671		};
3672
3673		function initXPBar() {
3674			var until = parseInt( lsGet( XPBAR_DISMISS_KEY ) || '0', 10 );
3675			if ( until && Date.now() < until ) { return; }
3676
3677			var raw = lsGet( CFG.QUIZ_XP_LS_KEY );
3678			if ( ! raw ) { return; }
3679
3680			var xpPending = 0;
3681			try {
3682				var data = JSON.parse( raw );
3683				xpPending = parseInt( data.xp_pending || 0, 10 );
3684			} catch(e) { return; }
3685
3686			if ( xpPending <= 0 ) { return; }
3687
3688			var bar   = document.getElementById('vbx-xp-bar');
3689			var label = document.getElementById('vbx-xpb-label');
3690			if ( ! bar ) { return; }
3691
3692			if ( label ) {
3693				label.innerHTML = '🍷 <strong>' + xpPending + ' XP</strong> gagnés — sauvegarde ta progression';
3694			}
3695			bar.style.display = 'flex';
3696			ga4( 'xp_bar_shown', { xp_pending: xpPending, is_guest: true } );
3697		}
3698
3699		window.vbxXPBarCTA = function ( ev ) {
3700			var raw = lsGet( CFG.QUIZ_XP_LS_KEY );
3701			var xp  = 0;
3702			try { xp = JSON.parse( raw || '{}' ).xp_pending || 0; } catch(e) {}
3703			/* Fix v1.0.3 (R1) : ouvrir le form inline d'inscription au lieu de /mon-compte/ nu */
3704			var ob = document.getElementById('vbx-onboarding-modal');
3705			if ( typeof window.vbxShowOnboardingTeaser === 'function' && ob ) {
3706				window.vbxShowOnboardingTeaser('xp_bar');
3707				if ( ob.style.display === 'flex' ) {
3708					ga4( 'xp_bar_cta_click', { xp_pending: xp, destination: 'inline_onboarding', is_guest: true } );
3709					if ( ev && ev.preventDefault ) { ev.preventDefault(); }
3710					return false;
3711				}
3712			}
3713			ga4( 'xp_bar_cta_click', { xp_pending: xp, is_guest: true } );
3714			return true;
3715		};
3716
3717		/* ─── Init ─────────────────────────────────────────────────── */
3718		if ( hasBadge() ) {
3719			/* Badge déjà obtenu : check re-show teaser */
3720			var ts2       = parseInt( lsGet( CFG.BADGE_LS_KEY ) || '0', 10 );
3721			var days2     = ( Date.now() - ts2 ) / 86400000;
3722			if ( days2 > CFG.BADGE_RESHOW_DAYS ) {
3723				ssRm( CFG.TEASER_SS_KEY );
3724			}
3725			scheduleTeaser();
3726		} else {
3727			/* Lancer le timer badge (60s) */
3728			setTimeout( unlockBadge, CFG.BADGE_DELAY );
3729		}
3730
3731		/* XP bar au chargement du DOM */
3732		if ( document.readyState !== 'loading' ) {
3733			initXPBar();
3734		} else {
3735			document.addEventListener('DOMContentLoaded', initXPBar);
3736		}
3737
3738		/* ─── A3 (10/08/2026) : Quiz CTA badge teaser ─────────────── */
3739		window.vbxBadgeQuizCTA = function ( el, ev ) {
3740			/* Canal 1 : gtag standard (beacon configuré au config level) */
3741			try {
3742				if ( typeof window.gtag === 'function' ) {
3743					window.gtag('event', 'badge_quiz_cta_clicked', { quiz_name: 'conservation-vin', source: 'badge_teaser' });
3744				}
3745			} catch(e) {}
3746
3747			/* Canal 2 : Measurement Protocol direct via sendBeacon (garantit réception même nav)
3748			 * Fix v1.1.1 (19/08/2026) : même root cause que badge_cta_click (v1.1.0 26/07) —
3749			 * event perdu sur navigation car gtag seul sans beacon ne survit pas au unload.
3750			 * vbxBadgeTeaserCTA avait déjà ce fix ; pas propagé au quiz CTA ajouté le 10/08. */
3751			try {
3752				if ( navigator.sendBeacon ) {
3753					var _gaCk = document.cookie.match(/_ga=GA\d+\.\d+\.([\d.]+)/);
3754					var _cid  = _gaCk ? _gaCk[1] : (Math.random().toString(36).substr(2,9) + '.' + Date.now());
3755					navigator.sendBeacon(
3756						'https://www.google-analytics.com/mp/collect?measurement_id=G-V9RNS5NBTS&api_secret=5RENd_uPQDiQxttr0LIY2Q',
3757						JSON.stringify({
3758							client_id: _cid,
3759							events: [{ name: 'badge_quiz_cta_clicked', params: { quiz_name: 'conservation-vin', source: 'badge_teaser_beacon' } }]
3760						})
3761					);
3762				}
3763			} catch(e) {}
3764
3765			/* Fermer le teaser avant navigation */
3766			var bt = document.getElementById('vbx-badge-teaser');
3767			if (bt) { bt.style.display = 'none'; }
3768			return true;
3769		};
3770
3771		/* ─── D2 (02/08/2026) : Modal newsletter ──────────────────── */
3772		window.vbxOpenNewsletterModal = function () {
3773			var modal = document.getElementById('vbx-newsletter-modal');
3774			if (!modal) { return; }
3775			/* Fermer le badge teaser si ouvert */
3776			var bt = document.getElementById('vbx-badge-teaser');
3777			if (bt && bt.style.display !== 'none') { bt.style.display = 'none'; }
3778			modal.style.display = 'flex';
3779			document.body.style.overflow = 'hidden';
3780			ga4('newsletter_cta_shown', { source: 'badge_teaser' });
3781		};
3782
3783		window.vbxCloseNewsletterModal = function () {
3784			var modal = document.getElementById('vbx-newsletter-modal');
3785			if (modal) { modal.style.display = 'none'; }
3786			document.body.style.overflow = '';
3787		};
3788
3789		window.vbxSubmitNewsletter = function (e) {
3790			e.preventDefault();
3791			var form    = document.getElementById('vbx-newsletter-form');
3792			var emailEl = form ? form.querySelector('[name="email"]') : null;
3793			var email   = emailEl ? emailEl.value : '';
3794			var submitBtn = form ? form.querySelector('[type="submit"]') : null;
3795			if (submitBtn) { submitBtn.disabled = true; submitBtn.textContent = 'Inscription...'; }
3796
3797			/* Récupérer le nonce WP REST */
3798			var nonce = (window.vbxData && window.vbxData.nonce) || (window.VBX_PIVOT_B && window.VBX_PIVOT_B.nonce) || '';
3799
3800			fetch('/wp-json/vinabox/v1/newsletter/subscribe', {
3801				method: 'POST',
3802				headers: { 'Content-Type': 'application/json', 'X-WP-Nonce': nonce },
3803				body: JSON.stringify({ email: email })
3804			})
3805			.then(function (r) { return r.json(); })
3806			.then(function (data) {
3807				if (form) { form.style.display = 'none'; }
3808				var confirm = document.getElementById('vbx-newsletter-confirm');
3809				if (confirm) { confirm.style.display = 'block'; }
3810				ga4('newsletter_cta_submitted', {
3811					source: 'badge_teaser',
3812					email_domain: email.split('@')[1] || ''
3813				});
3814				setTimeout(window.vbxCloseNewsletterModal, 3000);
3815			})
3816			.catch(function () {
3817				if (submitBtn) { submitBtn.disabled = false; submitBtn.textContent = "M'abonner gratuitement"; }
3818				alert('Erreur — réessaie dans un moment.');
3819			});
3820		};
3821
3822		/* Fermer le modal newsletter avec Escape */
3823		document.addEventListener('keydown', function (e) {
3824			if (e.key === 'Escape') {
3825				var nl = document.getElementById('vbx-newsletter-modal');
3826				if (nl && nl.style.display !== 'none') { window.vbxCloseNewsletterModal(); }
3827			}
3828		});
3829
3830	}());
3831	</script>
3831
3832		<!-- ╔══════════════════════════════════════════════════════════════╗ -->
3833	<!-- ║  VBX NEWSLETTER GAMIFICATION v1.0 — modal email basse-friction  ║ -->
3834	<!-- ╚══════════════════════════════════════════════════════════════╝ -->
3835
3836	<!-- Modal email-only -->
3837	<div id="vbx-nl-modal"
3838		style="display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.55);z-index:100000;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;"
3839		role="dialog" aria-modal="true" aria-labelledby="vbx-nl-modal-title">
3840		<div style="background:#fff;border-radius:20px;padding:32px 28px;max-width:380px;width:100%;text-align:center;position:relative;box-shadow:0 12px 48px rgba(0,0,0,.28);box-sizing:border-box;">
3841			<button id="vbx-nl-close" aria-label="Fermer la fenêtre newsletter"
3842				style="position:absolute;top:14px;right:18px;background:none;border:none;font-size:1.6em;cursor:pointer;color:#bbb;line-height:1;padding:0 4px;">&#215;</button>
3843
3844			<!-- État initial : formulaire -->
3845			<div id="vbx-nl-form-wrap">
3846				<div style="font-size:3em;margin-bottom:10px;" aria-hidden="true">🍷</div>
3847				<h2 id="vbx-nl-modal-title" style="font-size:1.15em;font-weight:800;color:#61262A;margin:0 0 8px;font-family:inherit;line-height:1.3;">
3848					Rejoins le défi vin !<br><span style="color:#d39c44;font-size:.88em;">+50 XP offerts</span>
3849				</h2>
3850				<p style="font-size:.875em;color:#555;line-height:1.6;margin:0 0 18px;">
3851					Email seulement — pas de mot de passe.<br>Progression sauvegardée, défis et bons plans directs dans ta boîte.
3852				</p>
3853
3854				<form id="vbx-nl-form" novalidate>
3855					<!-- Honeypot (doit rester vide) -->
3856					<div style="display:none;" aria-hidden="true">
3857						<input type="text" name="vbx_hp" id="vbx-nl-hp" tabindex="-1" autocomplete="off" value="">
3858					</div>
3859
3860					<label for="vbx-nl-email" style="display:block;text-align:left;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:5px;">
3861						Ton email <span style="color:#d39c44;" aria-hidden="true">*</span>
3862					</label>
3863					<input type="email" id="vbx-nl-email" name="email" required
3864						autocomplete="email"
3865						placeholder="[email protected]"
3866						style="width:100%;padding:13px 14px;border:1.5px solid #ddd;border-radius:10px;font-size:15px;font-family:inherit;box-sizing:border-box;margin-bottom:14px;transition:border-color .2s;"
3867						aria-required="true" aria-describedby="vbx-nl-err">
3868
3869					<div id="vbx-nl-err" role="alert" aria-live="polite"
3870						style="display:none;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:8px 12px;font-size:.82em;color:#b91c1c;margin-bottom:10px;text-align:left;">
3871					</div>
3872
3873					<button type="submit" id="vbx-nl-submit"
3874						style="display:block;width:100%;background:#61262A;color:#fff;border:none;border-radius:12px;padding:14px;font-weight:800;font-size:1em;cursor:pointer;font-family:inherit;transition:background .2s;"
3875						aria-label="S'inscrire à la newsletter Vinabox">
3876						S'inscrire à la newsletter
3877					</button>
3878				</form>
3879
3880				<p style="font-size:.72em;color:#bbb;margin:12px 0 0;line-height:1.5;">
3881					Aucun spam. Désinscription en 1 clic à tout moment.
3882				</p>
3883			</div>
3884
3885			<!-- État succès -->
3886			<div id="vbx-nl-success" style="display:none;">
3887				<div style="font-size:3em;margin-bottom:12px;" aria-hidden="true">✅</div>
3888				<h2 style="font-size:1.15em;font-weight:800;color:#61262A;margin:0 0 10px;font-family:inherit;">
3889					Bienvenue !
3890				</h2>
3891				<p id="vbx-nl-success-msg" style="font-size:.9em;color:#555;line-height:1.6;margin:0 0 16px;"></p>
3892				<div id="vbx-nl-xp-badge" style="display:none;background:#fef9f0;border:1.5px solid #d39c44;border-radius:12px;padding:10px 16px;font-size:.88em;color:#92610a;font-weight:700;margin-bottom:14px;">
3893					🏅 +50 XP débloqués dans ta session !
3894				</div>
3895				<button onclick="vbxNlCloseModal()"
3896					style="background:#61262A;color:#fff;border:none;border-radius:12px;padding:12px 28px;font-weight:700;font-size:.95em;cursor:pointer;font-family:inherit;">
3897					Continuer à explorer
3898				</button>
3899			</div>
3900		</div>
3901	</div>
3902
3903	
3903<script id="vbx-nl-guest-js">
3904	(function () {
3905		'use strict';
3906
3907		/* ─── Config ─────────────────────────────────────────────── */
3908		var NL_CFG = {
3909			AJAX_URL:      'https://www.vinabox.fr/wp-admin/admin-ajax.php',
3910			NONCE:         '90f14a3163',
3911			FREQ_KEY:      'vbx_nl_modal_shown',   // sessionStorage — frequency cap
3912			FREQ_CAP_MS:   60000,                   // 60s
3913			DONE_KEY:      'vbx_nl_signed_up',      // localStorage — ne plus montrer si déjà inscrit
3914			QUIZ_XP_KEY:   'vinabox_guest_xp_pending',
3915		};
3916
3917		/* ─── Helpers ────────────────────────────────────────────── */
3918		function lsGet(k)    { try { return localStorage.getItem(k); }    catch(e) { return null; } }
3919		function lsSet(k, v) { try { localStorage.setItem(k, v); }        catch(e) {} }
3920		function ssGet(k)    { try { return sessionStorage.getItem(k); }  catch(e) { return null; } }
3921		function ssSet(k, v) { try { sessionStorage.setItem(k, v); }      catch(e) {} }
3922
3923		function ga4(event, params) {
3924			try {
3925				if (typeof window.gtag === 'function') {
3926					window.gtag('event', event, params || {});
3927				} else if (window.dataLayer) {
3928					var p = { event: event };
3929					if (params) { for (var k in params) { if (params.hasOwnProperty(k)) p[k] = params[k]; } }
3930					window.dataLayer.push(p);
3931				}
3932			} catch(e) {}
3933		}
3934
3935		/* SHA-256 (SubtleCrypto async — fire-and-forget pour GA4) */
3936		function hashEmail(email, cb) {
3937			if (!window.crypto || !window.crypto.subtle) { cb('unavailable'); return; }
3938			var enc = new TextEncoder();
3939			window.crypto.subtle.digest('SHA-256', enc.encode(email.toLowerCase().trim()))
3940				.then(function(buf) {
3941					var hex = Array.from(new Uint8Array(buf)).map(function(b){ return ('0' + b.toString(16)).slice(-2); }).join('');
3942					cb(hex);
3943				}).catch(function() { cb('error'); });
3944		}
3945
3946		/* ─── Frequency cap ──────────────────────────────────────── */
3947		function canShowModal() {
3948			if (lsGet(NL_CFG.DONE_KEY))   { return false; } // déjà inscrit
3949			var last = ssGet(NL_CFG.FREQ_KEY);
3950			if (!last)                     { return true; }
3951			return (Date.now() - parseInt(last, 10)) > NL_CFG.FREQ_CAP_MS;
3952		}
3953
3954		function markModalShown() {
3955			ssSet(NL_CFG.FREQ_KEY, String(Date.now()));
3956		}
3957
3958		/* ─── Modal open / close ─────────────────────────────────── */
3959		window.vbxNlOpenModal = function (source) {
3960			if (!canShowModal()) { return false; }
3961			var modal = document.getElementById('vbx-nl-modal');
3962			if (!modal) { return false; }
3963			modal.dataset.source = source || 'unknown';
3964			modal.style.display  = 'flex';
3965			document.body.style.overflow = 'hidden';
3966			markModalShown();
3967			var emailInput = document.getElementById('vbx-nl-email');
3968			if (emailInput) { setTimeout(function(){ emailInput.focus(); }, 50); }
3969			ga4('nl_modal_open', { source: source || 'unknown', is_guest: true });
3970			return true;
3971		};
3972
3973		window.vbxNlCloseModal = function () {
3974			var modal = document.getElementById('vbx-nl-modal');
3975			if (modal) { modal.style.display = 'none'; }
3976			document.body.style.overflow = '';
3977		};
3978
3979		/* ─── XP award (localStorage guest) ─────────────────────── */
3980		function awardGuestXP(amount) {
3981			try {
3982				var raw  = localStorage.getItem(NL_CFG.QUIZ_XP_KEY);
3983				var data = raw ? JSON.parse(raw) : {};
3984				data.xp_pending = (parseInt(data.xp_pending, 10) || 0) + amount;
3985				localStorage.setItem(NL_CFG.QUIZ_XP_KEY, JSON.stringify(data));
3986			} catch(e) {}
3987		}
3988
3989		/* ─── Form submit ────────────────────────────────────────── */
3990		function initForm() {
3991			var form   = document.getElementById('vbx-nl-form');
3992			var submit = document.getElementById('vbx-nl-submit');
3993			var errBox = document.getElementById('vbx-nl-err');
3994			if (!form) { return; }
3995
3996			form.addEventListener('submit', function (e) {
3997				e.preventDefault();
3998				var email  = (document.getElementById('vbx-nl-email').value || '').trim();
3999				var modal  = document.getElementById('vbx-nl-modal');
4000				var source = (modal && modal.dataset.source) || 'unknown';
4001
4002				/* Validation frontale */
4003				if (!email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
4004					showErr('Merci de saisir un email valide.');
4005					return;
4006				}
4007				hideErr();
4008
4009				/* Désactiver bouton pendant requête */
4010				submit.disabled = true;
4011				submit.textContent = 'Inscription…';
4012
4013				var fd = new FormData();
4014				fd.append('action',  'vbx_nl_guest_signup');
4015				fd.append('_nonce',  NL_CFG.NONCE);
4016				fd.append('email',   email);
4017				fd.append('source',  source);
4018				fd.append('vbx_hp',  ''); // honeypot toujours vide
4019
4020				fetch(NL_CFG.AJAX_URL, {
4021					method: 'POST',
4022					body: fd,
4023					credentials: 'same-origin',
4024				})
4025				.then(function(r){ return r.json(); })
4026				.then(function(data) {
4027					if (data.success) {
4028						var payload = data.data || {};
4029						/* XP award côté client (localStorage) */
4030						if (payload.xp && payload.xp > 0) {
4031							awardGuestXP(payload.xp);
4032							lsSet(NL_CFG.DONE_KEY, '1');
4033						}
4034						/* GA4 client-side */
4035						hashEmail(email, function(hash) {
4036							ga4('newsletter_signup_guest', {
4037								email_hash:  hash,
4038								source:      source,
4039								xp_awarded:  payload.xp || 0,
4040								is_new:      payload.is_new ? true : false,
4041								is_guest:    true,
4042							});
4043						});
4044						/* Afficher succès */
4045						showSuccess(payload.message || 'Bienvenue !', payload.xp > 0);
4046					} else {
4047						var errMsg = (data.data && data.data.message) ? data.data.message : 'Erreur. Réessaie dans quelques secondes.';
4048						showErr(errMsg);
4049						submit.disabled   = false;
4050						submit.textContent = 'S\'inscrire à la newsletter';
4051					}
4052				})
4053				.catch(function() {
4054					showErr('Connexion impossible. Réessaie dans quelques secondes.');
4055					submit.disabled   = false;
4056					submit.textContent = 'S\'inscrire à la newsletter';
4057				});
4058			});
4059		}
4060
4061		function showErr(msg) {
4062			var errBox = document.getElementById('vbx-nl-err');
4063			if (!errBox) { return; }
4064			errBox.textContent  = msg;
4065			errBox.style.display = 'block';
4066		}
4067
4068		function hideErr() {
4069			var errBox = document.getElementById('vbx-nl-err');
4070			if (errBox) { errBox.style.display = 'none'; }
4071		}
4072
4073		function showSuccess(msg, showXpBadge) {
4074			var formWrap = document.getElementById('vbx-nl-form-wrap');
4075			var successDiv = document.getElementById('vbx-nl-success');
4076			var msgEl    = document.getElementById('vbx-nl-success-msg');
4077			var xpBadge  = document.getElementById('vbx-nl-xp-badge');
4078
4079			if (formWrap)  { formWrap.style.display  = 'none'; }
4080			if (successDiv){ successDiv.style.display = 'block'; }
4081			if (msgEl)     { msgEl.textContent = msg; }
4082			if (xpBadge)   { xpBadge.style.display = showXpBadge ? 'block' : 'none'; }
4083		}
4084
4085		/* ─── Close on backdrop click / Escape ──────────────────── */
4086		document.addEventListener('click', function(e) {
4087			var modal = document.getElementById('vbx-nl-modal');
4088			if (modal && modal.style.display !== 'none' && e.target === modal) {
4089				vbxNlCloseModal();
4090			}
4091		});
4092		document.addEventListener('keydown', function(e) {
4093			if (e.key === 'Escape') {
4094				var modal = document.getElementById('vbx-nl-modal');
4095				if (modal && modal.style.display !== 'none') { vbxNlCloseModal(); }
4096			}
4097		});
4098		document.getElementById('vbx-nl-close') && document.getElementById('vbx-nl-close').addEventListener('click', function() {
4099			vbxNlCloseModal();
4100		});
4101
4102		/* ─── [OPTION-A 12/07/2026] Override badge teaser CTA DÉSACTIVÉ ─ */
4103		/* Décision Jeremy 03/07 : revenir au CTA natif "Créer mon compte gratuit".           */
4104		/* Le monkey-patch ci-dessous ouvrait la modal newsletter (option B) — désactivé.     */
4105		/* Restaurer en retirant le bloc if(false) pour revenir à l'option newsletter.         */
4106		if (false) { /* OPTION-A-DISABLED-START */
4107		var _origBadgeCTA = window.vbxBadgeTeaserCTA;
4108		window.vbxBadgeTeaserCTA = function (el, ev) {
4109			var bt = document.getElementById('vbx-badge-teaser');
4110			if (bt) { bt.style.display = 'none'; }
4111			document.body.style.overflow = '';
4112			var canNl = canShowModal();
4113			var dest  = canNl ? 'nl_modal' : (typeof _origBadgeCTA === 'function' ? 'inline_onboarding' : 'mon_compte');
4114			ga4('badge_cta_click', { badge_name: 'explorateur', destination: dest, is_guest: true });
4115			var opened = window.vbxNlOpenModal('badge_teaser');
4116			if (opened) {
4117				if (ev && ev.preventDefault) { ev.preventDefault(); }
4118				return false;
4119			}
4120			if (typeof _origBadgeCTA === 'function') {
4121				return _origBadgeCTA(el, ev);
4122			}
4123			return true;
4124		};
4125		} /* OPTION-A-DISABLED-END */
4126
4127		/* ─── Override XP bar CTA → ouvre modal newsletter ─────── */
4128		var _origXPBarCTA = window.vbxXPBarCTA;
4129		window.vbxXPBarCTA = function (ev) {
4130			var opened = window.vbxNlOpenModal('xp_bar');
4131			if (opened) {
4132				var raw = null;
4133				try { raw = localStorage.getItem(NL_CFG.QUIZ_XP_KEY); } catch(e) {}
4134				var xp = 0;
4135				try { xp = JSON.parse(raw || '{}').xp_pending || 0; } catch(e) {}
4136				ga4('xp_bar_cta_click', { xp_pending: xp, destination: 'nl_modal', is_guest: true });
4137				if (ev && ev.preventDefault) { ev.preventDefault(); }
4138				return false;
4139			}
4140			/* Fallback : comportement original */
4141			if (typeof _origXPBarCTA === 'function') {
4142				return _origXPBarCTA(ev);
4143			}
4144			return true;
4145		};
4146
4147		/* ─── [OPTION-A 12/07/2026] Override texte CTA DÉSACTIVÉ ──── */
4148		/* Fonction désactivée : le texte natif "Créer mon compte gratuit" est restauré.      */
4149		function patchBadgeTeaserCTAText() {
4150			/* OPTION-A : no-op — texte natif conservé */
4151			return;
4152		}
4153
4154		/* ─── Init ───────────────────────────────────────────────── */
4155		if (document.readyState !== 'loading') {
4156			initForm();
4157			/* patchBadgeTeaserCTAText(); // OPTION-A-DISABLED 12/07/2026 */
4158		} else {
4159			document.addEventListener('DOMContentLoaded', function() {
4160				initForm();
4161				/* patchBadgeTeaserCTAText(); // OPTION-A-DISABLED 12/07/2026 */
4162			});
4163		}
4164
4165	}());
4166	</script>
4166
4167	
4167<script id="vinabox-dad-cfg">window.VINABOX_DISPLAY_ADS={"enabled":true,"endpoint":"https://www.vinabox.fr/vinabox-ad-event","creatives":{"sidebar-300x250":[{"id":"riedel-extreme-300x250","campaign":"riedel","variant":"extreme","format":"300x250","url":"https://www.vinabox.fr/go/riedel/extreme?vbx_banner=riedel-extreme-300x250","src":"/wp-content/uploads/vinabox-ads/riedel-v2-extreme-300x250.webp","alt":"RIEDEL Extreme Cabernet : le verre fait la différence. 10 % de réduction avec le code VINABOX10.","label":"Riedel","w":300,"h":250},{"id":"riedel-amadeo-300x250","campaign":"riedel","variant":"amadeo","format":"300x250","url":"https://www.vinabox.fr/go/riedel/amadeo?vbx_banner=riedel-amadeo-300x250","src":"/wp-content/uploads/vinabox-ads/riedel-v2-amadeo-300x250.webp","alt":"RIEDEL Amadeo : l’art de la décantation. 10 % de réduction avec le code VINABOX10.","label":"Riedel","w":300,"h":250},{"id":"riedel-degustation-300x250","campaign":"riedel","variant":"degustation","format":"300x250","url":"https://www.vinabox.fr/go/riedel/degustation?vbx_banner=riedel-degustation-300x250","src":"/wp-content/uploads/vinabox-ads/riedel-v2-degustation-300x250.webp","alt":"RIEDEL À chaque vin son verre. 10 % de réduction avec le code VINABOX10.","label":"Riedel","w":300,"h":250},{"id":"coravin-300x250","campaign":"coravin","variant":"","format":"300x250","url":"https://www.vinabox.fr/go/coravin","src":"/wp-content/uploads/vinabox-ads/coravin-300x250.webp","alt":"Coravin : préservez, servez, recommencez. 10 % de réduction.","label":"Coravin","w":300,"h":250},{"id":"oeni-300x250","campaign":"oeni","variant":"","format":"300x250","url":"https://www.vinabox.fr/go/oeni","src":"/wp-content/uploads/vinabox-ads/oeni-300x250.webp","alt":"Oeni : votre cave à vin, enfin sous contrôle. Créer ma cave.","label":"Oeni","w":300,"h":250},{"id":"labellebulle-300x250","campaign":"labellebulle","variant":"","format":"300x250","url":"https://www.vinabox.fr/go/labellebulle","src":"/wp-content/uploads/vinabox-ads/labellebulle-300x250.webp","alt":"La Belle Bulle, box de champagne 100 % vigneron indépendant. Code VINABOX10.","label":"La Belle Bulle","w":300,"h":250},{"id":"lepetitballon-300x250","campaign":"lepetitballon","variant":"","format":"300x250","url":"https://www.vinabox.fr/go/lepetitballon","src":"/wp-content/uploads/vinabox-ads/lepetitballon-300x250.webp","alt":"Le Petit Ballon, la box vin qui fait plaisir. Découvrir.","label":"Le Petit Ballon","w":300,"h":250}],"sidebar-300x600":[{"id":"riedel-extreme-300x600","campaign":"riedel","variant":"extreme","format":"300x600","url":"https://www.vinabox.fr/go/riedel/extreme?vbx_banner=riedel-extreme-300x600","src":"/wp-content/uploads/vinabox-ads/riedel-v2-extreme-300x600.webp","alt":"RIEDEL Extreme Cabernet : le verre fait la différence. 10 % de réduction avec le code VINABOX10.","label":"Riedel","w":300,"h":600},{"id":"riedel-amadeo-300x600","campaign":"riedel","variant":"amadeo","format":"300x600","url":"https://www.vinabox.fr/go/riedel/amadeo?vbx_banner=riedel-amadeo-300x600","src":"/wp-content/uploads/vinabox-ads/riedel-v2-amadeo-300x600.webp","alt":"RIEDEL Amadeo : l’art de la décantation. 10 % de réduction avec le code VINABOX10.","label":"Riedel","w":300,"h":600},{"id":"riedel-degustation-300x600","campaign":"riedel","variant":"degustation","format":"300x600","url":"https://www.vinabox.fr/go/riedel/degustation?vbx_banner=riedel-degustation-300x600","src":"/wp-content/uploads/vinabox-ads/riedel-v2-degustation-300x600.webp","alt":"RIEDEL À chaque vin son verre. 10 % de réduction avec le code VINABOX10.","label":"Riedel","w":300,"h":600},{"id":"coravin-300x600","campaign":"coravin","variant":"","format":"300x600","url":"https://www.vinabox.fr/go/coravin","src":"/wp-content/uploads/vinabox-ads/coravin-300x600.webp","alt":"Coravin : le système qui permet de déguster sans ouvrir. 10 % de réduction.","label":"Coravin","w":300,"h":600},{"id":"oeni-300x600","campaign":"oeni","variant":"","format":"300x600","url":"https://www.vinabox.fr/go/oeni","src":"/wp-content/uploads/vinabox-ads/oeni-300x600.webp","alt":"Oeni, l’application de gestion de cave 
4167à vin n°1. Créer ma cave.","label":"Oeni","w":300,"h":600},{"id":"labellebulle-300x600","campaign":"labellebulle","variant":"","format":"300x600","url":"https://www.vinabox.fr/go/labellebulle","src":"/wp-content/uploads/vinabox-ads/labellebulle-300x600.webp","alt":"La Belle Bulle, box de champagne 100 % vigneron indépendant. Code VINABOX10.","label":"La Belle Bulle","w":300,"h":600},{"id":"lepetitballon-300x600","campaign":"lepetitballon","variant":"","format":"300x600","url":"https://www.vinabox.fr/go/lepetitballon","src":"/wp-content/uploads/vinabox-ads/lepetitballon-300x600.webp","alt":"Le Petit Ballon, la box vin qui fait plaisir. Découvrir.","label":"Le Petit Ballon","w":300,"h":600}],"mobile-320x100":[{"id":"riedel-extreme-320x100","campaign":"riedel","variant":"extreme","format":"320x100","url":"https://www.vinabox.fr/go/riedel/extreme?vbx_banner=riedel-extreme-320x100","src":"/wp-content/uploads/vinabox-ads/riedel-v2-extreme-320x100.webp","alt":"RIEDEL Extreme Cabernet : le verre fait la différence. 10 % de réduction avec le code VINABOX10.","label":"Riedel","w":320,"h":100},{"id":"riedel-amadeo-320x100","campaign":"riedel","variant":"amadeo","format":"320x100","url":"https://www.vinabox.fr/go/riedel/amadeo?vbx_banner=riedel-amadeo-320x100","
4167src":"/wp-content/uploads/vinabox-ads/riedel-v2-amadeo-320x100.webp","alt":"RIEDEL Amadeo : l’art de la décantation. 10 % de réduction avec le code VINABOX10.","label":"Riedel","w":320,"h":100},{"id":"riedel-degustation-320x100","campaign":"riedel","variant":"degustation","format":"320x100","url":"https://www.vinabox.fr/go/riedel/degustation?vbx_banner=riedel-degustation-320x100","src":"/wp-content/uploads/vinabox-ads/riedel-v2-degustation-320x100.webp","alt":"RIEDEL À chaque vin son verre. 10 % de réduction avec le code VINABOX10.","label":"Riedel","w":320,"h":100},{"id":"coravin-320x100","campaign":"coravin","variant":"","format":"320x100","url":"https://www.vinabox.fr/go/coravin","src":"/wp-content/uploads/vinabox-ads/coravin-320x100.webp","alt":"Coravin : préservez, servez, recommencez. 10 % de réduction.","label":"Coravin","w":320,"h":100},{"id":"oeni-320x100","campaign":"oeni","variant":"","format":"320x100","url":"https://www.vinabox.fr/go/oeni","src":"/wp-content/uploads/vinabox-ads/oeni-320x100.webp","alt":"Oeni : gérez votre cave à vin. Créer ma cave.","label":"Oeni","w":320,"h":100},{"id":"labellebulle-320x100","campaign":"labellebulle","variant":"","format":"320x100","url":"https://www.vinabox.fr/go/labellebulle","src":"/wp-content/uploads/vinabox-ads/labellebulle-320x100.webp","alt":"La Belle Bulle, box de champagne 100 % vigneron indépendant. Code VINABOX10.","label":"La Belle Bulle","w":320,"h":100},{"id":"lepetitballon-320x100","campaign":"lepetitballon","variant":"","format":"320x100","url":"https://www.vinabox.fr/go/lepetitballon","src":"/wp-content/uploads/vinabox-ads/lepetitballon-320x100.webp","alt":"Le Petit Ballon, la box vin qui fait plaisir. Découvrir.","label":"Le Petit Ballon","w":320,"h":100}]}};</script>
vendor: 1 bytes, line 4167
4167
4168<script id="vinabox-dad-js">
4169(function () {
4170'use strict';
4171var CFG = window.VINABOX_DISPLAY_ADS;
4172if (!CFG || !CFG.enabled || !CFG.creatives) { return; }
4173
4174// Calendrier des creations, y compris sur les pages en cache.
4175var lpbNow = Date.now() / 1000;
4176Object.keys(CFG.creatives).forEach(function(slot) { CFG.creatives[slot].forEach(function(c) {
4177    if(c.campaign !== 'lepetitballon') return;
4178    if(lpbNow >= 1789898745 && lpbNow < 1791151200) {
4179        c.src = '/wp-content/uploads/vinabox-ads/lepetitballon-fav-malo-202609-' + c.w + 'x' + c.h + '.webp';
4180        c.url = 'https://www.vinabox.fr/go/lepetitballon/foire-aux-vins-2026';
4181        c.alt = 'Foire aux vins Le Petit Ballon : 15 ans à dénicher le meilleur, à petits prix. Découvrir la sélection.';
4182    } else if(lpbNow >= 1791151200 || (lpbNow >= 1789941600 && lpbNow < 1789898745)) {
4183        c.src = '/wp-content/uploads/vinabox-ads/lepetitballon-' + c.w + 'x' + c.h + '.webp';
4184        c.url = 'https://www.vinabox.fr/go/lepetitballon';
4185        c.alt = 'Le Petit Ballon, la box vin qui fait plaisir. Découvrir.';
4186    }
4187}); });
4188var slots = document.querySelectorAll('[data-vbx-ad-slot]');
4189if (!slots.length) { return; }
4190
4191var used = {};
4192var pv = (window.crypto && crypto.randomUUID) ? crypto.randomUUID() : (Date.now() + '-' + Math.random().toString(16).slice(2));
4193var force = '', forceVariant = '';
4194try {
4195    var query = new URLSearchParams(location.search);
4196    force = query.get('vbx_ad') || '';
4197    forceVariant = query.get('vbx_variant') || '';
4198} catch (e) {}
4199
4200function pick(pool, slotKey) {
4201    if (!pool || !pool.length) { return null; }
4202    // Tirer la marque avant la creation : 3 variantes ne valent pas 3 campagnes.
4203    var groups = Object.create(null);
4204    pool.forEach(function (c) {
4205        if (!groups[c.campaign]) { groups[c.campaign] = []; }
4206        groups[c.campaign].push(c);
4207    });
4208    var campaigns = Object.keys(groups);
4209    if (force && groups[force]) {
4210        campaigns = [force];
4211    } else {
4212        var unused = campaigns.filter(function (cid) { return !used[cid]; });
4213        if (unused.length) { campaigns = unused; }
4214    }
4215    var campaign = campaigns[Math.floor(Math.random() * campaigns.length)];
4216    var variants = groups[campaign];
4217    if (force && forceVariant) {
4218        var selected = variants.filter(function (c) { return c.variant === forceVariant; });
4219        if (selected.length) { variants = selected; }
4220    }
4221    return variants[Math.floor(Math.random() * variants.length)];
4222}
4223
4224function send(type, pick, slot) {
4225    // Les apercus forces ne polluent ni les statistiques locales ni GA4.
4226    if (force) { return; }
4227    try {
4228        var fd = new FormData();
4229        fd.append('event', type);
4230        fd.append('banner', pick.id);
4231        fd.append('campaign', pick.campaign);
4232        fd.append('slot', slot);
4233        fd.append('pv', pv);
4234        fd.append('page', (location && location.pathname) ? location.pathname : '');
4235        if (navigator.sendBeacon) {
4236            navigator.sendBeacon(CFG.endpoint, fd);
4237        } else {
4238            fetch(CFG.endpoint, { method: 'POST', body: fd, credentials: 'omit', keepalive: true });
4239        }
4240    } catch (e) {}
4241    try {
4242        var evName = type === 'click' ? 'display_ad_click' : 'display_ad_impression';
4243        var params = { campaign: pick.campaign, banner_id: pick.id, variant: pick.variant || '', slot: slot, transport_type: 'beacon' };
4244        if (typeof window.gtag === 'function') {
4245            window.gtag('event', evName, params);
4246        } else if (window.dataLayer && typeof window.dataLayer.push === 'function') {
4247            params.event = evName;
4248            window.dataLayer.push(params);
4249        }
4250    } catch (e2) {}
4251}
4252
4253function render(el, creative, slot) {
4254    var a = document.createElement('a');
4255    a.href = creative.url;
4256    a.rel = 'sponsored noopener noreferrer';
4257    a.target = '_blank';
4258    a.className = 'vbx-dad__link';
4259    a.setAttribute('data-vbx-banner', creative.id);
4260    a.setAttribute('data-vbx-campaign', creative.campaign);
4261    a.setAttribute('data-vbx-slot', slot);
4262
4263    var img = document.createElement('img');
4264    img.src = creative.src;
4265    img.alt = creative.alt || '';
4266    img.width = creative.w;
4267    img.height = creative.h;
4268    img.decoding = 'async';
4269    img.loading = (slot === 'mobile-320x100' || slot === 'sidebar-300x250') ? 'eager' : 'lazy';
4270    a.appendChild(img);
4271
4272    var box = el.querySelector('.vbx-dad__box');
4273    if (box) { box.replaceWith(a); }
4274    else { el.appendChild(a); }
4275
4276    if ('IntersectionObserver' in window) {
4277        var io = new IntersectionObserver(function (entries) {
4278            for (var i = 0; i < entries.length; i++) {
4279                if (entries[i].isIntersecting && entries[i].intersectionRatio >= 0.5) {
4280                    io.disconnect();
4281                    send('impression', creative, slot);
4282                    break;
4283                }
4284            }
4285        }, { threshold: 0.5 });
4286        io.observe(el);
4287    } else {
4288        send('impression', creative, slot);
4289    }
4290
4291    a.addEventListener('click', function () {
4292        send('click', creative, slot);
4293    }, true);
4294}
4295
4296for (var i = 0; i < slots.length; i++) {
4297    var el = slots[i];
4298    var slot = el.getAttribute('data-vbx-ad-slot');
4299    var creative = pick(CFG.creatives[slot] || [], slot);
4300    if (!creative) { continue; }
4301    used[creative.campaign] = true;
4302    render(el, creative, slot);
4303}
4304}
4304)();
4305</script>
4305
4306    
4306<script>
4307(function(){
4308	var K="373e652b54faf5f9ef43", t0=Date.now(), SEL='#commentform, form.wpcf7-form';
4309	function field(f,n,v){var i=f.querySelector('input[name="'+n+'"]');if(!i){i=document.createElement('input');i.type='hidden';i.name=n;f.appendChild(i);}i.value=v;}
4310	function arm(e){var f=e.target&&e.target.closest&&e.target.closest(SEL);if(f){field(f,'vbx_ab',K);}}
4311	['focusin','pointerdown','keydown','touchstart'].forEach(function(ev){document.addEventListener(ev,arm,true);});
4312	document.addEventListener('submit',function(e){var f=e.target;if(f&&f.matches&&f.matches(SEL)){field(f,'vbx_ab_d',String(Date.now()-t0));}},true);
4313})();
4314</script>
4314
4315	    
4315<script>
4316    (function(){var el=document.querySelector(".s-nl-cd");if(!el)return;var nums={d:el.querySelector('[data-cd="d"]'),h:el.querySelector('[data-cd="h"]'),m:el.querySelector('[data-cd="m"]'),s:el.querySelector('[data-cd="s"]')};function target(){var n=new Date();return new Date(n.getFullYear(),n.getMonth()+1,1,0,0,0);}function pad(n){return String(n).padStart(2,'0');}function tick(){var diff=target()-new Date();if(diff<=0)return;nums.d.textContent=pad(Math.floor(diff/86400000));nums.h.textContent=pad(Math.floor((diff%86400000)/3600000));nums.m.textContent=pad(Math.floor((diff%3600000)/60000));nums.s.textContent=pad(Math.floor((diff%60000)/1000));}tick();setInterval(tick,1000);})();
4317    (function(){var f=document.getElementById('sb-nl-form');if(!f)return;f.addEventListener('submit',function(e){e.preventDefault();var btn=f.querySelector('button[type="submit"]');var msg=document.getElementById('sb-nl-msg');var email=f.querySelector('input[name="email"]').value.trim();if(!email)return;var c18=f.querySelector('input[name="confirm_18"]');if(c18&&!c18.checked){msg.className='nl-msg error';msg.style.display='block';msg.textContent='Merci de confirmer que tu as 18 ans ou plus.';return;}btn.disabled=true;btn.textContent='Inscription…';msg.className='nl-msg';msg.style.display='none';fetch('https://www.vinabox.fr/wp-admin/admin-ajax.php',{method:'POST',headers:{'Content-Type':'application/x-www-form-urlencoded'},body:'action=vinabox_newsletter&email='+encodeURIComponent(email)+'&confirm_18=1&source=sidebar'}).then(function(r){return r.json();}).then(function(data){if(data.success){msg.className='nl-msg success';msg.textContent=data.data;f.reset();}else{msg.className='nl-msg error';msg.textContent=data.data||'Erreur';}btn.disabled=false;btn.textContent="JE M'INSCRIS";}).catch(function(){msg.className='nl-msg error';msg.textContent='Erreur réseau';btn.disabled=false;btn.textContent="JE M'INSCRIS";});});})();
4318    </script>
4318
4319        <div id="vbx-age-gate" style="display:none;position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,0.88);align-items:center;justify-content:center;padding:24px;box-sizing:border-box;">
4320        <div style="background:#fff;border-radius:16px;max-width:420px;width:100%;padding:40px 32px;text-align:center;font-family:inherit;box-shadow:0 8px 40px rgba(0,0,0,0.4);">
4321            <img src="https://www.vinabox.fr/wp-content/uploads/2026/05/vinabox-logo-final.svg" alt="Vinabox" style="height:48px;margin-bottom:24px;" loading="lazy">
4322            <p style="font-size:1.05em;font-weight:700;color:#61262A;margin:0 0 8px;">Ce site parle de vin 🍷</p>
4323            <p style="font-size:0.9em;color:#555;margin:0 0 28px;line-height:1.5;">La loi française réglemente la publicité pour l'alcool. Pour accéder à ce site, confirmez que vous avez <strong>18&nbsp;ans ou plus</strong>.</p>
4324            <div style="display:flex;gap:12px;justify-content:center;flex-wrap:wrap;">
4325                <button id="vbx-age-oui"
4326                    style="background:#61262A;color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:1em;font-weight:700;cursor:pointer;flex:1;min-width:130px;">
4327                    Oui, j'ai 18 ans ou plus
4328                </button>
4329                <button id="vbx-age-non"
4330                    style="background:#f5f5f5;color:#777;border:none;border-radius:8px;padding:12px 32px;font-size:0.95em;cursor:pointer;flex:1;min-width:130px;">
4331                    Non, je suis mineur
4332                </button>
4333            </div>
4334            <p style="font-size:0.75em;color:#bbb;margin:20px 0 0;line-height:1.4;">
4335                L'abus d'alcool est dangereux pour la santé. À consommer avec modération.
4336            </p>
4337        </div>
4338    </div>
4339    
4340</body>
4341</html>
4342
4343
4344<!-- Page cached by LiteSpeed Cache 7.9.1 on 2026-10-07 14:17:48 -->

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.