@charset "UTF-8";
/*
rouge :	#cf3340 rgba (207,51,64,1.00)
rouge:hover : #e45662
noir : #222222 rgba(34,34,34,1)
*/
/*!lasourceduruault.vin*/
/*!Font Awesome Pro 5.3.1 by @fontawesome*/@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:normal;src:url("../webfonts/fa-brands-400.eot");src:url("../webfonts/fa-brands-400.eot?#iefix")format("embedded-opentype"),url("../webfonts/fa-brands-400.woff2")format("woff2"),url("../webfonts/fa-brands-400.woff")format("woff"),url("../webfonts/fa-brands-400.ttf")format("truetype"),url("../webfonts/fa-brands-400.svg#fontawesome")format("svg")}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:400;src:url("../webfonts/fa-regular-400.eot");src:url("../webfonts/fa-regular-400.eot?#iefix")format("embedded-opentype"),url("../webfonts/fa-regular-400.woff2")format("woff2"),url("../webfonts/fa-regular-400.woff")format("woff"),url("../webfonts/fa-regular-400.ttf")format("truetype"),url("../webfonts/fa-regular-400.svg#fontawesome") format("svg")}
blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}*,::after,::before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeLegibility}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto}iframe{border:0}button,input,select,textarea{font:inherit}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;appearance:button}textarea{resize:vertical}a{color:inherit;text-decoration:none}ol,ul{padding:0}ol[role=list],ul[role=list]{list-style:none}table{border-collapse:collapse;border-spacing:0}[hidden]{display:none!important}/*!guillements*/q:before{content:open-quote}q:after{content:close-quote}*:lang(fr)>*{quotes:"\00AB\00A0" "\00A0\00BB"}*:lang(en)>*{quotes:"\201C" "\201D"}

:root {
	/* micro spacing (UI) */
	--space-2xs: clamp(0.25rem, 0.5vw, 0.5rem);
	--space-xs:  clamp(0.5rem, 1vw, 0.75rem);
	--space-s:   clamp(0.75rem, 1.5vw, 1rem);
	/* medium (texte / blocs) */
	--space-m:   clamp(1rem, 2vw, 1.5rem);
	--space-l:   clamp(1.5rem, 3vw, 2.5rem);
	/* large (sections) */
	--space-xl:  clamp(2rem, 4vw, 4rem);
	--space-2xl: clamp(3rem, 5vw, 6rem);
	--space-3xl: clamp(4rem, 8vw, 8rem);
	/*global*/
	--max-width: 1120px;
	--bg-color:#ffffff;
	--bg-color-second:#f2f2f2;
	--text-color: #222222;
	--text-light: #efe9df;
	--accent: #cf3340;
	--header-h:5rem;
	--shadow: 1em 1em 1em 0 rgba(34,34,34,.3);
	--shadow-hover: 0 20px 44px rgba(43, 36, 31, .11);
	--radius: 26px;
	--radius-sm: 13px;
	--radius-xs: 8px;
	--transition: 0.35s cubic-bezier(.22, 1, .36, 1);
	/*margin & padding*/
	--padding-large: clamp(4rem, 8vw, 8rem);
	/* Measure */
	--measure: 60ch;
}

