.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: 414px) {
	: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;
	}


	/*
	.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;
	}



	/*
	.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-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;
	}

	.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);
	}



	.titre {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		height: var(--titre-hauteur);
		margin-bottom: 0 !important;
		z-index: 10;
		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_mb h1 {
		height: 2rem;
		display: block;
		overflow: hidden;
		max-width: 60vw;
	}

	.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-align: center;
		text-shadow: -2px -2px rgba(240, 240, 240, 0.8);
		color: #645b51;
		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: #645b51;
		margin: 0 !important;
	}

	.accueil_masque_haut {
		display: none;
	}


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




	.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;
		padding-bottom: 12px;
	}

	.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;
		padding-top: 4px;
		bottom: 0px;
		width: 100%;
		position: relative;
	}


	.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);
	}

	.titre {
		font-family: 'Alex Brush';
		font-weight: normal;
		width: 100%;
		opacity: 1;
		top: var(--menu-hauteur);
		height: var(--titre-hauteur);
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		z-index: 100;
	}

	.titre_mb {
		display: none;
	}

	.titre h1 {
		font-family: 'Alex Brush';
		font-weight: normal;
		font-size: 100px;
		text-align: center;
		text-shadow: -2px -2px rgba(240, 240, 240, 0.8);
		color: #645b51;
		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;
		padding-bottom: 12px;
	}

	.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;
		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;
		z-index: 98;
		padding-top: 4px;
		bottom: 0px;
		width: 100%;
	}

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



	.titre h1 {
		font-family: 'Alex Brush';
		font-weight: normal;
		font-size: 50px;
		text-align: center;
		text-shadow: -2px -2px rgba(240, 240, 240, 0.8);
		color: #645b51;
		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: 600; */
		color: white;
		text-decoration: none;
	}

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

	.titre h1 {
		font-family: 'Alex Brush';
		font-weight: normal;
		font-size: 80px;
		text-align: center;
		text-shadow: -2px -2px rgba(240, 240, 240, 0.8);
		color: #645b51;
		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;
		padding-bottom: 12px;
	}
}



: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 {
	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;
}

.mdb_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' !important;
		font-weight: normal;
		font-size: 120px;
		text-align: center;
		text-shadow: -2px -2px rgba(240, 240, 240, 0.8);
		color: #645b51;
	}

	.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: relative;
		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-weight: bold;
	width: 50%;
	min-width: 250px;
	text-align: center;
	text-shadow: 1px 1px black;
	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 (max-width: 414px) {

	.menuhaut {
		width: 200px;
		text-align: left;
		display: none;
		position: fixed;
		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: sticky;
		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;
	position: sticky;
}


.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 image file not found - using relative path if file exists */
	/* background: url(site/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' !important;
	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';
}

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

.accueil_photo {
	position: relative;
	/* Background image file not found - disabled to prevent large empty space */
	/* background-image: url(site/img/photo_acceuil_masdesbressades.jpg); */
	background-position: center center;
	/* Reduced height from 100vh to auto with min-height for better spacing */
	/* Using !important to ensure this rule is not overridden by cached CSS */
	min-height: 200px !important;
	height: auto !important;
	max-height: 300px !important;
	padding: 20px 0 !important;
	/* Ensure no large empty space - height is determined by content */
	overflow: visible !important;
	/* Force height to be determined by content, not viewport */
	box-sizing: border-box !important;

}

/* Ensure titre inside accueil_photo doesn't create extra space */
.accueil_photo .titre {
	position: relative !important;
	top: auto !important;
	transform: none !important;
	margin: 0 auto !important;
}

.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;
	font-family: 'Lato Italic';
	/* text-decoration: ; */
	font-size: 20px;
}

.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%);
}

