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="["#swup","#sylius-locale-selector"]"> 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="/build/shop/images/paper-bg.338fabbf.jpg" data-ui--lazy-image-options-value="{"threshold":0}" 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 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://www.demontille.com/media/cache/resolve/background/media/rich-editor/vinif-649c58c69d553.png" data-ui--lazy-image-options-value="{"threshold":0.25}" 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://www.demontille.com/media/cache/resolve/background/media/rich-editor/vinificationimagetext1-645ceabe95846.jpg" data-ui--lazy-image-options-value="{"threshold":0.25}" 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://www.demontille.com/media/cache/resolve/background/media/rich-editor/decovin-64a2e77879cd0.png" data-ui--lazy-image-options-value="{"threshold":0.25}" 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://www.demontille.com/media/cache/resolve/background/media/rich-editor/vinificationrougesbottle2-645ceb1bc0350.png" data-ui--lazy-image-options-value="{"threshold":0.25}" 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://www.demontille.com/media/cache/resolve/background/media/rich-editor/vinificationrougesbottle1-645ceb1bbfe15.png" data-ui--lazy-image-options-value="{"threshold":0.25}" 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://www.demontille.com/media/cache/resolve/background/media/rich-editor/vinificationrougesbottle1-645ceb1bbfe15.png" data-ui--lazy-image-options-value="{"threshold":0.25}" 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://www.demontille.com/media/cache/resolve/background/media/rich-editor/vinificationrougesbottle1-645ceb1bbfe15.png" data-ui--lazy-image-options-value="{"threshold":0.25}" 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://www.demontille.com/media/cache/resolve/background/media/rich-editor/vinificationsliderquote-645ceaedea7d9.jpg" data-ui--lazy-image-options-value="{"threshold":0.25}" 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://www.demontille.com/media/cache/resolve/card_large/media/rich-editor/vinificationsliderquote-649eae8cb3e75.jpg" data-ui--lazy-image-options-value="{"threshold":0.25}" 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://www.demontille.com/media/cache/resolve/background/media/rich-editor/vinificationwhitesdeco-645ceb4074945.png" data-ui--lazy-image-options-value="{"threshold":0}" 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://www.demontille.com/media/cache/resolve/background/media/rich-editor/vinificationwhitesbottle-645ceb4074dd2.png" data-ui--lazy-image-options-value="{"threshold":0}" 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. </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://www.demontille.com/media/cache/resolve/background/media/rich-editor/vinificationpagelinkbanner-645ceb4d5665a.jpg" data-ui--lazy-image-options-value="{"threshold":0.25}" 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 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.