@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400&display=swap');

@font-face {
	font-family: 'Snell Roundhand Black';
	font-style: normal;
	font-weight: normal;
	src: local('Snell Roundhand Black'), url('SnellRoundhand-Black.woff') format('woff');
}

@font-face {
	font-family: 'Snell Roundhand';
	font-style: normal;
	font-weight: normal;
	src: local('Snell Roundhand'), url('SnellRoundhand.woff') format('woff');
}

@font-face {
	font-family: 'Snell Roundhand Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Snell Roundhand Bold'), url('SnellRoundhand-Bold.woff') format('woff');
}

@font-face {
	font-family: 'ITC Berkeley Oldstyle';
	src: url('../fonts/BerkeleyOld/BerkeleyOldstyleITCbyBT-Bold.woff2') format('woff2'),
	url('../fonts/BerkeleyOld/BerkeleyOldstyleITCbyBT-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'ITC Berkeley Oldstyle';
	src: url('../fonts/BerkeleyOld/BerkeleyOldstyleITCbyBT-MedItal.woff2') format('woff2'),
	url('../fonts/BerkeleyOld/BerkeleyOldstyleITCbyBT-MedItal.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'ITC Berkeley Oldstyle';
	src: url('../fonts/BerkeleyOld/BerkeleyOldstyleITCbyBT-BdItal.woff2') format('woff2'),
	url('../fonts/BerkeleyOld/BerkeleyOldstyleITCbyBT-BdItal.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}



:root {

	--color-primary: #033167;
	--color-secondary: #D6AC43;
	--color-tertiary: #F0D79A;

	--typo-primary: 'Butler';
	--typo-secondary: 'Quicksand', sans-serif;
	--typo-tertiary: 'ITC Berkeley Oldstyle';

}


/********************
	Part - Style général des slider slick
********************/
.slick-slider {
	display : none !important;
}

.slick-slider.slick-initialized {
	display : flex !important;
}

.container-primary .slick-slider {
	position    : static;
	width       : 94%;
	margin      : 0 auto;
	display     : flex;
	align-items : center;
}

.slick-slider .slick-arrow {
	background      : transparent;

	cursor          : pointer;
	position        : absolute;

	border          : none;

	padding         : 3px 7px;
	display         : flex;
	align-items     : center;
	justify-content : center;
}

.slick-slider .slick-arrow svg {
	fill   : transparent;
	stroke : var(--color-grey-font-default);
}

.slick-slider .slick-arrow.slick-prev {
	left : 0;
}

.slick-slider .slick-arrow.slick-next {
	right : 0;
}

.slick-slider .slick-list {
	min-width : 100%;
}

.slick-slider .slick-track {
	display : flex;
}

.slick-slider.slick-vertical .slick-track {
	display : block;
}

.slick-slider .slick-track .slick-slide {
	height : auto;
}

.slick-slider .slick-slide > div,
.slick-slide > div .product-miniature {
	height : 100%;
}

.slick-slide img {
	max-height: 500px;
	object-fit: contain;
}

/********************
Elements
********************/

hr {
	border: none;
	height: 0px;
	/* Set the hr color */
	/*color: #FFF;*/
	margin: 40px 0;
	border-break: close;
	border-collapse: true;
	border-bottom: 1px solid #EEE;
}

body {
	width: 100%;
	margin: 0;
	color: #30373f;
	font-family: 'Quicksand', sans-serif;
	letter-spacing: 0.5px;
}

a, a:hover, a:active, a:visited, a:focus {
	outline: none;
	text-decoration: none;
}

.img100 {
	max-width: 100% !important;
	height: auto;
}

.message_flash {
	color: white;
	font-size: 15px;
}

.message {
	padding: 10px;
	background: #EECAC8;
	color: #B52424;
	font-size: 12px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 8px;
	margin-bottom: 8px;
	display: block;
	border: 1px solid #B52424;
}

.flash_success {
	background: #c1a270 none repeat scroll 0 0;
	border-radius: 8px;
	color: #fff;
	display: block;
	font-size: 14px;
	margin: 15px auto;
	padding: 10px;
	text-align: center;
	width: 80%;
}

/* Vertical align, sur le parent */
.flexbox {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
}

/* A appliquer sur .row pour que les col aient la même hauteur */
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.vertical_align {
	height: auto;
	margin: auto !important;
}

.item_left {
	left: -80px;
	opacity: 0;
	position: relative;
}

.item_right {
	right: -80px;
	opacity: 0;
	position: relative;
}

.item_fade_in {
	opacity: 0;
	position: relative;
	right: 0px;
}

.item_bottom {
	bottom: -80px;
	opacity: 0;
	position: relative;
}

.item_top {
	top: -80px;
	opacity: 0;
	position: relative;
}

.encadre_actu {
	text-align: center;
	padding: 15px 0;
	border: 2px solid #30373f;
	margin-top: 10px;
}

/***********************************************************/
/*********************** SECTION HEADER ********************/
/***********************************************************/

#header {
	position: -webkit-sticky;
	position: sticky;
	z-index: 3;
	top: 0;
	background: #fff;
	box-shadow: 0 0 15px rgb(0 0 0 / 10%);
	transition: all 0.35s ease-in-out;
	width: 100%;
	height: 200px;
	padding: calc(5px + (14 - 5) * ((100vw - 320px) / (1920 - 320))) 0;
}

#header.header--is-fixed {
	height: calc(160px + (120 - 160) * ((100vw - 320px) / (1920 - 320)));
}

#header .main-logo-container img {
	height: calc(160px + (120 - 160) * ((100vw - 320px) / (1920 - 320)));
	transition: all 0.5s ease-in-out;
}

#header.header--is-fixed .main-logo-container img {
	height: 80px;
}

