PageSourceSearch

https://www.demontille.com/fr_FR/la-vinification

html demontille.com collected 2026-09-26 03:18:07 UTC 49,649 bytes, 886 lines download raw bytes

1<!DOCTYPE html>
2
3<html lang="fr">
4    <head>
5        <meta charset="utf-8">
6        <meta http-equiv="X-UA-Compatible" content="IE=edge">
7        <title>
8                            
9        
10        
11    Vinification
12
13                    </title>
14        <meta content="width=device-width, initial-scale=1, maximum-scale=5, user-scalable=yes" name="viewport">
15        <meta content="fr" name="language"/>
16        <meta name="referrer" content="origin">
17                    <link rel="canonical" href="https://www.demontille.com/fr_FR/la-vinification"/>
18
19
20
21        <link rel="alternate" hreflang="x-default" href="https://www.demontille.com/fr_FR/"/>
22        <link rel="alternate" hreflang="en-us" href="https://www.demontille.com/en_US/"/>
23
24
25
26                    
27        
28    
29            <meta property="og:title" content="Vinification" />
30    
31            <meta property="og:description" content="Le travail de respect du vivant mené aux vignes se poursuit en cave" />
32        <meta name="description" content="Le travail de respect du vivant mené aux vignes se poursuit en cave" />
33    
34    
35            <meta property="og:type" content="website" />
36        <meta property="og:url" content="https://www.demontille.com/fr_FR/la-vinification" />
37    
38            
39
40        
41                    <link rel="stylesheet" href="/build/shop/17.8c59c991.css"><link rel="stylesheet" href="/build/shop/shop-entry.a8d46094.css">
42
43
44
45        
46        
47
48
49
50                    
50<script src="/build/shop/620.ba43411e.js" defer></script>
50<script src="/build/shop/17.be427532.js" defer></script>
50<script src="/build/shop/shop-entry.941f0cc1.js" defer></script>
50
51
52    
52<script type="text/javascript">
53        window.google_map_api_key= 'AIzaSyA1G9Lag6KkxFIABo2G3nGj906J6TfWJW8';
54    </script>
54
55
56
57
58            </head>
59
60    
61
62
63
64        <body data-controller="appswup symfony--ux-swup--swup" data-symfony--ux-swup--swup-cache-value="false" data-symfony--ux-swup--swup-animatehistorybrowsing-value="true" data-symfony--ux-swup--swup-containers-value="&#x5B;&quot;&#x23;swup&quot;,&quot;&#x23;sylius-locale-selector&quot;&#x5D;">
65
66         
67        <div class="purgecss-faker hidden "></div>
68
69                    <nav class="menu-container flex flex-col items-center fixed top-0 w-full z-[100] ppointer-events-none text-black md:py-3" data-controller="element--menu">
70            <div class="absolute inset-0 bg-repeat-y bg-[length:150%_auto] md:bg-[length:100%_auto] pointer-events-none"
71        style="background-image: url( /build/shop/images/paper-bg.338fabbf.jpg );"
72
73        data-controller="animations--transform" data-animations--transform-y-value="-25" data-animations--transform-duration-value="1"
74    ></div>
75    
76
77        <div class="grid md:hidden burger-container h-[50px] w-[50px] rounded-[50%] border border-rouge my-3 relative place-items-center cursor-pointer hover:bg-rouge group transition-colors duration-500" data-controller="element--menu-toggle" data-action="click->element--menu-toggle#onClick" data-element--menu-target="burger">
78        <div class="burger-btn h-[30px] w-[35px] flex flex-col items-center justify-between group overflow-hidden relative pointer-events-none p-[6px]">
79            <span class="rounded h-[2px] w-full bg-rouge/80 duration-500 group-hover:bg-white"></span>
80            <span class="rounded h-[2px] w-full bg-rouge/80 duration-500 group-hover:bg-white"></span>
81            <span class="rounded h-[2px] w-full bg-rouge/80 duration-500 group-hover:bg-white"></span>
82        </div>
83    </div>
84
85        <div class="menu-items hidden md:flex items-center justify-center gap-6">
86                                    <a href="/fr_FR/le-domaine" class="menu-item desktop text-center md:text-[13px] lg:text-[15px]">
87                le Domaine
88            </a>
89                    <a href="/fr_FR/la-viticulture" class="menu-item desktop text-center md:text-[13px] lg:text-[15px]">
90                la Viticulture
91            </a>
92                    <a href="/fr_FR/la-vinification" class="menu-item desktop text-center md:text-[13px] lg:text-[15px]">
93                la Vinification
94            </a>
95                    <a href="/fr_FR/les-vins" class="menu-item desktop text-center md:text-[13px] lg:text-[15px]">
96                les Vins
97            </a>
98                    <a href="/fr_FR/distributeurs" class="menu-item desktop text-center md:text-[13px] lg:text-[15px]">
99                Distributeurs
100            </a>
101                    <a href="/fr_FR/contact" class="menu-item desktop text-center md:text-[13px] lg:text-[15px]">
102                Contact
103            </a>
104            </div>
105</nav>
106            <div class="menu-mobile fixed inset-0 flex flex-col items-center justify-between gap-4 opacity-0 pointer-events-none z-[101] bg-white" data-controller="element--menu-mobile">
107
108        <img class="menu-mobile-bg h-full w-full absolute inset-0 z-[-1] object-cover object-center transition-opacity duration-300"
109        alt="background"
110        data-controller="ui--lazy-image" data-ui--lazy-image-src-value="&#x2F;build&#x2F;shop&#x2F;images&#x2F;paper-bg.338fabbf.jpg" data-ui--lazy-image-options-value="&#x7B;&quot;threshold&quot;&#x3A;0&#x7D;"
111        data-element--menu-mobile-target="bg"
112    >
113
114        <div class="menu-mobile-close w-full relative">
115        <div class="mx-auto grid burger-container h-[50px] w-[50px] rounded-[50%] border border-rouge my-3 relative place-items-center cursor-pointer"
116            data-element--menu-mobile-target="close" data-action="click->element--menu-mobile#onClick"
117        >
118            <img class="h-[20px] w-auto" src="/build/shop/images/close.4cfe2b08.svg" alt="">
119        </div>
120    </div>
121
122
123        <div class=" flex-grow menu-items flex flex-col items-center justify-around gap-[3vh] relative">
124                                    <a href="/fr_FR/le-domaine" class="menu-item mobile text-center">
125                le Domaine
126            </a>
127                    <a href="/fr_FR/la-viticulture" class="menu-item mobile text-center">
128                la Viticulture
129            </a>
130                    <a href="/fr_FR/la-vinification" class="menu-item mobile text-center">
131                la Vinification
132            </a>
133                    <a href="/fr_FR/les-vins" class="menu-item mobile text-center">
134                les Vins
135            </a>
136                    <a href="/fr_FR/distributeurs" class="menu-item mobile text-center">
137                Distributeurs
138            </a>
139                    <a href="/fr_FR/contact" class="menu-item mobile text-center">
140                Contact
141            </a>
142            </div>
143
144        <div class="menu-mobile-footer flex-shrink-0 w-full px-[3vw] pt-[3vh] pb-[1vh] overflow-hidden flex flex-col items-center gap-[1vh] mt-auto relative">
145
146                <div class="menu-mobile-footer-bg w-full h-full absolute inset-0 z-[-1] bg-white"></div>
147
148                <a href="/fr_FR/" class="menu-mobile-footer-title font-dinpro font-light text-[20px] tracking-wider hover:text-rouge transition-colors duration-500 text-center">
149            DOMAINE de&nbsp;MONTILLE
150        </a>
151
152                <div class="footer-social-link-parent flex gap-2 text-white">
153                                        <a href="https://www.facebook.com/demontille/?locale=fr_FR" target="_blank" class="footer-social-link flex-shrink-0 bg-blue-300 rounded-[50%] p-[7%] h-[6vh] w-[6vh] max-h-[37px] max-w-[37px] text-white group relative block">
154                    <div class="bg absolute inset-0 bg-rouge roun
154ded-[50%]"></div>
155                    <img class="h-[26px] w-[17px] m-auto relative" src="/build/shop/images/facebook.9668ab3d.svg"
156                        alt="Facebook"
157                    />
158                </a>
159            
160                                        <a href="https://www.instagram.com/domainedemontille/?hl=fr" target="_blank" class="footer-social-link flex-shrink-0 bg-blue-300 rounded-[50%] p-[7%] h-[6vh] w-[6vh] max-h-[37px] max-w-[37px] text-white group relative block">
161                    <div class="bg absolute inset-0 bg-rouge rounded-[50%]"></div>
162                    <img class="h-[22px] w-[17px] m-auto relative" src="/build/shop/images/instagram.c62962f7.svg"
163                        alt="Instagram"
164                    />
165                </a>
166            
167                                        <a href="https://fr.linkedin.com/company/domaine-de-montille" target="_blank" class="footer-social-link flex-shrink-0 bg-blue-300 rounded-[50%] p-[7%] h-[6vh] w-[6vh] max-h-[37px] max-w-[37px] text-white group relative block">
168                    <div class="bg absolute inset-0 bg-rouge rounded-[50%]"></div>
169                    <img class="h-[27px] w-[17px] m-auto relative" src="/build/shop/images/linkedin.16fb62af.svg"
170                        alt="Linkedin"
171                    />
172                </a>
173                    </div>
174
175                <div class="text-center font-dinpro text-[14px] tracking-wide">
176            <a href="" class="address block hover:text-rouge transition-colors duration-500">
177                Rue du Pied de la Vallée
178                <br class="hidden sm:block">
179                21 190 VOLNAY
180            </a>
181            <a href="#" class="tel font-medium block hover:text-rouge transition-colors duration-500">
182                +33 3 80 21 39 14
183            </a>
184            <a href="mailto:[email protected]" class="email text-rouge block">
185                [email protected]
186            </a>
187        </div>
188
189                                                                                                            <a 
190                        href="/fr_FR/switch-locale/en_US" data-no-swup
191                        class="menu-lang-switch group sylius-available-locale menu-lang-switch group overflow-hidden" 
192                        
193                    >
194                        <img class="h-auto w-[25px] group-hover:grayscale transition-[transform, filter] duration-500" 
195                        src="/build/shop/images/en.40a625e6.png"
196                            alt="Langue en_US"
197                        />
198                    </a>
199                                    
200                                            <a href="/fr_FR/mentions-legales" class="menu-mobile-link font-dinpro text-[14px] text-center">
201                Mentions légales
202            </a>
203        
204        <div class="health-msg font-dinpro text-[11px] text-[#8E8E8E] tracking-wider text-center">
205            L’abus d’alcool est dangereux pour la santé, à consommer avec modération
206        </div>
207    </div>
208</div>
209        
210        <main id="swup">
211                        
212
213                <div>
214        
215<div class="anchors-menu w-[35px] 
216    
217    flex flex-col gap-2 items-center justify-around 
218    py-5 z-[100] 
219    fixed left-0 md:left-4 top-1/2 -translate-y-1/2 
220        "
221    data-controller="element--vertical-indicator"
222>
223            <a href="#la-vinification" data-no-swup data-anchor-link-target="la-vinification"
224            class="anchor-menu-item dot-outer"
225            data-controller="element--anchor-link" data-element--anchor-link-offset-value="0"
226        >
227            <div class="dot-inner cursor-pointer"></div>
228        </a>
229            <a href="#un-style" data-no-swup data-anchor-link-target="un-style"
230            class="anchor-menu-item dot-outer"
231            data-controller="element--anchor-link" data-element--anchor-link-offset-value="0"
232        >
233            <div class="dot-inner cursor-pointer"></div>
234        </a>
235            <a href="#les-rouges" data-no-swup data-anchor-link-target="les-rouges"
236            class="anchor-menu-item dot-outer"
237            data-controller="element--anchor-link" data-element--anchor-link-offset-value="0"
238        >
239            <div class="dot-inner cursor-pointer"></div>
240        </a>
241            <a href="#le-terroir" data-no-swup data-anchor-link-target="le-terroir"
242            class="anchor-menu-item dot-outer"
243            data-controller="element--anchor-link" data-element--anchor-link-offset-value="0"
244        >
245            <div class="dot-inner cursor-pointer"></div>
246        </a>
247            <a href="#les-blancs" data-no-swup data-anchor-link-target="les-blancs"
248            class="anchor-menu-item dot-outer"
249            data-controller="element--anchor-link" data-element--anchor-link-offset-value="0"
250        >
251            <div class="dot-inner cursor-pointer"></div>
252        </a>
253    </div>
254<div class="uielement-texte-image hero-banner min-h-screen h-full w-full relative overflow-hidden 
255        grid place-items-center
256        
257        pt-[4rem] pb-[6rem]
258    "
259>
260        <div class="anchor-trigger 
261    h-[10px] w-full 
262    absolute top-0 left-0 
263    z-[100] pointer-events-none
264    " 
265    id="la-vinification"
266></div>
267        <div class="absolute inset-0 opacity-0 bg-repeat-y bg-[length:150%_auto] md:bg-[length:100%_auto] pointer-events-none"
268        style="background-image: url( /build/shop/images/paper-bg.338fabbf.jpg );"
269
270        data-controller="animations--opacity" data-animations--opacity-duration-value="2"
271    ></div>
272
273        <div class="lame-image-text-content relative max-w-[800px]">
274        <a href="/fr_FR/" 
275            class="
276                font-dinpro font-light 
277                text-[24px] sm:text-[28px] md:text-[34px] text-black tracking-wide text-center 
278                block w-fit mb-2 mx-auto relative 
279                hover:text-rouge transition-colors duration-500 ease-in-out
280                opacity-0 
281            "
282            data-controller="animations--transform" data-animations--transform-x-value="50" data-animations--transform-duration-value="2"
283        >
284            DOMAINE de MONTILLE
285        </a>
286
287        <div id="#la-vinification" 
288            class="text-center text-[50px] sm:text-[70px] md:text-[80px] font-hirjnotes text-shadow-custom opacity-0 pointer-events-none"
289            data-controller="animations--transform" data-animations--transform-x-value="-25" data-animations--transform-duration-value="2" data-animations--transform-delay-value="0.25"
290            
291        >
292            la Vinification
293        </div>
294
295                <div class="overflow-hidden aspect-[1/1] md:aspect-[5/4] h-[50vh] mx-auto">
296                            <img class="object-contain object-center h-full w-full scale-110" 
297                    alt="image"
298                    data-controller="ui--lazy-image animations--parallax-scale-image" data-ui--lazy-image-src-value="https&#x3A;&#x2F;&#x2F;www.demontille.com&#x2F;media&#x2F;cache&#x2F;resolve&#x2F;background&#x2F;media&#x2F;rich-editor&#x2F;vinif-649c58c69d553.png" data-ui--lazy-image-options-value="&#x7B;&quot;threshold&quot;&#x3A;0.25&#x7D;" data-animations--parallax-scale-image-scale-value="0.9"
299                >
300                    </div>
301    </div>
302
303                <div class="absolute bottom-4 left-1/2 -translate-x-1/2">
304            <a href="#un-style" data-no-swup 
305                class="flex flex-col items-center gap-2 group"
306                data-controller="animations--transform element--anchor-link" data-animations--transform-y-value="50" data-animations--transform-duration-value="2" data-element--anchor-link-offset-value="0"
307            >
308                <span class="block font-dinpro text-[11px] tracking-widest uppercase 
309                    text-rouge 
310                                        transition-colors duration-500 ease-in-out
311                    "
312                >
313                    UN STYLE
314                </span>
315
316                <div class="circle-arrow-icon h-[40px] w-[40px] border border-rouge/[.3] rounded-[50%] 
317                    grid place-items-center p-2 
318                    group-hover:scale-90 hover:border-rouge/100
319                                        transition-all duration-500 ease-in-out"
320                >
321                                    <span class="icon chevron-down transition-all duration-500 ease-in-out group-hover:scale-90 text-rouge" data-icon="chevron-down.svg"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
322  <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
323</svg></span>
324
325                </div>
326            </a>
327        </div>
328    </div>
329<div class="uielement-texte-image min-h-screen h-full w-full relative overflow-hidden 
330        grid place-items-center py-[8rem]
331        
332        bg-black
333    "
334>
335        <div class="anchor-trigger 
336    h-[10px] w-full 
337    absolute top-0 left-0 
338    z-[100] pointer-events-none
339    " 
340    id="un-style"
341></div>
342        <div class="absolute inset-0">
343                    <img class="object-cover object-center h-full w-full" 
344                alt="background"
345                data-controller="ui--lazy-image animations--parallax-scale-image" data-ui--lazy-image-src-value="https&#x3A;&#x2F;&#x2F;www.demontille.com&#x2F;media&#x2F;cache&#x2F;resolve&#x2F;background&#x2F;media&#x2F;rich-editor&#x2F;vinificationimagetext1-645ceabe95846.jpg" data-ui--lazy-image-options-value="&#x7B;&quot;threshold&quot;&#x3A;0.25&#x7D;" data-animations--parallax-scale-image-scale-value="1.1"
346            >
347            </div>
348
349
350        <div class="lame-image-text-content relative max-w-[660px] text-center px-8 text-white">
351        <h2 id="#un-style" 
352            class="text-[50px] sm:text-[70px] md:text-[80px] font-hirjnotes leading-none text-shadow-custom opacity-0
353                mb-8
354            "
355            data-controller="animations--transform" data-animations--transform-x-value="-50" data-animations--transform-duration-value="2"
356        >
357            un Style
358        </h2>
359        <div class="text-[22px] md:text-[30px] mb-2"
360            data-controller="animations--transform" data-animations--transform-x-value="-50" data-animations--transform-duration-value="2"
361        >
362            
363        </div>
364        <div class="text-container text-[14px] md:text-[16px] wysiwyg-style"
365            data-controller="animations--group-transform" data-animations--group-transform-y-value="65" data-animations--group-transform-duration-value="2" data-animations--group-transform-stagger-value="0.25" data-animations--group-transform-threshold-value="90" data-animations--group-transform-delay-value="0.2"
366        >
367            <p><br></p><p>Le travail de respect du vivant mené aux vignes se poursuit en cave.</p><hr><p>Si le domaine, ancré à Volnay, a longtemps produit exclusivement des vins rouges, aujourd'hui les blancs participent tout autant à sa renommée. <br></p><hr><p>À la capacité de garde légendaires des rouges d’Hubert, Étienne et Brian ont apporté une note de charme, un toucher de velours, ainsi que le grain, la structure, la fraîcheur, et la lecture supplémentaire des grands terroirs bourguignons que permet une maîtrise exceptionnelle de la vendange entière. Les blancs, quant à eux, sont caractérisés par une finesse exemplaire et l’éclat d’une grande pureté aromatique. Nous aimons retrouver dans chacun de nos flacons la recherche éprise de l’authenticité et de l’élégance.</p>
368        </div>
369    </div>
370
371        
372    
373    <div class="absolute bottom-4 left-1/2 -translate-x-1/2 z-[2]">
374        <a href="#les-rouges" data-no-swup 
375            class="
376                flex flex-col items-center gap-2 group
377                text-white
378            "
379            data-controller="animations--transform element--anchor-link" data-animations--transform-y-value="50" data-animations--transform-duration-value="2" data-element--anchor-link-offset-value="0"
380        >
381            <span class="block font-dinpro text-[11px] tracking-widest uppercase 
382                group-hover:text-rouge 
383                text-white
384                transition-colors duration-500 ease-in-out
385            ">
386                LES ROUGES
387            </span>
388
389            <div class="circle-arrow-icon h-[40px] w-[40px] 
390                border rounded-[50%] 
391                border-white/25
392                grid place-items-center p-2 
393                group-hover:scale-90 group-hover:border-rouge 
394                transition-all duration-500 ease-in-out
395                "
396            >
397                                <span class="icon chevron-down transition-all duration-500 ease-in-out group-hover:scale-90 group-hover:text-rouge text-white" data-icon="chevron-down.svg"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
398  <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
399</svg></span>
400
401            </div>
402        </a>
403    </div>
404</div><div class="uielement-vinification-les-rouges min-h-screen h-full w-full relative overflow-hidden 
405        grid place-items-center py-[8rem]
406        
407        bg-black
408    "
409>
410        <div class="anchor-trigger 
411    h-[10px] w-full 
412    absolute top-0 left-0 
413    z-[100] pointer-events-none
414    " 
415    id="les-rouges"
416></div>
417        <div class="absolute inset-0 opacity-0 bg-repeat-y bg-[length:150%_auto] md:bg-[length:100%_auto] pointer-events-none"
418        style="background-image: url( /build/shop/images/paper-bg.338fabbf.jpg );"
419
420        data-controller="animations--opacity" data-animations--opacity-duration-value="2"
421    ></div>
422
423        <div class="relative md:absolute left-0 bottom-0 
424        md:h-[400px] md:min-w-[400px] 
425        aspect-square 
426        w-full max-w-[500px] 
427        order-last
428        "
429    >
430        <img class="object-contain object-center h-full w-full
431        drop-shadow-[15px_15px_10px_rgba(0,0,0,0.4)]
432        " 
433            data-controller="ui--lazy-image animations--parallax-scale-image" data-ui--lazy-image-src-value="https&#x3A;&#x2F;&#x2F;www.demontille.com&#x2F;media&#x2F;cache&#x2F;resolve&#x2F;background&#x2F;media&#x2F;rich-editor&#x2F;decovin-64a2e77879cd0.png" data-ui--lazy-image-options-value="&#x7B;&quot;threshold&quot;&#x3A;0.25&#x7D;" data-animations--parallax-scale-image-scale-value="1.1"
434        >
435
436                        <a  href="/fr_FR/les-vins"
437            class="round-btn rounded-[50%] aspect-square 
438                flex place-items-center w-fit 
439                absolute 
440                top-[75%] left-[60%] md:left-auto 
441                md:top-[60%] -translate-y-1/2 md:right-[5%] 
442                peer group z-[2] 
443                opacity-0
444            "
445            data-controller="animations--opacity" data-animations--opacity-duration-value="1"
446        >
447                        <div class="btn-bg
448                absolute inset-0 bg-[#D0002A] rounded-[50%]
449                transition-all duration-500 ease-in-out
450                group-hover:scale-90
451                shadow-[5px_10px_15px_0_rgba(0,0,0,0.5)]
452                group-hover:shadow-[5px_5px_10px_0_rgba(0,0,0,0.65)]"
453            ></div>
454
455                        <div class="p-4 text-white text-center font-dinpro text-[14px]  relative">
456                <div class="tracking-widest uppercase">Découvrir</div>
457                <div class="font-medium">Nos vins rouges</div>
458            </div>
459        </a>
460    </div>
461
462        <div class="absolute right-0 bottom-0 
463        translate-y-[20%] translate-x-[20%] 
464        max-w-[250px] 
465        hidden lg:block 
466        drop-shadow-[10px_20px_15px_rgba(0,0,0,0.5)] 
467    ">
468        <img class="object-contain object-center" 
469            data-controller="ui--lazy-image animations--parallax animations--scale" data-ui--lazy-image-src-value="https&#x3A;&#x2F;&#x2F;www.demontille.com&#x2F;media&#x2F;cache&#x2F;resolve&#x2F;background&#x2F;media&#x2F;rich-editor&#x2F;vinificationrougesbottle2-645ceb1bc0350.png" data-ui--lazy-image-options-value="&#x7B;&quot;threshold&quot;&#x3A;0.25&#x7D;" data-animations--parallax-y-from-value="10" data-animations--parallax-y-to-value="5" data-animations--parallax-scrub-value="2.5" data-animations--scale-start-scale-value="0.8" data-animations--scale-end-scale-value="1" data-animations--scale-duration-value="2.5"
470        >
471    </div>
472    
473        <div class="absolute right-0 lg:right-[7vw] bottom-0 
474        translate-y-[10%] translate-x-[50%] lg:translate-x-0 
475        max-w-[250px] 
476        hidden md:block 
477        drop-shadow-[15px_20px_15px_rgba(0,0,0,0.4)] 
478    ">
479        <img class="object-contain object-center" 
480            data-controller="ui--lazy-image animations--parallax animations--scale" data-ui--lazy-image-src-value="https&#x3A;&#x2F;&#x2F;www.demontille.com&#x2F;media&#x2F;cache&#x2F;resolve&#x2F;background&#x2F;media&#x2F;rich-editor&#x2F;vinificationrougesbottle1-645ceb1bbfe15.png" data-ui--lazy-image-options-value="&#x7B;&quot;threshold&quot;&#x3A;0.25&#x7D;" data-animations--parallax-y-from-value="10" data-animations--parallax-y-to-value="-10" data-animations--parallax-scrub-value="2.5" data-animations--scale-start-scale-value="0.8" data-animations--scale-end-scale-value="1" data-animations--scale-duration-value="2.5"
481        >
482    </div>
483
484        <div class="absolute left-0 top-0 
485        translate-y-[-25%] translate-x-[-50%] rotate-90 
486        max-w-[250px] 
487        opacity-75 md:opacity-100 
488        drop-shadow-[15px_-15px_13px_rgba(0,0,0,0.3)] 
489        hidden md:block 
490    ">
491        <img class="object-contain object-center" 
492            data-controller="ui--lazy-image animations--parallax animations--scale" data-ui--lazy-image-src-value="https&#x3A;&#x2F;&#x2F;www.demontille.com&#x2F;media&#x2F;cache&#x2F;resolve&#x2F;background&#x2F;media&#x2F;rich-editor&#x2F;vinificationrougesbottle1-645ceb1bbfe15.png" data-ui--lazy-image-options-value="&#x7B;&quot;threshold&quot;&#x3A;0.25&#x7D;" data-animations--parallax-y-from-value="-5" data-animations--parallax-y-to-value="5" data-animations--parallax-scrub-value="2.5" data-animations--scale-start-scale-value="0.8" data-animations--scale-end-scale-value="1" data-animations--scale-duration-value="2.5"
493        >
494    </div>
495
496        <div class="lame-image-text-content relative max-w-[600px] text-center px-8 text-black">
497        <h2 id="#les-rouges" 
498            class="text-[50px] sm:text-[70px] md:text-[80px] font-hirjnotes leading-none text-shadow-custom opacity-0
499                mb-10
500            "
501            data-controller="animations--transform" data-animations--transform-x-value="-50" data-animations--transform-duration-value="2"
502        >
503            les Rouges
504        </h2>
505
506                <div class="
507            rotate-90 mx-auto 
508            max-w-[250px] max-h-[250px]
509            drop-shadow-[15px_-15px_13px_rgba(0,0,0,0.3)]
510            block md:hidden
511        ">
512            <img class="object-contain object-center" 
513                data-controller="ui--lazy-image animations--parallax animations--scale" data-ui--lazy-image-src-value="https&#x3A;&#x2F;&#x2F;www.demontille.com&#x2F;media&#x2F;cache&#x2F;resolve&#x2F;background&#x2F;media&#x2F;rich-editor&#x2F;vinificationrougesbottle1-645ceb1bbfe15.png" data-ui--lazy-image-options-value="&#x7B;&quot;threshold&quot;&#x3A;0.25&#x7D;" data-animations--parallax-y-from-value="-5" data-animations--parallax-y-to-value="5" data-animations--parallax-scrub-value="2.5" data-animations--parallax-mobile-value="true" data-animations--scale-start-scale-value="0.8" data-animations--scale-end-scale-value="1" data-animations--scale-duration-value="2.5"
514            >
515        </div>
516
517        <div class="text-[22px] md:text-[30px] mb-2"
518            data-controller="animations--transform" data-animations--transform-x-value="-50" data-animations--transform-duration-value="2"
519        >
520            
521        </div>
522        <div class="text-[14px] md:text-[16px]"
523            data-controller="animations--group-transform" data-animations--group-transform-y-value="65" data-animations--group-transform-duration-value="2" data-animations--group-transform-stagger-value="0.25" data-animations--group-transform-threshold-value="90" data-animations--group-transform-delay-value="0.2"
524        >
525            <p><br></p><p>Au domaine, nous préférons l’équilibre et l’élégance à la puissance et l’extraction. L’ouverture dans le bouquet, le soyeux et l’onctuosité dans les textures ne doivent compromettre en rien la capacité de garde des vins. Le domaine est connu avec quelques autres en Bourgogne (La Romanée Conti, Dujac, Leroy, Arlot…) pour vinifier régulièrement avec une proportion importante de vendanges entières qui est déterminée chaque année pour chaque cuvée, d’un tiers à 100%. Sur les rouges, nous utilisons 5 à 45% de fûts neufs selon les appellations.</p><hr id="null"><p>Les vendanges sont entièrement manuelles. De la table de tri jusqu’à la mise en bouteille, Brian et son équipe, suivent et surveillent les évolutions de chaque vin pour s’assurer que tout se déroule bien. A la recherche de l’expression la plus pure et la plus aboutie de chaque terroir, ils interviennent le moins possible et s’efforcent de respecter le calendrier lunaire, toujours avec pragmatisme. La première phase d’élevage en fûts entre les deux fermentations est critique et demande beaucoup d’attention. Il s’agit aussi de jongler avec les équilibres entre les acides, d’avoir une utilisation limitée et intelligente du SO2, et d’anticiper la perte de CO2 avant le soutirage. Millésime après millésime, c’est l’expérience qui permet de comprendre comment les vins vont se comporter au fil de l’année.</p>
526        </div>
527    </div>
528
529        
530    
531    <div class="absolute bottom-4 left-1/2 -translate-x-1/2 z-[2]">
532        <a href="#le-terroir" data-no-swup 
533            class="
534                flex flex-col items-center gap-2 group
535                text-rouge
536            "
537            data-controller="animations--transform element--anchor-link" data-animations--transform-y-value="50" data-animations--transform-duration-value="2" data-element--anchor-link-offset-value="0"
538        >
539            <span class="block font-dinpro text-[11px] tracking-widest uppercase 
540                group-hover:text-rouge 
541                text-rouge
542                transition-colors duration-500 ease-in-out
543            ">
544                le terroir
545            </span>
546
547            <div class="circle-arrow-icon h-[40px] w-[40px] 
548                border rounded-[50%] 
549                border-rouge/25
550                grid place-items-center p-2 
551                group-hover:scale-90 group-hover:border-rouge 
552                transition-all duration-500 ease-in-out
553                "
554            >
555                                <span class="icon chevron-down transition-all duration-500 ease-in-out group-hover:scale-90 group-hover:text-rouge text-rouge" data-icon="chevron-down.svg"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
556  <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
557</svg></span>
558
559            </div>
560        </a>
561    </div>
562</div>
563<div class="uielement-slider-quote swiper min-h-[600px] h-screen bg-black
564        
565    " 
566    data-controller="element--image-slider-quote" data-element--image-slider-quote-autoplay-value="" data-element--image-slider-quote-delay-value="5000"
567>
568        <div class="anchor-trigger 
569    h-[10px] w-full 
570    absolute top-0 left-0 
571    z-[100] pointer-events-none
572    " 
573    id="le-terroir"
574></div>    
575    <div class="swiper-wrapper">
576                                    <div class="swiper-slide">
577                    
578                                            <img class="slider-img hidden object-cover object-center w-full h-full md:block" 
579                            alt="background"
580                            data-controller="ui--lazy-image" data-ui--lazy-image-src-value="https&#x3A;&#x2F;&#x2F;www.demontille.com&#x2F;media&#x2F;cache&#x2F;resolve&#x2F;background&#x2F;media&#x2F;rich-editor&#x2F;vinificationsliderquote-645ceaedea7d9.jpg" data-ui--lazy-image-options-value="&#x7B;&quot;threshold&quot;&#x3A;0.25&#x7D;"
581                        >
582                        <img class="slider-img block object-cover object-center w-full h-full md:hidden" 
583                            alt="background"
584                            data-controller="ui--lazy-image" data-ui--lazy-image-src-value="https&#x3A;&#x2F;&#x2F;www.demontille.com&#x2F;media&#x2F;cache&#x2F;resolve&#x2F;card_large&#x2F;media&#x2F;rich-editor&#x2F;vinificationsliderquote-649eae8cb3e75.jpg" data-ui--lazy-image-options-value="&#x7B;&quot;threshold&quot;&#x3A;0.25&#x7D;"
585                        >
586                    
587                                            <div class="slider-content 
588                            absolute left-0 md:left-auto md:right-8 bottom-20 md:bottom-8  
589                            flex flex-col justify-between items-center 
590                            w-full md:max-w-[540px]
591                            "
592                        >
593                            <div class="relative px-[45px] mb-4">
594                                <div class="quote-text mb-4 text-center text-white quote-text">
595                                    <p>Le terroir n'est pas qu’un microclimat ou un sol particulier.</p><p>C’est aussi une affaire de matériel végétal. La rafle, au même titre que la baie, est vectrice d’une identité propre. Elle apporte par ailleurs une fraîcheur et des épices qui explose
595nt dans le verre. Bien maîtrisée, elle permet au vin d’atteindre un tout autre niveau.</p>
596                                </div>
597
598                                <div class="quote-author text-[14px] font-nocturne text-white/50 text-right">
599                                    Brian Sieve, chef de cave.
600                                </div>
601
602                                <div class="pointer-events-none quote-marks select-none absolute inset-0">
603                                    <img class="h-auto w-[55px] absolute top-[-70px] left-0" src="/build/shop/images/quote-up.78cf3542.svg"
604                                        alt="quote up"
605                                    />
606                                    <img class="h-auto w-[55px] absolute bottom-[-100px] md:bottom-[-110px] right-0 md:right-[-15px]" src="/build/shop/images/quote-down.44f33fd6.svg"
607                                        alt="quote down"
608                                    />
609                                </div>
610                            </div>
611                        </div>
612                                    </div>
613                        </div>
614
615            
616    
617    <div class="absolute bottom-4 left-1/2 -translate-x-1/2 z-[2]">
618        <a href="#les-blancs" data-no-swup 
619            class="
620                flex flex-col items-center gap-2 group
621                text-white
622            "
623            data-controller="animations--transform element--anchor-link" data-animations--transform-y-value="50" data-animations--transform-duration-value="2" data-element--anchor-link-offset-value="0"
624        >
625            <span class="block font-dinpro text-[11px] tracking-widest uppercase 
626                group-hover:text-rouge 
627                text-white
628                transition-colors duration-500 ease-in-out
629            ">
630                LES BLANCS
631            </span>
632
633            <div class="circle-arrow-icon h-[40px] w-[40px] 
634                border rounded-[50%] 
635                border-white/25
636                grid place-items-center p-2 
637                group-hover:scale-90 group-hover:border-rouge 
638                transition-all duration-500 ease-in-out
639                "
640            >
641                                <span class="icon chevron-down transition-all duration-500 ease-in-out group-hover:scale-90 group-hover:text-rouge text-white" data-icon="chevron-down.svg"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
642  <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
643</svg></span>
644
645            </div>
646        </a>
647    </div>
648
649    </div>
650<div class="uielement-vinification-les-blancs min-h-screen h-full w-full relative overflow-hidden 
651        grid place-items-center pt-[11rem] pb-[16rem] md:py-[8rem]
652        
653        bg-black
654    "
655>
656        <div class="anchor-trigger 
657    h-[10px] w-full 
658    absolute top-0 left-0 
659    z-[100] pointer-events-none
660    " 
661    id="les-blancs"
662></div>
663        <div class="absolute inset-0 opacity-0 bg-repeat-y bg-[length:150%_auto] md:bg-[length:100%_auto] pointer-events-none"
664        style="background-image: url( /build/shop/images/paper-bg.338fabbf.jpg );"
665
666        data-controller="animations--opacity" data-animations--opacity-duration-value="2"
667    ></div>
668
669        <div class="absolute left-0 
670        top-[5rem] md:top-[4%] xl:top-auto xl:bottom-0 
671        translate-x-[-70%] md:translate-x-[-65%] lg:translate-x-[-35%] xl:translate-x-0 
672        h-auto w-full max-w-[250px] md:max-w-[500px] 
673        order-last 
674        drop-shadow-[5px_5px_10px_rgba(0,0,0,0.4)] 
675        "
676    >
677        <img class="object-contain object-center h-full w-full" 
678            data-controller="ui--lazy-image animations--parallax-scale-image animations--parallax" data-ui--lazy-image-src-value="https&#x3A;&#x2F;&#x2F;www.demontille.com&#x2F;media&#x2F;cache&#x2F;resolve&#x2F;background&#x2F;media&#x2F;rich-editor&#x2F;vinificationwhitesdeco-645ceb4074945.png" data-ui--lazy-image-options-value="&#x7B;&quot;threshold&quot;&#x3A;0&#x7D;" data-animations--parallax-scale-image-scale-value="1.05" data-animations--parallax-y-from-value="-10" data-animations--parallax-y-to-value="10" data-animations--parallax-scrub-value="2.5"
679        >
680    </div>
681    
682        <div class="absolute right-0 lg:right-[7vw] bottom-0 
683        translate-y-[10%] translate-x-[50%] lg:translate-x-0
684        max-w-[250px]
685    ">
686        <img class="object-contain object-center
687            drop-shadow-[15px_15px_10px_rgba(0,0,0,0.4)] 
688            mix-blend-overlay
689        " 
690            data-controller="ui--lazy-image animations--parallax animations--scale" data-ui--lazy-image-src-value="https&#x3A;&#x2F;&#x2F;www.demontille.com&#x2F;media&#x2F;cache&#x2F;resolve&#x2F;background&#x2F;media&#x2F;rich-editor&#x2F;vinificationwhitesbottle-645ceb4074dd2.png" data-ui--lazy-image-options-value="&#x7B;&quot;threshold&quot;&#x3A;0&#x7D;" data-animations--parallax-y-from-value="10" data-animations--parallax-y-to-value="-10" data-animations--parallax-scrub-value="2.5" data-animations--scale-start-scale-value="0.8" data-animations--scale-end-scale-value="1" data-animations--scale-duration-value="2.5"
691        >
692
693                        <a  href="/fr_FR/les-vins"
694            class="round-btn rounded-[50%] aspect-square 
695                flex place-items-center w-fit 
696                absolute 
697                top-[65%] xl:top-[58%] 
698                left-0 translate-x-[-50%] 
699                peer group z-[2] 
700                opacity-0
701            "
702            data-controller="animations--opacity" data-animations--opacity-duration-value="1"
703        >
704                        <div class="btn-bg
705                absolute inset-0 bg-[#C38E1F] rounded-[50%]
706                transition-all duration-500 ease-in-out
707                group-hover:scale-90
708                shadow-[5px_10px_15px_0_rgba(0,0,0,0.5)]
709                group-hover:shadow-[5px_5px_10px_0_rgba(0,0,0,0.65)]"
710            ></div>
711
712                        <div class="p-4 text-white text-center font-dinpro text-[14px]  relative">
713                <div class="tracking-widest uppercase">Découvrir</div>
714                <div class="font-medium">Nos vins blancs</div>
715            </div>
716        </a>
717    </div>
718
719        <div class="lame-image-text-content relative max-w-[600px] text-center px-8 text-black">
720        <h2 id="#les-blancs" 
721            class="text-[50px] sm:text-[70px] md:text-[80px] font-hirjnotes leading-none text-shadow-custom opacity-0
722                mb-10
723            "
724            data-controller="animations--transform" data-animations--transform-x-value="-50" data-animations--transform-duration-value="2"
725        >
726            les Blancs
727        </h2>
728        <div class="text-[22px] md:text-[30px] mb-2"
729            data-controller="animations--transform" data-animations--transform-x-value="-50" data-animations--transform-duration-value="2"
730        >
731            
732        </div>
733        <div class="text-[14px] md:text-[16px]"
734            data-controller="animations--group-transform" data-animations--group-transform-y-value="65" data-animations--group-transform-duration-value="2" data-animations--group-transform-stagger-value="0.25" data-animations--group-transform-threshold-value="90" data-animations--group-transform-delay-value="0.2"
735        >
736            <p>Nous modulons nos presses en fonction du profil du millésime et de la qualité sanitaire du raisin. Après un léger débourbage, les moûts sont entonnés en fûts de 228 L et de 600 L où se déroule les fermentations alcoolique et malolactique.</p><hr id="null"><p>Sur les blancs, nous employons 5 à 35% de fûts neufs avec une moyenne de 15%. Les bois proviennent essentiellement de l’Allier, en chauffe longue et légère. Le vin est très peu, voire pas du tout bâtonné. Le premier soutirage a lieu après environ une année d’élevage sous bois et sur lies, pour commencer alors la seconde phase (4 à 6 mois) en cuve inox afin de garder fraîcheur et tension. L’élevage se conclut avec un léger collage suivi d’une filtration toute aussi respectueuse du vin avant sa mise en bouteilles.&nbsp;</p><p><br></p>
737        </div>
738    </div>
739
740        
741</div>
742<div class="uielement-page-link-banner bg-black p-20 md:px-20
743    w-full max-h-[400px] min-h-[300px] relative
744    flex items-center justify-center md:justify-start
745    overflow-hidden
746    
747    "
748>
749    <img class="absolute inset-0 h-full w-full object-cover object-center pointer-events-none" 
750        alt="background"
751        data-controller="ui--lazy-image animations--parallax-scale-image" data-ui--lazy-image-src-value="https&#x3A;&#x2F;&#x2F;www.demontille.com&#x2F;media&#x2F;cache&#x2F;resolve&#x2F;background&#x2F;media&#x2F;rich-editor&#x2F;vinificationpagelinkbanner-645ceb4d5665a.jpg" data-ui--lazy-image-options-value="&#x7B;&quot;threshold&quot;&#x3A;0.25&#x7D;" data-animations--parallax-scale-image-scale-value="1.15"
752    >
753
754            
755                <a href="/fr_FR/les-vins" 
756            class="
757                rounded-full aspect-square
758                h-[220px] w-[220px] 
759                flex flex-col items-center justify-center gap-4
760                group relative 
761            "
762        >
763            <div class="link-title uppercase text-white font-dinpro font-light text-[17px] tracking-widest relative mt-1">
764                les Vins
765            </div>
766
767            <div class="circle-container  
768                absolute inset-0 
769                top-[30%] group-hover:top-[0%] 
770                transition-all duration-500 ease-in-out
771                pointer-events-none 
772                peer
773            ">
774                <div class="circle-container border border-white/50 rounded-full 
775                    h-[220px] w-[220px] 
776                    absolute inset-0 
777                    scale-[0.35] group-hover:scale-[1]
778                    transition-all duration-500 ease-in-out
779                "></div>
780                <div class="plus-icon aspect-square  
781                    absolute inset-0
782                    grid place-items-center
783                    group-hover:opacity-0 group-hover:scale-0
784                    transition-all duration-500 ease-in-out
785                ">
786                    <div class="vertical-line h-[30px] w-[1px] bg-white/50 absolute left-1/2 -translate-x-1/2"></div>
787                    <div class="horizontal-line h-[1px] w-[30px] bg-white/50 absolute top-1/2 -translate-y-1/2"></div>
788                </div>
789            </div>
790        </a>
791    </div>
792
793    </div>
794            
795
796        </main>
797                    <footer class="bg-white px-8 pt-16 pb-4 overflow-hidden flex flex-col items-center gap-4 mt-auto"
798    data-controller="animations--group-transform-alt" data-animations--group-transform-alt-x-value="50" data-animations--group-transform-alt-duration-value="2" data-animations--group-transform-alt-stagger-value="0.25" data-animations--group-transform-alt-threshold-value="100"
799>
800    <a href="/fr_FR/" class="font-dinpro font-light text-[20px] tracking-wider hover:text-rouge transition-colors duration-500 text-center">
801        DOMAINE de&nbsp;MONTILLE
802    </a>
803
804        <div class="flex gap-2 text-white">
805                            <a href="https://www.facebook.com/demontille/?locale=fr_FR" target="_blank" class="footer-social-link flex-shrink-0 bg-blue-300 rounded-[50%] p-2 h-[37px] w-[37px] text-white group relative block"
806                data-controller="animations--rotation" data-animations--rotation-start-angle-value="540" data-animations--rotation-duration-value="2"
807            >
808                <div class="bg absolute inset-0 bg-rouge rounded-[50%] group-hover:scale-[1.15] transition-transform duration-500 "></div>
809                <img class="h-[23px] w-[17px] m-auto relative" src="/build/shop/images/facebook.9668ab3d.svg"
810                    alt="Facebook"
811                />
812            </a>
813        
814                            <a href="https://www.instagram.com/domainedemontille/?hl=fr" target="_blank" class="footer-social-link flex-shrink-0 bg-blue-300 rounded-[50%] p-2 h-[37px] w-[37px] text-white group relative block"
815                data-controller="animations--rotation" data-animations--rotation-start-angle-value="540" data-animations--rotation-duration-value="2" data-animations--rotation-delay-value="0.2"
816            >
817                <div class="bg absolute inset-0 bg-rouge rounded-[50%] group-hover:scale-[1.15] transition-transform duration-500 "></div>
818                <img class="h-auto w-auto m-auto relative" src="/build/shop/images/instagram.8b021df0.png"
819                    alt="Instagram"
820                />
821            </a>
822        
823                            <a href="https://fr.linkedin.com/company/domaine-de-montille" target="_blank" class="footer-social-link flex-shrink-0 bg-blue-300 rounded-[50%] p-2 h-[37px] w-[37px] text-white group relative block"
824                data-controller="animations--rotation" data-animations--rotation-start-angle-value="540" data-animations--rotation-duration-value="2" data-animations--rotation-delay-value="0.5"
825            >
826                <div class="bg absolute inset-0 bg-rouge rounded-[50%] group-hover:scale-[1.15] transition-transform duration-500 "></div>
827                <img class="h-[20px] w-[17px] m-auto relative" src="/build/shop/images/linkedin.16fb62af.svg"
828                    alt="Linkedin"
829                />
830            </a>
831            </div>
832
833        <div class="text-center font-dinpro text-[14px] tracking-wide">
834        <a href="" class="adress block hover:text-rouge transition-colors duration-500">
835            Rue du Pied de la Vallée
836            <br>
837            21 190 VOLNAY
838        </a>
839        <a href="tel:+33380213914" class="tel font-medium block hover:text-rouge transition-colors duration-300">
840            +33 3 80 21 39 14
841        </a>
842        <a href="mailto:[email protected]" class="email text-rouge transition-all underline underline-offset-2 decoration-transparent hover:decoration-rouge duration-300 block">
843            [email protected]
844        </a>
845    </div>
846
847                            <div class="opacity-0"
848        data-controller="animations--opacity" data-animations--opacity-delay-value="0.7"
849    >
850            <div class="ui pointing dropdown link item" id="sylius-locale-selector" >
851
852                                                                                                                                                                    
853                                                                                                                                                                                                <a href="/en_US/the-winemaking"
854                   data-no-swup
855                   class="item sylius-available-locale tracking-widest  hover:text-accent transition-colors duration-300 ">
856                    <img class="h-auto w-[25px] group-hover:grayscale transition-[transform, filter] duration-500"
857                         src="/build/shop/images/en.40a625e6.png"
858                         alt="Language"
859                    />
860                </a>
861                    
862    </div>
863
864
865    </div>
866                        <a href="/fr_FR/mentions-legales" class=" font-dinpro text-[14px] tracking-wider hover:text-rouge transition-colors duration-500 text-center"
867            title="Mentions légales"
868        >
869            Mentions légales
870        </a>
871    
872        <a href="https://www.vinium.com" target="_blank" data-no-swup
873        class="font-dinpro text-[12px] tracking-wider hover:text-rouge transition-colors duration-500 text-center mt-[-10px]"
874    >
875        Création Vinium
876    </a>
877
878    <div class="health-msg font-dinpro text-[11px] text-[#8E8E8E] tracking-wider text-center">
879        L’abus d’alcool est dangereux pour la santé, à consommer avec modération
880    </div>
881</footer>
882        
883        
884
885    </body>
886</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.