.gamme_onglets {
	position: relative;
	display: table;
	z-index: 10;
	top: 4px;
	padding-left: 25px;
	z-index: 50;

}


.vin_onglets {
	display: none;
	padding-left: 140px;
	z-index: 1;
}




@media screen and (min-height: 861px) {
	:root {
		--echelle: 0.9;
		--main-largeur: 1280px;
	}
}


@media screen and (max-height: 860px) {
	:root {
		--echelle: 0.8;
		--main-largeur: 100vw;
	}

	/*
	.vin_photo img {
		position: absolute;
		left: 850px;
		top: 110px;
		height: 500px;
	}
	*/
}

@media screen and (max-height: 700px) {
	:root {
		--echelle: 0.7;
		--main-largeur: 700px;
	}
}

@media screen and (max-height: 600px) {
	:root {
		--echelle: 0.6;
		--main-largeur: 400px;
		--main-vin-largeur: 700px;
		--vin-corp-height: 300px;
	}

	.gamme_onglets {
		display: inline-flex;
		padding-left: 0px;
	}

}

@media screen and (max-width: 1280px) {



	:root {
		/*	--taille_bouton:32px;*/
		/* --arche-radius: calc(45% - 150px); */
		--arche-radius: 200px;
		--menu-largeur: 200px;
		--menu-hauteur: 60px;
		--titre-hauteur: 120px;
		--degustation-largeur: 1280px;

		--main-largeur: 100vw;
		--main-largeur-cadre: 100vw;
		/* --main-vin-largeur: 900px; */
		--main-vin-largeur: var(--main-largeur);
		--hcalc: calc((684 * var(--main-vin-largeur)));

		--vin-corp-height: 400px;
		--main-min-hauteur: calc(calc(100vh - var(--menu-hauteur)) - var(--footer-hauteur));
		--conteneur-largeur: var(--main-largeur);
		--nouvelle-hauteur: 140px;
		--fleche-largeur: 30px;
		--conteneur-quart: calc(var(--main-largeur) / 4);
		--grille-gap: 20px;
		--grille-quart: calc(calc(var(--main-largeur) / 4) - var(--grille-gap));

		--footer-hauteur: 70px;
		--footer-background-size: 70%;
	}


	/*
	.vin_photo img {
		position: absolute;
		left: 850px;
		top: 110px;
		height: 500px;
	}
	*/
}

@media screen and (max-height: 860px) {
	@viewport {
		width: device-width;
		/* largeur du viewport */
		zoom: 0.9;
		/* zoom initial à 1.0 (et clin d'oeil aux fans d'IE6/7) */
	}
}

@media screen and (max-width: 414px) {



	:root {
		/*	--taille_bouton:32px;*/
		/* --arche-radius: calc(45% - 150px); */
		--arche-radius: 200px;
		--menu-largeur: 200px;
		--menu-hauteur: 60px;
		--titre-hauteur: 40px;
		--degustation-largeur: 1280px;

		--main-largeur: 100vw;
		--main-largeur-cadre: 100vw;
		/* --main-vin-largeur: 900px; */
		--main-vin-largeur: var(--main-largeur);
		--vin-corp-height: 400px;
		--main-min-hauteur: calc(calc(100vh - var(--menu-hauteur)) - var(--footer-hauteur));
		--conteneur-largeur: var(--main-largeur);
		--nouvelle-hauteur: 150px;
		--fleche-largeur: 20px;
		--conteneur-quart: calc(var(--main-largeur) / 4);
		--grille-gap: 20px;
		--grille-quart: calc(calc(var(--main-largeur) / 4) - var(--grille-gap));

		--footer-hauteur: 70px;
		--footer-background-size: var(--footer-hauteur);
	}



	/*
	.vin_photo img {
		position: absolute;
		left: 850px;
		top: 110px;
		height: 500px;
	}
*/
	.gamme_onglets {
		display: table;
		z-index: 10;
		top: 4px;
		padding-left: 0px;

	}

	.vin_onglets {
		display: none;
		padding-left: 0px;
		z-index: 1;
	}
}

@media screen and (min-width: 1281px) {
	:root {
		/*	--taille_bouton:32px;*/
		/* --arche-radius: calc(45% - 150px); */
		--arche-radius: 200px;
		--menu-largeur: 200px;
		--menu-hauteur: 60px;
		--titre-hauteur: 120px;
		--degustation-largeur: 1280px;

		--main-largeur: 1280px;
		/* --main-largeur-cadre: calc(var(--main-largeur) + 80px); */
		--main-largeur-cadre: var(--main-largeur);
		--main-vin-largeur: var(--main-largeur);

		--vin-corp-height: 600px;
		--main-min-hauteur: calc(calc(100vh - var(--menu-hauteur)) - var(--footer-hauteur));
		--conteneur-largeur: var(--main-largeur);
		--nouvelle-hauteur: 140px;
		--fleche-largeur: 30px;
		--conteneur-quart: calc(var(--main-largeur) / 4);
		--grille-gap: 20px;
		--grille-quart: calc(calc(var(--main-largeur) / 4) - var(--grille-gap));

		--footer-hauteur: 70px;
		--footer-background-size: 50%;
	}

	.gamme_photo img {
		position: absolute;
		left: 50px;
		/* 77.9% */
		/*top:calc(-136px + calc( 600px - attr(height) ) ) ;*/
		top: 210px;
		/* 206/770 = 26.7% */
		height: 500px;
	}


	.main_accueil {

		display: block;
		/* top: calc(var(--menu-hauteur) + var(--titre-hauteur)); */
		max-width: var(--main-largeur);
		/* left: calc(calc(100% - var(--main-largeur)) / 2); */
		left: 40px;
		position: relative;
	}
}