.elementor-location-header--is-fixed .header-logo svg {
	height: 35px;
}

/*#header #header_content,*/
/*#header #header_content #header_show_content,*/
/*#header #header_content #header_show_content #container_ckeditor_1 {*/
/*	height: 100%;*/
/*}*/

#header #header_content #header_show_content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

#header #header_content #header_show_content > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#header #header_content #header_show_content #logo {
	margin: auto;
	padding: 5px;
}

#header #header_content #header_show_content #logo .img50 {
	min-width: 310px;
}

#header #header_content #header_show_content > div #scroll_page {
	margin-right: 3vw;
	margin-bottom: 10px;
}

#header #header_content #header_show_content #scroll_page {
	margin-bottom: 10px;
}

#header #header_content #header_show_public_menu {
	z-index: 9;
	display: flex;
	justify-content: center;
	transition: all 0.3s ease-in;
	height: 100%;
	/*padding: 1em 0;*/
}

/*#header #header_content #header_show_public_menu .header--container {*/
/*	display         : flex;*/
/*	justify-content : center;*/
/*	*/
/*	*/
/*}*/

#header #header_content #header_show_public_menu .header--container {
	display: grid;
	grid-template-columns: 30% 1fr 30%;
	align-items: center;
}

#header #header_content #header_show_public_menu.is-grab {
	width: 100%;
	/*position : fixed;*/
	top: 0;
}

.rs-container a {
	color: var(--color-primary);
	transition: all 0.35s ease-in-out;
}

.rs-container a:hover {
	color: var(--color-secondary);
}

.rs-container a:first-of-type {
	margin-right: 1em;
}

.main-logo-container {
	display: flex;
	justify-content: center;
}

.main-logo-container a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

/*#header #header_content #row-conteneur-menu {*/
/*	position : absolute;*/
/*}*/

#header_content .body {
	/* Body du ckeditor pour cette section */
	/* Possibilité d'ajouter des styles pour les body du ckeditor de cette section */
}

#header_content h1 {
	color: #c5a672;
	font-size: 22px;
	line-height: 42px;
	text-transform: uppercase;
	letter-spacing: 10px;
	text-align: center;
}

#header_content h2 {
	color: black;
	font-size: 18px;
}

/*#header_content a {*/
/*	color : purple;*/
/*}*/

#header_content p {
	padding: 0;
	margin: 0;
}

#header_content .languagePicker {
	cursor: pointer;
	position: absolute;
	top: 51px;
	right: 41px;
}

#header_content .languagePicker a {
	padding: 51px 5px 0 !important;
}

#header_content .languagePicker a img {
	height: 20px;
}

/*#logo {*/
/*top      : 45%;*/
/*position : absolute;*/
/*}*/

/*#scroll_page {*/
/*position    : absolute;*/
/*left        : 50%;*/
/*margin-left : -7px;*/
/*top         : 90%;*/
/*margin-top  : -19px;*/
/*cursor      : pointer;*/
/*}*/

