@import url('fonts.css');
@import url('../dist/bootstrap/css/bootstrap.min.css');
@import url('../dist/swiper/css/swiper-bundle.min.css');
@import url('../dist/owlcarousel/css/owl.theme.default.min.css');
@import url('../dist/owlcarousel/css/owl.carousel.min.css');
:root {
	--primary-font: 'Avenir Regular', Helvetica, Arial, sans-serif;
	--secondary-font: 'Mightyditeynfw01 Regular', Helvetica, Arial, sans-serif;
	--off-white: #FFFDF9;
	--brown: #D2BBA0;
	--brown-1: #AE9578;
	--gray: #0A0B11;
}
html, body { background-color: var(--off-white); color: var(--grey); font-family: var(--primary-font); font-weight: 400; overflow-x: hidden; }
html { overflow-x: hidden; }
a { color: var(--bs-blue); }
a, a:hover { text-decoration: none; }
a:focus { outline: none; }
*:focus { outline: none; }
button:active, button:focus, .btn:active, .btn:focus { box-shadow: none !important; outline: none !important; }
.img-responsive, .navbar-brand > img { display: inline-block; }
img { display: inline-block; height: auto; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { color: var(--brown-1); font-family: var(--secondary-font); font-weight: 500; line-height: 1.22222222; -webkit-text-stroke: 1px; }
h1 { font-size: 107px; }
h2 { font-size: 60px; }
h3 { font-size: 65px; }
p, li { color: var(--grey); font: normal 15px/1.575 var(--primary-font); overflow-wrap: break-word; word-wrap: break-word; }
p strong { font-family: 'Avenir Heavy', Helvetica, Arial, sans-serif; }

.navbar-brand { margin: 0 auto; }
.navbar-brand img { max-height: 90px; }
.navbar-brand:hover { opacity: 1 !important; transform: none !important; }
.navbar .btn-outline-primary { border-color: var(--brown); color: var(--brown); font-size: 16px; padding: 0.475rem 0.75rem; width: 123px; }
.navbar .btn-outline-primary:hover { background-color: var(--brown); border-color: var(--brown); color: var(--gray); }
.navbar .btn-outline-primary.active { background-color: var(--brown); border-color: var(--brown); color: var(--gray); }

.white { background-color: var(--bs-white); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

.offcanvas { background-color: var(--off-white); border: 0 !important; }
.offcanvas-header { padding: 3.125rem 3.125rem 2.725rem; }
.offcanvas-header img { max-width: 98px; }
.offcanvas-header .btn-close { opacity: 1; }
.offcanvas-body { padding: 1rem 3.125rem; }
.offcanvas-body .nav-item { font-size: 22px; text-transform: capitalize; }
.offcanvas-body .nav-link { color: var(--gray); padding: 0.5rem 0; }
.offcanvas-body .nav-link:hover { color: var(--brown); }
.offcanvas .fixed-bottom { padding: 3.125rem; }
.offcanvas .fixed-bottom a { color: var(--brown-1); font-size: 22px; }

.mainban { clear: both; display: block; overflow: hidden; position: relative; text-align: center; width: 100%; }
.mainban .overlay { align-items: center; background-color: rgba(0, 0, 0, 60%); bottom: 0; display: flex; height: 100%; min-height: 100vh; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; }
.mainban video { object-fit: cover; display: block; height: 100vh; left: 0; top: 0; width: 100%; }
.mainban h1, .mainban h3 { color: var(--brown); }
.mainban h1 { -webkit-text-stroke: .5px; }
.mainban p { color: var(--off-white); margin: 0 auto 1rem; max-width: 68%; }
.mainban h3 { margin-bottom: 2rem; }
.mainban h3 span { border-bottom: 1px solid var(--brown); }

.cuisine { clear: both; padding: 5% 0; position: relative; width: 100%; }
.cuisine h2 { margin-top: 10px; position: absolute; right: 0; text-align: right; z-index: 1; }
.cuisine article { padding: 12% 0 0 4%; }
.cuisine a { color: var(--brown-1); display: inline-block; font: normal 35px var(--secondary-font); margin-top: 15px; -webkit-text-stroke: 0.8px; }
.cuisine a span { border-bottom: 1px solid var(--brown-1); }

.stage { margin-bottom: 5%; }
 /* Swiper container */
.swiper { max-width: 1520px; height: auto; padding-bottom: 40px; /* space for scrollbar */ width: 100%; }
.swiper-slide { align-items: center; background: #fff; display: flex; justify-content: center; overflow: hidden; width: 369px !important; }
.swiper-slide img { object-fit: cover; height: 554px; width: 369px; }
/* Scrollbar styling */
.swiper-scrollbar { background: #e6e2d3; border-radius: 4px; height: 8px; max-width: 1270px;}
.swiper-scrollbar-drag { background: #c9a76f; }

.carte article { padding: 5% 3% 0 0; }
.carte a { color: var(--brown-1); display: inline-block; font: normal 30px var(--secondary-font); margin-top: 15px; -webkit-text-stroke: 0.8px; }
.carte a span { border-bottom: 1px solid var(--brown-1); }

.service { clear: both; padding: 5% 0; width: 100%; }
.privatisation.owl-carousel .owl-item { position: relative; }
.privatisation.owl-carousel .owl-item .overlay { background-color: rgba(255, 255, 255, 0.76); align-items: center; display: flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.privatisation.owl-carousel .owl-item.center .overlay { background-color: rgba(0, 0, 0, 0.56); }
.privatisation.owl-carousel .owl-item h1 { color: var(--brown); display: none; font-size: 75px; line-height: 60px; text-align: center; transform: scale(2.3); -webkit-text-stroke: 0; }
.privatisation.owl-carousel .owl-item.center h1 { display: block; }
.privatisation.owl-theme .owl-nav { position: absolute; top: 35%; width: 100%; }
.privatisation.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { height: 93px; position: absolute; text-indent: -9999px; width: 107.5px; }
.privatisation.owl-carousel .owl-nav button.owl-prev { background: url("../images/arw_lft.png") no-repeat left / contain; left: 5%; }
.privatisation.owl-carousel .owl-nav button.owl-prev:hover { background: url("../images/arw_lft.png") no-repeat left / contain; }
.privatisation.owl-carousel .owl-nav button.owl-next { background: url("../images/arw_rgt.png") no-repeat right / contain; right: 5%; }
.privatisation.owl-carousel .owl-nav button.owl-next:hover { background: url("../images/arw_rgt.png") no-repeat right / contain; }

.la-cave { background-color: var(--gray); clear: both; padding: 5% 0; width: 100%; }
.la-cave article { padding: 0 0 0 5%; }
.la-cave h1 { color: var(--brown-1); font-size: 100px; line-height: 75px; }
.la-cave h2 { margin-bottom: 35px; }
.la-cave p { color: var(--bs-white); }

.votre { clear: both; padding: 5% 0; width: 100%; }
.votre article { padding-right: 5%; }
.votre h2 { margin-bottom: 4%; max-width: 80%; }
.votre .learn { width: 100%; }
.votre .learn a { border-bottom: 1px solid var(--gray); color: var(--gray); cursor: pointer; font-size: 30px; padding-bottom: 5px; -webkit-text-stroke: 0.8px; }
.votre a { color: var(--brown-1); display: inline-block; font: normal 48px var(--secondary-font); margin-top: 15px; -webkit-text-stroke: 1px; }

.faqs { clear: both; padding-bottom: 5%; width: 100%; }
.faqs .accordion-item { background-color: inherit; border: inherit; }
.faqs .accordion-header { background-color: inherit; border-bottom: 1px solid var(--bs-black); border-radius: inherit; }
.faqs .accordion-button { background-color: inherit; color: var(--brown-1); font: normal 20px var(--primary-font); padding-left: 0; -webkit-text-stroke: 0; }
.faqs .accordion-button:not(.collapsed) { background-color: inherit; color: var(--brown-1); }
.faqs .accordion-item:first-of-type > .accordion-header .accordion-button, .faqs .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-radius: 0; }
.faqs .accordion-item:first-of-type, .faqs .accordion-item:last-of-type { border-radius: 0; }
.faqs .accordion-body { padding-left: 0; padding-right: 0; }
.faqs .accordion-button::after { background-image: url("../images/plus.png"); background-size: 10px; height: 10px; width: 10px; }
.faqs .accordion-button:not(.collapsed)::after { background-image: url("../images/minus.png"); }

footer { background: url("../images/map.png") no-repeat top right / 60% 100% #F5EFE8; clear: both; min-height: 500px; padding: 5% 0 10px; width: 100%; }
footer h3 { color: var(--gray); font-size: 46px; margin-bottom: 30px; text-transform: initial; }
footer ul { list-style: none; margin: 0 0 40px; padding: 0; }
footer ul li { color: var(--gray); font-size: 15px; margin-bottom: 12px; }
footer ul li picture { display: inline-block; margin-right: 5px; width: 20px; }
footer ul li:first-of-type { text-decoration: underline; }
footer ul li a { color: var(--gray); text-decoration: underline; }
footer ul li a:hover { color: var(--brown-1); }
footer ul.links { border-bottom: 1px solid #000; display: inline-block; margin-top: 10%; padding-bottom: 10px; }
footer ul.links li { display: inline; }
footer ul.links li:first-of-type, footer ul.links li a { text-decoration: none; }
footer ul.links li { margin-right: 40px; }
footer ul.links li:last-child { margin: 0; }

.banner { background-color: var(--gray); clear: both; max-height: 50vh; overflow: hidden; position: relative; width: 100%; }
.banner::before { background-color: rgba(0, 0, 0, 0.5); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.banner .container-fluid { align-items: center; bottom: 0; display: flex; height: 100%; justify-content: center; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 2; }
.banner h1 { color: var(--brown); -webkit-text-stroke: inherit; }
.banner img { object-fit: cover; height: 50vh; width: 100%; }

.levanti { clear: both; padding: 5% 0; width: 100%; }
.levanti article { padding-left: 3%; }

.valeurs { background-color: var(--gray); clear: both; padding: 5% 0; width: 100%; }
.valeurs .col { text-align: left; }
.valeurs .col:nth-child(1n+3) { text-align: center; }
.valeurs figure { height: 115px; }
.valeurs h2, .valeurs h3 { color: var(--off-white); }
.valeurs h3 { font: normal 25px var(--primary-font); -webkit-text-stroke: inherit; }

.traiteur { clear: both; padding: 5% 0 10%; width: 100%; }
.traiteur h4 { bottom: 15px; color: var(--off-white); font-size: 42px; line-height: 45px; left: 10%; position: absolute; }
.traiteur .box { position: relative; max-width: 300px; }
.traiteur .overlay { height: 100%; left: 0; padding: 8%; position: absolute; top: 0;  width: 100%; z-index: 1; }
.traiteur .overlay img { float: right; }

.book { clear: both; padding: 5% 0 0; text-align: center; width: 100%; }
.book h2 { margin-bottom: 15px; }
.book p { font-size: 17px; }
.book p span {  color: var(--brown-1); display: inline-block; text-decoration: underline; }

.reserve { clear: both; width: 100%; }
.reserve iframe { min-height: 650px; height: 650px; }

.vente { clear: both; width: 100%; }
.vente hr { border-color: var(--brown-1); margin: 0; opacity: 1; }
.vente .col { padding-top: 3%; padding-bottom: 5%; }
.vente .col:first-child { border-right: 1px solid var(--brown-1); padding-right: 4%; }
.vente .col:last-child { padding-left: 4%; }
.vente a { border-bottom: 1px solid var(--brown-1); color: var(--gray); cursor: pointer; font: normal 30px var(--secondary-font); -webkit-text-stroke: 0.8px; }

.gallery { clear: both; overflow: hidden; width: 100%; }
.gallery img { object-fit: fill; height: 100%; width: 100%; }

.banner-dark { background-color: var(--gray); clear: both; min-height: 41vw; width: 100%; }
.banner-dark .container { height: 100%; padding-top: 10%; }

.diagram { background-color: var(--bs-white); border: 1px solid #F0F0F0; margin: -15% auto 50px; padding: 5% 5%; width: 83.33333333%; }
.diagram .nav-pills .nav-link { border: 1px solid var(--gray); border-radius: 5px; color: var(--gray); font-size: 15px; width: 112px; }
.diagram .nav-pills .nav-link.active { background-color: #E7CAA8; border-color: #E7CAA8; color: var(--gray); }

.plan-images { width: 100%; }
.plan-clickable { cursor: pointer; }
.plan-clickable img { display: block; height: auto; width: 100%; }

.modal-privatisation .modal-content { border: none; border-radius: 0; padding: 20px; position: relative; }
.modal-privatisation .btn-close { position: absolute; right: 20px; top: 20px; z-index: 10; }
.modal-privatisation .modal-body { padding: 30px 40px 40px; }
.modal-privatisation .modal-body h2 { font-size: 48px; margin-bottom: 15px; }
.modal-privatisation .modal-body p { font-size: 16px; line-height: 1.6; margin-bottom: 25px; }
.modal-privatisation .modal-images { margin-bottom: 30px; }
.modal-privatisation .modal-images img { border-radius: 4px; height: auto; width: 100%; }
.modal-privatisation .btn-reserver { background-color: transparent; border: 1px solid var(--brown-1); border-radius: 4px; color: var(--brown-1); font-size: 16px; padding: 12px 30px; transition: all 0.3s ease; }
.modal-privatisation .btn-reserver:hover { background-color: var(--brown-1); color: var(--off-white); }

.cave { clear: both; padding-bottom: 5%; width: 100%; }
.cave h2 { margin-bottom: 4%; }
.cave h4 { border-bottom: 1px solid var(--gray); color: var(--gray); cursor: pointer; font-size: 30px; padding-bottom: 5px; -webkit-text-stroke: 0.8px; }
.cave .learn, .organisez .learn { width: 100%; }
.cave .learn a, .organisez .learn a { border-bottom: 1px solid var(--gray); color: var(--gray); cursor: pointer; font: normal 30px var(--secondary-font); padding-bottom: 5px; -webkit-text-stroke: 0.8px; }

.organisez { clear: both; padding: 5% 0 7%; width: 100%; }
.organisez h2 { margin-bottom: 25px; }

.banner-article { background-color: var(--gray); clear: both; padding: 130px 0 60px; width: 100%; }
.banner-article h2 { color: var(--brown); font-size: 60px; margin-top: 30px; }
.banner-article .back a { align-items: center; color: var(--brown); display: inline-flex; font: normal 17px var(--primary-font); gap: 10px; text-decoration: none; }
.banner-article .back a img { filter: brightness(0) saturate(100%) invert(79%) sepia(15%) saturate(498%) hue-rotate(354deg) brightness(91%) contrast(87%); max-width: 40px; transform: rotate(180deg); }
.banner-article .btn-carte { background-color: var(--brown); border-color: var(--brown); border-radius: 5px; color: var(--gray); font-size: 16px; padding: 0.6rem 1.2rem; }
.banner-article .btn-carte:hover { background-color: var(--brown-1); border-color: var(--brown-1); }

.article-featured-image { margin-top: -30px; }
.article-featured-image .featured-image { border-radius: 8px; max-height: 400px; overflow: hidden; }
.article-featured-image .featured-image img { height: 400px; object-fit: cover; width: 100%; }

.article-content-section { padding: 60px 0; }
.article-content-section .article-body { font: normal 15px/1.8 var(--primary-font); }
.article-content-section .article-body h2, .article-content-section .article-body h3 { color: var(--brown-1); font-size: 60px; margin: 40px 0 20px; }
.article-content-section .article-body p { margin-bottom: 20px; }

.related-articles-section { background-color: var(--off-white); padding: 60px 0 80px; }
.related-articles-section .related-title { color: var(--brown-1); font-size: 40px; margin-bottom: 20px; }
.related-article-card { display: block; position: relative; text-decoration: none; }
.related-article-thumbnail { aspect-ratio: 1 / 1; border-radius: 8px; overflow: hidden; }
.related-article-thumbnail img { height: 100%; object-fit: cover; width: 100%; }
.related-article-content { align-items: flex-end; background: linear-gradient(to top, rgba(255,253,249,0.95) 0%, rgba(255,253,249,0.7) 30%, rgba(255,253,249,0) 60%); bottom: 0; display: flex; justify-content: center; left: 0; padding: 25px 20px; position: absolute; right: 0; top: 0; z-index: 2; }
.related-article-title { color: var(--gray); font: normal 22px/28px var(--primary-font); margin: 0; text-align: center; }

.menu-content { clear: both; padding: 5% 0; width: 100%; }
.menu-content h2, .menu-content h3 { margin-bottom: 20px; margin-top: 40px; }
.menu-content h2:first-child, .menu-content h3:first-child { margin-top: 0; }
.menu-content p { margin-bottom: 15px; }
.menu-content img { height: auto; max-width: 100%; }

.contact-section { clear: both; padding: 5% 0; width: 100%; }
.contact-infos h2 { margin-bottom: 30px; }
.contact-infos p { font-size: 16px; line-height: 1.8; margin-bottom: 15px; }
.contact-infos a { color: var(--gray); text-decoration: underline; }
.contact-infos a:hover { color: var(--brown-1); }
.contact-form-box { background-color: var(--off-white); border: 1px solid #e0e0e0; border-radius: 8px; padding: 40px; }
.contact-form .form-control, .contact-form .form-select { background-color: transparent; border: 1px solid var(--gray); border-radius: 4px; font-size: 15px; padding: 15px 20px; }
.contact-form .form-control:focus, .contact-form .form-select:focus { border-color: var(--brown-1); box-shadow: none; }
.contact-form .form-control::placeholder { color: #999; }
.contact-form textarea.form-control { min-height: 150px; resize: vertical; }
.contact-form .btn-outline-dark { border: 1px solid var(--gray); border-radius: 4px; font-size: 15px; padding: 12px 35px; transition: all 0.3s ease; }
.contact-form .btn-outline-dark:hover { background-color: var(--gray); color: var(--off-white); }

/* -------------------
    Actualités Page
--------------------------- */
.actualites-page { padding: 80px 0; }
.actualites-grid { margin-top: 20px; }

.actualite-card { display: block; position: relative; text-decoration: none; }
.actualite-thumbnail { aspect-ratio: 1 / 1; border-radius: 8px; overflow: hidden; position: relative; }
.actualite-thumbnail img { height: 100%; object-fit: cover; width: 100%; }

.actualite-content { padding: 20px 15px 0; position: relative; }
.actualite-content::before { background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 100%); bottom: 0; content: ''; height: 60%; left: 0; position: absolute; right: 0; z-index: 1; }

.actualite-card .actualite-thumbnail { position: relative; }
.actualite-card .actualite-content { align-items: flex-end; background: linear-gradient(to top, rgba(255,253,249,0.95) 0%, rgba(255,253,249,0.7) 30%, rgba(255,253,249,0) 60%); bottom: 0; display: flex; justify-content: center; left: 0; padding: 25px 20px; position: absolute; right: 0; top: 0; z-index: 2; }
.actualite-card .actualite-content::before { display: none; }

.actualite-title { color: var(--gray); font: normal normal normal 25px/30px var(--primary-font); letter-spacing: 0; margin: 0; text-align: center; }

/* -------------------
    Media Query
--------------------------- */

@media only screen and (max-width: 767px) {
	h1 { font-size: 66px; }
	h2 { font-size: 40px; }
	p { font-size: 14px; }
	.col { flex-basis: auto; }
	.navbar .btn-link { max-width: 60px; }
	.navbar-brand { max-width: 86px; }
	.navbar .btn-outline-primary { font-size: 14px; padding: 0.376rem 0.5rem;  max-width: 80px; }
	.mainban .overlay { padding-top: 18%; }
	.mainban h1 { line-height: 60px; }
	.mainban h3 { font-size: 40px; line-height: 60px; }
	.mainban p { max-width: 92%; }
	.mainban a img { max-width: 61px; }
	.cuisine, .la-cave, .votre { padding: 50px 0; }
	.cuisine h2 { position: relative; margin-top: 25px; text-align: left; }
	.cuisine article { padding: 15px 0 0; }
	.stage { margin-bottom: 50px; }
	.swiper { margin: 0 auto; max-width: 100%; width: 100%; }
	.swiper-slide { width: 259px !important;}
    .swiper-slide img { height: 389px; width: 259px; }
	.carte { margin-bottom: 35px; }
	.service{ padding: 120px 0; }
	.service .container { max-width: max-content; padding: 0; }
	.privatisation.owl-carousel .owl-item img { height: 239px; object-fit: cover; width: 237px; }
	.privatisation.owl-carousel .owl-item h1 { font-size: 65px; line-height: 60px; transform: scale(1); }
	.privatisation.owl-theme .owl-nav { margin: 20px auto 0; position: relative; top: inherit; width: 180px; }
	.privatisation.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { height: 58px; width: 58.62px; }
	.la-cave article { padding: 50px 0 0; }
	.la-cave h1 { font-size: 65px; line-height: 45px; }
	.votre article { padding: 0 0 50px; }
	.votre h2 { max-width: max-content; }
	.votre h4 { font-size: 25px; }
	.votre a { display: grid; gap: 1rem; font-size: 40px; justify-items: center; }
	.faqs .accordion-button { font-size: 18px; padding-right: 0; }
	.faqs { padding: 40px 0; }
	footer { background-image: inherit; }
	footer h3 { font-size: 35px; }
	footer ul.links li { margin-right: 20px; }
	footer .map { padding: 0; position: relative; width: 100%; z-index: 1; }
	.banner img { object-fit: cover; height: 40vh; }
	.valeurs .col { margin-bottom: 1.5rem; text-align: center; }
	.traiteur .box { margin-bottom: 2rem; }
	.vente { overflow: hidden; }	
	.vente .col:first-child { border: none; border-bottom: 1px solid var(--brown-1); }
	.vente .col:last-child { padding-bottom: 40px; }
	.banner-dark h1 { margin-top: 80px; }
	.diagram { margin: 30px 0 0; width: 100%; }
	.diagram .nav-pills { margin-top: 20px; }
	.cave { padding: 40px 0; }
	.banner-article { padding: 100px 0 40px; }
	.banner-article h2 { font-size: 30px; }
	.banner-article .back a { font-size: 14px; }
	.banner-article .btn-carte { font-size: 12px; padding: 0.4rem 0.8rem; }
	.article-featured-image .featured-image, .article-featured-image .featured-image img { height: 250px; }
	.article-content-section .article-body h2, .article-content-section .article-body h3 { font-size: 35px; }
	.related-articles-section .related-title { font-size: 30px; }
	.actualites-page { padding: 40px 0; }
	.actualites-grid .row { justify-content: center; }
	.actualites-grid .col-md-4 { flex: 0 0 70%; max-width: 70%; }
	.actualite-title { font-size: 16px; line-height: 20px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	h1 { font-size: 64px; }
	h2 { font-size: 35px; }
	p { font-size: 14px; }
	.mainban .overlay { min-height: 75vw; padding-top: 5%; }
	.mainban video { height: 75vw; }
	.mainban p { max-width: 80%; }
	.mainban h3 { font-size: 40px; line-height: 60px; }
	.mainban p { max-width: 92%; }
	.stage { padding-left: 1.95rem; padding-right: 1.95rem; }
	.privatisation.owl-carousel .owl-item h1 { transform: scale(1.2); }
	.privatisation.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { height: 68px; width: 68.62px; }
	.la-cave h1 { font-size: 65px; line-height: 45px; }
	.votre article { padding-right: 5%; }
	.votre h2 { max-width: fit-content; }
	.votre a {font-size: 35px; }
	.faqs .accordion-button { font-size: 18px; }
	footer h3 { font-size: 35px; }
	footer ul.links li { margin-right: 20px; }
	.banner img { object-fit: cover; height: 30vh; }
	.valeurs .col, .valeurs .col-md-2 { flex-basis: auto; margin-bottom: 1rem; width: 50%; }
	.valeurs .col { text-align: center; }
	.valeurs h3 { font-size: 17px; }
	.traiteur .col { flex-basis: auto; margin-bottom: 2.5rem; max-width: 50%; }
	.banner-dark { min-height: 50vw; }
	.banner-dark h1 { margin-top: 50px; }
	.diagram { width: 100%; }
	.diagram .nav-pills .nav-link { width: 100px; }
	}

@media only screen and (min-width: 992px) and (max-width: 1180px) {
	h1 { font-size: 90px; }
	h2 { font-size: 45px; }
	h3 { font-size: 40px; }
	.mainban .overlay { min-height: auto; padding-top: 5%; }
	.mainban video { height: auto; }
	.mainban h3 { font-size: 50px; }
	.swiper { margin: 0 auto; max-width: 100%; width: 100%; }
	.privatisation.owl-carousel .owl-item h1 { transform: scale(1.6); }
	.votre h2 { max-width: fit-content; }
	.la-cave h1 { font-size: 90px; }
	.banner img { object-fit: cover; height: 40vh; }
	.valeurs h3 { font-size: 22px; }
	.traiteur h4 { font-size: 30px; line-height: 35px; }
	.traiteur .overlay img { max-width: 78px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	h2 { font-size: 52px; }
	h3 { font-size: 47px; }
	.swiper { margin: 0 auto; max-width: 100%; width: 100%; }
	.privatisation.owl-carousel .owl-item h1 { transform: scale(2); }
	.votre h2 { max-width: fit-content; }
	.la-cave h1 { font-size: 90px; }
	.traiteur h4 { font-size: 35px; }
	.vente hr { width: 118%; }
}

@media only screen and (min-width: 1401px) and (max-width: 1759px) {
	footer { background-size: auto; }
	.stage { padding-left: calc((100% - 101.6rem) / 2 - -.9375rem); scroll-padding-left: calc((100% - 101.6rem) / 2 - -.9375rem); }
	.vente hr { width: 108%; }
	.diagram { margin-top: -15%; }
}

@media (min-width: 1760px) {
	footer { background-size: auto; }
	.stage { padding-left: calc((100% - 94.6rem) / 2 - -.9375rem);scroll-padding-left: calc((100% - 94.6rem) / 2 - -.9375rem); }
	.vente hr {width: 200%; }
	.diagram { margin-top: -25%; }
}