.ecran {
	width: 95%;
	min-height: var(--main-min-hauteur);
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 414px) {
	.deconnexion {
		padding-bottom: 10px;
	}

	.drapeau_container {
		display: contents;
		height: 40px;
		text-align: center;
		vertical-align: middle;
		padding-top: 10px;

	}

	.drapeau_item {
		width: 50px;
		height: 40px;
		text-align: center;
		vertical-align: middle;
		margin: auto;
		display: inline-block;
	}

	.menu_langues {
		float: left;
		text-align: center;
	}

	.menu_langues tr {
		height: var(--menu-hauteur);
	}

	/* Dropdown langue mobile */
	.langue-dropdown {
		position: relative;
		display: inline-block;
	}

	.langue-dropdown-btn {
		display: flex;
		align-items: center;
		gap: 6px;
		cursor: pointer;
		padding: 6px 8px;
	}

	.langue-dropdown-caret {
		color: rgba(255, 255, 255, 0.7);
		font-size: 14px;
	}

	.langue-dropdown-content {
		display: none;
		position: absolute;
		left: 0;
		top: 100%;
		background-color: #3e2504;
		border-radius: 6px;
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
		min-width: 150px;
		z-index: 1000;
		padding: 6px 0;
		border: 1px solid rgba(255, 255, 255, 0.15);
	}

	.langue-dropdown:hover .langue-dropdown-content {
		display: block;
	}

	.langue-dropdown-item {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 8px 14px;
		color: rgba(255, 255, 255, 0.85);
		text-decoration: none;
		font-size: 14px;
	}

	.langue-dropdown-item:hover {
		background-color: rgba(255, 255, 255, 0.12);
		color: #fff;
		text-decoration: none;
	}

	.langue-dropdown-item.langue-active {
		background-color: rgba(255, 255, 255, 0.08);
		font-weight: bold;
	}

	.drapeaux-mini {
		display: block;
		height: 18px;
		width: 30px;
	}

	.titre {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		height: var(--titre-hauteur);
		margin-bottom: 0 !important;
		z-index: 100;
		display: inline-block;
		text-align: center;
	}

	.titre_mb {
		font-family: 'Alex Brush';
		font-weight: normal;
		width: 60vw;
		opacity: 1;
		top: var(--menu-hauteur);
		height: var(--titre-hauteur);
		/* margin-left: auto !important; */
		/* margin-right: auto !important; */
		margin-top: 8px !important;
		margin-right: 16px !important;
		margin-bottom: 0 !important;
		padding-right: 16px;
		z-index: -1;
		display: inline-block;
		text-align: right;
		float: right;
		overflow: hidden;
	}

	.titre_accueil {
		font-family: 'Alex Brush';
		font-weight: normal;
		font-size: 12px;
		width: 100vw;
		opacity: 1;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		height: var(--titre-hauteur);
		margin-top: 8px !important;
		margin-right: 16px !important;
		margin-bottom: 0 !important;
		z-index: -1;
		display: inline-block;
		text-align: center;
	}

	.titre h1 {
		font-family: 'Alex Brush';
		font-weight: normal;
		font-size: 30px;
		text-shadow: -2px -2px rgba(240, 240, 240, 0.8), -2px -2px 10px rgba(40, 40, 40, 0.5);
		color: black;
		margin: 0 !important;
	}

	.titre_mb h1 {
		font-family: 'Alex Brush';
		font-weight: normal;
		font-size: 30px;
		text-shadow: -2px -2px rgba(240, 240, 240, 0.8);
		color: black;
		margin: 0 !important;
	}

	.accueil_masque_haut {
		display: none;
	}


	footer {
		display: grid;
		grid-template-rows: auto;
		grid-template-columns: 100%;
		text-align: center;
		z-index: 99999;
		padding-top: 4px;
		bottom: 0px;
		width: 100%;
	}




	.g-centre {
		margin-top: 10px;

	}

	.g-droite {
		margin-top: 10px;
	}

	.manuscrit {
		font-family: Courgette;
		font-size: 12px;
		/* color: black; */
		text-decoration: none;
	}

	.main_accueil {
		display: block;
		max-width: var(--main-largeur);
		left: 0px;
		position: relative;
	}

	#main_cadre {
		background-color: white;
		display: block;
		/* top: calc(var(--menu-hauteur) + var(--titre-hauteur)); */
		max-width: 100vw;
		left: 0px;
		position: relative;
	}

	.conteneur {
		display: block;
		padding-top: 2px;
		margin-top: 2px;
		z-index: 1;
		width: 100%;
		position: relative;
	}
}

@media screen and (min-width: 415px) {
	footer {
		display: grid;
		grid-template-rows: auto;
		grid-template-columns: 30% 40% 30%;
		grid-gap: 1%;

		text-align: center;
		/* font-family: 'Day Roman'; */
		z-index: 99999;
		/* margin-top: 140px; */
		padding-top: 4px;
		bottom: 0px;
		width: 100%;
		position: relative;
		/* display: inline; */
	}


	.drapeau_container {
		display: flex;
		height: 40px;
		text-align: center;
		vertical-align: middle;
		padding-top: 1em;
	}

	.drapeau_item {
		width: 50px;
		height: 40px;
		text-align: center;
		margin: auto;
	}

	.menu_langues {
		float: right;
		text-align: center;
	}

	.menu_langues tr {
		height: var(--menu-hauteur);
	}

	/* Dropdown langue desktop */
	.langue-dropdown {
		position: relative;
		display: inline-block;
	}

	.langue-dropdown-btn {
		display: flex;
		align-items: center;
		gap: 6px;
		cursor: pointer;
		padding: 6px 8px;
		border-radius: 4px;
		transition: background-color 0.2s;
	}

	.langue-dropdown-btn:hover {
		background-color: rgba(255, 255, 255, 0.1);
	}

	.langue-dropdown-caret {
		color: rgba(255, 255, 255, 0.7);
		font-size: 14px;
	}

	.langue-dropdown-content {
		display: none;
		position: absolute;
		right: 0;
		top: 100%;
		background-color: #3e2504;
		border-radius: 6px;
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
		min-width: 160px;
		z-index: 1000;
		padding: 6px 0;
		border: 1px solid rgba(255, 255, 255, 0.15);
	}

	.langue-dropdown:hover .langue-dropdown-content {
		display: block;
	}

	.langue-dropdown-item {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 8px 14px;
		color: rgba(255, 255, 255, 0.85);
		text-decoration: none;
		font-size: 14px;
		transition: background-color 0.15s;
	}

	.langue-dropdown-item:hover {
		background-color: rgba(255, 255, 255, 0.12);
		color: #fff;
		text-decoration: none;
	}

	.langue-dropdown-item.langue-active {
		background-color: rgba(255, 255, 255, 0.08);
		font-weight: bold;
	}

	.drapeaux-mini {
		display: block;
		height: 18px;
		width: 30px;
	}

	.titre {
		font-family: 'Alex Brush';
		font-weight: normal;
		position: absolute;
		left: 49vw;
		opacity: 1;
		top: 0%;
		z-index: 100;
	}

	.titre_mb {
		display: none;
	}

	.titre h1 {
		font-family: 'Alex Brush';
		font-weight: normal;
		font-size: 100px;
		text-shadow: -2px -2px rgba(240, 240, 240, 0.8);
		color: black;
		margin: 0 !important;
	}

	.accueil_masque_haut {
		height: calc(var(--menu-hauteur) + var(--titre-hauteur));
		width: 100%;
	}



	#main_cadre {
		background-color: white;
		display: block;
		max-width: var(--main-largeur-cadre);
		left: 0px;
		position: relative;
	}

	.conteneur {
		display: block;
		padding-top: 10px;
		margin-top: 0px;
		z-index: 1;
		width: 100%;
		position: relative;
	}
}