/************ 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_3-2 {
	grid-row: span 3;
	grid-column: span 2;
}

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

.grille_rustine {
	display: block;
}



@media screen and (max-width: 980px) {
	.grille {
		width: var(--main-largeur);
		max-width: 980px;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr !important;
		grid-gap: 6px;
		font-size: small;
	}

	.grille_rustine {
		display: none;
	}

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

	.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: span 2;
		grid-column: span 2;
	}

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

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

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

	.grille_c-span-4 {
		grid-column: 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%;
		max-height: 80vw;
	}

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

	.grille_2-3 {
		grid-column: 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;
	}

	.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: auto auto auto auto ; */
		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_degustation_img {
	/* width: calc(100% - 20px); */
	width: 60%;
	/* height: 100%; */
	/* max-height:600px; */
	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-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 file not found - disabled */
	/* background-image: url(site/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 file not found - disabled */
	/* background-image: url(site/img/nouvelles.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.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;
}

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

}

@media screen and (max-width: 980px) {
	.article_corp {
		background-color: rgba(220, 220, 220, 0.4);
		/* 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;

	}
}

@media screen and (max-width: 414px) {
	.article_corp {
		background-color: rgba(220, 220, 220, 0.4);
		/* 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.2);
}

.domaine {
	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;
}

.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 file not found - disabled */
	/* background-image: url(site/img/nouvelles.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.2);
	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 {
	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 img,
.domaine div img {
	box-shadow: 0px 0px 14px rgb(80, 80, 80);
	margin-top: auto;
	margin-bottom: auto;
	position: relative;
	top: 50%;
	left: 0%;
	transform: translate(0, -50%);
}

.domaine picture,
.domaine div picture {
	width: calc(calc(var(--conteneur-largeur) * 1) - 32px);
	height: auto;
	vertical-align: middle;
	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.2);
		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.4);
	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));
	filter: drop-shadow(0px 10px 10px #111);

}

.gamme_photo_tout {
	position: absolute;
	top: 0px;
	height: 0px;
	/* max-width: 80%; */
	width: 100vw;
	width: var(--main-vin-largeur);
	/* filter: drop-shadow(5px 5px 5px #111); */
}

.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.50);
	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: absolute;
		z-index: -1000;
		max-width: 98vw;
		max-height: 60vh;
		height: auto;
		top: 20vh;
		left: 50vw;
		transform: translate(-50%, 0%);

		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: -1;
	--gamme_hfond: calc(var(--main-vin-largeur) * 0.684);
	--gamme_hbtl: calc(var(--gamme_hfond) * 64/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 - calc(var(--gamme_hfond) *0.32/2) + var(--menu-hauteur));
	top: var(--gamme_marge);
	/* left: calc( 0.2 * var(--main-vin-largeur) + (100vw - var(--main-vin-largeur)) / 2 ); */
	left: calc(0.75 * var(--main-vin-largeur));
	filter: drop-shadow(0px 10px 10px #111);
}


@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 image file not found - disabled */
		/* background: url(site/img/degustation-02.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 image file not found - disabled */
		/* background: url(site/img/degustation-02.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: 60vh;
		border-radius: 5px;
		text-align: justify;
	}

	.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 (max-width: 980px) {
	.vins_masque_haut {
		display: none;
	}

}

@media screen and (min-width: 981px) {
	.vins_masque_haut {
		height: var(--menu-hauteur);
		width: 100%;
	}
}

@media screen and (min-width: 1281px) {
	.vins_masque_haut {
		display: none;
	}
}


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

	.main_vins {
		position: relative;
		/* top: 20px; */
		vertical-align: middle;

		display: block;
		/* left: calc(calc(100% - var(--degustation-largeur)) / 2); */
		height: calc(100% - var(--menu-hauteur));
		min-height: var(--main-min-hauteur);
		width: var(--main-vin-largeur);
		margin-left: auto;
		margin-right: auto;
		/* Background image file not found - disabled */
		/* background: url(site/img/degustation-02.jpg); */
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: top;
		overflow: hidden;
	}

	.main_vin_background {
		display: none;

	}

	.main_vin_background img {
		display: none;
	}

	.vin_corp {
		background-color: rgba(220, 220, 220, 0.2);
		/* font-family: 'Courgette'; */
		font-weight: normal;
		font-size: 20px;
		width: 90%;
		margin-left: 15.5%;
		overflow-y: scroll;
		max-height: var(--vin-corp-height);
		border-radius: 5px;
	}
}

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

	z-index: 3;
}

/*
.main_vins  * {
	border: solid 1px green;
}
*/

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



.vin_photo {
	/* border: solid 2px red; */
	/* position:relative;
	top:0px;
	left:0px; */
}



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


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

	.vin_corp {
		background-color: rgba(220, 220, 220, 0.2);
		/* font-family: 'Courgette'; */
		font-weight: normal;
		font-size: 18px;
		width: 70%;
		max-width: 70%;
		margin-left: 15.5%;
		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;

	}

}


/**************************
		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: #645b51;
	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: #645b51;
		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: 90vw;
	height: var(--galerie_hauteur);
	/* left: calc(calc(100% - 900px) / 2); */
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}


.image {
	display: none;
	width: 90vw;
	text-align: center;
	/* position: absolute; */
	/* top: 0px;
	 */
	margin-top: auto;
	margin-bottom: auto;
	height: 100%;
	/* height: calc(calc(100vh - calc(var(--menu-hauteur) + var(--footer-hauteur))) - 18px); */
	z-index: 1;

}

.image img {
	width: auto;
	max-width: var(--main-largeur);
	max-height: var(--galerie_hauteur);
	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: calc(100vh - var(--menu-hauteur) - var(--footer-hauteur) - 16px);
	}

	.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;
	}

}


/* 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;
}