/***********************************************************/
/************************ SECTION MAIN *********************/
/***********************************************************/
#main {
	width: 100%;
}

#main_content .body {

}

#main_content {
	text-align: justify;
}

#main_content h1 {
	/*font-weight: 400;*/
	/*margin: 60px 0;*/
	/*text-align: center;*/
	/*font-family: 'Snell Roundhand';*/
	letter-spacing: 0;
	/*font-size: 50px;*/
}

/*#main_content h2 {*/
/*	color          : #000;*/
/*	font-weight    : 100;*/
/*	text-transform : uppercase;*/
/*	margin         : 20px;*/
/*	text-align     : center;*/
/*}*/

#main_content p {
	padding: 0;
	margin: 0;
}

.paragraphe_home {
	/*background: url(../img/fond_paragraphe_home.jpg) no-repeat top center;*/
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	line-height: 30px;
	width: 100%;
}

.paragraphe_home h1 {
	line-height: 100px;
	/*margin: 60px 60px !important;*/
	white-space: nowrap;
	padding-right: 60px;
}

.paragraphe_home .col-md-4 {
	padding-right: 30px;
}

.paragraphe_home .paragraphe_home_content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
}

#parallax-actus {
	background-image: url(../img/parallax.jpg);
	height: 662px;
	text-align: center;
}

#parallax-actus a {
	color: #c5a672;
}

.parallax {
	background-attachment: fixed;
	background-repeat: no-repeat;
	width: 100%;
}

.btn_decouvrir {
	display: block;
	text-transform: uppercase;
	font-size: 11px;
	color: #e9d6a1;
	font-weight: bold;
	letter-spacing: 1.5px;
}

.souligne {
	display: block;
	border-top: 1px solid #c5a672;
	width: 37px;
	margin: 10px auto;
}

#appellations {
	background: #fff url(../img/fond_appelations.png) no-repeat top center;
	width: 100%;
	min-height: 815px;
	padding-top: 210px;
	text-align: center;
}

.fre #appellations {
	background: #fff url(../img/fond_appelations.png) no-repeat top center;
}

.eng #appellations {
	background: #fff url(../img/fond_designation.png) no-repeat top center;
}

#main_content #appellations h1 {
	margin-top: 0;
}

.bloc_vins {
	text-align: center;
	margin-top: 40px;
	display: block;
	min-height: 760px;
}

.bloc_vins .title {
	font-family: 'Snell Roundhand';
	letter-spacing: 0;
	font-size: 34px;
	color: #30373f;
	margin: 25px 0 15px;
	display: block;
	min-height: 50px;
}

.bloc_vins .zoom {
	width: 165px;
	transition: transform 4000ms ease;
}

.bloc_vins .zoom:hover {
	transform: scale(1.13);
}

.nom,
.surnom {
	text-transform: uppercase;
	font-size: 14px;
	display: block;
	color: #30373f;
	text-align: center;
	height: 30px;
}

/*#appellations .btn_decouvrir {*/
/*	margin: 85px auto 60px;*/
/*	color: #000317;*/
/*}*/

/*#vins .btn_decouvrir {*/
/*	!*margin: 30px auto;*!*/
/*	color: #000317;*/
/*	display: block;*/
/*	width: 100%;*/
/*	text-align: center;*/
/*}*/

#appellations .signature {
	text-align: right;
	margin-bottom: 30px;
}

#appellations .souligne, #vins .souligne {
	width: 139px;
	border-top: 1px solid #000317;
}

#parallax-presentation {
	background-image: url(../img/parallax-presentation.jpg);
	height: 500px;
}

#parallax-presentation-2 {
	background-image: url(../img/parallax-presentation-2.jpg);
	height: 500px;
}

#infos_contact {
	text-align: center;
	padding-top: 80px;
}

#infos_contact span {
	font-weight: bold;
	font-size: 16px;
}

#div_carte {
	width: 100%;
	height: 450px;
}

.fiche_img {
	text-align: center;
}

.retour {
	display: block;
	margin-bottom: 15px;
	color: #30373f;
}

.retour:hover {
	color: #C1A270;
}

.titre_actus {
	text-transform: uppercase;
	font-size: 18px;
	color: #C1A270;
	font-weight: 600;
	margin-bottom: 15px;
}

