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 » Flux" href="https://www.vinabox.fr/feed/" /> 47<link rel="alternate" type="application/rss+xml" title="Vinabox » 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 » 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&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 & bons plans</em> tous les mois — 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épages</span><span class="desc">Pinot, Chardonnay, Syrah…</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ésimes</span><span class="desc">Les bonnes années, par ré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ête. On te dit où 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">🍷</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 & 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 & 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 & abonnements vin</span><span class="desc">19 box testées, noté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é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é 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">É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éduction</span><span class="desc">Promos vérifié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 & 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évoir pour vos invité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ô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égustation à 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"> » </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’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’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’Asti, d’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’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’Abruzzo</a>. <span style="font-size:.9em;color:#666;">Le 2ème Cépage Rouge d’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’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’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’
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’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’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’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’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’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’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’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’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’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’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 ? 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’à 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 · gratuit · 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&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 â il crée aussi votre compte Vinabox et vous rapporte 25 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è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 & Vin</a></li> 1733 <li><a href="/guide-achat-vin/">Guide dâAchat</a></li> 1734 <li><a href="/vin-sante/">Vin & 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’euros en 20 ans, et l’Ã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’euros en 20 ans, et l’Ã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’euros en 20 ans, et l’Ã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’Alentejo relance sa candidature à l’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’Alentejo relance sa candidature à l’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’Alentejo relance sa candidature à l’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’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’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’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é</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édia indépendant du vin pour celles et ceux qui veulent comprendre ce qu'ils boivent — sans chichi, sans placement, sans prise de tête.</p> 1820 <span class="tag">🍷 Indé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 & 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é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é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’auteur</a></li> 1849 <li><a href="https://www.vinabox.fr/charte-editoriale/">Charte éditoriale</a></li> 1850 <li><a href="https://www.youtube.com/@VinaboxFr" target="_blank" rel="noopener">Chaî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">© 2026 Vinabox · Tous droits réservés</div> 1859 <div class="vb-footer-legal"> 1860 <a href="https://www.vinabox.fr/mentions-legales/">Mentions lé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é</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é. À consommer avec modé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;">×</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 < 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;">×</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 à < 20 ⬠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 1 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 !</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 !</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 ! Voici ton cadeau :</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 !</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 : '+(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;">×</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;">×</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 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.