@media screen and (max-width: 980px) {
	header {
		width: 100vw;
		position: sticky;
		top: 0;
		display: flex;
		z-index: 99;
	}

	.main {
		display: block;
		top: var(--menu-hauteur);
		width: 95%;
		min-height: var(--main-min-hauteur);
		margin-left: auto;
		margin-right: auto;
	}

	.manuscrit {
		font-family: Courgette;
		font-size: 14px;
		text-decoration: none;
	}

	footer {
		position: relative;
		display: grid;
		grid-template-rows: auto;
		grid-template-columns: 100%;
		grid-gap: 1%;
		grid-auto-flow: row;
		text-align: center;
		font-family: 'Day Roman';
		z-index: 99999;
		padding-top: 4px;
		bottom: 0px;
		width: 100%;
	}

	.font_footer {
		/* font-family: Oxygen; */
		font-size: 12px;
		color: black;
		text-decoration: none;
	}

	.vins_masque_haut {
		display: none;
	}

	.titre h1 {
		font-family: 'Alex Brush';
		font-weight: normal;
		font-size: 50px;
		text-shadow: -2px -2px rgba(240, 240, 240, 0.6), 0px 0px 20px black;
		color: black;
		margin: 0 !important;
	}

	.gamme_onglets {
		display: table;
		z-index: 10;
		top: 4px;
		padding-left: 0px;

	}
}



@media screen and (min-width: 981px) {
	header {
		width: 100%;
		/* height: var(--titre-hauteur); */
		height: var(--menu-hauteur);
		position: sticky;
		top: 0px;
		z-index: 99;
	}

	.main {
		display: block;
		top: var(--menu-hauteur);
		width: var(--main-largeur);
		min-height: var(--main-min-hauteur);
		margin-left: auto;
		margin-right: auto;
	}

	.manuscrit {
		font-family: Courgette;
		font-size: 20px;
		/* color: black; */
		text-decoration: none;
	}

	footer {
		height: var(--footer-hauteur);
		position: relative;
		text-align: center;
		z-index: 99999;
		padding-top: 4px;
		bottom: 0px;
		width: 100%;
	}

	.font_footer {
		/* font-family: Oxygen; */
		font-size: 14px;
		font-weight: 700;
		color: white;
		text-decoration: none;
	}

	#main_cadre {
		background-color: white;
		display: block;
		max-width: var(--main-largeur-cadre);
		left: 0px;
		position: relative;
	}

	.titre h1 {
		font-family: 'Alex Brush';
		font-weight: normal;
		font-size: 80px;
		text-shadow: -2px -2px rgba(240, 240, 240, 0.8);
		color: black;
		margin: 0 !important;
	}

	.g-gauche {
		grid-column: 1;

	}

	.g-centre {
		grid-column: 2;

	}

	.g-droite {
		grid-column: 3;
	}
}

@media screen and (min-width: 1281px) {

	#main_cadre {
		background-color: white;
		display: block;
		max-width: var(--main-largeur-cadre);
		/* left: calc(calc(100% - calc(var(--main-largeur) + 80px)) / 2); */
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
}



:root {
	--galerie_hauteur: calc(calc(100vh - calc(var(--menu-hauteur) + var(--footer-hauteur))) - 18px);
	--galerie_fleche_top: calc(calc(calc(100vh - calc(var(--menu-hauteur) + var(--footer-hauteur))) - 18px)/2);

	--hcalc: calc((0.684 * var(--main-vin-largeur)));
}

@media screen and (max-height: 860px) and (min-width: 1280px) {
	:root {
		--echelle: 0.8;
		--main-largeur: 1200px;
	}

}

/**********************
	Structure

***********************/
html {
	min-height: 100vh;

}

/*
body * {
	border: solid 1px green;
	overflow: hidden;
}
*/

body {
	position: relative;
	min-height: 100vh;
	top: 0px;
	font-family: 'Lato Italic';
	font-size: 16px;
	font-weight: normal;
}

.main {

	display: block;
	top: var(--menu-hauteur);
	width: var(--main-largeur);
	/* height: calc( 100vh - var(--menu-hauteur) ); */
	/* min-height: calc( calc( 100vh - var(--menu-hauteur) ) - var(--footer-hauteur) ); */
	min-height: var(--main-min-hauteur);

	margin-left: auto;
	margin-right: auto;
	/*position: absolute;*/
	background-color: rgba(220, 220, 220, 0.2);
	border-radius: 8px;
}


.conteneur-color {
	background-color: white;
}

.conteneur h1 {
	margin: 0px;
	padding-left: 8px;
	padding-right: 8px;
}


.mc_lien {
	font-family: 'Lato Italic';
	font-weight: normal;
	font-size: 20px;
	font-style: italic;
	text-decoration: none !important;
}

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

@media screen and (max-width: 414px) {


	.titre_entree {
		font-family: 'Alex Brush';
		font-weight: normal;
		font-size: 120px;
		text-align: center;
		text-shadow: -2px -2px rgba(240, 240, 240, 0.8);
		color: black;
	}

	.entree {
		width: 400px;
		margin: auto;
		margin-top: 60px;
		height: 40px;
		color: black;
		text-decoration: none;
		font-weight: bold;
		background-color: rgba(200, 200, 200, 0.4);
		text-align: center;
	}

	.titre_masque {
		position: absolute;
		overflow: hidden;
		height: var(--titre-hauteur);
		top: 0;
		width: 100%;
		z-index: -1;
	}
}

/**********************
	Fond d'écrans
**********************/
@media screen and (max-width: 1024px) {
	.fond {
		background-color: black;
		height: auto;
		width: 100%;
		max-width: var(--degustation-largeur);
		margin-left: var(--menu-largeur);
		z-index: -999;
		top: 0;
		position: fixed !important;
	}

	.fond2 {
		background-color: white;
		opacity: 0.3;
		height: 100%;
		width: auto;
		z-index: -999;
		top: 0;
		position: fixed !important;
	}

	.fond2 img {
		background-color: white;
		opacity: 0.3;
		height: 100%;
		width: auto;
		min-height: 100%;
		z-index: -999;
		top: 0;
		position: fixed !important;
	}
}

@media screen and (min-width: 1025px) {
	.fond {
		background-color: black;
		height: 100%;
		width: auto;
		max-width: var(--degustation-largeur);
		margin-left: var(--menu-largeur);
		z-index: -999;
		top: 0;
		position: fixed !important;
	}

	.fond2 {
		background-color: white;
		opacity: 0.5;
		height: 100%;
		width: auto;
		/* max-width: var(--degustation-largeur); */
		/* margin-left: var(--menu-largeur); */
		z-index: -999;
		top: 0;
		position: fixed !important;
	}

	.fond2 img {
		background-color: white;
		opacity: 0.5;
		height: auto;
		width: 100%;
		z-index: -999;
		top: 0;
		position: fixed !important;
	}
}

.bienvenue {
	margin: auto;
	padding-bottom: 8px;
	font-family: 'Lato Italic';
	font-weight: bold;
	width: 50%;
	min-width: 250px;
	text-align: center;
	text-shadow: 1px 1px lightgray;
	opacity: 1;
	font-size: 24px
}

.bienvenue_corp {
	background-color: rgba(50, 50, 50, 0.8);
	/* font-family: 'Courgette'; */
	font-weight: normal;
	text-align: center;
	font-size: 20px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3em;
}

.signature {
	font-family: 'Alex Brush';
	font-weight: bold;
	text-align: right;
	font-size: 32px;
	width: 100%
}