.desc_actus {
	width: 98%;
	height: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
}

#listing {
	padding-top: 0;
}

#main_content #listing h1 {
	clear: both;
	padding: 120px 0 20px;
	margin-bottom: 0;
}

.lien_text {
	display: block;
	text-align: center;
	color: #000;
	padding-top: 60px;
	font-size: 15px;
}

/* Formulaires */
input, textarea {
	font-size: 13px;
	color: #1d1d1b;
	width: 100%;
	padding: 2px 15px;
	margin-top: 12px;
	border: 1px solid #c7c7c7;
}

input[type=checkbox] {
	width: auto;
	margin-left: 7px;
}

#label {
	font-weight: normal;
	font-size: 14px;
	font-style: italic;
	padding: 5px 0;
}

textarea {
	height: 200px;
}

input[type=submit], input[type=button] {
	width: 140px;
	height: 40px;
	letter-spacing: 1.5px;
	line-height: 37px;
	font-size: 11px;
	border: none;
	background-color: #C1A270;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
}

input[type=button] {
	width: auto;
	margin: 50px auto 0;
	display: block;
}

input[type=button].lien_savoir {
	margin: 25px auto;
	background: none;
	color: #C1A270;
	border: 1px solid #C1A270;
	line-height: 15px;
	transition: all 0.5s ease-out;
}

input[type=button].lien_savoir:hover {
	background-color: #C1A270;
	color: #fff;
}

input[type=button].affiche_bloc {
	margin: 25px auto;
	background: #000;
	color: #C1A270;
	border: 1px solid #C1A270;
	line-height: 15px;
	transition: all 0.5s ease-out;
}

input[type=submit]:hover, input[type=button]:hover, .type_actif {
	background: none !important;
	color: #C1A270 !important;
	border: 1px solid #C1A270 !important;
}

#main_content form {
	width: 100%;
	float: left;
}

#main_content fieldset {
	border: none;
}

/***********************************************************/
/*********************** SECTION FOOTER ********************/
/***********************************************************/
#footer {
	background: var(--color-primary);
	width: 100%;
	min-height: 260px;
	text-align: center;
}

#footer_content {

}

#footer_content .body {
	/* Body du ckeditor pour cette section */
	/* Possibilité d'ajouter des styles pour les body du ckeditor de cette section */
}

#footer_content h1 {
	color: orange;
	font-size: 25px;
	margin-top: 0;
	padding-top: 10px;
}

#footer_content h2 {
	color: red;
	font-size: 18px;
	margin-top: 0;
	padding-top: 10px;
}

#footer_content h3 {
	color: red;
	font-size: 14px;
	margin-top: 0;
	padding-top: 10px;
}

#footer_content a {
	color: #737374;
	text-decoration: none;
}

.bouton_contact {
	display: block;
	text-align: center;
	background-color: #c1a270;
	margin: 0 auto 68px;
	color: #fff !important;
	font-size: 11px;
	text-transform: uppercase;
	width: 158px;
	height: 48px;
	font-weight: 600;
	letter-spacing: 1.5px;
	line-height: 50px;
}

/*#menu_footer {*/
/*	padding : 70px 0 55px;*/
/*}*/

#menu_footer a:hover {
	color: #c1a270;
}

#menu_footer a {
	font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	margin: 0 35px;
	transition: all 0.35s ease;
}

/*****************************************/
/*       AUTRES STYLES                   */
/*****************************************/

.imgauto {
	height: auto;
	width: 100%;
}

.content_reseaux_sociaux a {
	margin: 0 20px;
}

/*  FONTAWESOME  */
.fa-instagram,
.fa-facebook-f,
.fa-tripadvisor {
	color: var(--color-tertiary);
	font-size: 21px;
}

/*****************************************/
/*       MEDIA QUERIES BOOTSTRAP         */
/*****************************************/

@media (min-width: 0) {
	.centre {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}

	#menu_footer a {
		display: block;
	}
}

@media (min-width: 768px) {
	#header #header_content #header_show_content #logo {
		padding: 20px;
	}

	#main_content #parallax-actus h1 {
		font-size: 65px;
	}

	#main_content #appellations h1 {
		font-size: 60px;
	}

	#menu_footer a {
		display: inline-block;
	}

	/*#logo {*/
	/*left        : 50%;*/
	/*margin-left : -276px;*/
	/*margin-top  : -86px;*/
	/*}*/
}