html{font-size:100%;height: 100%}
body{width:100%;height:100%;font-family:'Lato',sans-serif,Arial, Helvetica,sans-serif;font-style:normal;font-weight:normal;line-height:1.75;background:#f3f5f8;color:var(--text-color)}
body.overflow{overflow:hidden;}
main{padding: var(--space-2xl) 0}
.inner{max-width: var(--max-width);margin: 0 auto}

#loader-svg{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#ffffff;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .35s ease}
#loader-svg.fadeOut{opacity:0;pointer-events:none}
#spinner{width:48px;height:48px;border-radius:50%;background:conic-gradient(from 0deg, #cf3340, #cf334000 70%);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 5px));mask:radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 5px));animation:spin .8s linear infinite;}
@keyframes spin{to{ transform:rotate(360deg)}}
@supports not (background: conic-gradient(red, blue)){#spinner{background:none;-webkit-mask:none;mask:none;border:5px solid #ccc;border-top-color:#e30f13}}
@media (prefers-reduced-motion: reduce){#spinner{animation:none}}

@media only screen and (max-width:767px){
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){
}

@media only screen and (min-width:1024px){
}


h1{font-size:clamp(1.825rem, 2vw, 2.5rem);font-weight:700;color: var(--accent); letter-spacing:.063rem; margin:0 auto 1rem auto;line-height:1.2}
h1.black{font-size:1.3em; text-transform: uppercase; margin-bottom: 1em;font-weight: 300}

h2{font-size:1.5em;font-weight:700;line-height:1.2;margin:0;padding:0}
h2.accent{color: var(--accent)}

h3{font-size:1.5em; text-transform:uppercase;font-weight:700;line-height:1.2;margin:0;padding:0}
h3.accent{color: var(--accent)}
h4{color:#222222;font-size:1.825em;letter-spacing: 2px;text-transform: uppercase;margin:0 0 .325em 0;font-weight: 300;}

h5{border-collapse: separate;border-spacing: 1rem 0;color: #6d6d6d;display: table;line-height: .25;margin: 1em 0 .5em;table-layout: auto;text-align: center;white-space: nowrap;width: 100%; text-transform: uppercase}
h5:before,h5:after {border-top: 2px double #6d6d6d;content: '';display: table-cell;width: 50%}
h5 { font-size: 1.250em; font-weight:300;padding: 0;}
h5:before,h5:after {border-top-style: solid;}
h5 .far{line-height: inherit}

p{font-size:1em;line-height:1.5;margin: 0; padding: 0}
p.intro-title{font-size:1.3rem;margin-bottom:1em;font-weight:700}
.main p{margin-bottom: 1.25em}
.item-page p{margin-top: .525rem}
.grid-picto p{margin-top:0 !important}
.article-item p{margin-bottom:1.5em}
.legend{color:#fff;font-size:.875em;letter-spacing: 2px;text-transform: uppercase; font-weight: normal;text-shadow: 0.075em 0.08em 0.1em rgba(0, 0, 0, 1)}
a{margin:0;padding:0;text-decoration:none;}

a.dotted-bck{border-bottom: 1px dashed #00000080;opacity:1}
a.dotted-bck:hover{opacity:.8}

#open .fa,.lecteur{transition:color .25s ease}
ul.mod-menu li a,div.mod-languages ul.lang-inline li a,#footer a.dotted{transition:opacity .3s ease}
a.readmore,.anim-background,.anime,.btn-vert{transition:all .3s ease}
ul.default .li-link,nav .lang-nav a,.download{transition:background .3s ease}
a:active,a:hover{outline-width:0px}a:active,a:hover,a:focus{outline-style:none}a:focus{outline-width:medium}
#footer a{color: #fff}
#footer a:hover{color: #fff}

.swipper-load{opacity: 0;-webkit-transition: opacity 2s ease-in;-moz-transition: opacity 2s ease-in;-o-transition: opacity 2s ease-in;-ms-transition: opacity 2s ease-in;transition: opacity 2s ease-in;}
.swipper-load.load{opacity: 1;}


.mt-xs{margin-top:var(--space-xs)}
.mt-1{margin-top:var(--space-m)}
.mt-2{margin-top:var(--space-l)}
.mt-3{margin-top:var(--space-xl)}
.mt-4{margin-top:var(--space-2xl)}

.mb-1{margin-bottom:var(--space-m)}
.mb-2{margin-bottom:var(--space-l)}
.mb-3{margin-bottom:var(--space-xl)}
.mb-4{margin-bottom:var(--space-2xl)}

.pt-1{padding-top:var(--space-m)}
.pt-2{padding-top:var(--space-l)}
.pb-2{padding-bottom:var(--space-l)}

/* CLASS */
.left{float: left}.right{float: right}
.text-right{text-align: right}
.text-left{text-align: left}
.justify{text-align: justify}
.clear{clear: both}
.text-center{text-align: center}
.italic{font-style: italic}
.upper{text-transform: uppercase}
.small{font-size: 81.3%;line-height:125.0%}
.large{font-size:125.0%}
.rotate{transform: rotate(-10deg)}

.responsive{max-width:100%;width:100%;height:auto}

.text-shadow{text-shadow: 2px 2px 4px #000000;}
.box-shadow{box-shadow:0 0 .75em rgba(57,58,60,.5)}

.flex{display:flex;flex-direction: row;flex-wrap:nowrap;justify-content: space-between;}
.flex-align-v{align-items: center;}

.hidden{display: none}
.rwd-line{display:inline}
.rwd-block{display:block}
.rwd{display: inline-block}
.milieu{margin: 0 5%}
.margin-X1{margin-top: .5em}
.margin-X2{margin-top: 1em}
.margin-X3{margin-top: 1.5em}
.margin-X4{margin-top: 2em}
.margin-bX2{margin-bottom: 1em}
.margin-bX3{margin-bottom: 1.5em}
.padding-x1{padding: .5em}
.padding-x2{padding: 1em}
.padding-X3{padding-top: 1.5em}
.around{padding: 4em 0 6em 0}

.by-tel:link,.by-tel:visited,.by-tel:hover,.tel-ws:link,.tel-ws:visited,.tel-ws:hover,.events{pointer-events: auto;cursor: pointer}

.download{display:inline-block;background: #222222;color:#fff !important;padding: 0.325em 1.325em}
.download .far{color:#fff !important}
.download:hover{background: #404040;}

@media only screen and (max-width: 767px) {
	.milieu{margin: 0}
	.flex{display:block!important}
	.around{padding:2em 0}
}
@media only screen and (min-width: 1024px) {
	.by-tel:link,.by-tel:visited,.by-tel:hover,.tel-ws:link,.tel-ws:visited,.tel-ws:hover,.events{pointer-events:none;cursor:default;}
}

/*Colonne*/
.row{margin:0 auto}.col-100{width:100%}.col-10{width: 10%}.col-15{width: 15%}.col-20{width:20%}.col-22{width:22%}.col-23{width:23%}.col-25{width:25%}.col-30{width:30%}.col-33{width:33.3333333%}.col-35{width:35%}.col-45{width:45%}.col-40{width:40%}.col-50{width:50%}.col-55{width:55%}.col-60{width:60%}.col-65{width:65%}.col-70{width:70%}.col-74{width:74%}.col-75{width:75%}.col-80{width:80%}.col-85{width:85%}
.col-90{width:90%;max-width: 1374px}
@media only screen and (max-width: 767px) {
	.col-30{width:100%}
	.col-40{width:100%}
	.col-45{width:100%}
	.col-50{width:100%}
	.col-60{width:100%}
	.col-65{width:100%}
	.col-70{width:100%}
	.col-80{width:100%}
}


#scene{width: 100%; height:90%;position:relative;background: #222222; background: rgba(34,34,34,1) url(../images/loader.png) center center no-repeat;background-size:3%}
@media only screen and (max-width: 767px) {
	#scene{height:450px;background-size:10%}
}

/* Header */
header{display:grid;grid-template-columns:auto 1fr auto;justify-items:center;align-items:center;background: linear-gradient(to bottom, rgba(0,0,0,.50), rgba(0,0,0,0));position:fixed;top:0;left:0;right:0;height:var(--header-h);padding:0 3rem;z-index:999;transition: transform 0.4s ease, opacity 0.4s ease, background-color 0.3s ease;will-change: transform, opacity;transform: translateY(0)}
header > *{ min-width: 0; }
header.at-top{background: linear-gradient(to bottom, rgba(0,0,0,.50), rgba(0,0,0,0));backdrop-filter:none;-webkit-backdrop-filter:none}
header.scroll-down{background: linear-gradient(to bottom, rgba(0,0,0,.50), rgba(0,0,0,0));transform:translateY(-100%);opacity:0}
header.scroll-up{transform:translateY(0);opacity:1;background: linear-gradient(to bottom, rgba(0,0,0,.50), rgba(0,0,0,0))}
@media(prefers-reduced-motion: reduce){header{transition:none}}

body#view-111 header,body#view-122 header{background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,1))}
body#view-111 header.at-top,body#view-122 header.at-top{background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,1))}
body#view-111 header.scroll-down,body#view-122 header.scroll-down{background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,1))}
body#view-111 header.scroll-up,body#view-122 header.scroll-up{background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,1))}

/*Header Logo*/
.header-logo{justify-self: start;width:80px;height:auto}
.header-logo a{width:100%;height:100%;display:block}
.header-logo img{max-width:150px;width:auto;height:auto;display:block;transition:transform 0.4s cubic-bezier(.4,0,.2,1)}
.header-logo a:hover img{transform:translateX(2px)}

@media (max-width: 767px) {
	header {position:static;grid-template-columns:1fr;height:5rem;padding:0 1rem;background:var(--accent)}
	header.at-top{background:var(--accent)}
	.header-logo{justify-self:start;width:100%;height:auto}
	.header-logo img{width:150px}
}

/* Burger */
.burger{position:fixed;top:20px;right:20px;width:40px;height:40px;cursor:pointer;z-index:10000;background:var(--bg-color);display:block;border-radius:8px}
.burger span {all: unset;box-sizing: border-box;position: absolute;left: 50%;width: 22px;height: 2px;background:var(--text-color);transform: translateX(-50%);transition: transform .3s ease, opacity .3s ease;}
.burger span:nth-child(1) { top: 12px; }.burger span:nth-child(2) { top: 19px; }.burger span:nth-child(3) { top: 26px; }
body.menu-open .burger span:nth-child(1) {top: 50%;transform: translate(-50%, -50%) rotate(45deg)}
body.menu-open .burger span:nth-child(2) {opacity:0}
body.menu-open .burger span:nth-child(3) {top: 50%;transform: translate(-50%, -50%) rotate(-45deg);}

#mobile_nav {position:fixed;top:0;right:0;width:75%;max-width:320px;height:100%;padding:3em 0;transform:translateX(100%);transition:transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);z-index:9999;background:rgba(34,34,34,1);;color:#fff}

@media only screen and (max-width:1180px){
	.moduletable-dropdown{display:none}
	.burger{top:30px;right:20px}
}

body.menu-open #mobile_nav {transform:translateX(0)}

#mobile_nav ul{list-style:none;margin:1rem 0;padding:0}
#mobile_nav ul li{margin:0;padding:0;border-top: 1px solid rgba(255,255,255,.1)}
#mobile_nav ul li.last-li{border-bottom: 1px solid rgba(255,255,255,.1)}
#mobile_nav ul li a{display:block; text-transform:uppercase;color:#fff;padding: 1.125rem 2rem;background: rgba(255,255,255,0)}
#mobile_nav ul li a:hover{background: rgba(141,111,51,.1)}
#mobile_nav ul ul{margin:0}
#mobile_nav ul ul li a{padding-left:3rem !important}
/*animation*/
#mobile_nav > ul > li {opacity: 0;transform: translateX(40px);}
body.menu-open #mobile_nav > ul > li {animation: menuItemIn 0.7s cubic-bezier(0.25, 0.9, 0.25, 1.2) forwards}

/* Stagger façon timeline GSAP */
body.menu-open #mobile_nav > ul > li:nth-child(1) { animation-delay: 0.05s; }
body.menu-open #mobile_nav > ul > li:nth-child(2) { animation-delay: 0.15s; }
body.menu-open #mobile_nav > ul > li:nth-child(3) { animation-delay: 0.25s; }
body.menu-open #mobile_nav > ul > li:nth-child(4) { animation-delay: 0.35s; }
body.menu-open #mobile_nav > ul > li:nth-child(5) { animation-delay: 0.45s; }
body.menu-open #mobile_nav > ul > li:nth-child(6) { animation-delay: 0.55s; }
body.menu-open #mobile_nav > ul > li:nth-child(7) { animation-delay: 0.60s; }
	
@keyframes menuItemIn {
  0% {
    opacity: 0;
    transform: translateX(40px);
  }
  60% {
    opacity: 1;
    transform: translateX(-6px); /* dépassement */
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Sous-menu fermé par défaut */
#mobile_nav .content-acordeon {display: block;max-height:0;overflow:hidden;opacity:0;transform:translateY(-4px);transition:max-height 0.4s ease,opacity 0.3s ease,transform 0.3s ease}
/* Quand le li est ouvert */
#mobile_nav li.submenu-open > .content-acordeon {max-height:400px;opacity:1;transform:translateY(0)}
#mobile_nav .content-acordeon li a{padding:.525em 1.525em}
/* Anim légère sur les items du sous-menu */
#mobile_nav .content-acordeon li {opacity:0;transform:translateX(20px);transition:opacity 0.3s ease, transform 0.3s ease}
#mobile_nav li.submenu-open .content-acordeon li {opacity:1;transform:translateX(0)}
#mobile_nav li.submenu-open .content-acordeon li:nth-child(1){transition-delay:0.05s}
#mobile_nav li.submenu-open .content-acordeon li:nth-child(2){transition-delay:0.10s}
#mobile_nav li.submenu-open .content-acordeon li:nth-child(3){transition-delay:0.15s}
#mobile_nav ul a .far{margin-left:.35em;font-size:.9em;opacity:.6;transition:transform .35s cubic-bezier(.25, .8, .25, 1),opacity .25s ease;transform-origin:center}
#mobile_nav li.submenu-open > a .far {transform:rotate(180deg);opacity:1}

.legal-mobile a{border-bottom :1px dashed #ffffff80}

/*  OVERLAY */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,0.45);opacity:0;pointer-events:none;transition:opacity 0.3s;z-index: 9998;}
body.menu-open .overlay{opacity:1;pointer-events:auto}

/*Menu*/
#navigation {justify-self:end;margin-right:1rem}
ul.mod-menu {display: inline-flex;width:auto}
ul.mod-menu li {position:relative;display:inline-block;z-index:2000;text-align: center}
ul.mod-menu li a{font-size:.875rem;letter-spacing:.150rem;display:inline-block;color:#fff;padding:0 .825rem;text-transform:uppercase;opacity:1}
ul.mod-menu li a:hover{opacity:.8}
ul.mod-menu > li.active:before{content:"";position:absolute;width:1.875rem;height: .200rem;bottom:-.825rem;left:50%; margin-left:-.9375rem;background: var(--accent);border-radius:3px}

ul.mod-menu ul{display: none}
ul.mod-menu ul{visibility: hidden;opacity: 0;width:120px;position:absolute;top:100%;right:0; background:rgba(255,255,255,.8);padding:0;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);border-radius:.313em;transform: translateY(.525em);transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s}
ul.mod-menu ul:before{content:"";position:absolute;top:-.313em;left:50%;margin-left: -.313em; border-left:.313em solid transparent;border-right:.313em solid transparent;border-bottom:.313em solid rgba(255,255,255,.9)}

ul.mod-menu ul li{float:none;width:100%;background:transparent;text-align:left;border-left:none;border-top:1px solid rgba(255,255,255,.3)}
/*Sous-menu*/
ul.mod-menu ul li a{font-size:1em;color:#000;height:2.188em;padding:0 .875em;text-transform: uppercase;text-shadow: none;opacity: 1; font-weight: 400}
ul.mod-menu ul li a:hover{color:#000;background:rgba(255,255,255,.9)}

ul.mod-menu ul li:nth-child(1):hover > a{border-top-left-radius:.313em;border-top-right-radius:.313em}
ul.mod-menu ul li:nth-child(4):hover > a{border-bottom-left-radius:.313em;border-bottom-right-radius:.313em}

ul.mod-menu li:hover > ul{visibility: visible; opacity: 1; transform: translateY(0%);transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */}
ul.mod-menu li:hover .drop-btn{color:#fff;background:#ef6571}
ul.mod-menu li ul li:hover .drop--btn{color:#fff;background:#ef6571}

@media only screen and (max-width: 767px) {
    #navigation{display: none}
}


/* Lang */
div.mod-languages{display:inline-flex;margin-right:1rem}
div.mod-languages ul.lang-inline li{position:relative;margin:0;padding:0;display:inline-flex;align-items:center;z-index:2000}
div.mod-languages ul.lang-inline li a{display:block;color:#fff;padding:0 .325rem;opacity:1}
div.mod-languages ul.lang-inline li a:hover{opacity:.8}
div.mod-languages ul.lang-inline li.lang-active:before{content:"";position:absolute;width:12px;height:1px;bottom:0;left:50%;transform: translateX(-50%);background:rgba(0,0,0,.5);border-radius:5px}


/* Swipper*/
.swiper {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #444;display: flex;justify-content: center;align-items: center}
.swiper-slide img {display:block;width:100%;height:100%;object-fit:cover}

.swiper .swiper-button-next,.swiper .swiper-button-prev{color:#fff !important;opacity:.8;transition:opacity .35s ease}
.swiper .swiper-button-next:hover,.swiper .swiper-button-prev:hover{color:#fff !important;opacity:1}
.swiper .swiper-horizontal > .swiper-pagination-bullets, .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.swiper .swiper-pagination-custom, .swiper .swiper-pagination-fraction {bottom:30px !important;}
.swiper .swiper-pagination-bullet-active {background:#fff;opacity:1}

.swipper-default .swiper-button-next,.swipper-default .swiper-button-prev,.swipper-default .swiper-pagination {z-index:30;pointer-events:auto}

@media only screen and (max-width:767px){
  .swipper-home .swiper-button-next,.swipper-home .swiper-button-prev{display:none}
  .swipper-home .swiper-button-prev::after,.swipper-home .swiper-button-next::after{font-size:18px!important}
}


/* Icone sur slide active*/
.story{position:absolute;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;padding: 10%;top:0;left:0;z-index:8;background:linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0))}
.swiper-paper{width: 100%;height:8%; position:absolute;bottom:0;left:0;z-index: 7; background: transparent url(../images/back-paper.png) left bottom no-repeat;background-size:contain}
@media only screen and (max-width: 767px) {
	.story{padding: 0 2% 8% 2%;}
}

/* Icone sur slide active*/
.swiper-slide span,.swiper-slide h1,.swiper-slide h2{opacity: 0;-webkit-transition: opacity 2s ease-in;-moz-transition: opacity 2s ease-in;-o-transition: opacity 2s ease-in;-ms-transition: opacity 2s ease-in;transition: opacity 2s ease-in;}
.swiper-slide.swiper-slide-active span,.swiper-slide.swiper-slide-active h1,.swiper-slide.swiper-slide-active h2{opacity: 1;}

.swiper-slide .badge{color:#fff}
.swiper-slide .hero-title{font-size: clamp(2rem, 2vw, 3.5rem);line-height:1.2;font-weight:700;color:#fff}

.story-image {width: 100%;height:100%; position:absolute;top:0;left:0;z-index: 7; }

.story-container{position:relative;width:100%;height:100%;z-index:1;}
.story-legals{background:url(../images/ruault-slider1@x3.jpg) center center;background-size:cover}

.swiper-home .slide-1{background:url(../images/ruault-slider1@x3.jpg) center center;background-size:cover}
.swiper-home .slide-2{background:url(../images/ruault-slider3@x3.jpg) center center;background-size:cover}
.swiper-home .slide-3{background:url(../images/ruault-slider4@x3.jpg) center center;background-size:cover}
.swiper-home .slide-4{background:url(../images/ruault-slider2@x3.jpg) center center;background-size:cover}
.swiper-domaine .slide-1{background:url(../images/domaine-slider2@x3.jpg) center center;background-size:cover}
.swiper-domaine .slide-2{background:url(../images/domaine-slider1@x3.jpg) center center;background-size:cover}
.swiper-domaine .slide-3{background:url(../images/domaine-slider3@x3.jpg) center center;background-size:cover}
.swiper-domaine .slide-4{background:url(../images/domaine-slider4@x3.jpg) center center;background-size:cover}
.swiper-esprit .slide-1{background:url(../images/esprit-slider1@x3.jpg) center center;background-size:cover}
.swiper-esprit .slide-2{background:url(../images/esprit-slider2@x3.jpg) center center;background-size:cover}
.swiper-esprit .slide-3{background:url(../images/esprit-slider3@x3.jpg) center center;background-size:cover}
.swiper-esprit .slide-4{background:url(../images/esprit-slider4@x3.jpg) center center;background-size:cover}
.swiper-wines .slide-1{background: url(../images/cuvee-slider1@x3.jpg) center center;background-size:cover}
.swiper-wines .slide-2{background: url(../images/cuvee-slider2@x3.jpg) center center;background-size:cover}
.swiper-wines .slide-3{background: url(../images/cuvee-slider3@x3.jpg) center center;background-size:cover}

@media only screen and (max-width: 767px) {
	.story h1{font-size:1.2em;letter-spacing: 0;color:#dfdfdf;margin:0 0 1em 0; line-height: 1.2;}
	.story h2{font-size:1.2em;letter-spacing: 0;color:#dfdfdf; margin:0 0 1em 0;line-height: 1.2}
	.story .legend{font-size:.875em;letter-spacing: 0;}
	.swiper-button-next,.swiper-button-prev{display: none}
	.swiper-home .story-image{background:url(../images/ruault-slider1@x1.jpg) center center;background-size:cover}
	.swiper-home .slide-2{background:url(../images/ruault-slider3@x1.jpg) center center;background-size:cover}
	.swiper-home .slide-3{background:url(../images/ruault-slider4@x1.jpg) top center;background-size:cover}
	.swiper-home .slide-4{background:url(../images/ruault-slider2@x1.jpg) top center;background-size:cover}
	.swiper-domaine .story-image{background:url(../images/domaine-slider1@x1.jpg) center center;background-size:cover}
	.swiper-domaine .slide-2{background:url(../images/domaine-slider2@x1.jpg) bottom center;background-size:cover}
    .swiper-domaine .slide-3{background:url(../images/domaine-slider3@x1.jpg) bottom center;background-size:cover}
    .swiper-domaine .slide-4{background:url(../images/domaine-slider4@x1.jpg) center center;background-size:cover}
	.swiper-esprit .story-image{background:url(../images/esprit-slider1@x1.jpg) center center;background-size:cover}
    .swiper-esprit .slide-2{background:url(../images/esprit-slider2@x1.jpg) center center;background-size:cover}
    .swiper-esprit .slide-3{background:url(../images/esprit-slider3@x1.jpg) bottom center;background-size:cover}
    .swiper-esprit .slide-4{background:url(../images/esprit-slider4@x1.jpg) center center;background-size:cover}
	.swiper-wines .story-image{background: url(../images/cuvee-slider1@x1.jpg) center center;background-size:cover}
	.swiper-wines .slide-2{background: url(../images/cuvee-slider2@x1.jpg) center center;background-size:cover}
	.swiper-wines .slide-3{background: url(../images/cuvee-slider3@x1.jpg) center center;background-size:cover}
}

/*Read More Articles*/
a.readmore{display:inline-block;margin-top:1rem}
a.readmore{color:#222222;border:1px solid #222222;padding: .325em 1em;background:transparent}
a.readmore:hover{color:#fff;border:1px solid #cf3340;background: #cf3340}

/* Video */
.video-responsive {position:relative;width:100%;height:0;margin:3rem 0; padding-bottom:56.25%; /* 9/16 = ratio 16:9 */overflow: hidden; box-shadow: 1em 1em 1em 0 rgba(34,34,34,.3); border-radius: 8px;}
.video-responsive .youtube_player,.video-responsive iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important}
.video-responsive .tac_activate {position: absolute!important;top:0;left:0;width:100% !important;height:100% !important;display:flex !important;align-items:center;justify-content:center;background: #fff !important;color:#000}
.tac_float{padding:1rem;text-align:center}
.tac_float span{color:#000 !important;display:block !important}
.tac_activate .tac_float .tarteaucitronAllow {background-color:var(--accent) !important;color:#fff !important}


/* Accueil*/
#intro{padding: 4rem 0}
.grid-box img{border-radius:8px;box-shadow:var(--shadow)}
.img-top{padding-top: 2em}
.badge{display:block;text-transform:uppercase;letter-spacing:1px;font-weight:300}
#domaine{padding: 4em 0}

.cuvees-text p{margin-bottom: 1em;text-align: left}
.cuvees-text .far{color: #cf3340}


.wines-link{padding-top: 4em}
.wines-link-bottom{margin-bottom: 4em}
.wines-link a{display: inline-block;text-transform:uppercase}
.wines-link a{color: #727272 !important;border: 1px solid #727272; padding: .325em 1em; background: transparent}
.wines-link a:hover{color: #fff !important;border: 1px solid #cf3340; padding: .325em 1em; background: #cf3340}

@media only screen and (max-width: 767px) {
	#intro{padding: 1em 0}
	#cuvees{height:700px}
	.domaine-img{padding: 0}
	.wines-link a{margin:0 .325em 1em .325em }
	.img-top{padding-top: 1em}
	.twoimg{margin-top: 2em}
	.twoimg-bottom{margin-bottom: 2em}
}

/* FONT Awesome */
.fa-fw,.fa-li{text-align:center}.fab{font-family:'Font Awesome 5 Brands'}.far,nav .btn-acordeon:after,nav .item-acordeon.active .btn-acordeon:after{font-family:'Font Awesome 5 Pro';font-weight:400}.fa,.fab,.fal,.far,.fas,nav .btn-acordeon:after,nav .item-acordeon.active .btn-acordeon:after{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-med{font-size:1.5em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-horizontal.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-rouge{color:#cf3340}
/* FONT Awesome Icon*/
.fa-facebook-f:before{content:"\f39e"}.fa-facebook-square:before{content:"\f082"}.fa-instagram:before{content:"\f16d"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linkedin:before{content:"\f08c"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-vimeo-v:before{content:"\f27d"}.fa-vimeo-square:before{content:"\f194"}.fa-google-plus-g:before{content:"\f0d5"}.fa-pinterest-p:before{content:"\f231"}.fa-behance:before{content:"\f1b4"}.fa-envelope:before{content:"\f0e0"}.fa-cog:before{content:"\f013"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-location-arrow:before{content:"\f124"}.fa-megaphone:before{content:"\f675"}.fa-paper-plane:before{content:"\f1d8"}.fa-subway:before{content:"\f239"}.fa-parking:before{content:"\f540"}.fa-plus-circle:before{content:"\f055"}.fa-plus:before{content:"\f067"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-volume-up:before{content:"\f028"}.fa-volume-slash:before{content:"\f2e2"}.fa-expand-arrows:before{content:"\f31d"}.fa-phone:before{content:"\f095"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-tags:before{content:"\f02c"}.fa-link:before{content:"\f0c1"}.fa-play-circle:before{content:"\f144"}.fa-sort-down:before{content: "\f0dd";}.fa-sync:before{content: "\f021";}.fa-exclamation-circle:before{content: "\f06a";}.fa-leaf:before{content: "\f06c";}.fa-wine-glass-alt:before{content: "\f5ce";}.fa-thumbs-up:before{content: "\f164";}.fa-check-circle:before{content: "\f058";}.fa-share-alt:before{content: "\f1e0";}.fa-chevron-down:before{content: "\f078";}

/*Grille*/
.grid {display:grid;align-items:center}
.grid-auto{grid-template-columns:auto auto;column-gap:1rem}
.grid-menu{grid-template-columns: 1fr 1fr;column-gap:clamp(1rem,4vw,5rem)}
.grid-1-1{grid-template-columns:1fr 1fr;column-gap:clamp(1rem,4vw,5rem)}
.grid-1-2{grid-template-columns:1fr 2fr;column-gap:clamp(1rem,4vw,5rem);position:relative;}
.grid-3-2{grid-template-columns:3fr 2fr;column-gap:clamp(1rem,4vw,5rem)}
.grid-2-1{grid-template-columns:2fr 1fr;column-gap:clamp(1rem,4vw,5rem)}
.grid-4-1{grid-template-columns:4fr 1fr;column-gap:clamp(1rem,4vw,5rem)}
.grid-2-3{grid-template-columns:2fr 3fr;column-gap:clamp(1rem,4vw,5rem)}
.grid-4{grid-template-columns:1fr 1fr 1fr 1fr;column-gap:clamp(1rem,4vw,5rem)}
.grid-5{grid-template-columns:1fr 1fr 1fr 1fr 1fr;column-gap:clamp(1rem,4vw,5rem)}

.grid-1-1.gap-xxl{column-gap:5rem}
.grid-1-1.gap-xl{column-gap:4rem}
.grid-1-1.gap-L{column-gap:3rem}
.grid-1-1.gap-m{column-gap:2rem}
.grid-1-1.gap-xs{column-gap:1rem}

.row-gap{row-gap:30px}

.grid-start{align-items:start}
.grid-center{align-items:center}
.grid-shrink{justify-self:start}
.grid-items-center{justify-items: center;}

.grid-1-1.grid-reverse > *:first-child{order:2}
.grid-1-1.grid-reverse > *:last-child{order:1}

.grid-picto{grid-template-columns:auto 1fr;column-gap:1rem;}
.grid-3-equal{grid-template-columns:repeat(3, 1fr);column-gap:clamp(1rem,3vw,4rem)}
.grid-3-main{grid-template-columns:2fr 1fr 1fr}
.grid-3-focus{grid-template-columns:1fr 2fr 1fr}
.grid-auto-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}

.grid-1-2::after{content:"";position:absolute;top:0;bottom:0;left:calc(33.333% + 1rem);width:1px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.18),transparent)}

@media (max-width:900px){
	.grid{column-gap: clamp(1rem,4vw,5rem);row-gap: 1.5rem;}
	.grid-1-1.grid-reverse > *:first-child{order:0}
	.grid-1-1.grid-reverse > *:last-child{order:0}
	.grid-1-1,.grid-1-2,.grid-3-2,.grid-2-1,.grid-4-1,.grid-2-3,.grid-3-equal,.grid-3-main,.grid-3-focus{grid-template-columns:1fr}
	.grid-1-1::after,.grid-1-2::after{display:none;}
	.grid-5,.grid-4{grid-template-columns:1fr 1fr}
	.grid-5 > *:nth-child(5){grid-column:1/-1;justify-self:center}
	.mobile-first {order:-1;background:red}
	.mobile-last {order:99;background:yellow} /* pratique aussi */
	.grid-1-1.gap-xs{column-gap:0;row-gap:0}
}

@media (min-width: 1024px){
	.data-reveal-1,.data-reveal-2,.data-reveal-3,.data-reveal-4,.data-reveal-5{
		opacity:0;
		transform:translate3d(0, 18px, 0);
		transition:opacity 0.75s ease,transform 0.75s cubic-bezier(.22, 1, .36, 1);
		will-change:opacity,transform;
	}
	.in-view .data-reveal-1{opacity:1;transform:translate3d(0,0,0);transition-delay:.05s}
	.in-view .data-reveal-2{opacity:1;transform:translate3d(0,0,0);transition-delay:.15s}
	.in-view .data-reveal-3{opacity:1;transform:translate3d(0,0,0);transition-delay:.25s}
	.in-view .data-reveal-4{opacity:1;transform:translate3d(0,0,0);transition-delay:.35s}
	.in-view .data-reveal-5{opacity:1;transform:translate3d(0,0,0);transition-delay:.45s}
}

/*Tarte*/
body.frontpage #tarteaucitron .tarteaucitronAllow{color:#000 !important;background: #fff !important;border:1px solid #000 !important}
body.frontpage #tarteaucitron .tarteaucitronDeny{color:#000 !important;background: #fff !important;border:1px solid #000 !important}
body.frontpage .tarteaucitronMainLine{border-bottom: 1px solid #000 !important; padding-bottom: 10px !important}
body.frontpage #tarteaucitron .tarteaucitronBorder {border-top: 1px solid #333 !important;border-bottom: 1px solid #333 !important;}
body.frontpage #tarteaucitron ul#tarteaucitronServices_mandatory{background:#f2f2f2 !important}
body.frontpage ul#tarteaucitronServices_mandatory .tarteaucitronLine {background:#f2f2f2 !important}
body.frontpage #tarteaucitronPrivacyUrlDialog{background: #000 !important; color: #fff !important}
body.frontpage a.tarteaucitronSelfLink img{opacity:.5 !important}
body.frontpage #tarteaucitronSaveButton.tarteaucitronAllow{color:#fff !important;background: #04AA6D !important;border:none !important}

body.frontpage div#tarteaucitronInfo {position: relative !important;text-align: center !important;max-width: 80% !important;padding: 15px 0 !important;margin: -10px auto 40px !important;font-size: 1em !important;border-bottom: 1px solid;border-bottom-color: currentcolor;border-top:none;border-top-color: currentcolor;border-color:#555}

.tarteaucitron-magic-block button,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
#tarteaucitronAlertBig .tarteaucitronCTAButton,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
#tarteaucitronSaveButton{
	background-color: #fff !important;color:#000 !important
}

#tarteaucitronAlertBig #tarteaucitronPersonalize2{background-color:#000000 !important;color:#fff !important}
#tarteaucitronAlertBig #tarteaucitronAllDenied2{background-color: #7f7f7f !important;color:#fff !important}
 
/* Bordures qui reprenaient le jaune pour indiquer un service accepté/refusé */
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {
	border-color: #000000 !important;
}
#tarteaucitronIcon #tarteaucitronManager{background:#f8f4f3;opacity:.4}
#tarteaucitronIcon #tarteaucitronManager:hover{opacity:.9}

#tarteaucitronIcon #tarteaucitronManager img{opacity:.4}
#tarteaucitronIcon #tarteaucitronManager img:hover{opacity:.9}