{"id":7019,"date":"2025-07-01T15:15:56","date_gmt":"2025-07-01T13:15:56","guid":{"rendered":"https:\/\/larochewines.com\/history\/"},"modified":"2026-02-19T10:11:31","modified_gmt":"2026-02-19T09:11:31","slug":"history","status":"publish","type":"page","link":"https:\/\/larochewines.com\/en\/history\/","title":{"rendered":"History"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7019\" class=\"elementor elementor-7019 elementor-75\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bad0e16 e-flex e-con-boxed e-con e-parent\" data-id=\"bad0e16\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b4f967 elementor-widget elementor-widget-shortcode\" data-id=\"2b4f967\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Laroche<\/span><\/p><\/nav><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c865705 e-flex e-con-boxed e-con e-parent\" data-id=\"c865705\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-692ef85 elementor-absolute elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"692ef85\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"378\" height=\"400\" src=\"https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/chevalier.png\" class=\"attachment-full size-full wp-image-6693\" alt=\"\" srcset=\"https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/chevalier.png 378w, https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/chevalier-284x300.png 284w\" sizes=\"(max-width: 378px) 100vw, 378px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf16076 elementor-absolute elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"cf16076\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"620\" src=\"https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/fossile-simple-1024x793.png\" class=\"attachment-large size-large wp-image-7020\" alt=\"\" srcset=\"https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/fossile-simple-1024x793.png 1024w, https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/fossile-simple-300x232.png 300w, https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/fossile-simple-768x594.png 768w, https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/fossile-simple-1536x1189.png 1536w, https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/fossile-simple-2048x1585.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7febf10 elementor-absolute e-transform elementor-hidden-desktop elementor-hidden-widescreen elementor-widget elementor-widget-image\" data-id=\"7febf10\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.2,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.8,&quot;sizes&quot;:[]},&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"378\" height=\"400\" src=\"https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/chevalier.png\" class=\"attachment-full size-full wp-image-6693\" alt=\"\" srcset=\"https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/chevalier.png 378w, https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/chevalier-284x300.png 284w\" sizes=\"(max-width: 378px) 100vw, 378px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-010ca0a elementor-absolute e-transform elementor-hidden-desktop elementor-widget elementor-widget-image\" data-id=\"010ca0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.5,&quot;sizes&quot;:[]},&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"2560\" height=\"1981\" src=\"https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/fossile-simple-scaled.png\" class=\"attachment-full size-full wp-image-7020\" alt=\"\" srcset=\"https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/fossile-simple-scaled.png 2560w, https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/fossile-simple-300x232.png 300w, https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/fossile-simple-1024x793.png 1024w, https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/fossile-simple-768x594.png 768w, https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/fossile-simple-1536x1189.png 1536w, https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/fossile-simple-2048x1585.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44c7419 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"44c7419\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title-special\">\n Laroche, over <span class=\"special-number\">1000<\/span> years of history\n<\/h1>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31a9982 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"31a9982\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\">If they could speak, the walls of the Ob\u00e9diencerie, which house Domaine Laroche&#8217;s aging cellars, could tell the legend of Chablis wines. Major players in the Chablis vineyard for several centuries, the canons of the Ob\u00e9diencerie built the reputation of the vintages through their incredible landed heritage and their commitment to quality. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b9ca4a6 e-grid e-con-full e-con e-child\" data-id=\"b9ca4a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a991001 elementor-align-center bouton-primaire elementor-widget elementor-widget-button\" data-id=\"a991001\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/larochewines.com\/en\/history\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\"><circle opacity=\"0.15\" cx=\"15.213\" cy=\"15.2944\" r=\"14.1284\" stroke=\"#262622\"><\/circle><path d=\"M13.2728 11.2751L17.1532 15.1555L13.5205 18.7881\" stroke=\"#262622\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Visit and tasting at the Ob\u00e9diencerie<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da3035b elementor-align-center bouton-primaire elementor-widget elementor-widget-button\" data-id=\"da3035b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/larochewines.com\/en\/history\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\"><circle opacity=\"0.15\" cx=\"15.213\" cy=\"15.2944\" r=\"14.1284\" stroke=\"#262622\"><\/circle><path d=\"M13.2728 11.2751L17.1532 15.1555L13.5205 18.7881\" stroke=\"#262622\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Discover the history of Saint-Martin<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f617ba5 e-flex e-con-boxed e-con e-parent\" data-id=\"f617ba5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ab4985 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"2ab4985\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <div class=\"timeline-spiral-wrapper\">\n\n        <div class=\"timeline-spiral\">\n            <svg viewBox=\"0 0 663 687.75\" class=\"spiral-svg-root\" id=\"main-svg\">\n                <defs>\n                    <mask id=\"mask-pinceau\">\n                        <path id=\"reveal-path\"\n                            d=\"M363.68,392.38c-10.69-6.16-23.94-19.18-24.11-26.64-2.2-14.24-3.85-32.8,31.54-32.08,44.22.91,48.03,31.79,48.03,51.11s-9.55,73.75-62.48,75.42c-36.09,1.14-108-14.45-104.57-83.02,3.2-64,52.12-123.24,122.94-128.57,34.72-2.62,69.3,5.88,98.69,33.06,36.71,16.47,61.79,61.07,53.47,111.79-14.5,88.32-99.04,137.76-170.16,151.91-33.19,6.6-80.44,1.6-102.16-23.27-5.98-6.84-12.18-13.81-20.15-18.17-53.57-29.3-68.5-67.3-77.29-129.13-18.9-132.92,100.14-236.27,199.81-236.27,22.77,0,63.38.78,89.94,8.04,111.9,30.38,155.06,97.36,163.87,200.42,3.05,78.32-51.4,242.67-245.14,275.49-63.71,10.79-118.64,9.98-165.56-13.02-50.88-40.19-82.7-63.99-106.94-81.07-16.2-11.41-24.78-30.77-26.11-50.55-2.56-37.94-14.42-77.46-15.24-105.64-2.11-72.38,9.65-194.19,133.27-259.94,38.07-20.25,160.78-82.05,298.08-38.48\"\n                            fill=\"none\" stroke=\"white\" stroke-width=\"80\" stroke-linecap=\"round\" stroke-linejoin=\"round\" pathLength=\"1\" \/>\n                    <\/mask>\n                <\/defs>\n                <image href=\"https:\/\/larochewines.com\/wp-content\/themes\/screenshot\/frise.svg\" width=\"663\" height=\"687.75\" \/>\n                <image href=\"https:\/\/larochewines.com\/wp-content\/themes\/screenshot\/spirale-complete.png\" width=\"663\" height=\"687.75\" mask=\"url(#mask-pinceau)\" class=\"spiral-texture\" \/>\n                <g id=\"generated-dots-layer\"><\/g>\n            <\/svg>\n        <\/div>\n\n        <div class=\"timeline-periods\">\n            <div class=\"periods-line-bg\"><\/div>\n                            <div class=\"period-item\" data-period=\"Moyen-\u00c2ge\">\n                    <span class=\"period-label\">Moyen-\u00c2ge<\/span>\n                    <span class=\"period-dot\"><\/span>\n                <\/div>\n                            <div class=\"period-item\" data-period=\"Les temps modernes\">\n                    <span class=\"period-label\">Les temps modernes<\/span>\n                    <span class=\"period-dot\"><\/span>\n                <\/div>\n                            <div class=\"period-item\" data-period=\"Epoque contemporaine\">\n                    <span class=\"period-label\">Epoque contemporaine<\/span>\n                    <span class=\"period-dot\"><\/span>\n                <\/div>\n                            <div class=\"period-item\" data-period=\"De nos jours\">\n                    <span class=\"period-label\">De nos jours<\/span>\n                    <span class=\"period-dot\"><\/span>\n                <\/div>\n                    <\/div>\n\n        <div class=\"timeline-content\">\n\n            <div class=\"timeline-header-fixed\">\n                <button class=\"nav-prev mobile-arrow\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"58\" height=\"58\" viewBox=\"0 0 58 58\" fill=\"none\" style=\"transform: rotate(180deg);\">\n                        <circle cx=\"24.4323\" cy=\"24.4323\" r=\"23.9323\" transform=\"matrix(1 0 0 -1 4.40625 53.624)\" stroke=\"#A58953\" \/>\n                        <circle cx=\"28.3319\" cy=\"28.3319\" r=\"27.8319\" transform=\"matrix(1 0 0 -1 0.506836 57.5244)\" stroke=\"#A58953\" \/>\n                        <path d=\"M24.9326 21.7725L32.3727 29.2125L25.4076 36.1776\" stroke=\"#A58953\" stroke-width=\"2\" \/>\n                    <\/svg>\n                <\/button>\n\n                <h3 id=\"timeline-title\"><\/h3>\n\n                <button class=\"nav-next mobile-arrow\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"58\" height=\"58\" viewBox=\"0 0 58 58\" fill=\"none\">\n                        <circle cx=\"24.4323\" cy=\"24.4323\" r=\"23.9323\" transform=\"matrix(1 0 0 -1 4.40625 53.624)\" stroke=\"#A58953\" \/>\n                        <circle cx=\"28.3319\" cy=\"28.3319\" r=\"27.8319\" transform=\"matrix(1 0 0 -1 0.506836 57.5244)\" stroke=\"#A58953\" \/>\n                        <path d=\"M24.9326 21.7725L32.3727 29.2125L25.4076 36.1776\" stroke=\"#A58953\" stroke-width=\"2\" \/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n\n            <div class=\"timeline-desc-wrapper\">\n                <p id=\"timeline-text\"><\/p>\n            <\/div>\n\n            <div class=\"timeline-controls desktop-controls\">\n                <button class=\"nav-prev\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"58\" height=\"58\" viewBox=\"0 0 58 58\" fill=\"none\" style=\"transform: rotate(180deg);\">\n                        <circle cx=\"24.4323\" cy=\"24.4323\" r=\"23.9323\" transform=\"matrix(1 0 0 -1 4.40625 53.624)\" stroke=\"#A58953\" \/>\n                        <circle cx=\"28.3319\" cy=\"28.3319\" r=\"27.8319\" transform=\"matrix(1 0 0 -1 0.506836 57.5244)\" stroke=\"#A58953\" \/>\n                        <path d=\"M24.9326 21.7725L32.3727 29.2125L25.4076 36.1776\" stroke=\"#A58953\" stroke-width=\"2\" \/>\n                    <\/svg>\n                <\/button>\n                <button class=\"nav-next\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"58\" height=\"58\" viewBox=\"0 0 58 58\" fill=\"none\">\n                        <circle cx=\"24.4323\" cy=\"24.4323\" r=\"23.9323\" transform=\"matrix(1 0 0 -1 4.40625 53.624)\" stroke=\"#A58953\" \/>\n                        <circle cx=\"28.3319\" cy=\"28.3319\" r=\"27.8319\" transform=\"matrix(1 0 0 -1 0.506836 57.5244)\" stroke=\"#A58953\" \/>\n                        <path d=\"M24.9326 21.7725L32.3727 29.2125L25.4076 36.1776\" stroke=\"#A58953\" stroke-width=\"2\" \/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <style>\n        \/* --- STRUCTURE PRINCIPALE AVEC FORCE BREAK-OUT --- *\/\n        .timeline-spiral-wrapper {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 40px 0;\n            gap: 20px;\n            width: 1280px !important;\n            max-width: 100vw;\n            margin-left: calc(50% - 640px) !important;\n            margin-right: auto !important;\n        }\n\n        \/* MOBILE BREAKPOINT *\/\n        @media (max-width: 1280px) {\n            .timeline-spiral-wrapper {\n                width: 100% !important;\n                margin-left: auto !important;\n                margin-right: auto !important;\n            }\n        }\n\n        \/* --- Colonnes --- *\/\n        .timeline-spiral {\n            width: 50%;\n            max-width: 663px;\n            position: relative;\n            flex-shrink: 0;\n        }\n\n        .spiral-svg-root {\n            width: 100%;\n            height: auto;\n            display: block;\n            overflow: visible;\n        }\n\n        #reveal-path {\n            stroke-dasharray: 1;\n            stroke-dashoffset: 1;\n            transition: stroke-dashoffset 1.2s ease-in-out;\n        }\n\n        \/* SVG Elements *\/\n        .dot-circle {\n            fill: #A58953;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            opacity: 0.6;\n        }\n\n        .dot-circle:hover,\n        .dot-circle.active {\n            r: 9px;\n            opacity: 1;\n            fill: #A58953;\n            stroke: #fff;\n            stroke-width: 1px;\n        }\n\n        .dot-label {\n            font-family: 'Palatino', serif;\n            font-size: 14px;\n            fill: #A58953;\n            opacity: 0.5;\n            pointer-events: none;\n            font-style: italic;\n            transition: all 0.3s ease;\n            text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.8);\n        }\n\n        .dot-label.active {\n            opacity: 1;\n            font-size: 20px;\n            font-weight: bold;\n        }\n\n        \/* Colonne P\u00e9riodes *\/\n        .timeline-periods {\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            position: relative;\n            min-height: 300px;\n            padding: 20px 0;\n            width: 240px;\n            flex-shrink: 0;\n        }\n\n        .periods-line-bg {\n            position: absolute;\n            right: 2px;\n            width: 1px;\n            background-color: #E0D6C2;\n            z-index: 0;\n            top: 0;\n            height: 0;\n            transition: height 0.3s ease, top 0.3s ease;\n        }\n\n        .period-item {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            position: relative;\n            margin-bottom: 40px;\n            cursor: pointer;\n            z-index: 1;\n            opacity: 0.4;\n            transition: opacity 0.4s ease;\n        }\n\n        .period-label {\n            font-family: 'Palatino', serif;\n            font-style: italic;\n            color: #A58953;\n            font-size: 20px;\n            text-align: right;\n            margin-right: 20px;\n            transition: transform 0.3s ease;\n            white-space: nowrap;\n        }\n\n        .period-dot {\n            width: 4px;\n            height: 4px;\n            background-color: #D3C5A3;\n            border-radius: 50%;\n            flex-shrink: 0;\n            transition: all 0.3s ease;\n        }\n\n        .period-item.active {\n            opacity: 1;\n        }\n\n        .period-item.active .period-label {\n            font-weight: bold;\n            transform: scale(1.05);\n        }\n\n        .period-item.active .period-dot {\n            background-color: #A58953;\n            transform: scale(1);\n            box-shadow: 0 0 0 1px #F7F4EF;\n        }\n\n        \/* --- Colonne Contenu Fixe --- *\/\n        .timeline-content {\n            width: 30%;\n            padding-left: 30px;\n            min-height: 500px;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .timeline-header-fixed {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n            width: 100%;\n            height: 160px;\n            min-height: 160px;\n            flex-shrink: 0;\n        }\n\n        #timeline-title {\n            font-family: 'Hogarth script', serif;\n            color: #A58953;\n            margin: 0;\n            line-height: 0.9;\n            text-align: center;\n            font-size: 150px;\n        }\n\n        #timeline-title.medium-title {\n            font-size: 100px;\n        }\n\n        #timeline-title.long-title {\n            font-size: 45px;\n            line-height: 1.1;\n        }\n\n        .timeline-desc-wrapper {\n            flex-grow: 1;\n            margin-top: 10px;\n        }\n\n        #timeline-text {\n            font-family: 'Palatino', serif;\n            font-size: 16px;\n            line-height: 1.6;\n            color: #333;\n            text-align: left;\n        }\n\n        \/* --- CONTROLES --- *\/\n        .timeline-controls {\n            margin-top: auto;\n            padding-top: 20px;\n            display: flex;\n            gap: 15px;\n            justify-content: center;\n        }\n\n        .mobile-arrow {\n            display: none;\n        }\n\n        \/* --- VERSION MOBILE (320px) --- *\/\n        @media (max-width: 900px) {\n            .timeline-spiral-wrapper {\n                flex-direction: column;\n                text-align: center;\n                max-width: 320px !important;\n                width: 100% !important;\n                margin-left: auto !important;\n                margin-right: auto !important;\n            }\n\n            .timeline-spiral {\n                width: 100%;\n            }\n\n            .timeline-periods {\n                display: none;\n            }\n\n            .timeline-content {\n                width: 100%;\n                padding: 0;\n                margin-top: 20px;\n                min-height: auto;\n                display: block;\n            }\n\n            .timeline-header-fixed {\n                justify-content: space-between;\n                height: auto;\n                min-height: 100px;\n                margin-bottom: 20px;\n            }\n\n            .mobile-arrow {\n                display: block;\n            }\n\n            .desktop-controls {\n                display: none !important;\n            }\n\n            #timeline-title {\n                font-size: 80px;\n            }\n\n            #timeline-title.medium-title {\n                font-size: 50px;\n            }\n\n            #timeline-title.long-title {\n                font-size: 36px;\n            }\n        }\n\n        \/* Reset boutons *\/\n        .timeline-spiral-wrapper button,\n        .nav-prev,\n        .nav-next {\n            background: transparent !important;\n            outline: none !important;\n            border: none !important;\n            box-shadow: none !important;\n            -webkit-tap-highlight-color: transparent !important;\n            user-select: none !important;\n            cursor: pointer;\n        }\n\n        .timeline-spiral-wrapper button:focus,\n        .timeline-spiral-wrapper button:active {\n            background: transparent !important;\n            outline: none !important;\n        }\n\n        \/* --- ANIMATION SURVOL FLECHES (NOUVEAU) --- *\/\n        \/* Transition douce pour tous les cercles *\/\n        .timeline-spiral-wrapper button svg circle {\n            transition: r 0.3s ease;\n        }\n\n        \/* Au survol du bouton, on r\u00e9duit le rayon du cercle int\u00e9rieur (23.9323 -> 19) *\/\n        .timeline-spiral-wrapper button:hover svg circle[r=\"23.9323\"] {\n            r: 19;\n        }\n    <\/style>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", () => {\n            const contents = [{\"title\":\"867\",\"text\":\"Installation of the canons of Saint Martin of Tours in Chablis. Beginning of Chablis' viticultural history and the Ob\\u00e9diencerie, under the reign of the King of France, Charles the Bald.\",\"period\":\"Moyen-\\u00c2ge\"},{\"title\":\"877-887\",\"text\":\"The Vikings settled across northern and western present-day France, reaching Lyon, and the threat of raids loomed over the ecclesiastical order. The relics of Saint Martin from Tours were then hidden in Chablis, at the foot of the Ob\\u00e9diencerie tower.\",\"period\":\"Moyen-\\u00c2ge\"},{\"title\":\"1128\",\"text\":\"First known mention of the Ob\\u00e9diencerie as a wine producer. During this decade, the first universities were founded in France and Italy, then throughout Europe.\",\"period\":\"Moyen-\\u00c2ge\"},{\"title\":\"1216\",\"text\":\"First known mention of the Ob\\u00e9diencerie's press.\\n\\nNotre-Dame Cathedral in Paris is under construction.\",\"period\":\"Moyen-\\u00c2ge\"},{\"title\":\"15th-17th centuries\",\"text\":\"The Ob\\u00e9diencerie becomes the private property of successive local dignitaries.\",\"period\":\"Les temps modernes\"},{\"title\":\"1789\",\"text\":\"The French Revolution breaks out.\",\"period\":\"Les temps modernes\"},{\"title\":\"1850\",\"text\":\"The eponymous Laroche family established and developed Domaine Laroche. Vineyard cultivation was predominant but not exclusive; cereal crops and livestock farming also complemented their activities, a common practice for many regional producers of the era.\",\"period\":\"Epoque contemporaine\"},{\"title\":\"1980\",\"text\":\"Building on its growth in France and for export, Laroche is expanding its Chardonnay range in the South of France. The house is among the pioneers in selecting cool terroirs in Languedoc to plant Burgundian grape varieties: Chardonnay and Pinot Noir.\",\"period\":\"Epoque contemporaine\"},{\"title\":\"1994\",\"text\":\"The Channel Tunnel is inaugurated by Queen Elizabeth II and President Fran\\u00e7ois Mitterrand. Laroche Chablis Premier Cru Les Fourchaumes 1992 wine is served at the dinner for this event.\",\"period\":\"Epoque contemporaine\"},{\"title\":\"1995\",\"text\":\"Laroche acquires the Mas La Chevali\\u00e8re estate near B\\u00e9ziers. A few years later, in 2003, The House would build a state-of-the-art winemaking facility, which remains a benchmark today for its energy efficiency and gravity-fed processes.\",\"period\":\"Epoque contemporaine\"},{\"title\":\"1996\",\"text\":\"Laroche Chablis Grand Cru wine Les Clos is voted best white wine in the world by Wine Spectator, a renowned international magazine.\",\"period\":\"Epoque contemporaine\"},{\"title\":\"2000\",\"text\":\"Founded in March 2000, at the initiative of Domaine Laroche, the Union des Grands Crus de Chablis set itself a simple objective: to defend and promote the quality of wines from the Chablis Grands Crus. This non-profit association currently unites 12 members, all owners within the Grands Crus.\",\"period\":\"De nos jours\"},{\"title\":\"2004\",\"text\":\"Laroche is experimenting with screw caps as an alternative to traditional corking, even for its fine wines. This innovative approach has provided significant technical insights into closures. Today, premier and grand crus are sealed with natural cork, while screw caps are still used for village appellations in certain markets and for Southern Chardonnays.\",\"period\":\"De nos jours\"},{\"title\":\"2016\",\"text\":\"Domaine Laroche achieves HVE 3A certification, among the top twenty in Burgundy.\",\"period\":\"De nos jours\"},{\"title\":\"2019\",\"text\":\"The Laroche Chablis Saint Martin Cuv\\u00e9e is served during a G7 lunch in Biarritz.\",\"period\":\"De nos jours\"},{\"title\":\"2021\",\"text\":\"La Chevali\\u00e8re site, which vinifies Laroche Chardonnays in the South of France, has been awarded the Energy Performance Trophy by the Orygeen Institute for its efficiency and the numerous innovative projects it has undertaken.\",\"period\":\"De nos jours\"},{\"title\":\"And Today\\u2026\",\"text\":\"Laroche perpetuates its expertise in the art of enhancing Chardonnay, cultivating its agroecology approach through new research & development and innovation projects. A commitment to further excellence is the ambition that drives our teams daily.\",\"period\":\"De nos jours\"}];\n            const path = document.getElementById('reveal-path');\n            const dotsLayer = document.getElementById('generated-dots-layer');\n            const titleEl = document.getElementById('timeline-title');\n            const textEl = document.getElementById('timeline-text');\n            const periodItems = document.querySelectorAll('.period-item');\n\n            const stepPercentages = [\n                0.043, 0.082, 0.135, 0.190, 0.245, 0.310, 0.365, 0.420, 0.480,\n                0.530, 0.590, 0.645, 0.710, 0.780, 0.850, 0.920, 0.995\n            ];\n\n            \/\/ D\u00e9calages personnalis\u00e9s pour certains labels [dx, dy, anchor]\n            \/\/ dx: positif = droite, n\u00e9gatif = gauche\n            \/\/ dy: positif = bas, n\u00e9gatif = haut\n            \/\/ anchor: \"start\" (texte \u00e0 droite), \"end\" (texte \u00e0 gauche), ou null pour auto\n            const labelOffsets = {\n                1: [-20, -50, \"start\"], \/\/ 2\u00e8me point: en haut \u00e0 droite\n                4: [-20, 0, \"start\"],\n                5: [10, -50, \"start\"],\n                8: [10, 0, \"start\"], \/\/1994\n                10: [-57, -50, \"start\"],\n                11: [-70, 0, \"start\"],\n                12: [10, -60, \"start\"],\n                13: [10, -50, \"start\"], \/\/ exemple\n            };\n\n            const pathLength = path.getTotalLength();\n            dotsLayer.innerHTML = '';\n\n            contents.forEach((item, index) => {\n                const pct = stepPercentages[index] || (index \/ contents.length);\n                const point = path.getPointAtLength(pathLength * pct);\n                const offset = (index in labelOffsets) ? labelOffsets[index] : [0, 0];\n\n                const circle = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"circle\");\n                circle.setAttribute(\"cx\", point.x);\n                circle.setAttribute(\"cy\", point.y);\n                circle.setAttribute(\"r\", 6);\n                circle.setAttribute(\"class\", \"dot-circle\");\n                circle.addEventListener('click', () => goToStep(index));\n\n                const text = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"text\");\n                text.setAttribute(\"x\", point.x + offset[0]);\n                text.setAttribute(\"y\", point.y + 28 + offset[1]);\n                text.setAttribute(\"class\", \"dot-label\");\n                text.textContent = item.title;\n\n                \/\/ Anchor personnalis\u00e9 ou auto selon position\n                const anchor = offset[2] || (point.x > 331.5 ? \"end\" : \"start\");\n                text.setAttribute(\"text-anchor\", anchor);\n                text.setAttribute(\"dx\", anchor === \"start\" ? \"8\" : \"-8\");\n                dotsLayer.appendChild(text);\n                dotsLayer.appendChild(circle);\n            });\n\n            let currentStep = 0;\n            const svgCircles = dotsLayer.querySelectorAll('.dot-circle');\n            const svgLabels = dotsLayer.querySelectorAll('.dot-label');\n\n            function goToStep(index) {\n                currentStep = index;\n                const currentData = contents[index];\n\n                textEl.textContent = currentData.text;\n                titleEl.textContent = currentData.title;\n\n                titleEl.classList.remove('medium-title', 'long-title');\n                const len = currentData.title.length;\n                if (len > 9) titleEl.classList.add('long-title');\n                else if (len > 4) titleEl.classList.add('medium-title');\n\n                const targetPct = stepPercentages[index] || 0;\n                path.style.strokeDashoffset = 1 - targetPct;\n\n                svgCircles.forEach((c, i) => c.classList.toggle('active', i === index));\n                svgLabels.forEach((l, i) => l.classList.toggle('active', i === index));\n\n                const currentPeriod = currentData.period;\n                periodItems.forEach(item => {\n                    if (item.dataset.period === currentPeriod) item.classList.add('active');\n                    else item.classList.remove('active');\n                });\n            }\n\n            document.querySelectorAll('.nav-next').forEach(btn => {\n                btn.addEventListener('click', () => goToStep((currentStep + 1) % contents.length));\n            });\n            document.querySelectorAll('.nav-prev').forEach(btn => {\n                btn.addEventListener('click', () => goToStep((currentStep - 1 + contents.length) % contents.length));\n            });\n            periodItems.forEach(pItem => {\n                pItem.addEventListener('click', () => {\n                    const periodName = pItem.dataset.period;\n                    const firstIndex = contents.findIndex(c => c.period === periodName);\n                    if (firstIndex !== -1) goToStep(firstIndex);\n                });\n            });\n\n            goToStep(0);\n\n            function updateVerticalLine() {\n                const line = document.querySelector('.periods-line-bg');\n                const dots = document.querySelectorAll('.period-dot');\n                const container = document.querySelector('.timeline-periods');\n\n                if (!line || dots.length < 2 || !container) return;\n\n                const containerRect = container.getBoundingClientRect();\n                const firstDotRect = dots[0].getBoundingClientRect();\n                const lastDotRect = dots[dots.length - 1].getBoundingClientRect();\n\n                const startTop = firstDotRect.top - containerRect.top + (firstDotRect.height \/ 2);\n                const endTop = lastDotRect.top - containerRect.top + (lastDotRect.height \/ 2);\n                const lineHeight = endTop - startTop;\n\n                line.style.top = startTop + 'px';\n                line.style.height = lineHeight + 'px';\n            }\n\n            updateVerticalLine();\n            window.addEventListener('resize', updateVerticalLine);\n            setTimeout(updateVerticalLine, 500);\n            window.addEventListener('load', updateVerticalLine);\n        });\n    <\/script>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f46271 e-flex e-con-boxed e-con e-parent\" data-id=\"3f46271\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fbce72 elementor-widget elementor-widget-image\" data-id=\"9fbce72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"614\" src=\"https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/cave-obediencerie.jpg\" class=\"attachment-full size-full wp-image-7021\" alt=\"\" srcset=\"https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/cave-obediencerie.jpg 1366w, https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/cave-obediencerie-300x135.jpg 300w, https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/cave-obediencerie-1024x460.jpg 1024w, https:\/\/larochewines.com\/wp-content\/uploads\/2025\/07\/cave-obediencerie-768x345.jpg 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>Laroche, over 1000 years of history If they could speak, the walls of the Ob\u00e9diencerie, which house Domaine Laroche&#8217;s aging cellars, could tell the legend of Chablis wines. Major players in the Chablis vineyard for several centuries, the canons of the Ob\u00e9diencerie built the reputation of the vintages through their incredible landed heritage and their [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-7019","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/larochewines.com\/en\/wp-json\/wp\/v2\/pages\/7019","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/larochewines.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/larochewines.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/larochewines.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/larochewines.com\/en\/wp-json\/wp\/v2\/comments?post=7019"}],"version-history":[{"count":0,"href":"https:\/\/larochewines.com\/en\/wp-json\/wp\/v2\/pages\/7019\/revisions"}],"wp:attachment":[{"href":"https:\/\/larochewines.com\/en\/wp-json\/wp\/v2\/media?parent=7019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}