@media (min-width: 992px) {
	.centre {
		width: 962px;
	}

	.paragraphe_home h1 {
		border-right: 1px solid #d6d7d9;
	}

	.paragraphe_home .paragraphe_home_content {
		flex-direction: row;
	}

	.paragraphe_home .paragraphe_home_content p {
		text-align: center;
	}
}

@media (min-width: 1200px) {
	.centre {
		width: 1170px;
	}
}

/* FIX - Menu */
#conteneur_menu .sm.sm-blue {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.img50 {
	width: 50%;
}

#header_show_content {
	text-align: center;
}


/*
--------------------------------------
Home 2022
--------------------------------------
*/

/*Elements*/

.section-element {
	padding: calc(75px + (150 - 75) * ((100vw - 320px) / (1920 - 320))) 0;
}

.title-element {
	font-family: var(--typo-primary);
	font-size: calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
	text-align: center;
}

.subhead-element {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: uppercase;
	letter-spacing: 2px;
}

.btn-link-container .btn-link-element {
	display: inline-block;
	font-family: var(--typo-secondary);
	font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: var(--color-tertiary);
	border: 1px solid var(--color-tertiary);
	text-transform: uppercase;
	letter-spacing: 0.3em;
	transition: all 0.35s ease-in-out;
	padding: 12px 40px;
}

.btn-link-container .btn-link-element:hover {
	background: var(--color-tertiary);
	color: #fff;
}

.section-banner-element {
	position: relative;
}

.section-banner-element img {
	min-height: 300px;
	object-fit: cover;
}

/*Slide domaine*/

.banner-home-container .section-banner-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.35);
}

.section-banner-element .slide-content-inner {
	position: absolute;
	bottom: 12vh;
	left: 0;
	right: 0;
}

.section-banner-element .content-inner {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.section-banner-element .content-inner:after {
	content: '';
	display: block;
	width: 1px;
	height: 63px;
	background: var(--color-tertiary);
}

.section-banner-element .slide-title {
	color: #fff;
	margin: 0.25em 0 0.5em 0;
}

.section-banner-element img {
	max-width: 100%;
	width: 100%;
}

.section-banner-element .slide-subhead {
	color: var(--color-tertiary);
}

/*Domaine w/ slides*/

section.slide-wrapper {
	display: grid;
	grid-template-columns: 1fr;
	max-width: 90%;
	margin: auto;
}

.slide-wrapper .slick-track,
.slide-wrapper .slick-slider .slick-track .slick-slide {
	height: 100%;
}

.slide-wrapper .slick-slider .slick-track .slick-slide img {
	object-fit: cover;
	height: 100%;
}

section.slide-wrapper .slick-dots {
	top: unset;
	right: 0;
	bottom: 0;
	display: flex !important;
	justify-content: center;
	width: 100%;
}

section.slide-wrapper button {
	display          : block;
	width            : 1rem;
	height           : 1rem;
	padding          : 0;
	border           : none;
	border-radius    : 100%;
	background-color : #fff;
	text-indent      : -9999px;
}

section.slide-wrapper li.slick-active button {
	background-color : var(--color-secondary);
}

.slide-container {
	position: relative;
	z-index: 2;
}

.slide-container img {
	max-width: 100%;
}

.slide-wrapper .slide-content {
	background-color: var(--color-primary);
}

.slide-content .slide-content-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	max-width: 70%;
	margin: auto;
}

.slide-content .slide-element {
	color: var(--color-tertiary) !important;
	text-align: left !important;
}

.slide-content .slide-title {
	text-transform: none !important;
	letter-spacing: .05em;
	margin: 0 !important;
	margin-bottom: 0.5em !important;
}

.slide-content p {
	color: #9AACC2 !important;
	line-height: 2em;
}

/*Notre histoire*/

section.our-story {
	background: url(../img/histoire/notre-histoire.jpg) center center no-repeat fixed;
	background-size: cover;
}

.our-story-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: calc(400px + (700 - 400) * ((100vw - 320px) / (1920 - 320)));
}

.our-story-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: calc(400px + (700 - 400) * ((100vw - 320px) / (1920 - 320)));
}

