Didier Chatillon \u2014 VRP Vins & Spiritueux<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400;1,500&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --ecru: #F5F0E8;\n --ecru-dark: #EDE5D4;\n --bordeaux: #5C1A1A;\n --bordeaux-light: #7A2E2E;\n --or: #B8965A;\n --or-light: #D4AF6E;\n --encre: #1C1410;\n --gris: #7A7068;\n --blanc: #FDFAF4;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Jost', sans-serif;\n background: var(--ecru);\n color: var(--encre);\n font-weight: 300;\n line-height: 1.7;\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.4rem 4rem;\n background: rgba(245,240,232,0.92);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid rgba(184,150,90,0.2);\n }\n\n .nav-logo {\n font-family: 'Playfair Display', serif !important;\n font-size: 1.1rem !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n color: #5C1A1A !important;\n text-decoration: none !important;\n }\n\n .nav-logo span { color: #B8965A !important; }\n\n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n\n .nav-links a {\n font-size: 0.78rem;\n font-weight: 400;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--encre);\n text-decoration: none;\n transition: color 0.2s;\n }\n\n .nav-links a:hover { color: var(--or); }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n #hero {\n min-height: 100vh;\n display: grid;\n grid-template-columns: 1fr 1fr;\n padding-top: 80px;\n background: #F5F0E8;\n }\n\n .hero-left {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n padding: 2rem 5rem 4rem 7rem;\n position: relative;\n background: #F5F0E8;\n }\n\n .hero-left::before {\n content: '';\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 3px;\n background: linear-gradient(to bottom, transparent, #B8965A, transparent);\n }\n\n .hero-eyebrow {\n font-size: 0.72rem;\n font-weight: 400;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #B8965A;\n \/* R\u00e9duit l'espace sous l'eyebrow *\/\n margin-bottom: 1rem;\n }\n\n .hero-title {\n font-family: 'Playfair Display', serif !important;\n font-size: clamp(3rem, 5vw, 4.8rem) !important;\n font-weight: 400 !important;\n line-height: 1.08 !important;\n color: #5C1A1A !important;\n margin-bottom: 0.8rem !important;\n opacity: 1 !important;\n }\n\n .hero-title .nom {\n color: #5C1A1A !important;\n opacity: 1 !important;\n display: block;\n }\n\n .hero-title em {\n font-style: italic !important;\n color: #B8965A !important;\n display: inline-block !important;\n animation: revealChatillon 1.1s 0.7s both cubic-bezier(0.22,1,0.36,1),\n shimmerOr 2s 1.8s ease-in-out !important;\n }\n\n .hero-subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.4rem;\n font-weight: 300;\n font-style: italic;\n color: #7A2E2E;\n margin-bottom: 1.5rem;\n line-height: 1.4;\n }\n\n .hero-text {\n font-size: 0.95rem;\n color: #1C1410;\n max-width: 42ch;\n line-height: 1.8;\n \/* R\u00e9duit l'espace sous le texte avant les CTA *\/\n margin-bottom: 1.8rem;\n }\n\n .hero-cta {\n display: flex;\n align-items: center;\n gap: 0;\n }\n\n .btn-primary {\n display: inline-block;\n padding: 1rem 2.4rem;\n background: #5C1A1A;\n color: #F5F0E8;\n font-size: 0.75rem;\n font-weight: 400;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n text-decoration: none;\n border: 1px solid #5C1A1A;\n transition: all 0.3s;\n }\n\n .btn-primary:hover {\n background: transparent;\n color: #5C1A1A;\n }\n\n .btn-secondary {\n display: inline-block;\n margin-left: 1.4rem;\n font-size: 0.75rem;\n font-weight: 400;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #B8965A;\n text-decoration: none;\n border-bottom: 1px solid #B8965A;\n padding-bottom: 2px;\n transition: color 0.2s;\n }\n\n .hero-right {\n position: relative;\n overflow: hidden;\n background: var(--bordeaux);\n }\n\n .hero-right img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n opacity: 0.75;\n mix-blend-mode: luminosity;\n filter: sepia(0.3);\n }\n\n .hero-right::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, rgba(92,26,26,0.5) 0%, transparent 60%);\n }\n\n .hero-quote {\n position: absolute;\n bottom: 3rem;\n left: 2.5rem;\n right: 2.5rem;\n z-index: 2;\n color: var(--ecru);\n border-left: 2px solid var(--or);\n padding-left: 1.2rem;\n }\n\n .hero-quote p {\n font-family: 'Cormorant Garamond', serif;\n font-style: italic;\n font-size: 1.15rem;\n font-weight: 300;\n line-height: 1.5;\n margin-bottom: 0.3rem;\n }\n\n .hero-quote span {\n font-size: 0.7rem;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--or-light);\n }\n\n \/* \u2500\u2500\u2500 SECTION G\u00c9N\u00c9RIQUE \u2500\u2500\u2500 *\/\n section { padding: 7rem 7rem; }\n\n .section-label {\n font-size: 0.7rem;\n font-weight: 400;\n letter-spacing: 0.24em;\n text-transform: uppercase;\n color: var(--or);\n margin-bottom: 1rem;\n display: block;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2rem, 3.5vw, 3rem);\n font-weight: 400;\n line-height: 1.15;\n color: var(--bordeaux);\n max-width: 18ch;\n margin-bottom: 3rem;\n }\n\n .divider {\n width: 3.5rem;\n height: 1px;\n background: var(--or);\n margin-bottom: 3rem;\n }\n\n \/* \u2500\u2500\u2500 SECTION PORTRAIT \u2500\u2500\u2500 *\/\n #portrait {\n background: var(--ecru-dark);\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6rem;\n align-items: center;\n }\n\n .portrait-text p {\n font-size: 1rem;\n color: var(--encre);\n margin-bottom: 1.4rem;\n line-height: 1.9;\n }\n\n .portrait-text p strong {\n color: var(--bordeaux);\n font-weight: 500;\n }\n\n .portrait-stats {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n margin-top: 2.5rem;\n }\n\n .stat-item {\n border-left: 2px solid var(--or);\n padding-left: 1.2rem;\n }\n\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 2.2rem;\n font-weight: 400;\n color: var(--bordeaux);\n line-height: 1;\n margin-bottom: 0.3rem;\n }\n\n .stat-label {\n font-size: 0.72rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--gris);\n }\n\n .portrait-visual {\n position: relative;\n }\n\n .portrait-visual img {\n width: 100%;\n height: 560px;\n object-fit: cover;\n object-position: top center;\n filter: sepia(0.15) contrast(1.05);\n }\n\n .portrait-visual::before {\n content: '';\n position: absolute;\n top: -1.5rem;\n left: -1.5rem;\n right: 1.5rem;\n bottom: 1.5rem;\n border: 1px solid var(--or);\n z-index: -1;\n }\n\n \/* \u2500\u2500\u2500 SECTION CARTE \u2500\u2500\u2500 *\/\n #carte {\n background: var(--blanc);\n }\n\n .carte-header {\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n margin-bottom: 4rem;\n border-bottom: 1px solid rgba(184,150,90,0.25);\n padding-bottom: 2rem;\n }\n\n .carte-intro {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.1rem;\n font-style: italic;\n color: var(--encre);\n max-width: 50ch;\n }\n\n .carte-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0;\n border: 1px solid rgba(184,150,90,0.2);\n }\n\n .carte-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 2.5rem 2rem;\n border: 1px solid rgba(184,150,90,0.2);\n margin: -1px;\n transition: background 0.3s, transform 0.2s;\n cursor: default;\n text-align: center;\n min-height: 180px;\n position: relative;\n overflow: hidden;\n }\n\n .carte-item::before {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 2px;\n background: var(--or);\n transition: width 0.3s;\n }\n\n .carte-item:hover::before { width: 60%; }\n .carte-item:hover { background: rgba(184,150,90,0.06); }\n\n .carte-item img {\n max-height: 64px;\n max-width: 130px;\n width: auto;\n object-fit: contain;\n filter: grayscale(0.3) sepia(0.1);\n transition: filter 0.3s, transform 0.3s;\n margin-bottom: 1rem;\n }\n\n .carte-item:hover img {\n filter: grayscale(0) sepia(0);\n transform: scale(1.04);\n }\n\n .carte-item-name {\n font-family: 'Playfair Display', serif;\n font-size: 0.82rem;\n font-weight: 500;\n color: var(--bordeaux);\n letter-spacing: 0.04em;\n line-height: 1.3;\n margin-bottom: 0.2rem;\n }\n\n .carte-item-region {\n font-size: 0.67rem;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--or);\n }\n\n .carte-vedettes {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n }\n\n .carte-vedette {\n border: 1px solid rgba(184,150,90,0.3);\n padding: 2.5rem 2rem 2rem;\n text-align: center;\n background: var(--blanc);\n transition: box-shadow 0.3s, transform 0.2s;\n }\n\n .carte-vedette:hover {\n box-shadow: 0 8px 32px rgba(92,26,26,0.1);\n transform: translateY(-3px);\n }\n\n .carte-vedette img {\n max-height: 70px;\n max-width: 140px;\n width: auto;\n object-fit: contain;\n filter: grayscale(0.2) sepia(0.15);\n transition: filter 0.3s;\n margin-bottom: 1.2rem;\n }\n\n .carte-vedette:hover img { filter: none; }\n\n .vedette-name {\n font-family: 'Playfair Display', serif;\n font-size: 0.95rem;\n font-weight: 500;\n color: var(--bordeaux);\n margin-bottom: 0.2rem;\n }\n\n .vedette-region {\n font-size: 0.68rem;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--or);\n margin-bottom: 0.8rem;\n }\n\n .vedette-desc {\n font-size: 0.82rem;\n color: var(--encre);\n line-height: 1.65;\n }\n\n .carte-section-label {\n font-size: 0.67rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--gris);\n margin: 3rem 0 1rem;\n padding-bottom: 0.5rem;\n border-bottom: 1px solid rgba(184,150,90,0.2);\n }\n\n \/* \u2500\u2500\u2500 COULEURS PAR SECTION \u2500\u2500\u2500 *\/\n .section-title { color: var(--bordeaux); }\n .section-label { color: var(--or); }\n #portrait .section-title { color: var(--bordeaux); }\n #portrait .section-label { color: var(--or); }\n #carte .section-title { color: var(--bordeaux); }\n #carte .section-label { color: var(--or); }\n #carte .carte-section-label { color: var(--gris); }\n #valeurs .section-title { color: var(--ecru); }\n #valeurs .section-label { color: var(--or-light); }\n #valeurs .valeur-title { color: var(--or-light); }\n #valeurs .valeur-text { color: rgba(245,240,232,0.85); }\n #valeurs .valeur-number { color: rgba(184,150,90,0.35); }\n #contact .section-title { color: var(--bordeaux); }\n #contact .section-label { color: var(--or); }\n\n \/* \u2500\u2500\u2500 SECTION VALEURS \u2500\u2500\u2500 *\/\n #valeurs { background: var(--bordeaux); }\n\n .valeurs-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 3rem;\n margin-top: 3rem;\n }\n\n .valeur-item {\n border-top: 1px solid rgba(184,150,90,0.4);\n padding-top: 2rem;\n }\n\n .valeur-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n font-weight: 400;\n line-height: 1;\n margin-bottom: 1rem;\n }\n\n .valeur-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.25rem;\n font-weight: 400;\n margin-bottom: 1rem;\n }\n\n .valeur-text { font-size: 0.9rem; line-height: 1.8; }\n\n \/* \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500 *\/\n #contact {\n background: var(--ecru-dark);\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6rem;\n align-items: center;\n }\n\n .contact-info .section-title { margin-bottom: 1.5rem; }\n\n .contact-text {\n font-size: 0.95rem;\n color: var(--encre);\n line-height: 1.8;\n margin-bottom: 2.5rem;\n }\n\n .contact-detail {\n display: flex;\n align-items: baseline;\n gap: 1rem;\n margin-bottom: 1.8rem;\n }\n\n .contact-detail span:first-child {\n font-size: 0.68rem;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--or);\n min-width: 5ch;\n }\n\n .contact-detail a {\n font-size: 0.9rem;\n color: var(--encre);\n text-decoration: none;\n }\n\n \/* CTA mail *\/\n .btn-mail {\n display: inline-flex;\n align-items: center;\n gap: 0.8rem;\n padding: 1rem 2.4rem;\n background: var(--bordeaux);\n color: var(--ecru);\n font-size: 0.75rem;\n font-weight: 400;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n text-decoration: none;\n border: 1px solid var(--bordeaux);\n transition: all 0.3s;\n }\n\n .btn-mail:hover {\n background: transparent;\n color: var(--bordeaux);\n }\n\n .btn-mail svg { flex-shrink: 0; }\n\n \/* Photo contact *\/\n .contact-visual {\n position: relative;\n }\n\n .contact-visual img {\n width: 100%;\n height: 520px;\n object-fit: cover;\n object-position: top center;\n filter: sepia(0.15) contrast(1.05);\n display: block;\n }\n\n .contact-visual::before {\n content: '';\n position: absolute;\n top: -1.5rem;\n right: -1.5rem;\n left: 1.5rem;\n bottom: 1.5rem;\n border: 1px solid var(--or);\n z-index: -1;\n }\n\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n footer {\n background: var(--encre);\n color: rgba(245,240,232,0.5);\n padding: 2.5rem 7rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n footer a {\n font-family: 'Playfair Display', serif;\n font-size: 1.05rem;\n color: var(--ecru);\n text-decoration: none;\n }\n\n footer span { font-size: 0.75rem; letter-spacing: 0.1em; }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 1100px) {\n nav { padding: 1.2rem 2rem; }\n section { padding: 5rem 3rem; }\n #hero { grid-template-columns: 1fr; min-height: auto; }\n .hero-left { padding: 5rem 3rem 3rem; }\n .hero-left::before { display: none; }\n .hero-right { height: 50vh; }\n #portrait, #contact { grid-template-columns: 1fr; gap: 3rem; }\n .portrait-visual { order: -1; }\n .portrait-visual img { height: 400px; }\n .contact-visual { order: -1; }\n .contact-visual img { height: 360px; }\n .carte-vedettes { grid-template-columns: repeat(2, 1fr); }\n .carte-grid { grid-template-columns: repeat(3, 1fr); }\n .valeurs-grid { grid-template-columns: 1fr; gap: 2rem; }\n footer { flex-direction: column; gap: 1rem; text-align: center; }\n }\n\n @media (max-width: 680px) {\n section { padding: 4rem 1.5rem; }\n .nav-links { display: none; }\n .carte-vedettes { grid-template-columns: 1fr; }\n .carte-grid { grid-template-columns: repeat(2, 1fr); }\n .portrait-stats { grid-template-columns: 1fr; }\n footer { padding: 2rem 1.5rem; }\n }\n\n \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes revealChatillon {\n 0% { clip-path: inset(0 100% 0 0); opacity: 0; }\n 20% { opacity: 1; }\n 100% { clip-path: inset(0 0% 0 0); opacity: 1; }\n }\n\n @keyframes shimmerOr {\n 0% { color: #B8965A; text-shadow: none; }\n 40% { color: #D4AF6E; text-shadow: 0 0 32px rgba(184,150,90,0.5); }\n 100% { color: #B8965A; text-shadow: none; }\n }\n\n .hero-eyebrow { animation: fadeUp 0.7s 0.1s both ease-out; }\n .hero-title { animation: fadeUp 0.7s 0.25s forwards ease-out; }\n .hero-title em {\n display: inline-block;\n animation: revealChatillon 1.1s 0.7s both cubic-bezier(0.22,1,0.36,1),\n shimmerOr 2s 1.8s ease-in-out;\n }\n .hero-subtitle{ animation: fadeUp 0.7s 0.4s both ease-out; }\n .hero-text { animation: fadeUp 0.7s 0.55s both ease-out; }\n .hero-cta { animation: fadeUp 0.7s 0.7s both ease-out; }\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n <a href=\"#hero\" class=\"nav-logo\">Didier <span>Chatillon<\/span><\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#portrait\">Portrait<\/a><\/li>\n <li><a href=\"#carte\">Ma carte<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n<\/nav>\n\n\n<section id=\"hero\">\n <div class=\"hero-left\">\n <span class=\"hero-eyebrow\">VRP Multicartes \u00b7 Vins & Spiritueux<\/span>\n <h1 class=\"hero-title\"><span class=\"nom\" style=\"color:#5C1A1A !important;\">Didier<\/span><em style=\"color:#B8965A !important;\">Chatillon<\/em><\/h1>\n <p class=\"hero-subtitle\" style=\"color:#7A2E2E !important;\">Trente ans au service des grandes maisons<br>et de leurs clients.<\/p>\n <p class=\"hero-text\" style=\"color:#1C1410 !important;\">De la Champagne au Roussillon, des C\u00f4tes du Rh\u00f4ne \u00e0 la Loire \u2014 je repr\u00e9sente une s\u00e9lection rigoureuse de domaines et de maisons avec lesquels j'ai construit des relations de confiance sur la dur\u00e9e. Mon travail : mettre le bon vin devant la bonne personne.<\/p>\n <div class=\"hero-cta\">\n <a href=\"#carte\" class=\"btn-primary\">D\u00e9couvrir ma carte<\/a>\n <a href=\"#contact\" class=\"btn-secondary\" style=\"color:#B8965A !important; border-bottom-color:#B8965A !important;\">Prendre contact<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-right\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/04\/DSC_2002-scaled.jpg\" alt=\"Didier Chatillon\">\n <div class=\"hero-quote\">\n <p>\u00ab Si le vin manque, il manque tout. \u00bb<\/p>\n <span>Proverbe latin<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"portrait\">\n <div class=\"portrait-text\">\n <span class=\"section-label\">Qui suis-je<\/span>\n <h2 class=\"section-title\">Un m\u00e9tier de terrain, une vie de caves.<\/h2>\n <div class=\"divider\"><\/div>\n <p>Depuis pr\u00e8s de trente ans, j'arpente les routes des vignobles fran\u00e7ais pour repr\u00e9senter aupr\u00e8s de la restauration, des cavistes et des \u00e9piceries fines un portefeuille de maisons soigneusement choisi. <strong>Mon travail n'est pas de vendre des bouteilles, c'est de construire des partenariats.<\/strong><\/p>\n <p>Chaque maison que je repr\u00e9sente, je la connais dans ses d\u00e9tails : ses terroirs, ses mill\u00e9simes, son \u00e9quipe. Je ne propose que ce que je suis en mesure de d\u00e9fendre face \u00e0 mes clients \u2014 et ce que j'ai moi-m\u00eame choisi de porter.<\/p>\n <p>Mon ancrage g\u00e9ographique me permet d'\u00eatre pr\u00e9sent, r\u00e9actif, et de maintenir des relations commerciales dans la dur\u00e9e. Ce que mes clients appr\u00e9cient, c'est d'avoir un interlocuteur unique, inform\u00e9 et disponible.<\/p>\n <div class=\"portrait-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">30<\/div>\n <div class=\"stat-label\">Ann\u00e9es d'exp\u00e9rience<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">12+<\/div>\n <div class=\"stat-label\">Maisons repr\u00e9sent\u00e9es<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">6<\/div>\n <div class=\"stat-label\">R\u00e9gions viticoles<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">1<\/div>\n <div class=\"stat-label\">Interlocuteur d\u00e9di\u00e9<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"portrait-visual\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/04\/RenderedImage-768x1024.jpg\" alt=\"Didier Chatillon, VRP vins et spiritueux\">\n <\/div>\n<\/section>\n\n\n<section id=\"carte\">\n <div class=\"carte-header\">\n <div>\n <span class=\"section-label\">Portefeuille<\/span>\n <h2 class=\"section-title\">Ma carte<\/h2>\n <\/div>\n <p class=\"carte-intro\">Des maisons avec lesquelles je travaille dans la dur\u00e9e, choisies pour la qualit\u00e9 de leurs produits et la solidit\u00e9 de leur identit\u00e9.<\/p>\n <\/div>\n\n <p class=\"carte-section-label\">Maisons embl\u00e9matiques<\/p>\n <div class=\"carte-vedettes\">\n <div class=\"carte-vedette\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/4\/4e\/Taittinger_logo.svg\/320px-Taittinger_logo.svg.png\" alt=\"Champagne Taittinger\" onerror=\"this.style.display='none'\">\n <div class=\"vedette-name\">Champagne Taittinger<\/div>\n <div class=\"vedette-region\">Champagne \u00b7 Reims<\/div>\n <p class=\"vedette-desc\">Maison fond\u00e9e en 1734, figure de l'\u00e9l\u00e9gance champenoise. Des cuv\u00e9es qui conjuguent fra\u00eecheur et complexit\u00e9 avec une r\u00e9gularit\u00e9 remarquable.<\/p>\n <\/div>\n <div class=\"carte-vedette\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/04\/logo-mont-redon-II.png\" alt=\"Ch\u00e2teau Mont-Redon\" onerror=\"this.style.display='none'\">\n <div class=\"vedette-name\">Ch\u00e2teau Mont-Redon<\/div>\n <div class=\"vedette-region\">Ch\u00e2teauneuf-du-Pape \u00b7 Rh\u00f4ne<\/div>\n <p class=\"vedette-desc\">L'une des plus anciennes et des plus grandes propri\u00e9t\u00e9s de l'appellation. Grenache de caract\u00e8re, vins de garde exigeants.<\/p>\n <\/div>\n <div class=\"carte-vedette\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/04\/LogoPaulJabouletAnjpeg_621e4c71885de-600x320.jpeg\" alt=\"Domaine Paul Jaboulet A\u00een\u00e9\">\n <div class=\"vedette-name\">Paul Jaboulet A\u00een\u00e9<\/div>\n <div class=\"vedette-region\">Vall\u00e9e du Rh\u00f4ne \u00b7 Hermitage<\/div>\n <p class=\"vedette-desc\">Domaine historique de la Vall\u00e9e du Rh\u00f4ne, propri\u00e9t\u00e9 depuis 2006 de la famille Frey. La Chapelle en t\u00eate de pont d'un portefeuille de haute tenue.<\/p>\n <\/div>\n <div class=\"carte-vedette\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/05\/302704172_479340300868674_1311945348669853767_n-450x450.jpg\" alt=\"Bouchard P\u00e8re et Fils\">\n <div class=\"vedette-name\">Bouchard P\u00e8re & Fils<\/div>\n <div class=\"vedette-region\">Bourgogne \u00b7 Beaune<\/div>\n <p class=\"vedette-desc\">Une des plus grandes maisons de n\u00e9goce de Bourgogne. Un patrimoine viticole exceptionnel, 130 hectares en propri\u00e9t\u00e9 dont une part significative en Premiers et Grands Crus.<\/p>\n <\/div>\n <\/div>\n\n <p class=\"carte-section-label\">Ensemble du portefeuille<\/p>\n <div class=\"carte-grid\">\n\n <div class=\"carte-item\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/04\/logo-vignette.jpeg\" alt=\"Ch\u00e2teau Laffite-Teston\">\n <div class=\"carte-item-name\">Ch\u00e2teau Laffite-Teston<\/div>\n <div class=\"carte-item-region\">Madiran \u00b7 Sud-Ouest<\/div>\n <\/div>\n\n <div class=\"carte-item\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/04\/logo_domaine_de_mirail-600x387.png\" alt=\"Domaine de Mirail\">\n <div class=\"carte-item-name\">Domaine de Mirail<\/div>\n <div class=\"carte-item-region\">Lectoure \u00b7 Gascogne<\/div>\n <\/div>\n\n <div class=\"carte-item\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/04\/cdm_sas_logo.jpeg\" alt=\"Le Club des Marques\">\n <div class=\"carte-item-name\">Le Club des Marques<\/div>\n <div class=\"carte-item-region\">Distribution s\u00e9lective<\/div>\n <\/div>\n\n <div class=\"carte-item\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/04\/logo-450x450.jpeg\" alt=\"Lionel Osmin & Cie\">\n <div class=\"carte-item-name\">Lionel Osmin & Cie<\/div>\n <div class=\"carte-item-region\">Sud-Ouest \u00b7 N\u00e9goce<\/div>\n <\/div>\n\n <div class=\"carte-item\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/05\/309273571_785316829484530_323929234322310249_n.png\" alt=\"Domaine Gayda\">\n <div class=\"carte-item-name\">Domaine Gayda<\/div>\n <div class=\"carte-item-region\">Languedoc \u00b7 Roussillon<\/div>\n <\/div>\n\n <div class=\"carte-item\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/04\/300-large_default.jpeg\" alt=\"Domaine Figui\u00e8re\">\n <div class=\"carte-item-name\">Domaine Figui\u00e8re<\/div>\n <div class=\"carte-item-region\">Provence \u00b7 La Londe<\/div>\n <\/div>\n\n <div class=\"carte-item\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/05\/LOgo-450x450.png\" alt=\"Les Caves du Roussillon\">\n <div class=\"carte-item-name\">Les Caves du Roussillon<\/div>\n <div class=\"carte-item-region\">Roussillon \u00b7 Catalogne<\/div>\n <\/div>\n\n \n <div class=\"carte-item\">\n <img decoding=\"async\" src=\"http:\/\/didier-chatillon.fr\/wp-content\/uploads\/2026\/04\/biarritz-bonheu-68b8231d96471.png\" alt=\"Biarritz Bonheur\" onerror=\"this.style.display='none'\">\n <div class=\"carte-item-name\">Biarritz Bonheur<\/div>\n <div class=\"carte-item-region\">Spiritueux<\/div>\n <\/div>\n\n <div class=\"carte-item\">\n <div class=\"carte-item-name\">Domaine Lafage<\/div>\n <div class=\"carte-item-region\">Roussillon \u00b7 Perpignan<\/div>\n <\/div>\n\n <div class=\"carte-item\">\n <div class=\"carte-item-name\">Ch\u00e2teau Puech-Haut<\/div>\n <div class=\"carte-item-region\">Languedoc \u00b7 Saint-Dr\u00e9z\u00e9ry<\/div>\n <\/div>\n\n <div class=\"carte-item\">\n <div class=\"carte-item-name\">Domaine Saget<\/div>\n <div class=\"carte-item-region\">Loire \u00b7 Pouilly-Fum\u00e9<\/div>\n <\/div>\n\n <div class=\"carte-item\" style=\"background: rgba(184,150,90,0.05); border-style: dashed;\">\n <div class=\"carte-item-name\" style=\"color: var(--gris); font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 300; font-size: 0.95rem;\">Et d'autres encore\u2026<\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section id=\"valeurs\">\n <span class=\"section-label\">Ce que je propose<\/span>\n <h2 class=\"section-title\">Un partenariat commercial dans la dur\u00e9e.<\/h2>\n <div class=\"valeurs-grid\">\n <div class=\"valeur-item\">\n <div class=\"valeur-number\">01<\/div>\n <div class=\"valeur-title\">Expertise produit<\/div>\n <p class=\"valeur-text\">Je connais chaque maison, chaque cuv\u00e9e, chaque mill\u00e9sime que je repr\u00e9sente. Quand je vous parle d'un vin, c'est parce que je suis en mesure de vous en d\u00e9fendre le prix, la typicit\u00e9, et le potentiel en salle ou en cave.<\/p>\n <\/div>\n <div class=\"valeur-item\">\n <div class=\"valeur-number\">02<\/div>\n <div class=\"valeur-title\">Ancrage terrain<\/div>\n <p class=\"valeur-text\">Mon secteur, je le connais dans ses d\u00e9tails. Restaurateurs, cavistes, \u00e9piceries fines : j'entretiens des relations sur la dur\u00e9e, pas seulement des passages de commande. C'est ce qui fait la diff\u00e9rence dans ce m\u00e9tier.<\/p>\n <\/div>\n <div class=\"valeur-item\">\n <div class=\"valeur-number\">03<\/div>\n <div class=\"valeur-title\">Interlocuteur unique<\/div>\n <p class=\"valeur-text\">Vous avez affaire \u00e0 moi, directement. Pas \u00e0 un standard, pas \u00e0 un commercial junior. Disponibilit\u00e9, r\u00e9activit\u00e9, suivi personnalis\u00e9 \u2014 c'est ce que je m'engage \u00e0 vous apporter \u00e0 chaque contact.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"contact\">\n <div class=\"contact-info\">\n <span class=\"section-label\">Prenons contact<\/span>\n <h2 class=\"section-title\">Vous avez un besoin, une question, une commande ?<\/h2>\n <p class=\"contact-text\">Je r\u00e9ponds \u00e0 tous les messages et rappelle rapidement. Que vous soyez restaurateur, caviste, ou particulier \u00e0 la recherche d'une s\u00e9lection sp\u00e9cifique \u2014 parlons-en.<\/p>\n <div class=\"contact-detail\">\n <span>Email<\/span>\n <a href=\"mailto:agence32@orange.fr\">agence32@orange.fr<\/a>\n <\/div>\n <a href=\"mailto:agence32@orange.fr\" class=\"btn-mail\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/>\n <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/>\n <\/svg>\n Discutons ensemble\n <\/a>\n <\/div>\n <div class=\"contact-visual\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/04\/DSC_2002-scaled.jpg\" alt=\"Didier Chatillon\">\n <\/div>\n<\/section>\n\n\n<footer>\n <a href=\"#hero\">Didier Chatillon<\/a>\n <span>VRP Multicartes \u00b7 Vins & Spiritueux \u00b7 \u00a9 2024<\/span>\n<\/footer>\n\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Didier Chatillon \u2014 VRP Vins & Spiritueux Didier Chatillon Portrait Ma carte Contact VRP Multicartes \u00b7 Vins & Spiritueux DidierChatillon Trente ans au service des grandes maisonset de leurs clients. De la Champagne au Roussillon, des C\u00f4tes du Rh\u00f4ne \u00e0 la Loire \u2014 je repr\u00e9sente une s\u00e9lection rigoureuse de domaines et de maisons avec lesquels […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-49","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/didier-chatillon.fr\/index.php\/wp-json\/wp\/v2\/pages\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/didier-chatillon.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/didier-chatillon.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/didier-chatillon.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/didier-chatillon.fr\/index.php\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":113,"href":"https:\/\/didier-chatillon.fr\/index.php\/wp-json\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":292,"href":"https:\/\/didier-chatillon.fr\/index.php\/wp-json\/wp\/v2\/pages\/49\/revisions\/292"}],"wp:attachment":[{"href":"https:\/\/didier-chatillon.fr\/index.php\/wp-json\/wp\/v2\/media?parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\n\n\n\n\nDidier Chatillon \u2014 VRP Vins & Spiritueux<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400;1,500&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --ecru: #F5F0E8;\n --ecru-dark: #EDE5D4;\n --bordeaux: #5C1A1A;\n --bordeaux-light: #7A2E2E;\n --or: #B8965A;\n --or-light: #D4AF6E;\n --encre: #1C1410;\n --gris: #7A7068;\n --blanc: #FDFAF4;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Jost', sans-serif;\n background: var(--ecru);\n color: var(--encre);\n font-weight: 300;\n line-height: 1.7;\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.4rem 4rem;\n background: rgba(245,240,232,0.92);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid rgba(184,150,90,0.2);\n }\n\n .nav-logo {\n font-family: 'Playfair Display', serif !important;\n font-size: 1.1rem !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n color: #5C1A1A !important;\n text-decoration: none !important;\n }\n\n .nav-logo span { color: #B8965A !important; }\n\n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n\n .nav-links a {\n font-size: 0.78rem;\n font-weight: 400;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--encre);\n text-decoration: none;\n transition: color 0.2s;\n }\n\n .nav-links a:hover { color: var(--or); }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n #hero {\n min-height: 100vh;\n display: grid;\n grid-template-columns: 1fr 1fr;\n padding-top: 80px;\n background: #F5F0E8;\n }\n\n .hero-left {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n padding: 2rem 5rem 4rem 7rem;\n position: relative;\n background: #F5F0E8;\n }\n\n .hero-left::before {\n content: '';\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 3px;\n background: linear-gradient(to bottom, transparent, #B8965A, transparent);\n }\n\n .hero-eyebrow {\n font-size: 0.72rem;\n font-weight: 400;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #B8965A;\n \/* R\u00e9duit l'espace sous l'eyebrow *\/\n margin-bottom: 1rem;\n }\n\n .hero-title {\n font-family: 'Playfair Display', serif !important;\n font-size: clamp(3rem, 5vw, 4.8rem) !important;\n font-weight: 400 !important;\n line-height: 1.08 !important;\n color: #5C1A1A !important;\n margin-bottom: 0.8rem !important;\n opacity: 1 !important;\n }\n\n .hero-title .nom {\n color: #5C1A1A !important;\n opacity: 1 !important;\n display: block;\n }\n\n .hero-title em {\n font-style: italic !important;\n color: #B8965A !important;\n display: inline-block !important;\n animation: revealChatillon 1.1s 0.7s both cubic-bezier(0.22,1,0.36,1),\n shimmerOr 2s 1.8s ease-in-out !important;\n }\n\n .hero-subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.4rem;\n font-weight: 300;\n font-style: italic;\n color: #7A2E2E;\n margin-bottom: 1.5rem;\n line-height: 1.4;\n }\n\n .hero-text {\n font-size: 0.95rem;\n color: #1C1410;\n max-width: 42ch;\n line-height: 1.8;\n \/* R\u00e9duit l'espace sous le texte avant les CTA *\/\n margin-bottom: 1.8rem;\n }\n\n .hero-cta {\n display: flex;\n align-items: center;\n gap: 0;\n }\n\n .btn-primary {\n display: inline-block;\n padding: 1rem 2.4rem;\n background: #5C1A1A;\n color: #F5F0E8;\n font-size: 0.75rem;\n font-weight: 400;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n text-decoration: none;\n border: 1px solid #5C1A1A;\n transition: all 0.3s;\n }\n\n .btn-primary:hover {\n background: transparent;\n color: #5C1A1A;\n }\n\n .btn-secondary {\n display: inline-block;\n margin-left: 1.4rem;\n font-size: 0.75rem;\n font-weight: 400;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #B8965A;\n text-decoration: none;\n border-bottom: 1px solid #B8965A;\n padding-bottom: 2px;\n transition: color 0.2s;\n }\n\n .hero-right {\n position: relative;\n overflow: hidden;\n background: var(--bordeaux);\n }\n\n .hero-right img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n opacity: 0.75;\n mix-blend-mode: luminosity;\n filter: sepia(0.3);\n }\n\n .hero-right::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, rgba(92,26,26,0.5) 0%, transparent 60%);\n }\n\n .hero-quote {\n position: absolute;\n bottom: 3rem;\n left: 2.5rem;\n right: 2.5rem;\n z-index: 2;\n color: var(--ecru);\n border-left: 2px solid var(--or);\n padding-left: 1.2rem;\n }\n\n .hero-quote p {\n font-family: 'Cormorant Garamond', serif;\n font-style: italic;\n font-size: 1.15rem;\n font-weight: 300;\n line-height: 1.5;\n margin-bottom: 0.3rem;\n }\n\n .hero-quote span {\n font-size: 0.7rem;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--or-light);\n }\n\n \/* \u2500\u2500\u2500 SECTION G\u00c9N\u00c9RIQUE \u2500\u2500\u2500 *\/\n section { padding: 7rem 7rem; }\n\n .section-label {\n font-size: 0.7rem;\n font-weight: 400;\n letter-spacing: 0.24em;\n text-transform: uppercase;\n color: var(--or);\n margin-bottom: 1rem;\n display: block;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2rem, 3.5vw, 3rem);\n font-weight: 400;\n line-height: 1.15;\n color: var(--bordeaux);\n max-width: 18ch;\n margin-bottom: 3rem;\n }\n\n .divider {\n width: 3.5rem;\n height: 1px;\n background: var(--or);\n margin-bottom: 3rem;\n }\n\n \/* \u2500\u2500\u2500 SECTION PORTRAIT \u2500\u2500\u2500 *\/\n #portrait {\n background: var(--ecru-dark);\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6rem;\n align-items: center;\n }\n\n .portrait-text p {\n font-size: 1rem;\n color: var(--encre);\n margin-bottom: 1.4rem;\n line-height: 1.9;\n }\n\n .portrait-text p strong {\n color: var(--bordeaux);\n font-weight: 500;\n }\n\n .portrait-stats {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n margin-top: 2.5rem;\n }\n\n .stat-item {\n border-left: 2px solid var(--or);\n padding-left: 1.2rem;\n }\n\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 2.2rem;\n font-weight: 400;\n color: var(--bordeaux);\n line-height: 1;\n margin-bottom: 0.3rem;\n }\n\n .stat-label {\n font-size: 0.72rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--gris);\n }\n\n .portrait-visual {\n position: relative;\n }\n\n .portrait-visual img {\n width: 100%;\n height: 560px;\n object-fit: cover;\n object-position: top center;\n filter: sepia(0.15) contrast(1.05);\n }\n\n .portrait-visual::before {\n content: '';\n position: absolute;\n top: -1.5rem;\n left: -1.5rem;\n right: 1.5rem;\n bottom: 1.5rem;\n border: 1px solid var(--or);\n z-index: -1;\n }\n\n \/* \u2500\u2500\u2500 SECTION CARTE \u2500\u2500\u2500 *\/\n #carte {\n background: var(--blanc);\n }\n\n .carte-header {\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n margin-bottom: 4rem;\n border-bottom: 1px solid rgba(184,150,90,0.25);\n padding-bottom: 2rem;\n }\n\n .carte-intro {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.1rem;\n font-style: italic;\n color: var(--encre);\n max-width: 50ch;\n }\n\n .carte-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0;\n border: 1px solid rgba(184,150,90,0.2);\n }\n\n .carte-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 2.5rem 2rem;\n border: 1px solid rgba(184,150,90,0.2);\n margin: -1px;\n transition: background 0.3s, transform 0.2s;\n cursor: default;\n text-align: center;\n min-height: 180px;\n position: relative;\n overflow: hidden;\n }\n\n .carte-item::before {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 2px;\n background: var(--or);\n transition: width 0.3s;\n }\n\n .carte-item:hover::before { width: 60%; }\n .carte-item:hover { background: rgba(184,150,90,0.06); }\n\n .carte-item img {\n max-height: 64px;\n max-width: 130px;\n width: auto;\n object-fit: contain;\n filter: grayscale(0.3) sepia(0.1);\n transition: filter 0.3s, transform 0.3s;\n margin-bottom: 1rem;\n }\n\n .carte-item:hover img {\n filter: grayscale(0) sepia(0);\n transform: scale(1.04);\n }\n\n .carte-item-name {\n font-family: 'Playfair Display', serif;\n font-size: 0.82rem;\n font-weight: 500;\n color: var(--bordeaux);\n letter-spacing: 0.04em;\n line-height: 1.3;\n margin-bottom: 0.2rem;\n }\n\n .carte-item-region {\n font-size: 0.67rem;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--or);\n }\n\n .carte-vedettes {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n }\n\n .carte-vedette {\n border: 1px solid rgba(184,150,90,0.3);\n padding: 2.5rem 2rem 2rem;\n text-align: center;\n background: var(--blanc);\n transition: box-shadow 0.3s, transform 0.2s;\n }\n\n .carte-vedette:hover {\n box-shadow: 0 8px 32px rgba(92,26,26,0.1);\n transform: translateY(-3px);\n }\n\n .carte-vedette img {\n max-height: 70px;\n max-width: 140px;\n width: auto;\n object-fit: contain;\n filter: grayscale(0.2) sepia(0.15);\n transition: filter 0.3s;\n margin-bottom: 1.2rem;\n }\n\n .carte-vedette:hover img { filter: none; }\n\n .vedette-name {\n font-family: 'Playfair Display', serif;\n font-size: 0.95rem;\n font-weight: 500;\n color: var(--bordeaux);\n margin-bottom: 0.2rem;\n }\n\n .vedette-region {\n font-size: 0.68rem;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--or);\n margin-bottom: 0.8rem;\n }\n\n .vedette-desc {\n font-size: 0.82rem;\n color: var(--encre);\n line-height: 1.65;\n }\n\n .carte-section-label {\n font-size: 0.67rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--gris);\n margin: 3rem 0 1rem;\n padding-bottom: 0.5rem;\n border-bottom: 1px solid rgba(184,150,90,0.2);\n }\n\n \/* \u2500\u2500\u2500 COULEURS PAR SECTION \u2500\u2500\u2500 *\/\n .section-title { color: var(--bordeaux); }\n .section-label { color: var(--or); }\n #portrait .section-title { color: var(--bordeaux); }\n #portrait .section-label { color: var(--or); }\n #carte .section-title { color: var(--bordeaux); }\n #carte .section-label { color: var(--or); }\n #carte .carte-section-label { color: var(--gris); }\n #valeurs .section-title { color: var(--ecru); }\n #valeurs .section-label { color: var(--or-light); }\n #valeurs .valeur-title { color: var(--or-light); }\n #valeurs .valeur-text { color: rgba(245,240,232,0.85); }\n #valeurs .valeur-number { color: rgba(184,150,90,0.35); }\n #contact .section-title { color: var(--bordeaux); }\n #contact .section-label { color: var(--or); }\n\n \/* \u2500\u2500\u2500 SECTION VALEURS \u2500\u2500\u2500 *\/\n #valeurs { background: var(--bordeaux); }\n\n .valeurs-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 3rem;\n margin-top: 3rem;\n }\n\n .valeur-item {\n border-top: 1px solid rgba(184,150,90,0.4);\n padding-top: 2rem;\n }\n\n .valeur-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n font-weight: 400;\n line-height: 1;\n margin-bottom: 1rem;\n }\n\n .valeur-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.25rem;\n font-weight: 400;\n margin-bottom: 1rem;\n }\n\n .valeur-text { font-size: 0.9rem; line-height: 1.8; }\n\n \/* \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500 *\/\n #contact {\n background: var(--ecru-dark);\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6rem;\n align-items: center;\n }\n\n .contact-info .section-title { margin-bottom: 1.5rem; }\n\n .contact-text {\n font-size: 0.95rem;\n color: var(--encre);\n line-height: 1.8;\n margin-bottom: 2.5rem;\n }\n\n .contact-detail {\n display: flex;\n align-items: baseline;\n gap: 1rem;\n margin-bottom: 1.8rem;\n }\n\n .contact-detail span:first-child {\n font-size: 0.68rem;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--or);\n min-width: 5ch;\n }\n\n .contact-detail a {\n font-size: 0.9rem;\n color: var(--encre);\n text-decoration: none;\n }\n\n \/* CTA mail *\/\n .btn-mail {\n display: inline-flex;\n align-items: center;\n gap: 0.8rem;\n padding: 1rem 2.4rem;\n background: var(--bordeaux);\n color: var(--ecru);\n font-size: 0.75rem;\n font-weight: 400;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n text-decoration: none;\n border: 1px solid var(--bordeaux);\n transition: all 0.3s;\n }\n\n .btn-mail:hover {\n background: transparent;\n color: var(--bordeaux);\n }\n\n .btn-mail svg { flex-shrink: 0; }\n\n \/* Photo contact *\/\n .contact-visual {\n position: relative;\n }\n\n .contact-visual img {\n width: 100%;\n height: 520px;\n object-fit: cover;\n object-position: top center;\n filter: sepia(0.15) contrast(1.05);\n display: block;\n }\n\n .contact-visual::before {\n content: '';\n position: absolute;\n top: -1.5rem;\n right: -1.5rem;\n left: 1.5rem;\n bottom: 1.5rem;\n border: 1px solid var(--or);\n z-index: -1;\n }\n\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n footer {\n background: var(--encre);\n color: rgba(245,240,232,0.5);\n padding: 2.5rem 7rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n footer a {\n font-family: 'Playfair Display', serif;\n font-size: 1.05rem;\n color: var(--ecru);\n text-decoration: none;\n }\n\n footer span { font-size: 0.75rem; letter-spacing: 0.1em; }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 1100px) {\n nav { padding: 1.2rem 2rem; }\n section { padding: 5rem 3rem; }\n #hero { grid-template-columns: 1fr; min-height: auto; }\n .hero-left { padding: 5rem 3rem 3rem; }\n .hero-left::before { display: none; }\n .hero-right { height: 50vh; }\n #portrait, #contact { grid-template-columns: 1fr; gap: 3rem; }\n .portrait-visual { order: -1; }\n .portrait-visual img { height: 400px; }\n .contact-visual { order: -1; }\n .contact-visual img { height: 360px; }\n .carte-vedettes { grid-template-columns: repeat(2, 1fr); }\n .carte-grid { grid-template-columns: repeat(3, 1fr); }\n .valeurs-grid { grid-template-columns: 1fr; gap: 2rem; }\n footer { flex-direction: column; gap: 1rem; text-align: center; }\n }\n\n @media (max-width: 680px) {\n section { padding: 4rem 1.5rem; }\n .nav-links { display: none; }\n .carte-vedettes { grid-template-columns: 1fr; }\n .carte-grid { grid-template-columns: repeat(2, 1fr); }\n .portrait-stats { grid-template-columns: 1fr; }\n footer { padding: 2rem 1.5rem; }\n }\n\n \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes revealChatillon {\n 0% { clip-path: inset(0 100% 0 0); opacity: 0; }\n 20% { opacity: 1; }\n 100% { clip-path: inset(0 0% 0 0); opacity: 1; }\n }\n\n @keyframes shimmerOr {\n 0% { color: #B8965A; text-shadow: none; }\n 40% { color: #D4AF6E; text-shadow: 0 0 32px rgba(184,150,90,0.5); }\n 100% { color: #B8965A; text-shadow: none; }\n }\n\n .hero-eyebrow { animation: fadeUp 0.7s 0.1s both ease-out; }\n .hero-title { animation: fadeUp 0.7s 0.25s forwards ease-out; }\n .hero-title em {\n display: inline-block;\n animation: revealChatillon 1.1s 0.7s both cubic-bezier(0.22,1,0.36,1),\n shimmerOr 2s 1.8s ease-in-out;\n }\n .hero-subtitle{ animation: fadeUp 0.7s 0.4s both ease-out; }\n .hero-text { animation: fadeUp 0.7s 0.55s both ease-out; }\n .hero-cta { animation: fadeUp 0.7s 0.7s both ease-out; }\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n <a href=\"#hero\" class=\"nav-logo\">Didier <span>Chatillon<\/span><\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#portrait\">Portrait<\/a><\/li>\n <li><a href=\"#carte\">Ma carte<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n<\/nav>\n\n\n<section id=\"hero\">\n <div class=\"hero-left\">\n <span class=\"hero-eyebrow\">VRP Multicartes \u00b7 Vins & Spiritueux<\/span>\n <h1 class=\"hero-title\"><span class=\"nom\" style=\"color:#5C1A1A !important;\">Didier<\/span><em style=\"color:#B8965A !important;\">Chatillon<\/em><\/h1>\n <p class=\"hero-subtitle\" style=\"color:#7A2E2E !important;\">Trente ans au service des grandes maisons<br>et de leurs clients.<\/p>\n <p class=\"hero-text\" style=\"color:#1C1410 !important;\">De la Champagne au Roussillon, des C\u00f4tes du Rh\u00f4ne \u00e0 la Loire \u2014 je repr\u00e9sente une s\u00e9lection rigoureuse de domaines et de maisons avec lesquels j'ai construit des relations de confiance sur la dur\u00e9e. Mon travail : mettre le bon vin devant la bonne personne.<\/p>\n <div class=\"hero-cta\">\n <a href=\"#carte\" class=\"btn-primary\">D\u00e9couvrir ma carte<\/a>\n <a href=\"#contact\" class=\"btn-secondary\" style=\"color:#B8965A !important; border-bottom-color:#B8965A !important;\">Prendre contact<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-right\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/04\/DSC_2002-scaled.jpg\" alt=\"Didier Chatillon\">\n <div class=\"hero-quote\">\n <p>\u00ab Si le vin manque, il manque tout. \u00bb<\/p>\n <span>Proverbe latin<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"portrait\">\n <div class=\"portrait-text\">\n <span class=\"section-label\">Qui suis-je<\/span>\n <h2 class=\"section-title\">Un m\u00e9tier de terrain, une vie de caves.<\/h2>\n <div class=\"divider\"><\/div>\n <p>Depuis pr\u00e8s de trente ans, j'arpente les routes des vignobles fran\u00e7ais pour repr\u00e9senter aupr\u00e8s de la restauration, des cavistes et des \u00e9piceries fines un portefeuille de maisons soigneusement choisi. <strong>Mon travail n'est pas de vendre des bouteilles, c'est de construire des partenariats.<\/strong><\/p>\n <p>Chaque maison que je repr\u00e9sente, je la connais dans ses d\u00e9tails : ses terroirs, ses mill\u00e9simes, son \u00e9quipe. Je ne propose que ce que je suis en mesure de d\u00e9fendre face \u00e0 mes clients \u2014 et ce que j'ai moi-m\u00eame choisi de porter.<\/p>\n <p>Mon ancrage g\u00e9ographique me permet d'\u00eatre pr\u00e9sent, r\u00e9actif, et de maintenir des relations commerciales dans la dur\u00e9e. Ce que mes clients appr\u00e9cient, c'est d'avoir un interlocuteur unique, inform\u00e9 et disponible.<\/p>\n <div class=\"portrait-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">30<\/div>\n <div class=\"stat-label\">Ann\u00e9es d'exp\u00e9rience<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">12+<\/div>\n <div class=\"stat-label\">Maisons repr\u00e9sent\u00e9es<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">6<\/div>\n <div class=\"stat-label\">R\u00e9gions viticoles<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">1<\/div>\n <div class=\"stat-label\">Interlocuteur d\u00e9di\u00e9<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"portrait-visual\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/04\/RenderedImage-768x1024.jpg\" alt=\"Didier Chatillon, VRP vins et spiritueux\">\n <\/div>\n<\/section>\n\n\n<section id=\"carte\">\n <div class=\"carte-header\">\n <div>\n <span class=\"section-label\">Portefeuille<\/span>\n <h2 class=\"section-title\">Ma carte<\/h2>\n <\/div>\n <p class=\"carte-intro\">Des maisons avec lesquelles je travaille dans la dur\u00e9e, choisies pour la qualit\u00e9 de leurs produits et la solidit\u00e9 de leur identit\u00e9.<\/p>\n <\/div>\n\n <p class=\"carte-section-label\">Maisons embl\u00e9matiques<\/p>\n <div class=\"carte-vedettes\">\n <div class=\"carte-vedette\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/4\/4e\/Taittinger_logo.svg\/320px-Taittinger_logo.svg.png\" alt=\"Champagne Taittinger\" onerror=\"this.style.display='none'\">\n <div class=\"vedette-name\">Champagne Taittinger<\/div>\n <div class=\"vedette-region\">Champagne \u00b7 Reims<\/div>\n <p class=\"vedette-desc\">Maison fond\u00e9e en 1734, figure de l'\u00e9l\u00e9gance champenoise. Des cuv\u00e9es qui conjuguent fra\u00eecheur et complexit\u00e9 avec une r\u00e9gularit\u00e9 remarquable.<\/p>\n <\/div>\n <div class=\"carte-vedette\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/04\/logo-mont-redon-II.png\" alt=\"Ch\u00e2teau Mont-Redon\" onerror=\"this.style.display='none'\">\n <div class=\"vedette-name\">Ch\u00e2teau Mont-Redon<\/div>\n <div class=\"vedette-region\">Ch\u00e2teauneuf-du-Pape \u00b7 Rh\u00f4ne<\/div>\n <p class=\"vedette-desc\">L'une des plus anciennes et des plus grandes propri\u00e9t\u00e9s de l'appellation. Grenache de caract\u00e8re, vins de garde exigeants.<\/p>\n <\/div>\n <div class=\"carte-vedette\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/04\/LogoPaulJabouletAnjpeg_621e4c71885de-600x320.jpeg\" alt=\"Domaine Paul Jaboulet A\u00een\u00e9\">\n <div class=\"vedette-name\">Paul Jaboulet A\u00een\u00e9<\/div>\n <div class=\"vedette-region\">Vall\u00e9e du Rh\u00f4ne \u00b7 Hermitage<\/div>\n <p class=\"vedette-desc\">Domaine historique de la Vall\u00e9e du Rh\u00f4ne, propri\u00e9t\u00e9 depuis 2006 de la famille Frey. La Chapelle en t\u00eate de pont d'un portefeuille de haute tenue.<\/p>\n <\/div>\n <div class=\"carte-vedette\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/05\/302704172_479340300868674_1311945348669853767_n-450x450.jpg\" alt=\"Bouchard P\u00e8re et Fils\">\n <div class=\"vedette-name\">Bouchard P\u00e8re & Fils<\/div>\n <div class=\"vedette-region\">Bourgogne \u00b7 Beaune<\/div>\n <p class=\"vedette-desc\">Une des plus grandes maisons de n\u00e9goce de Bourgogne. Un patrimoine viticole exceptionnel, 130 hectares en propri\u00e9t\u00e9 dont une part significative en Premiers et Grands Crus.<\/p>\n <\/div>\n <\/div>\n\n <p class=\"carte-section-label\">Ensemble du portefeuille<\/p>\n <div class=\"carte-grid\">\n\n <div class=\"carte-item\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/04\/logo-vignette.jpeg\" alt=\"Ch\u00e2teau Laffite-Teston\">\n <div class=\"carte-item-name\">Ch\u00e2teau Laffite-Teston<\/div>\n <div class=\"carte-item-region\">Madiran \u00b7 Sud-Ouest<\/div>\n <\/div>\n\n <div class=\"carte-item\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/04\/logo_domaine_de_mirail-600x387.png\" alt=\"Domaine de Mirail\">\n <div class=\"carte-item-name\">Domaine de Mirail<\/div>\n <div class=\"carte-item-region\">Lectoure \u00b7 Gascogne<\/div>\n <\/div>\n\n <div class=\"carte-item\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/04\/cdm_sas_logo.jpeg\" alt=\"Le Club des Marques\">\n <div class=\"carte-item-name\">Le Club des Marques<\/div>\n <div class=\"carte-item-region\">Distribution s\u00e9lective<\/div>\n <\/div>\n\n <div class=\"carte-item\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/04\/logo-450x450.jpeg\" alt=\"Lionel Osmin & Cie\">\n <div class=\"carte-item-name\">Lionel Osmin & Cie<\/div>\n <div class=\"carte-item-region\">Sud-Ouest \u00b7 N\u00e9goce<\/div>\n <\/div>\n\n <div class=\"carte-item\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/05\/309273571_785316829484530_323929234322310249_n.png\" alt=\"Domaine Gayda\">\n <div class=\"carte-item-name\">Domaine Gayda<\/div>\n <div class=\"carte-item-region\">Languedoc \u00b7 Roussillon<\/div>\n <\/div>\n\n <div class=\"carte-item\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/04\/300-large_default.jpeg\" alt=\"Domaine Figui\u00e8re\">\n <div class=\"carte-item-name\">Domaine Figui\u00e8re<\/div>\n <div class=\"carte-item-region\">Provence \u00b7 La Londe<\/div>\n <\/div>\n\n <div class=\"carte-item\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/05\/LOgo-450x450.png\" alt=\"Les Caves du Roussillon\">\n <div class=\"carte-item-name\">Les Caves du Roussillon<\/div>\n <div class=\"carte-item-region\">Roussillon \u00b7 Catalogne<\/div>\n <\/div>\n\n \n <div class=\"carte-item\">\n <img decoding=\"async\" src=\"http:\/\/didier-chatillon.fr\/wp-content\/uploads\/2026\/04\/biarritz-bonheu-68b8231d96471.png\" alt=\"Biarritz Bonheur\" onerror=\"this.style.display='none'\">\n <div class=\"carte-item-name\">Biarritz Bonheur<\/div>\n <div class=\"carte-item-region\">Spiritueux<\/div>\n <\/div>\n\n <div class=\"carte-item\">\n <div class=\"carte-item-name\">Domaine Lafage<\/div>\n <div class=\"carte-item-region\">Roussillon \u00b7 Perpignan<\/div>\n <\/div>\n\n <div class=\"carte-item\">\n <div class=\"carte-item-name\">Ch\u00e2teau Puech-Haut<\/div>\n <div class=\"carte-item-region\">Languedoc \u00b7 Saint-Dr\u00e9z\u00e9ry<\/div>\n <\/div>\n\n <div class=\"carte-item\">\n <div class=\"carte-item-name\">Domaine Saget<\/div>\n <div class=\"carte-item-region\">Loire \u00b7 Pouilly-Fum\u00e9<\/div>\n <\/div>\n\n <div class=\"carte-item\" style=\"background: rgba(184,150,90,0.05); border-style: dashed;\">\n <div class=\"carte-item-name\" style=\"color: var(--gris); font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 300; font-size: 0.95rem;\">Et d'autres encore\u2026<\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section id=\"valeurs\">\n <span class=\"section-label\">Ce que je propose<\/span>\n <h2 class=\"section-title\">Un partenariat commercial dans la dur\u00e9e.<\/h2>\n <div class=\"valeurs-grid\">\n <div class=\"valeur-item\">\n <div class=\"valeur-number\">01<\/div>\n <div class=\"valeur-title\">Expertise produit<\/div>\n <p class=\"valeur-text\">Je connais chaque maison, chaque cuv\u00e9e, chaque mill\u00e9sime que je repr\u00e9sente. Quand je vous parle d'un vin, c'est parce que je suis en mesure de vous en d\u00e9fendre le prix, la typicit\u00e9, et le potentiel en salle ou en cave.<\/p>\n <\/div>\n <div class=\"valeur-item\">\n <div class=\"valeur-number\">02<\/div>\n <div class=\"valeur-title\">Ancrage terrain<\/div>\n <p class=\"valeur-text\">Mon secteur, je le connais dans ses d\u00e9tails. Restaurateurs, cavistes, \u00e9piceries fines : j'entretiens des relations sur la dur\u00e9e, pas seulement des passages de commande. C'est ce qui fait la diff\u00e9rence dans ce m\u00e9tier.<\/p>\n <\/div>\n <div class=\"valeur-item\">\n <div class=\"valeur-number\">03<\/div>\n <div class=\"valeur-title\">Interlocuteur unique<\/div>\n <p class=\"valeur-text\">Vous avez affaire \u00e0 moi, directement. Pas \u00e0 un standard, pas \u00e0 un commercial junior. Disponibilit\u00e9, r\u00e9activit\u00e9, suivi personnalis\u00e9 \u2014 c'est ce que je m'engage \u00e0 vous apporter \u00e0 chaque contact.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"contact\">\n <div class=\"contact-info\">\n <span class=\"section-label\">Prenons contact<\/span>\n <h2 class=\"section-title\">Vous avez un besoin, une question, une commande ?<\/h2>\n <p class=\"contact-text\">Je r\u00e9ponds \u00e0 tous les messages et rappelle rapidement. Que vous soyez restaurateur, caviste, ou particulier \u00e0 la recherche d'une s\u00e9lection sp\u00e9cifique \u2014 parlons-en.<\/p>\n <div class=\"contact-detail\">\n <span>Email<\/span>\n <a href=\"mailto:agence32@orange.fr\">agence32@orange.fr<\/a>\n <\/div>\n <a href=\"mailto:agence32@orange.fr\" class=\"btn-mail\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/>\n <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/>\n <\/svg>\n Discutons ensemble\n <\/a>\n <\/div>\n <div class=\"contact-visual\">\n <img decoding=\"async\" src=\"https:\/\/didier-chatillon.fr\/wp-content\/uploads\/2024\/04\/DSC_2002-scaled.jpg\" alt=\"Didier Chatillon\">\n <\/div>\n<\/section>\n\n\n<footer>\n <a href=\"#hero\">Didier Chatillon<\/a>\n <span>VRP Multicartes \u00b7 Vins & Spiritueux \u00b7 \u00a9 2024<\/span>\n<\/footer>\n\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Didier Chatillon \u2014 VRP Vins & Spiritueux Didier Chatillon Portrait Ma carte Contact VRP Multicartes \u00b7 Vins & Spiritueux DidierChatillon Trente ans au service des grandes maisonset de leurs clients. De la Champagne au Roussillon, des C\u00f4tes du Rh\u00f4ne \u00e0 la Loire \u2014 je repr\u00e9sente une s\u00e9lection rigoureuse de domaines et de maisons avec lesquels […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-49","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/didier-chatillon.fr\/index.php\/wp-json\/wp\/v2\/pages\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/didier-chatillon.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/didier-chatillon.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/didier-chatillon.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/didier-chatillon.fr\/index.php\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":113,"href":"https:\/\/didier-chatillon.fr\/index.php\/wp-json\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":292,"href":"https:\/\/didier-chatillon.fr\/index.php\/wp-json\/wp\/v2\/pages\/49\/revisions\/292"}],"wp:attachment":[{"href":"https:\/\/didier-chatillon.fr\/index.php\/wp-json\/wp\/v2\/media?parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}