/****************************
	Menus
****************************/
@media screen and (max-width: 980px) {

	.menuhaut {
		width: 200px;
		text-align: left;
		display: none;
		position: absolute;
		top: 0px;
		z-index: 1000;
	}

	.menuhaut_accueil {
		width: 200px;
		top: 0px;
		text-align: left;
		display: none;
		position: sticky;
		z-index: 1000;
	}

	.menuhaut_masque {
		width: 100%;
		display: flex;
	}

	.items {
		display: inline-block;
	}

	div.items {
		display: grid;
		height: 100%;
		text-align: left;
		float: left;
	}
}


@media screen and (min-width: 981px) {


	.menuhaut {
		/* border: solid 1px green; */
		/* height: calc( var(--menu-hauteur) - 1em) ; */
		min-height: var(--menu-hauteur);
		width: 100%;
		/* text-align: left; */
		display: block;
		position: absolute;
		top: 0px;
		/* padding-top: 1em; */
		z-index: 1000;
	}

	.menuhaut_accueil {
		position: sticky;
		top: 0px;
		min-height: var(--menu-hauteur);
		width: 100vw;
		display: block;
		z-index: 1000;
		background-color: #3e2504;
		background-size: 50%;
	}

	.menuhaut_masque {
		height: var(--menu-hauteur);
		width: 100%;
		display: flex;
	}

	.items {
		padding-top: 1em;
	}

	div.items {
		/* border: solid 1px red; */
		height: 100%;
		text-align: center;
		/* display: table; */
		/* float: left; */
		margin-left: auto;
		margin-right: auto;
	}
}

.menu_bouton {
	width: 100vw;
	padding-left: 20px;
}


.menu_bouton_accueil {
	width: 100vw;
	padding-left: 20px;
	position: sticky;
	top: 0px;
	position: sticky;
	top: 0px;
	min-height: var(--menu-hauteur);
	width: 100vw;
	display: block;
	z-index: 1000;
	background-color: #3e2504;
	background-size: 50%;
}



.menu_bouton_back {
	background: url(../img/Menu_bois_texture_02.jpg);
	/* background-repeat: repeat-x; */
	background-size: 75%;
}

.menu_bouton_ferme {
	padding-left: 20px;
}

.ombre {
	text-shadow: 1px 1px 0 #444;
	display: inline;
}

.ombre:hover {
	background-color: rgba(200, 200, 200, 0.4);
	opacity: 0.5;
	text-shadow: 1px 1px 0 #fff;
	color: black;
}

.menu {
	text-align: center;
	cursor: pointer;
	margin-left: 0.5em;
	margin-right: 0.5em;
	padding-left: 4px;
	padding-right: 4px;

	font-size: 30px;
	font-family: 'Alex Brush';
	font-weight: bold;
}

.menu0 {
	font-family: 'Lato';
}

.menu1 {
	font-family: 'Dancing Script';
}

.menu2 {
	font-family: 'Pacifico';
}

.menu3 {
	font-family: 'Alex Brush';
}

.menu4 {
	font-weight: bold;
	font-family: 'Courgette';
}

.footer-background-size {
	/* background: url(../img/Menu_bois_texture_02.jpg); */
	background-color: brown;
	background-size: var(--footer-background-size);
}

/*********************
	Accueil
**********************/

.accueil_photo {
	position: relative;
	background-image: url(../img/carlot_cours.jpg);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #a39580;
	height: 100vh;

}

.scroll-indicator {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 50px;
	color: rgba(255, 255, 255, 0.6);
	cursor: pointer;
	animation: pulse 2.5s ease-in-out infinite;
	z-index: 10;
	transition: opacity 0.4s ease;
}

.scroll-indicator:hover {
	color: rgba(255, 255, 255, 0.9);
}

.scroll-indicator.hidden {
	opacity: 0;
	pointer-events: none;
}

@keyframes pulse {
	0%, 100% { opacity: 0.3; }
	50% { opacity: 0.8; }
}

.accueil_main {
	/* position:absolute; */
	display: block;
}

.accueil_bloc {
	position: relative;
}

.accueil_textes {
	background-color: black;
	width: 100%;
	color: white;
	cursor: pointer;
	position: absolute;
	bottom: 0px;
}

.accueil_lignes {
	height: 100%;
	overflow: hidden;
	display: table;
	float: left;
}

.accueil_lignes_images {
	width: 100%;
	height: auto;
	display: table;
	float: left;
}

.col_1-4 {
	width: 25%;
	display: table;
	float: left;
}

.col_3-4 {
	width: 75%;
	display: table;
	float: left;
}

.image_accueil_actualite {
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-height: 60vh;
	max-width: 100%;
	width: 100%;
}

.image_accueil_actualite img {
	max-height: 60vh;
	max-width: 100%;
	width: auto;
	height: auto;
}

/************ Grille *************/

.grille_1-1 {
	grid-column: span 1;
}

.grille_1-2 {
	grid-column: span 2;
}

.grille_1-3 {
	grid-column: span 3;
}

.grille_1-4 {
	grid-column: span 4;
}

.grille_2-1 {
	grid-row: span 2;
	grid-column: span 1;
}

.grille_c-span-2 {
	grid-column: span 2;
}

.grille_c-span-3 {
	grid-column: span 3;
}

.grille_c-span-4 {
	grid-column: span 4;
}

.grille_r2-span-2 {
	grid-column: 2/span 2;
}

.grille_3-2 {
	grid-row: span 3;
	grid-column: span 2;
}

.grille_2-3 {
	grid-row: span 2;
	grid-column: span 3;
}

@media screen and (max-width: 980px) {
	.grille {
		width: var(--main-largeur);
		max-width: 980px;
		display: grid;
		/* grid-template-rows: auto auto auto; */
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-gap: 12px;

	}


	.grille_1-3 {
		grid-column: span 3;
	}

	.grille_2-3 {
		grid-column: span 3;

	}

	.grille_1-2 {
		grid-column: span 2;
	}

	.grille_3-2 {
		grid-column: span 2;
	}

	.grille_vertical_1-2 {
		grid-row: 2 / span 2;
		grid-column: 1 / span 2;
	}

	.grille_vertical_3-2 {
		grid-row: 2 / span 2;
		grid-column: 3 / span 2;
	}
}

@media screen and (max-width: 414px) {
	.grille {
		width: var(--main-largeur);
		max-width: 100vw;
		display: grid;
		grid-template-rows: auto !important;
		grid-template-columns: 100% !important;
		grid-gap: 4px;

	}

	.grille img {
		max-width: 100%;
	}

	.grille_1-3 {
		grid-column: 1;
		text-align: center !important;
		float: middle !important;
		width: 100% !important;
	}

	.grille_1-4 {
		grid-column: 1;
		text-align: center !important;
		float: middle !important;
		width: 100% !important;
	}

	.grille_2-3 {
		grid-column: 1;
		grid-row: 1;
		text-align: center !important;
		float: middle !important;
		width: 100% !important;

	}

	.grille_1-2 {
		grid-column: 1;
		text-align: center !important;
		float: middle !important;
		width: 100% !important;
	}

	.grille_3-2 {
		grid-column: 1;
		text-align: center !important;
		float: middle !important;
		width: 100% !important;
	}

	.grille_vertical_1-2 {
		grid-row: span 1;
		grid-column: 1;
		width: 100% !important;
	}

	.grille_vertical_3-2 {
		grid-row: span 1;
		grid-column: 1;
		width: 100% !important;
	}


	.grille_c-span-2 {
		grid-column: 1;
		width: 100% !important;
		height: auto !important;
	}

	.grille_c-span-3 {
		grid-column: 1;
		width: 100% !important;
		height: auto !important;
	}

	.grille_c-span-4 {
		grid-column: 1;
		width: 100% !important;
		height: auto !important;
	}

	.grille_r2-span-2 {
		grid-column: 1;
		width: 100% !important;
		height: auto !important;
	}

	.image_accueil_actualite,
	.image_accueil_actualite img {
		position: relative;
		/* width: 100% !important; */
		height: auto !important;
		transform: none;
		left: 0;
		top: 0;
		max-height: 70vw;
	}
}