#main_content .our-story-inner .our-story-title {
	color: #fff;
	text-transform: none;
	margin: 0;
}

.our-story-inner .our-story-link-container {
	margin-top: 2em;
}

/*Section mosaïques images*/

section.imgs-container {
	display: flex;
	justify-content: center;
	padding-top: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));
}

section.top-imgs-container {
	padding-top: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));
}

section.bottom-imgs-container {
	padding-bottom: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));
}

section.imgs-container img {
	max-width: 95%;
	margin: auto;
}

/*Découvrez nos appellations*/

.our-products {
	padding: calc(35px + (80 - 35) * ((100vw - 320px) / (1920 - 320))) 0;
}

.our-products-text-content {
	color: var(--color-primary);
	max-width: 80%;
	margin: auto;
}

.our-products-title-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.our-products .our-products-title {
	margin: 0;
	padding-top: 0.1em;
}

.our-products-description-container {
	text-align: center;
	max-width: calc(500px + (630 - 500) * ((100vw - 320px) / (1920 - 320)));
	padding-top: 1em;
	margin: auto;
}

.our-products .our-products-description {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 400;
	color: var(--color-primary);
	letter-spacing: 2px;
}

.our-products .products-selection-background {
	grid-row: 2/3;
	background: #F6F6F5;
	grid-column: 1/-1;
}

.our-products .products-selection-container {
	grid-row: 1/5;
	grid-column: 2/3;
	justify-self: center;
}

.our-products .products-selection-filigrane-container {
	grid-column: 2/4;
	grid-row: 2/4;
	justify-self: flex-end;
	align-self: center;
}

.our-products .products-selection-filigrane {
	display: block;
	width: calc(120px + (290 - 120) * ((100vw - 1200px) / (1920 - 1200)));
	height: calc(120px + (290 - 120) * ((100vw - 1200px) / (1920 - 1200)));
}

.our-products .our-products-btn-container {
	display: flex;
	justify-content: center;
}

/*
--------------------------------------
Listing V2
--------------------------------------
*/

/*Filtres*/

.filter-btns-container {
	background: var(--color-primary);
	padding: 2em 0;
}

.filter-btns-container .filter-btns-inner {
	display: flex;
	justify-content: center;
}

.filter-btns-container .filter-btns-inner .js-trigger {
	font-size: 15px;
	background: transparent;
	border: none;
	color: #fff;
	text-transform: uppercase;
}

.filter-btns-container .filter-btns-inner .js-trigger--is-active {
	color: var(--color-tertiary);
}

.filter-btns-container .filter-btns-inner .js-trigger--is-active span {
	border-bottom: 1px solid var(--color-tertiary);
	padding-bottom: 0.15em;
}

/*Products*/

#product-listing {
	padding: calc(15px + (65 - 15) * ((100vw - 320px) / (1920 - 320))) 0;
}

.products-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(calc(200px + (250 - 200) * ((100vw - 320px) / (1920 - 320))), 1fr) );
	grid-auto-flow: dense;
	grid-gap: 10px;
	max-width: calc(600px + (1300 - 600) * ((100vw - 767px) / (1920 - 767)));
}

.products-container .wine-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: var(--color-primary);
	text-align: center;
}

.products-container .item-element {
	font-family: var(--typo-tertiary);
	font-weight: 600;
	font-style: italic;
	color: #232323;
}

