:root {
--color-voile-blanc: #fff;
--color-bleu-nuit: #000127;
--color-bleu-brume: #DFE9F6;
--color-lie-de-vin: #5B2A3F;
--font-inter: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;;
--font-raleway: 'Raleway', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
--font-playfair: 'Playfair Display', Georgia, 'Times New Roman', Times, serif;
}
*, *::before, *::after {
box-sizing: border-box;
}
body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd {
margin: 0;
padding: 0;
}
body {
font-family: var(--font-inter);
font-weight: 400;
color: var(--color-bleu-nuit);
background-color: var(--color-voile-blanc);
font-size: 16px;
line-height: 24px;
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {
color: inherit;
text-decoration: none;
}
button {
background-color: transparent;
border: unset;
padding: 10px 0;
cursor: pointer;
} .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
} .container-full {
width: 100%;
max-width: unset;
}
.container-medium {
max-width: 1240px;
padding-left: 20px;
padding-right: 20px;
margin: auto;
}
.container-narrow {
max-width: 818px;
padding-left: 20px;
padding-right: 20px;
margin: auto;
} header {
position: relative;
}
header .container-medium {
padding-top: 12px;
text-align: right;
}
header .container-full {
display: flex;
justify-content: center;
align-items: center;
gap: 55px;
padding-top: 27px;
padding-bottom: 43px;
}
header .site-logo img {
max-height: 50px;
width: auto;
}
header .header-menu .menu {
list-style: none;
display: flex;
padding: 0;
margin: 0;
gap: 26px;
}
header .menu li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background: white;
list-style: none;
padding: 0;
margin: 0;
z-index: 1000;
min-width: 350px;
padding: 10px 20px;
border: 1px solid var(--color-bleu-nuit);
}
header .menu li:hover > ul {
display: block;
}
header .menu li {
position: relative;
}
header .menu a,
header .menu-item-has-children > span {
display: block;
padding: 8px 12px;
text-decoration: none;
}
header .menu li ul a {
text-transform: initial;
}
header .menu li ul li:hover > a {
font-weight: 700;
}
header .menu-item-has-children > span {
cursor: pointer;
}
header .menu-item-has-children > span::after,
header .menu-item-has-children > a::after {
content: "";
background-image: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.41327 1.41325L5.94139 6.28798L10.4695 1.41325" stroke="%23000127" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/></svg>');
width: 12px;
height: 7px;
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
margin-left: 5px;
transform: translateY(-2px);
}
header .menu li a,
header .menu li span {
font-weight: 500;
font-size: 18px;
letter-spacing: 1px;
text-transform: uppercase;
}
header .mobile-menu {
display: none;
position: absolute;
top: 155px;
background-color: var(--color-voile-blanc);
left: 0;
right: 0;
z-index: 20;
box-shadow: 0px 8px 7px #7b7b7b2b;
opacity: 0;
transform: translateY(-10px);
pointer-events: none;
transition: all 0.3s ease;
}
header .mobile-menu ul {
list-style: none;
}
header .mobile-menu-toggle {
color: var(--color-bleu-nuit);
width: 25px;
display: none;
} footer {
background-color: var(--color-bleu-nuit);
padding-top: 109px;
padding-bottom: 83px;
color: var(--color-voile-blanc);
}
footer .logo {
margin: auto;
}
footer .footer-menus {
display: flex;
flex-direction: row;
padding-top: 75px;
padding-bottom: 75px;
}
footer .footer-menus > div {
width: 50%;
}
footer .footer-menus .left-col {
border-right: 1px solid white;
padding-right: 120px;
padding-top: 38px;
padding-bottom: 43px;
}
footer .footer-menus .right-col {
padding-left: 120px;
padding-top: 29px;
padding-bottom: 18px;
}
footer .footer-menus .title,
footer .footer-menus li a,
footer .footer-menus .title a {
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
}
footer .footer-menus .left-col .title {
margin-bottom: 45px;
}
footer .footer-menus .left-col ul {
list-style: none;
padding-left: 0;
margin-left: 0;
margin: 0;
}
footer .footer-menus .left-col ul li {
position: relative;
padding-left: 29px;
margin-bottom: 45px
}
footer .footer-menus .left-col ul li:last-of-type {
margin-bottom: 0;
}
footer .footer-menus .left-col ul li::before {
content: "";
position: absolute;
left: 0;
top: 6px;
width: 10px;
height: 13px;
background-image: url('data:image/svg+xml,<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.41418 10.4705L5.94231 5.94233L1.41418 1.41421" stroke="white" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/></svg>');
background-repeat: no-repeat;
background-size: contain;
}
footer .footer-menus .right-col .menu-item {
margin-bottom: 37px;
}
footer .footer-menus .right-col .menu-item h2 + div {
margin-top: 10px;
}
footer .footer-menus .right-col .menu-item h2 + div + div {
margin-top: 10px;
}
footer .footer-menus .right-col .email svg {
margin-right: 3px;
transform: translateY(3px);
}
footer .footer-menus .right-col .phone svg {
margin-right: 3px;
transform: translateY(3px);
}
footer .footer-menus .right-col .social svg {
margin-right: 3px;
transform: translateY(6px);
}
footer .legal-info {
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
text-align: center;
margin-bottom: 25px;
}
footer .copyright-row {
font-size: 14px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0;
}
footer .copyright-row .menu {
display: flex;
padding: 0;
margin: 0;
list-style: none;
gap: 20px;
}
footer .copyright {
text-align: center;
} .popup-btn {
font-weight: 700;
font-size: 12px;
line-height: 12px;
letter-spacing: 1px;
cursor: pointer;
}
.popup {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
align-items: center;
justify-content: center;
z-index: 10;
}
.popup-state--open {
display: flex;
}
.popup-wrapper {
max-width: 791px;
background-color: var(--color-bleu-nuit);
padding: 60px 60px 40px 60px;
color: var(--color-voile-blanc);
overflow-y: auto;
max-height: 75vh;
position: relative;
}
.popup-close-icon {
position: absolute;
top: 21px;
right: 25px;
padding: 5px;
}
.popup-close-bottom {
text-align: right;
}
.popup-close-text {
transform: translate(20px, 30px);
font-weight: 700;
font-size: 11px;
padding: 5px;
color: var(--color-voile-blanc);
}
.popup-wrapper .popup-content {
text-align: left;
}
.popup-wrapper p {
margin-bottom: 16px;
}
.popup-wrapper .popup-title {
margin-bottom: 20px;
}
.body--no-scroll {
overflow: hidden;
} .hero-banner .container-full {
display: flex;
height: 764px;
}
.hero-banner .col {
width: 50%;
position: relative;
}
.hero-banner .image {
width: 100%;
height: 100%;
object-fit: cover;
}
.hero-banner .macaron {
width: 182px;
height: 182px;
position: absolute;
left: -110px;
top: 100px;
}
.hero-banner .right-col {
display: flex;
justify-content: flex-start;
align-items: end;
}
.hero-banner .title {
margin-bottom: 200px;
margin-left: 87px;
font-family: var(--font-raleway);
font-size: 50px;
line-height: 50px;
text-transform: uppercase;
font-weight: 300;
}
.hero-banner .right-col::after {
content: ' ';
position: absolute;
left: 285px;
bottom: 0;
width: 2px;
height: 165px;
background-color: var(--color-bleu-nuit);
} .news-slider .container-full {
padding-top: 80px;
padding-bottom: 75px;
background-color: var(--color-bleu-nuit);
color: var(--color-voile-blanc);
}
.news-slider .title {
font-weight: 700;
font-size: 24px;
letter-spacing: 8px;
text-align: center;
margin-bottom: 39px;
}
.news-slider .news-title {
font-weight: 300;
text-align: center;
margin-bottom: 20px;
}
.news-slider .news-content {
font-weight: 300;
font-size: 14px;
line-height: 20px;
text-align: center;
}
.news-slider .splide__slide:not(.is-active) {
opacity: 0.4;
}
.news-slider .splide__arrow--prev {
left: calc((100% - 1044px) / 2);
height: 44px;
width: 44px;
transform: translateY(0px);
}
.news-slider .splide__arrow--next {
right: calc((100% - 1044px) / 2);
height: 44px;
width: 44px;
transform: translateY(0px);
}
.news-slider .splide__arrow--next img {
transform: rotate(180deg);
} .millesime-annee {
padding-top: 69px;
padding-bottom: 45px;
}
.millesime-annee .upper-title {
font-weight: 400;
font-size: 20px;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
margin-bottom: 12px;
}
.millesime-annee .title {
font-family: var(--font-playfair);
font-weight: 700;
font-size: 45px;
line-height: 50px;
text-align: center;
}
.millesime-annee img {
margin-top: 41px;
margin-bottom: 33px;
}
.millesime-annee .content {
text-align: center;
margin-bottom: 44px;
}
.millesime-annee .content p {
margin-bottom: 24px;
}
.millesime-annee .content p:last-of-type {
margin-bottom: 0;
}
.millesime-annee .btn-wrapper {
text-align: center;
}
.millesime-annee a {
border: 1px solid #000127;
font-size: 14px;
text-transform: uppercase;
padding: 20px 25px;
transition: 0.33s ease;
}
.millesime-annee a:hover {
background-color: var(--color-bleu-nuit);
color: var(--color-voile-blanc);
} .quotes {
padding-top: 120px;
padding-bottom: 120px;
background-color: var(--color-bleu-nuit);
color: var(--color-voile-blanc);
}
.quotes blockquote p {
font-weight: 200;
font-size: 20px;
text-transform: uppercase;
margin-bottom: 15px;
}
.quotes #slider-quotes {
margin-top: 13px;
padding-right: 50px;
} .contact {
padding-top: 101px;
padding-bottom: 80px;
}
.contact .upper-title {
font-size: 20px;
font-weight: 400;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
margin-bottom: 18px;
}
.contact .title {
font-family: var(--font-playfair);
font-weight: 700;
font-size: 45px;
line-height: 50px;
text-align: center;
margin-bottom: 59px;
}
.contact .grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
line-height: 18px;
}
.contact .grid > div {
padding-left: 25px;
padding-right: 25px;
text-align: center;
min-height: 100px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border-right: 1px solid var(--color-bleu-nuit);
}
.contact .grid > div:last-of-type {
border-right: none;
}
.contact .grid strong {
text-transform: uppercase;
display: block;
}
.contact .grid address {
font-style: normal;
}
.contact .informations a {
padding-top: 3px;
padding-bottom: 3px;
display: block;
}
.contact .social svg {
margin-right: 3px;
transform: translateY(6px);
} #domaine .hero-banner .container-full {
background-color: var(--color-bleu-nuit);
color: var(--color-voile-blanc);
}
#domaine .hero-banner .right-col::after {
background-color: var(--color-voile-blanc);
}
.presentation-domaine {
padding-top: 67px;
padding-bottom: 142px;
}
.presentation-domaine .upper-text {
text-align: center;
padding-bottom: 67px;
}
.presentation-domaine .container-medium {
display: flex;
justify-content: space-between;
align-items: center;
}
.presentation-domaine .container-medium > div {
width: 50%;
}
.presentation-domaine .container-medium .col-img {
padding-right: 20px;
}
.presentation-domaine .container-medium .col-text {
padding-left: 50px;
}
.presentation-domaine .container-medium .title {
font-family: var(--font-playfair);
font-weight: 700;
font-size: 45px;
line-height: 50px;
margin-bottom: 21px;
}
.presentation-domaine .container-medium .text {
margin-bottom: 8px;
}
.personnes {
margin-bottom: 141px;
}
.personnes #slider-personnes .slide-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.personnes #slider-personnes .col-image img {
aspect-ratio: 1;
object-fit: cover;
object-position: center;
}
.personnes #slider-personnes .col-content {
padding: 100px 55px 80px 55px;
background-color: var(--color-bleu-brume);
}
.personnes #slider-personnes .name {
font-family: var(--font-playfair);
font-weight: 500;
font-size: 60px;
line-height: 63px;
}
.personnes #slider-personnes .text {
margin-top: 20px;
}
.personnes #slider-personnes .verbatim {
font-style: italic;
margin-top: 20px;
}
.personnes #slider-personnes .popup-btn {
margin-top: 20px;
}
.personnes .splide__arrow--prev {
left: calc(50% - 150px);
height: 44px;
width: 44px;
transform: translateY(0px);
top: 30px;
bottom: unset;
}
.personnes .splide__arrow--next {
right: calc(50% - 99px);
height: 44px;
width: 44px;
transform: translateY(0px) rotate(180deg);
top: 30px;
bottom: unset;
} #philosophie .hero-banner .container-full {
background-color: var(--color-bleu-nuit);
color: var(--color-voile-blanc);
}
#philosophie .hero-banner .right-col::after {
background-color: var(--color-voile-blanc);
}
.production-vin {
padding-top: 72px;
padding-bottom: 71px;
}
.production-vin .container-medium {
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
}
.production-vin .col-img {
width: 60%;
}
.production-vin .col-img img {
width: 100%;
}
.production-vin .col-text {
width: 40%;
padding-left: 50px;
}
.production-vin .title {
font-family: var(--font-playfair);
font-weight: 700;
font-size: 45px;
line-height: 50px;
margin-bottom: 42px;
}
.production-vin .text {
margin-bottom: 42px;
}
.nature {
position: relative;
}
.nature img {
max-height: 569px;
width: 100%;
object-fit: cover;
}
.nature .container-narrow {
position: absolute;
top: 86px;
left: 0;
right: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; color: var(--color-bleu-nuit);
text-align: center; }
.nature .title {
font-family: var(--font-playfair);
font-weight: 700;
font-size: 45px;
line-height: 50px;
margin-bottom: 30px;
}
.nature .text {
margin-bottom: 40px;
}
.nature button {
color: var(--color-voile-blanc);
}
.coeur-domaine {
padding-top: 73px;
text-align: center;
}
.coeur-domaine .title {
font-family: var(--font-playfair);
font-weight: 700;
font-size: 45px;
line-height: 50px;
margin-bottom: 30px;
}
.coeur-domaine .text {
margin-bottom: 40px;
}
.coeur-domaine button {
margin-bottom: 70px;
}
.coeur-domaine .container-full {
padding: 0 20px;
display: flex;
gap: 12px;
}
.coeur-domaine .container-full img:first-of-type {
width: 60%;
}
.coeur-domaine .container-full img:last-of-type {
width: 40%;
}
.engagements {
padding-top: 76px;
text-align: center;
}
.engagements .title {
font-family: var(--font-playfair);
font-weight: 700;
font-size: 45px;
line-height: 50px;
margin-bottom: 30px;
}
.engagements .text {
margin-bottom: 40px;
}
.engagements button {
margin-bottom: 76px;
}
.engagements img {
width: 100%;
}
#s3.engagements img {
max-height: 400px;
object-fit: cover;
} #contact .hero-banner .left-col {
width: 70%;
}
#contact .hero-banner .right-col {
width: 30%;
}
#contact .hero-banner .title {
margin-left: auto;
margin-right: auto;
}
#contact .hero-banner .right-col::after {
left: 0;
right: 0;
margin: auto;
}
#contact .contact {
padding-top: 94px;
padding-bottom: 96px;
}
#contact .contact .upper-title {
margin-bottom: 49px;
}
#contact .btn-wrapper {
text-align: center;
margin-top: 80px;
}
#contact .btn-wrapper a {
border: 1px solid #000127;
font-size: 14px;
text-transform: uppercase;
padding: 20px 25px;
transition: 0.33s ease;
}
#contact .btn-wrapper a:hover {
background-color: var(--color-bleu-nuit);
color: var(--color-voile-blanc);
} #vins .hero-banner .right-col {
background-color: var(--color-bleu-brume);
}
.liste-vins {
padding-top: 94px;
}
.liste-vins .main-text {
margin-bottom: 94px;
text-align: center;
}
.vin-item {
display: flex;
}
.vin-item.reverse {
flex-direction: row-reverse;
}
.vin-item > div {
width: 50%;
}
.vin-item .col-left {
position: relative;
}
.vin-item .col-left > img {
height: 100%;
object-fit: cover;
}
.vin-item .featured-image-wrapper {
width: 306px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
transform: translateX(50%);
display: flex;
align-items: center;
max-height: 100%;
}
.vin-item.reverse .featured-image-wrapper {
right: unset;
left: 0;
transform: translateX(-50%);
}
.vin-item .col-right {
padding: 30px 20px 30px 150px;
display: flex;
flex-direction: column;
justify-content: center;
}
.vin-item.reverse .col-right {
padding-left: 20px;
padding-right: 150px;
}
.vin-item .col-right > * {
max-width: 407px;
}
.vin-item.reverse .col-right > * {
width: 100%;
margin-left: auto;
margin-right: 0;
}
.vin-item .colour {
font-size: 20px;
letter-spacing: 2px;
text-transform: uppercase;
}
.vin-item .category {
font-family: var(--font-playfair);
font-weight: 700;
font-size: 30px;
line-height: 50px;
}
.vin-item .name {
font-family: var(--font-playfair);
font-weight: 400;
font-size: 60px;
line-height: 60px;
margin-bottom: 50px;
}
.vin-item .content {
margin-bottom: 48px;
}
.vin-item .years {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px 0;
}
.vin-item .years li {
border: 1px solid var(--color-bleu-nuit);
margin-right: 16px;
}
.vin-item .years li.no-file {
padding: 10px;
}
.vin-item .years li a {
padding: 10px;
display: block;
transition: 0.5s ease;
}
.vin-item .years li a:hover {
background-color: var(--color-bleu-nuit);
color: var(--color-voile-blanc);
} #nous-trouver {
padding-top: 144px;
padding-bottom: 144px;
}
#nous-trouver .title {
font-family: var(--font-playfair);
font-weight: 700;
font-size: 45px;
line-height: 50px;
}
.recherche {
margin-bottom: 93px;
}
.recherche .title {
margin-bottom: 52px;
}
.recherche .localisation-field {
background-color: var(--color-bleu-brume);
font-weight: 500;
line-height: 50px;
padding: 0 20px;
width: 100%;
color: var(--color-bleu-nuit);
font-family: var(--font-inter);
border: unset;
outline: unset;
}
.liste-revendeurs .title {
margin-bottom: 68px;
}
.liste-revendeurs .retailers {
width: calc(100% + 14px);
border-collapse: collapse;
transform: translateX(-14px);
}
.liste-revendeurs .retailers td {
border-bottom: 1px solid black;
padding: 10px 14px;
}
.liste-revendeurs .retailers tr:last-of-type td {
border-bottom: unset;
}
.liste-revendeurs .retailers .name {
font-weight: 500;
font-size: 30px;
line-height: 50px;
width: 50%;
}
.liste-revendeurs .retailers .city,
.liste-revendeurs .retailers .postcode {
font-weight: 500;
font-size: 19px;
line-height: 50px;
width: 25%;
} #popup-age:not(.popup--state-active) {
display: none;
}
#popup-age.popup--state-active {
position: fixed;
background-color: var(--color-bleu-nuit);
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 10000000000;
display: flex;
align-items: center;
color: var(--color-voile-blanc);
text-align: center;
}
#popup-age .logo-col {
margin-top: 30px;
}
#popup-age .logo-col img {
margin: auto;
}
#popup-age .logo-col {
margin-bottom: 89px;
}
#popup-age .content {
letter-spacing: 1px;
margin-bottom: 42px;
}
#popup-age .confirm-age {
background-color: var(--color-voile-blanc);
border: 1px solid var(--color-voile-blanc);
letter-spacing: 1px;
border-radius: 21px;
padding: 10px 25px;
transition: 0.5s ease;
margin-bottom: 30px;
}
#popup-age .confirm-age:hover {
background-color: var(--color-bleu-nuit);
color: var(--color-voile-blanc);
}
#popup-age .legal-info {
position: absolute;
bottom: 39px;
left: 0;
right: 0;
} .default-template {
padding-top: 70px;
padding-bottom: 100px;
}
.default-template h1 {
font-family: var(--font-playfair);
font-weight: 700;
font-size: 45px;
line-height: 50px;
margin-bottom: 30px;
}
.default-template h2 {
font-family: var(--font-playfair);
font-weight: 700;
font-size: 35px;
line-height: 45px;
margin-bottom: 20px;
margin-top: 20px;
}
.default-template h3 {
font-family: var(--font-playfair);
font-weight: 700;
font-size: 30px;
line-height: 40px;
margin-bottom: 20px;
margin-top: 20px;
}
.default-template p {
margin-bottom: 15px;
} @media (max-width: 1400px) {
.news-slider .splide__arrow--prev {
left: calc((100% - 790px) / 2);
}
.news-slider .splide__arrow--next {
right: calc((100% - 790px) / 2);
}
}
@media (max-width: 1100px) {
.personnes #slider-personnes .col-image img {
height: 100%;
width: 100%;
}
.personnes #slider-personnes .col-image {
width: 100%;
}
}
@media (max-width: 1024px) {
.popup-wrapper {
max-width: 95%;
}
.hero-banner .right-col::after {
left: 185px;
}
.news-slider .splide__arrow--prev {
left: 30px;
}
.news-slider .splide__arrow--next {
right: 30px;
}
.contact .grid > div {
padding-left: 15px;
padding-right: 15px;
}
.nature img {
min-height: 500px;
}
.vin-item .featured-image-wrapper {
width: 206px;
}
.vin-item .col-right {
padding-left: 90px;
}
.vin-item.reverse .col-right {
padding-right: 90px;
}
.vin-item .name {
font-size: 40px;
line-height: 40px;
}
}
@media (max-width: 768px) {
.millesime-annee .title,
.contact .title,
.engagements .title,
.coeur-domaine .title,
.nature .title,
.production-vin .title,
#nous-trouver .title {
font-size: 30px;
line-height: 35px;
}
header .header-menu {
display: none;
}
header .mobile-menu-toggle {
display: block;
}
header .mobile-menu {
display: block; 
}
header .mobile-menu.is-open {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
footer .footer-menus {
flex-direction: column;
}
footer .footer-menus > div {
width: 100%;
}
footer .footer-menus .left-col {
padding-right: 0;
border-right: unset;
}
footer .footer-menus .right-col {
padding-left: 0;
}
footer .copyright-row {
flex-direction: column;
}
.hero-banner .container-full {
height: 400px;
}
.hero-banner .macaron {
width: 92px;
height: 92px;
left: -40px;
top: 30px;
}
.hero-banner .title {
margin-left: 10px;
font-size: 22px;
line-height: 30px;
padding-right: 0px;
margin-bottom: 100px;
word-break: break-word;
}
.hero-banner .right-col::after {
left: 85px;
height: 80px;
}
.quotes {
padding-top: 100px;
padding-bottom: 100px;
}
.quotes #slider-quotes {
padding-right: 0;
}
.contact .grid {
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 15px;
}
.contact .grid > div:nth-of-type(2) {
border-right: unset;
}
.presentation-domaine {
padding-bottom: 67px;
}
.presentation-domaine .container-medium {
flex-direction: column;
gap: 35px;
}
.presentation-domaine .container-medium > div {
width: 100%;
}
.presentation-domaine .container-medium .col-text,
.presentation-domaine .container-medium .col-img {
padding: 0;
}
.personnes #slider-personnes .slide-wrapper {
grid-template-columns: repeat(1, 1fr);
}
.personnes #slider-personnes .col-content {
padding: 25px 25px 80px 25px;
}
.personnes #slider-personnes .name {
font-size: 40px;
line-height: 43px;
}
.personnes .splide__arrow--prev {
left: 25px;
}
.personnes .splide__arrow--next {
right: 25px;
}
.production-vin .container-medium {
flex-direction: column;
gap: 35px;
}
.production-vin .container-medium > div {
width: 100%;
}
.production-vin .container-medium .col-text,
.production-vin .container-medium .col-img {
padding: 0;
}
#contact .hero-banner .left-col {
width: 50%;
}
#contact .hero-banner .right-col {
width: 50%;
}
#nous-trouver {
padding-top: 40px;
padding-bottom: 90px;
}
#nous-trouver .title {
margin-bottom: 40px;
}
.recherche {
margin-bottom: 60px;
}
.liste-revendeurs .retailers .name {
font-size: 20px;
line-height: 30px;
}
.vin-item,
.vin-item.reverse {
flex-direction: column;
}
.vin-item > div {
width: 100%;
}
.vin-item .featured-image-wrapper,
.vin-item.reverse .featured-image-wrapper {
left: 0;
transform: unset;
width: 100%;
align-items: center;
justify-content: center;
}
.vin-item .featured-image-wrapper img {
max-height: 100%;
}
.vin-item:not(.reverse) .col-right {
padding: 20px;
}
.vin-item .col-right > * {
max-width: unset;
}
}
@media (max-width: 450px) {
.nature img {
min-height: 550px;
}  
}