@media screen and (min-width: 981px) {
	.grille {
		width: var(--main-largeur);
		max-width: 100%;
		display: grid;
		grid-template-rows: auto auto auto;
		/* grid-template-columns: 25% 25% 25% 25%; */
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-gap: unset;
		padding-left: 10px;
		padding-right: 10px;
		grid-gap: 12px;
	}



	.grille_1-1 {
		grid-column: span 1;
	}

	.grille_1-2 {
		grid-column: span 2;
	}

	.grille_1-3 {
		grid-column: span 3;
	}

	.grille_1-4 {
		grid-column: span 4;
	}

	.grille_2-1 {
		grid-row: span 2;
		grid-column: span 1;
	}

	.grille_2-2 {
		grid-row: span 2;
		grid-column: span 2;
	}

	.grille_2-3 {
		grid-column: span 3;
	}

	.grille_2-4 {
		grid-row: span 1;
		grid-column: span 4;
	}

	.grille_3-2 {
		grid-row: span 3;
		grid-column: span 2;
	}
}

@media screen and (min-width: 1281px) {
	.grille {
		width: var(--main-largeur);
		max-width: 1280px;
		display: grid;
		/*grid-template-rows: auto auto auto; */
		/* grid-template-columns: var(--grille-quart) var(--grille-quart) var(--grille-quart) var(--grille-quart); */
		/* grid-template-columns: 25% 25% 25% 25%; */
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-gap: 12px;
		padding-left: 10px;
		padding-right: 10px;

	}


	.grille_1-1 {
		grid-column: span 1;
	}

	.grille_1-2 {
		grid-column: span 2;
	}

	.grille_1-3 {
		grid-column: span 3;
	}

	.grille_1-4 {
		grid-column: span 4;
	}

	.grille_2-1 {
		grid-row: span 2;
		grid-column: span 1;
	}

	.grille_2-2 {
		grid-row: span 2;
		grid-column: span 2;
	}

	.grille_2-3 {
		grid-column: span 3;
	}

	.grille_2-4 {
		grid-row: span 1;
		grid-column: span 4;
	}

	.grille_3-2 {
		grid-row: span 3;
		grid-column: span 2;
	}
}

.grille_bouteille_img {
	/* width: calc(100% - 20px); */
	width: 200px;
	/* height: 100%; */
	/* max-height: 200px; */
	margin-left: auto;
	margin-right: auto;
}

.grille_degustation_img {
	/* width: var(--grille-quart); */
	width: 100%;
	/* width: calc(calc(var(--main-largeur) - 80px) /2); */

	/* height: 100%; */
	/* max-height: 200px; */
	margin-left: auto;
	margin-right: auto;
}

.vertical_center {
	margin-top: auto;
	margin-bottom: auto;
}



/*********************
	Nouvelles
**********************/
.cadre_nouvelles {
	/* top: calc(var(--menu-hauteur) + var(--nouvelle-hauteur) ); */
	width: var(--main-largeur);
	height: var(--nouvelle-hauteur);
	/* left: calc(calc(100% - 900px) / 2); */
	/* margin-top: 8px; */
	margin-left: auto;
	margin-right: auto;
	top: 8px;
	position: relative;
}

.nouvelles_cadre_masque {
	/* top: calc(var(--menu-hauteur) + var(--nouvelle-hauteur) ); */
	height: var(--nouvelle-hauteur);
	width: var(--main-largeur);
	left: calc(calc(100% - var(--main-largeur)) / 2);
	margin-top: 8px;
}

.nouvelle {
	/* border: solid 1px red; */
	display: none;
	/* width: calc(100% - calc( var(--fleche-largeur) * 2 ) ) ; */
	width: var(--main-largeur);
	/* width: 100%; */
	/* left: calc( calc( 100% - 900px) / 2  ) ; */
	text-align: center;
	position: absolute;
	height: var(--nouvelle-hauteur);
	overflow: hidden;
	z-index: 1;
	padding: 16px;

}

.nouvelles_titre {
	text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.9);
}

.nouvelle_fleches_gauche {
	width: var(--fleche-largeur);
	position: absolute;
	top: calc(calc(var(--nouvelle-hauteur) / 2) - 16px);
	z-index: 2;
	border-radius: 4px;
}

.nouvelle_fleches_droite {
	width: var(--fleche-largeur);
	right: 0px;
	top: calc(calc(var(--nouvelle-hauteur) / 2) - 16px);
	position: absolute;
	z-index: 2;
	text-align: right;
	border-radius: 4px;

}

.nouvelle_page {
	display: block;
	width: 100%;
	max-width: var(--main-largeur);
	background-color: rgba(220, 220, 220, 0.2);
	border-radius: 10px;
	padding: 8px;
	margin-bottom: 3em;
}