.products-container .title {
	font-size: calc(20px + (26 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.products-container .name {
	font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	color: #183857;
	text-transform: uppercase;
}

.products-container .wine-label {
	font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.wine-listing-filters-wrapper .product-item {
	transition: all 0.35s ease-in-out;
}

.wine-listing-filters-wrapper .product-item--is-hidden {
	display: none;
}

.wine-listing-filters-wrapper .product-item img {
	max-height: calc(400px + (550 - 400) * ((100vw - 320px) / (1920 - 320)));
}

/*
--------------------------------------
Fiche produit
--------------------------------------
*/

/*Bouton retour*/

.go-back-container {
	display: flex;
	justify-content: center;
	background: var(--color-primary);
	padding: 0.5em 0;
}

.go-back-container a {
	display: flex;
	align-items: center;
	font-weight: 600;
	color: #fff;
	transition: all 0.35s ease-in-out;
}

.go-back-container a:hover {
	color: var(--color-tertiary);
}

.go-back-container span {
	margin-left: 0.5em;
}

/* Main info */

.product-grid {
	display: grid;
	grid-template-columns: 1fr;
}

.product-page .product-cover-container {
	background: #F6F6F5;
}

.product-page .product-cover {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.product-page .product-image {
	max-height: 600px;
}

.product-page .product-main-info {
	background: url("../img/product-page/filigrane-product-page.png") no-repeat;
	background-position: 100% 5%;
	background-size: 30%;
}

.product-page .product-main-info-inner {
	max-width: 95%;
	padding: calc(40px + (80 - 40) * ((100vw - 320px) / (1920 - 320))) 0;
	margin: auto;
}

.product-page .product-main-info .product-title-container {
	margin-bottom: 0.25em;
}

.product-page .product-main-info .product-title {
	font-size: calc(22px + (42 - 22) * ((100vw - 320px) / (1920 - 320)));
	color: var(--color-primary);
	margin: 0 !important;
}

.product-page .product-main-info .product-title-element {
	font-family: var(--typo-tertiary);
	font-weight: 600;
	font-style: italic;
}

.product-page .product-main-info .product-domain {
	font-size: calc(16px + (19 - 16) * ((100vw - 320px) / (1920 - 320)));
	color: var(--color-primary);
	text-transform: uppercase;
	letter-spacing: 1px;
}

.product-page .product-main-info .product-features-container {
	color: var(--color-primary);
	padding-top: 1.5em;
}

.product-btns-container {
	display: flex;
	padding-top: 1em;
}

.product-btns-container a {
	font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
	text-transform: uppercase;
	width: fit-content;
}

.product-btns-container .btn {
	border-radius: 0;
	transition: all 0.35s ease-in-out;
}

.product-btns-container .btn:hover {
	background: var(--color-primary);
	color: #fff;
	border: 1px solid var(--color-primary);
}

.product-btns-container .btn-primary {
	background: transparent;
	color: var(--color-secondary);
	border: 1px solid var(--color-secondary);
}

.product-btns-container .btn-secondary {
	background: var(--color-secondary);
	color: #fff;
	border: 1px solid var(--color-secondary);
}

/*
--------------------------------------
Page histoire
--------------------------------------
*/

.history-page h1 {
	font-family: var(--typo-primary);
	color: var(--color-primary);
}

.history-page .paragraphe_home {
	padding: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320))) 0;
}

/*Temporaire, en attente de reconstruction de la page sans editor, merci bootstrap...*/
.history-page .col-md-offset-2 {
	width: 100% !important;
	padding: 0 !important;
	margin-left: 0 !important;
}

.timeline-element {
	background: url("../img/product-page/filigrane-product-page.png") no-repeat;
	background-position: 5% 50px;
}

.timeline-inner {
	padding-top: calc(50px + (100 - 50) * ((100vw - 320px) / (1920 - 320)));
}

section.together-element {
	padding-top: 7em;
}

section.together-element .together-inner {
	position: relative;
	background: url("../img/histoire/together.jpg") no-repeat;
	min-height: calc(485px + (885 - 485) * ((100vw - 320px) / (1920 - 320)));
}

section.together-element .together-inner .together-content {
	position: absolute;
	top: 75%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
}

section.together-element .together-inner .together-content p {
	max-width: calc(350px + (475 - 350) * ((100vw - 320px) / (1920 - 320)));
	margin: auto !important;
}

/*
--------------------------------------
Footer V2
--------------------------------------
*/

#footer_show_content {
	padding: 4em 0 0;
}

.footer-rs-container {
	padding: 2em 0;
	margin-right: 0.5em;
}

.footer-rs-container a:first-of-type {
	margin-right: 1.5em;
}

.footer-menu-container {
	display: flex;
	justify-content: center;
	border-color: #1D4677;
	border-width: 1px 0;
	border-style: solid;
	padding: 3em 0;
}

.mentions-container {
	padding: calc(35px + (70 - 35) * ((100vw - 320px) / (1920 - 320))) 0 calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320))) 0;
}

.mentions-container span {
	font-size: 12px;
	letter-spacing: 1.5px;
	color: rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
}

.footer-logo-container img {
	max-width: calc(300px + (400 - 300) * ((100vw - 320px) / (1920 - 320)));
}