.nouvelle_titre {
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 80px auto;
	grid-gap: 8px;
	margin: auto;
	/* font-family: 'Courgette'; */
	font-weight: bold;
	text-align: center;
	font-size: 24px;
	width: 90%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.nouvelle_corp {
	/* background-color: rgba(50, 50, 50, 0.85); */
	background-color: rgba(220, 220, 220, 0.2);
	/* font-family: 'Apple Garamond'; */
	font-size: 20px;
	font-weight: normal;
	/* text-align: center; */
	letter-spacing: 0.03em;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	padding: 1em;
}

@media screen and (max-width: 414px) {
	.cadre_nouvelles {
		width: var(--main-largeur);
		height: auto;
		min-height: var(--nouvelle-hauteur);
		margin-left: auto;
		margin-right: auto;
		top: 8px;
		position: relative;
	}

	.nouvelle {
		display: none;
		width: var(--main-largeur);
		text-align: center;
		position: absolute;
		height: auto;
		min-height: var(--nouvelle-hauteur);
		overflow: hidden;
		z-index: 1;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 14px;
		background-color: white;

	}
}

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


/*********************
	Articles
*********************/

.article {
	display: block;
	width: 100%;
	max-width: var(--main-largeur);
	background-color: rgba(220, 220, 220, 0.5);
	border-radius: 10px;
	padding: 8px;
	margin-bottom: 3em;
}

.article_fond {
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	z-index: -999;
	width: 100vw;
	height: 100vh;
	background-color: #000;
	background-image: url(../img/img_8997.r.jpg);
	background-position: center center;

}

.contact_fond {
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	z-index: -999;
	width: 100vw;
	height: 100vh;
	background-color: #000;
	background-image: url(../img/mas_carlot_01.jpg);
	background-position: center center;
	background-size: cover;

}

.article_fond img {
	position: fixed;
	left: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	margin-left: auto;
	margin-right: auto;
	background: #000;
	opacity: 0.8;
	/* height: calc(100vh - var(--menu-hauteur)); */
}

.article_titre {
	margin: auto;
	/* font-family: 'Oxygen'; */
	font-weight: bold;
	text-align: center;
	font-size: 24px;
	width: 90%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.article_corp {
	/* background-color: rgba(50, 50, 50, 0.85); */
	background-color: rgba(220, 220, 220, 0.6);
	/* font-family: 'Apple Garamond'; */
	font-size: 20px;
	font-weight: normal;
	/* text-align: center; */
	letter-spacing: 0.03em;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	padding: 1em;
}

.article_corp img {
	max-width: 98%;
	height: auto;
	margin: 8px;

}

@media screen and (max-width: 414px) {
	.article_corp {
		background-color: rgba(220, 220, 220, 0.6);
		/* font-family: 'Apple Garamond'; */
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 0.03em;
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 4px;
		padding: 4pxem;
	}

	.article_corp img {
		max-width: 100% !important;
		height: auto !important;
		margin: 8px;

	}
}

/******************
	Domaine
******************/


.conteneur .domaine {
	/* background-color: rgba(220, 220, 220, 0.0); */
}

.domaine {
	display: block;
	width: 100%;
	max-width: var(--main-largeur);
	/* background-color: rgba(220, 220, 220, 0.0); */
	border-radius: 10px;
	padding: 8px;
	margin-bottom: 3em;
}

.domaine_cadre_fond {
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	z-index: -999;
	width: 100vw;
	height: 100vh;
	background-color: #000;
}

.domaine_fond {
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	z-index: -999;
	width: 100vw;
	height: 100vh;
	background-image: url(../img/carlot_cours.jpg);
	background-size: cover;
	background-position: center center;
	opacity: 0.7;
}

.domaine_corp {
	display: grid;
	grid-template-columns: auto auto;
	/* background-color: rgba(50, 50, 50, 0.85); */
	background-color: rgba(220, 220, 220, 0.6);
	/* font-family: 'Apple Garamond'; */
	font-size: 20px;
	font-weight: normal;
	/* text-align: center; */
	letter-spacing: 0.03em;
	/* width: calc(var(--conteneur-largeur) - 32px); */
	width: 100%;
	margin-bottom: 1em;
	padding: 1em;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;

}

.domaine_titre {
	/* background-color: rgba(220, 220, 220, 0.6); */
	margin: auto;
	font-family: 'Lato Bold Italic';
	font-weight: bold;
	text-align: center;
	font-size: 24px;
	width: 90%;
	text-shadow: 0px 0px 12px white, 0px 0px 12px white;
	/* border-top-left-radius: 6px; */
	/* border-top-right-radius: 6px; */
}

.domaine_texte {
	font-family: 'Lato Italic';
	font-size: 16px;
	font-weight: normal;
	text-align: justify;
	width: calc(calc(var(--conteneur-largeur) * 0.62) - 32px);
	vertical-align: middle;
	padding: 1em;
	/* margin: 8px; */
	overflow-wrap: normal;

}

.domaine_image {
	vertical-align: middle;
	height: 100%;
	padding-top: auto;
	padding-bottom: auto;

}

.domaine_corp_portrait {
	background-color: rgba(220, 220, 220, 0.6);
	/* font-family: 'Apple Garamond'; */
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 0.03em;
	width: 100%;
	margin-bottom: 1em;
	padding: 1em;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.domaine_portrait {
	vertical-align: middle;
	margin-top: auto;
	margin-bottom: auto;
	position: relative;
	top: 0%;
	left: 25%;
	transform: translateX(-25%);
}

.domaine_portrait>img {


	width: 50%;
	filter: drop-shadow(2px 2px 6px rgb(80, 80, 80));
}

.domaine>img,
.domaine>div>img {
	margin-top: auto;
	margin-bottom: auto;
	position: relative;
	top: 50%;
	left: 0%;
	transform: translate(0, -50%);
	filter: drop-shadow(2px 2px 6px rgb(80, 80, 80));
}

.domaine picture,
.domaine div picture {
	width: calc(calc(var(--conteneur-largeur) * 1) - 32px);
	height: auto;
	vertical-align: middle;
	filter: drop-shadow(2px 2px 6px rgb(80, 80, 80));
	margin-top: auto;
	margin-bottom: auto;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

@media screen and (max-width: 414px) {

	.domaine_corp {
		display: grid;
		grid-template-columns: auto;
		/* background-color: rgba(50, 50, 50, 0.85); */
		background-color: rgba(220, 220, 220, 0.6);
		/* font-family: 'Apple Garamond'; */
		font-size: 20px;
		font-weight: normal;
		/* text-align: center; */
		letter-spacing: 0.03em;
		/* width: calc(var(--conteneur-largeur) - 32px); */
		width: 100%;
		margin-bottom: 1em;
		padding: 1em;
	}

	.domaine_titre {
		margin: auto;
		font-family: 'Lato Bold Italic';
		font-weight: bold;
		text-align: center;
		font-size: 24px;
		width: 90%;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	.domaine_texte {
		width: 100%;
		grid-row: 2;
		grid-column: auto;
	}

	.domaine_image {
		vertical-align: middle;
		height: 100%;
		grid-row: 1;
		grid-column: auto;
	}
}

/******************
	Vins
******************/
.gamme_btn {
	z-index: 99;
	/* font-family: Courgette; */
	font-size: 18px;
	background-color: rgba(170, 170, 170, 0.7)
}

.gamme_btn_clic {
	z-index: 99;
	/* font-family: Courgette; */
	font-size: 18px;
	background-color: rgba(230, 230, 230, 0.7);
}


.gamme_photo {
	position: absolute;
	top: 45%;
	height: 60%;
	display: none;
}

.gamme_photo picture img {
	position: absolute;
	--gamme_hfond: calc(var(--main-vin-largeur) * 0.7511);
	--gamme_hbtl: calc(var(--gamme_hfond) * 45/100);
	height: var(--gamme_hbtl);
	--gamme_reste: calc(var(--gamme_hfond) - var(--gamme_hbtl) - var(--menu-hauteur));
	--gamme_marge: calc(var(--gamme_reste) * 0.50);
	top: var(--gamme_marge);
	/* left: calc( 0.3 * var(--main-vin-largeur) + (100vw - var(--main-vin-largeur)) / 2 ); */
	left: calc(0.3 * var(--main-vin-largeur));

}

.gamme_photo_tout {
	display: block;
	position: absolute;
	top: 45%;
	height: 60%;
	max-width: 70%;
	z-index: 10;
}

.gamme_photo_tout picture img {
	position: absolute;
	--gamme_hfond: calc(var(--main-vin-largeur) * 0.7511);
	--gamme_hbtl: calc(var(--gamme_hfond) * 45/100);
	height: var(--gamme_hbtl);
	--gamme_reste: calc(var(--gamme_hfond) - var(--gamme_hbtl) - var(--menu-hauteur));
	--gamme_marge: calc(var(--gamme_reste) *0.55);
	top: var(--gamme_marge);
	/* left: calc( calc( 100vw - var(--main-vin-largeur)) / 2 ); */
	left: 3.5vw;
	z-index: 10;

}

.gamme_photo_tout_mobile {
	display: none;
}



@media screen and (max-width: 414px) {

	.gamme_photo_tout {
		display: block;
		position: absolute !important;
		top: 15vh !important;
		left: 0px !important;
		height: 80vh !important;
		width: 100vw !important;
		max-width: 100vw !important;
		z-index: 10 !important;
		text-align: center !important;
	}

	.gamme_photo_tout_large {
		display: none;
	}

	.gamme_photo_tout_mobile {
		display: block;
	}

	.gamme_photo_tout picture img {
		position: relative !important;
		margin-left: auto !important;
		margin-right: auto !important;
		z-index: 10 !important;
		height: 65vh !important;
		top: 0px !important;


	}

	.gamme_photo_tout_mobile img {
		display: block;
	}


	.gamme_photo picture img {
		position: relative;
		z-index: -1000;
		max-width: 98vw;
		max-height: 60vh;
		height: auto;
		top: 20vh;
		left: auto;

		margin-left: auto;
		margin-right: auto;
		z-index: 10;
	}
}

.fond_vins_img {
	position: absolute;
	top: var(--menu-hauteur);
	/*left: var(--menu-largeur);*/
	left: 0px;
	/* width: calc(var(--degustation-largeur) - var(--menu-largeur)); */
	width: 1280px;
	z-index: -999;
}


.vin_photo_img {
	position: absolute;
	z-index: 2;
	--gamme_hfond: calc(var(--main-vin-largeur) * 0.684);
	--gamme_hbtl: calc(var(--gamme_hfond) * 58/100);
	height: var(--gamme_hbtl);
	--gamme_reste: calc(var(--gamme_hfond) - var(--gamme_hbtl) - var(--menu-hauteur));
	--gamme_marge: calc(var(--gamme_reste) *0.38);
	top: var(--gamme_marge);
	/* left: calc( 0.2 * var(--main-vin-largeur) + (100vw - var(--main-vin-largeur)) / 2 ); */
	left: calc(0.67 * var(--main-vin-largeur));


}


@media screen and (max-width: 960px) {
	.main_vins {
		position: relative;
		display: block;
		height: calc(100vh - var(--menu-hauteur));
		min-height: var(--main-min-hauteur);
		width: var(--main-vin-largeur);
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		background: url(../img/degustation_07.jpg);
		background-attachment: absolute;
		background-size: 100vh auto;
		background-color: #3e2504;
		background-position: top;
		background-size: auto;
	}

	.vin_corp {
		background-color: rgba(220, 220, 220, 0.5);
		/* font-family: 'Courgette'; */
		font-weight: normal;
		font-size: 20px;
		width: 75%;
		margin-left: 0px;
		overflow-y: scroll;
		max-height: 320px;
		border-radius: 5px;
	}

	.vin_photo_img {
		position: absolute;
		z-index: -1000;
		height: auto;
		width: 25%;
		top: 5vh;
		left: 75%;
	}
}

@media screen and (max-width: 414px) {


	.main_vins {
		position: relative;
		display: block;
		height: calc(100vh - var(--menu-hauteur));
		min-height: var(--main-min-hauteur);
		width: var(--main-vin-largeur);
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		background: url(../img/degustation_07.jpg);
		background-attachment: absolute;
		background-size: 100vh auto;
		background-color: #3e2504;
		background-position: top;
		background-size: auto;
	}

	.main_vin_background {
		position: fixed;
		display: block;
		top: 0px;
		width: 100vh;
		height: auto;
		z-index: -99;
	}

	.main_vin_background img {
		/* width: 100vw; */
		height: auto;
		z-index: -99;
	}

	.vin_corp {
		background-color: rgba(220, 220, 220, 0.5);
		/* font-family: 'Courgette'; */
		font-weight: normal;
		font-size: 20px;
		width: 75%;
		margin-left: 0px;
		overflow-y: scroll;
		max-height: 320px;
		border-radius: 5px;
	}

	.vin_photo_img {
		position: absolute;
		z-index: -1000;
		height: auto;
		width: 25%;
		top: 5vh;
		left: 75%;
	}

	.gamme_btn {
		z-index: 999;
		/* font-family: Courgette; */
		font-size: 14px;
		background-color: rgba(170, 170, 170, 0.7)
	}

	.gamme_btn_clic {
		z-index: 999;
		/* font-family: Courgette; */
		font-size: 14px;
		background-color: rgba(230, 230, 230, 0.7)
	}

}

@media screen and (min-width: 415px) {
	.vins_masque_haut {
		/* height: calc( var(--menu-hauteur) + 40px ); */
		height: var(--menu-hauteur);
		/* margin-top: auto; */
		/* margin-bottom: auto; */

		width: 100%;
	}


	.main_vin_background {
		display: none;

	}

	.main_vin_background img {
		display: none;
	}

	.vin_corp {
		background-color: rgba(220, 220, 220, 0.5);
		/* font-family: 'Courgette'; */
		font-weight: normal;
		font-size: 20px;
		width: 90%;
		margin-left: 2.9vw;
		margin-bottom: 3em;
		overflow-y: scroll;
		max-height: var(--vin-corp-height);
		border-radius: 5px;
		z-index: 10;
	}


}

@media screen and (min-width: 961px) {
	.main_vins {
		position: relative;
		display: block;
		height: calc(100% - var(--menu-hauteur) - var(--footer-hauteur));
		min-height: var(--main-min-hauteur);
		width: var(--main-vin-largeur);
		margin-left: auto;
		margin-right: auto;
		background: url(../img/degustation_07.jpg);
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: top;
		/* background-size: cover; */
		overflow: hidden;
	}

	.main_vins_tonneau {
		position: absolute;
		display: block;
		height: calc(100% - var(--menu-hauteur) - var(--footer-hauteur));
		min-height: var(--main-min-hauteur);
		width: var(--main-vin-largeur);
		margin-left: auto;
		margin-right: auto;
		background: url(../img/degustation_07-tonneau.png);
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: top;
		overflow: hidden;
		z-index: 2;
	}

}

.main_vins {
	background-color: #3e2504;
}

.vin_contenu {
	position: relative;
	top: 0;
	left: 0px;
	width: var(--main-largeur);

	z-index: 3;
}


.vin {
	display: none;
	width: 100%;
	max-width: 770px;
}

@media screen and (max-height: 861px) {
	.vin {
		display: none;
		width: 100%;
		max-width: 700px;
	}

	.vin_corp {
		background-color: rgba(220, 220, 220, 0.5);
		/* font-family: 'Courgette'; */
		font-weight: normal;
		font-size: 18px;
		width: 70%;
		max-width: 70%;
		margin-left: 3.9vw;
		margin-bottom: 3em;
		overflow-y: scroll;
		max-height: var(--vin-corp-height);
		scrollbar-color: rgba(220, 220, 220, 0.2) rgba(220, 220, 220, 0.5);
		scrollbar-width: thin;
		border-radius: 5px;
		z-index: 10;

	}

}


/**************************
		Domaine
**************************/

.lien_goomaps {
	/* font-family: Oxygen; */
	text-align: left;
}

.lien_goomaps img {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/********************
		RGPD
********************/

.rgpd {
	background-color: rgba(215, 211, 207, 0.95);
	/* font-family: 'Oxygen'; */
	font-weight: normal;
	text-align: left;
	font-size: 18px;

}



.rgpd_titre {
	background-color: rgba(132, 117, 106, 0.9) !important;
	/* font-family: 'Courgette'; */
	font-weight: normal;
	color: black;
	text-align: center;
	font-size: 24px;
	width: 80%;
	margin: 16px 10%;

}

.rgpd .intro {
	margin-bottom: 1em;
	width: 90%;
	margin: 16px 5%;
}

.rgpd .corp {
	width: 90%;
	margin: 16px 5%;
}

.rgpd .conclusion {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	padding-bottom: 1em;
}

@media screen and (max-width: 414px) {
	.rgpd {
		background-color: rgba(215, 211, 207, 0.95);
		/* font-family: 'Oxygen'; */
		font-weight: normal;
		text-align: left;
		font-size: 12px;

	}

	.rgpd_titre {
		background-color: rgba(132, 117, 106, 0.9) !important;
		/* font-family: 'Courgette'; */
		font-weight: normal;
		color: black;
		text-align: center;
		font-size: 18px;
		width: 80%;
		margin: 8px 10%;

	}

}

/*********************
	Galerie
**********************/
.cadre_images {
	/* top: calc(var(--menu-hauteur) + var(--nouvelle-hauteur) ); */
	position: relative;
	top: 0px;
	width: 100%;
	height: calc(calc(100vh - calc(var(--menu-hauteur) + var(--footer-hauteur))) - 18px);
	/* left: calc(calc(100% - 900px) / 2); */
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}


.image {
	display: none;
	width: 100%;
	text-align: center;
	margin-top: auto;
	margin-bottom: auto;
	height: 100%;
	z-index: 1;
}

@media screen and (max-width: 414px) {
	.image {
		display: none;
		width: 100%;
		text-align: center;
		margin-top: auto;
		margin-bottom: auto;
		height: auto;
		z-index: 1;
	}
}

.image img {
	width: auto;
	max-width: var(--main-largeur);
	max-height: calc(calc(100vh - calc(var(--menu-hauteur) + var(--footer-hauteur))) - 18px);
	z-index: 1;
	vertical-align: middle;
}




.image_fleches_gauche {
	position: absolute;
	top: calc(calc(calc(100vh - calc(var(--menu-hauteur) + var(--footer-hauteur))) - 18px)/2);
	width: var(--fleche-largeur);
	left: 0px;
	position: absolute;
	z-index: 2;
}

.image_fleches_droite {
	position: absolute;
	text-align: right;
	top: calc(calc(calc(100vh - calc(var(--menu-hauteur) + var(--footer-hauteur))) - 18px)/2);
	width: var(--fleche-largeur);
	right: 20px;
	z-index: 2;
	text-align: right;

}

.image_fleches_gauche span,
.image_fleches_droite span {
	background-color: rgba(200, 200, 200, 0.4) !important;
}

@media screen and (max-width: 414px) {

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

	.image_fleches_gauche {
		width: 20px;
		left: 0px;
		position: absolute;
		z-index: 2;
		top: 50px;
	}

	.image_fleches_droite {
		width: 20px;
		right: 32px;
		z-index: 2;
		text-align: right;
		top: 50px;
	}

	.image_fleches_gauche span,
	.image_fleches_droite span {
		font-size: medium;
		padding: 4px;
		margin: 4px;
		background-color: rgba(200, 200, 200, 0.4) !important;
	}

}

/*********************************
****     GITE ********************
**********************************/
.gite {
	position: relative;
	display: block;
	width: 100%;
	max-width: var(--main-largeur);
	/* background-color: rgba(220, 220, 220, 0.0); */
	border-radius: 10px;
	padding: 8px;
	margin-bottom: 3em;
}

.gite_corp {
	display: grid;
	grid-template-columns: auto auto;
	/* background-color: rgba(50, 50, 50, 0.85); */
	background-color: rgba(220, 220, 220, 0.6);
	/* font-family: 'Apple Garamond'; */
	font-size: 20px;
	font-weight: normal;
	/* text-align: center; */
	letter-spacing: 0.03em;
	/* width: calc(var(--conteneur-largeur) - 32px); */
	width: 100%;
	margin-bottom: 1em;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;

}



.gite_chambre_texte {
	margin-top: 2em;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.03em;
	width: 100%;
	height: 8em;

}

.gite_chambre_texte p {
	padding-left: 16px;
}

.gite_chambre_image {
	width: 90%;
	text-align: center;
}

.gite_corp form {
	font-size: 16px;
	text-align: left !important;
}

.gite_corp form label {
	text-align: left !important;
}

.gite_contact {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.gite_corp form textarea {
	display: inline-block;
	text-align: left !important;
	width: 90%;
	min-height: 10em;
}

.gite_corp form input {
	display: inline-block;
	width: 90%;
}

.gite_corp form input[type=date] {
	width: 10em;
}

.gite_corp form input[type=date]+span {
	margin-right: 16px;
}

.gite_cadre_images {
	/* top: calc(var(--menu-hauteur) + var(--nouvelle-hauteur) ); */
	position: relative;
	top: 0px;
	width: 100%;
	height: 736px;
	/* left: calc(calc(100% - 900px) / 2); */
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 16px;
}

.gite_cadre_images .image_fleches_gauche {
	position: absolute;
	top: 318px;
	width: var(--fleche-largeur);
	left: 0px;
	position: absolute;
	z-index: 2;
}

.gite_cadre_images .image_fleches_droite {
	top: 200px;
}

@media screen and (max-width: 414px) {

	.gite_contact {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.gite_corp form textarea {
		width: 80%;
	}

	.gite_corp form input {
		width: 80%;
	}

	.gite_cadre_images {
		height: 400px;
		margin-left: 0px;
		margin-right: 0px;

	}

	.gite_chambre_image {
		width: 80%;
		padding: 0px;
	}

	.gite_cadre_images .image_fleches_gauche {
		top: 200px;
	}

	.gite_cadre_images .image_fleches_droite {
		top: 200px;

	}
}

/* width */
::-webkit-scrollbar {
	width: 14px;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 3px grey;
	border-radius: 5px;
	width: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: rgba(220, 220, 220, 0.7);
	border-radius: 5px;
}