/*
Fichier compilé de toutes le feuilles de style du thème
node.js is down : use https://jsonformatter.org/scss-to-css
*/

p.hasAlt {
	position: fixed;
	left: 0; bottom: 0;
	z-index: 100000;
	color: whitesmoke;
	background-color: black;
	max-width: 100%;
	margin: 0;
	padding: 15px;
	font-weight: 400;
	font-size: 16px;
	text-align: right;
}
body.ac p.hasAlt a {
	color: white !important;
}

/*
1 - nd-couleurs.css
 */

 :root {
	 --rouge: #2b0000;
	 --texte-clair: #000;
	 --texte-fonce: #f9fadd;
	 --bio: #92b715;
	/* Reprise des couleurs de l'admin WP */
	 --primaryColor: #2b0000;
	 --secondaryColor: #b9d6a7;
	 --backgroundColor: #e6ebe9;
	 --heroTextColor: #e6ebe9;
	/* Générique arbitraire */
	 --gamay: #251704;
	 --chardonnay: #f9fadd;
	/* Couleurs des étiquettes des bouteilles */
	/* 2 Décembre : --*-bright = Luminosité + 50 */
	/* 2 Décembre : --*-black = Produit + 20 */
	/* Bulles de Gamay */
	 --rose-bulles-gamay: #c47686;
	 --rose-bulles-gamay-bright: #f8cbda;
	 --rose-bulles-gamay-black: #b9808e;
	 --rose-bulles-gamay-accent: #2e323a;
	 --rose-bulles-gamay-gradient: linear-gradient(45deg, var(--rose-bulles-gamay) 0%, #f782a5 100%);
	/* Mâcon Verzé rouge : couleur du milieu du dégradé */
	 --macon-verze-rouge: #943c3a;
	 --macon-verze-rouge-bright: #ce9595;
	 --macon-verze-rouge-dark: #7d2222;
	 --macon-verze-rouge-accent: #2e323a;
	 --macon-verze-rouge-gradient: linear-gradient(45deg, #6d2c2a 0%, #9c2a2a 50%, #742825 100%);
	/* Mâcon Verzé blanc : couleur du milieu du dégradé */
	 /*
	 e1cb92 e3d1a3 d2ad52
	  */
	 --macon-verze-blanc: #d2ad52;
	 --macon-verze-blanc-bright: #e6d9bb;
	 --macon-verze-blanc-dark: #d2ad52;
	 --macon-verze-blanc-night: #66532f;
	 --macon-verze-blanc-accent: #2e323a;
	 --macon-verze-blanc-gradient: linear-gradient(45deg, rgba(204, 166, 92, 1) 0%, rgba(250, 222, 123, 1) 50%, rgba(244, 192, 112, 1) 100%);
	 --macon-verze-blanc-gradient-invert: linear-gradient(235deg, rgba(204, 166, 92, 1) 0%, rgba(250, 222, 123, 1) 50%, rgba(244, 192, 112, 1) 100%);
	/* Le bienheureux : couleur du milieu du dégradé */
	 --le-bienheureux: #a88e7f;
	 --le-bienheureux-bright: #decdb9;
	 --le-bienheureux-dark: #928271;
	 --le-bienheureux-night: #54473f;
	 --le-bienheureux-accent: #2a6420;
	 --le-bienheureux-gradient: linear-gradient(45deg, rgba(165, 139, 123, 1) 0%, rgba(201, 184, 157, 1) 100%);
	/* La Boisserole : couleur du milieu du dégradé */
	 --la-boisserole: #969e98;
	 --la-boisserole-bright: #d6dad6;
	 --la-boisserole-dark: #8a8e8a;
	 --la-boisserole-night: #565856;
	 --la-boisserole-accent: #1f4d2e;
	 --la-boisserole-gradient: linear-gradient(45deg, rgba(172, 177, 172, 1) 0%, rgba(172, 177, 172, 1) 100%);
	 --macon-verze: #fade7b;
	 --macon-verze-txt: #2e323a;
	 --macon-verze-le-bienheureux: #f9fadd;
	 --macon-verze-le-bienheureux-txt: #9ba377;
	 --saint-veran-la-boisserolle: #d0d2d1;
	 --saint-veran-la-boisserolle-txt: #6b7b85;
	 --saint-veran-la-boisserolle-accent: #1f4d2e;
	/* Vert etiquette Le Bienheureux */
	 --vert: #9ba377;
	/* —> Super ! */
	/* Dégradés */
	 --white-gradient: linear-gradient(45deg, whitesmoke 0%, whitesmoke 100%);

	 /* Couleurs des controles  */
	 /* Toutes ces couleurs sont tirées de Bien Heureux, couleurs préférés du client */
	 --btn: #a88e7f;
	 --btn-visited: #a88e7f;
	 --btn-hover: #54473f;
	 --btn-focus: #a88e7f;
	 --btn-active: #decdb9;
	 --btn-text: whitesmoke;
	 --btn-hover-text: #fff;
 }
 body * {
	 accent-color: #f9fadd !important;
}

/* Override parent theme colors */
#content-section article p :where(a:not(.btn):not(.wp-block-button__link)), #content-section article li :where(a:not(.btn):not(.wp-block-button__link)) {
	text-decoration: underline;
	text-decoration-style: solid;
}
/* Liens */
 a:not(.btn):not(.wp-block-button__link) {
	 /* color: var(--rouge); */
}
 a:not(.btn):not(.wp-block-button__link):visited {
	 /* color: inherit !important; */
}
/* Retro compatibilité de WP */

.wp-block-buttons > .wp-block-button +.wp-block-button {
   margin: 0 0 0 15px;
}
@media screen and (max-width: 991px){
	.wp-block-buttons {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.wp-block-buttons > .wp-block-button +.wp-block-button {
		margin: 0 0 0 0;
	}
}

/* Couleur des boutons */
/* Typo des boutons */
.btn.btn-light, .btn.btn-brand, .wp-block-query.while-cuvees-gutenberg h2 a::after {
	font-size: 14px;
}
.wp-block-button a.wp-block-button__link,
a.btn,
a.wp-block-read-more,
.btn.btn-light, .btn.btn-light:visited,
.btn.btn-brand, .btn.btn-brand:visited,
#searchsubmit {
	background-color: var(--btn);
	color: var(--btn-text);

	font-weight: 400;
	padding: 10px 15px;
	min-width: 150px;
	border-radius: 0.2rem !important;
}
.wp-block-button a.wp-block-button__link:visited,
a.btn:visited,
a.wp-block-read-more:visited,
 .btn.btn-brand:visited,
#searchsubmit:visited {
	background-color: var(--btn);
	color: var(--btn-text);
}
.wp-block-button a.wp-block-button__link:hover,
a.btn:hover,
a.wp-block-read-more:hover
.btn.btn-brand:hover, .btn.btn-brand:focus, .btn.btn-brand:visited:hover,
#searchsubmit:hover {
	background-color: var(--btn-hover);
	color: var(--btn-hover-text);
}
.wp-block-button a.wp-block-button__link:active,
a.btn:active,
a.wp-block-read-more:active,
.btn.btn-brand:active, .btn.btn-brand.active, .btn.btn-brand:visited:active, .btn.btn-brand:visited.active,
#searchsubmit:active {
	background-color: var(--btn-active);
	color: var(--btn-hover-text);
	transform: scale(.98);
	transform-origin: 50% 50%;
}
.wp-block-button a.wp-block-button__link:focus,
a.btn:focus,
a.wp-block-read-more:focus,
 .btn.btn-brand:focus,
 .btn.btn-brand:visited:focus {
	 box-shadow: 0 0 0 0.2rem var(--vert);
}
/*
Liens text ≠ btn
 */
a:not(.btn):not(.wp-block-button__link) {
	color: var(--btn-hover)
}
a:not(.btn):not(.wp-block-button__link):visited {
	color: var(--btn-hover)
}
a:not(.btn):not(.wp-block-button__link):hover {
	color: var(--btn-hover)
}
a:not(.btn):not(.wp-block-button__link):active {
	color: var(--btn-hover)
}
a:not(.btn):not(.wp-block-button__link):focus {
	color: var(--btn-hover)
}



/* Header & Hero */
 body.nebula {
	 background-color: var(--le-bienheureux-bright);
	 background-image: var(--white-gradient);
}
 #bigheadingcon .custom-color-overlay {
	 background: none !important;
}
 section#content-section, main#content-section {
	 background-color: whitesmoke;
}



 /*
 2 - nd-typo.css
  */

/* Police Adobe pour Nicolas Delfaud */
 :root {
	 --typo-redactionel: "halcom", sans-serif;
	 --typo-domaine: "trajan-pro-3", sans-serif;
	 --typo-blockquote: "Nothing You Could Do", cursive;
}
/* Police des titres */
 .typo-trajan, h1, h2, h3, .trajan-light, .trajan-regular, .trajan-semibold, .trajan-bold {
	 font-family: var(--typo-domaine);
	 font-style: normal;
	/* font-weight disponible en 300, 400, 600 ou 700 */
}
 .trajan-light {
	 font-weight: 300;
}
 h1, #hero-section #hero-content h1, .trajan-regular {
	 font-weight: 400;
}
 #hero-section #hero-content h2, .trajan-semibold {
	 font-weight: 600;
}
 .trajan-bold {
	 font-weight: 700;
}
/* Police des redactionels */
 .typo-halcom, body, p.NeulisNeue, .btn.btn-brand, .btn.btn-light, .wp-block-query.while-cuvees-gutenberg h2 a::after {
	 font-family: var(--typo-redactionel);
	 font-weight: 200;
	/* Disponible en 400 ou 700 */
	 font-style: normal;
	/* Disponible en normal ou italic */
}
 .typoNeulisNeue, body, p, .btn.btn-brand, .btn.btn-light, .wp-block-query.while-cuvees-gutenberg h2 a::after {
	 font-family: var(--typo-redactionel);
	 font-weight: 200;
	/* Disponible en 200, 400 ou 700 */
	 font-style: normal;
	/* Disponible en normal ou italic */
}
/* Grand titre de page + H1 dans les .block-cover de WP Gutenberg */
 .wp-block-cover h1, .couverture h1 {
	 position: relative;
	 display: block;
	 min-height: 8px;
	/* Valeur de chevauchement */
	 width: min-content;
	 min-width: 60vw;
	 max-width: fit-content;
	 margin-left: auto;
	 margin-right: auto;
	 margin-bottom: 100px;
	/*background-color: rgba(231, 76, 60, 0.52);
	*/
}
 .wp-block-cover h1 em, .couverture h1 em {
	 font-size: 60px;
	 line-height: 50px;
	 min-height: 3.3rem;
	/* ToDo : on pourrait voir pour faire un font.size:relative */
	 color: var(--vin-blanc-1);
	 font-style: normal;
	 opacity: 0.4;
	/*border: 1px solid greenyellow;
	*/
	 position: absolute;
	 bottom: 0;
	 left: -5px;
	/*right: -20vw;
	*/
	 width: 85vw;
	 overflow: hidden;
	 transition: opacity 0.3s;
}
 .wp-block-cover:hover h1 em {
	 opacity: 0.8;
}
 .wp-block-cover h1 strong, .couverture h1 span {
	 font-size: 26px;
	 line-height: 26px;
	 font-weight: 400;
	 opacity: 1;
	 display: block;
	 color: white;
	 position: absolute;
	 top: 0;
	 width: 100%;
	/*background-color: rgba(0, 161, 255, 0.53);
	*/
}
 @media screen and (min-width: 500px) {
	 .wp-block-cover h1, .couverture h1 {
		 min-height: 8px;
		/* Valeur de chevauchement */
	}
	 .wp-block-cover h1 em, .couverture h1 em {
		 font-size: 100px;
		 line-height: 80px;
		 left: -12px;
		 overflow: visible;
	}
	 .wp-block-cover h1 strong, .couverture h1 span {
		 top: calc(100% - 26px);
		 bottom: auto;
	}
}
 @media screen and (min-width: 768px) {
	 .wp-block-cover h1 em, .couverture h1 em {
		 right: 0;
	}
}
 @media screen and (min-width: 992px) {
	 .wp-block-cover h1 em, .couverture h1 em {
		 overflow: visible;
	}
}
.entry-content h1 {
	color: var(--le-bienheureux-bright);
	font-size: 5rem;
	letter-spacing: -1px;
	line-height: .8;
	transform: translateX(-10px);

	/* Pour la page d'accueil : nickel */
	margin-bottom: 5px;

	margin-left: 5%;
}
.entry-content h1 sub {
	bottom: 0;
	font-size:60%;
	margin-left: -3%;
	margin-right: -3%;
}
.entry-content h1 em {
	font-style: normal;
	font-size: 30%;
	display: block;
	line-height: 0;
	transform: translateX(10px) translateY(-5px);
	color: var(--foret-produit);
}
@media screen and (min-width: 500px) {
	.entry-content h1 { font-size: 5rem; }
}
@media screen and (min-width: 768px) {
	.entry-content h1 { font-size: 5rem; }
}
@media screen and (min-width: 992px) {
	.entry-content h1 { font-size: 5rem; margin-left: 0%;}
}
@media screen and (min-width: 1200px) {
	.entry-content h1 { font-size: 5rem; }

}
 h2 {
	 word-break : keep-all;
 }
 h2.wp-block-post-title {
	 word-break: keep-all;
 }
 h2 em {
	 display: block;
	 position: relative;
	 z-index: -1;
	 font-family: var(--typo-blockquote);
	 font-size: 200%;
	 line-height: 0;
	 color: var(--le-bienheureux-dark);
	 opacity: 0.5;
	 transform: translateX(-15px);
}
 h3.titre_decoratif {
	/*Créer des coupures avec titre au but plutôt décoratif*/
	 font-family: neulis-neue-hairline, sans-serif;
	 font-weight: 100;
	 font-style: normal;
	 color: var(--macon-verze-le-bienheureux-txt);
	 font-size: 2rem;
	 margin-bottom: -1rem;
}
 @media screen and (min-width: 992px) {
	 h3.titre_decoratif {
		 line-height: 0.9;
		 font-size: 5rem;
	}
}
.entry-content h4 {
	font-family: var(--typo-domaine);
	position: relative;
}
.entry-content h4::before {
    content: '-';
    position: absolute;
    right: calc(100% - 20px);
    top: calc(100% - 5px);
    font-family: var(--typo-blockquote);
    color: var(--le-bienheureux-dark);
    opacity: 0.5;
    font-size: 50px;
    transform: scale(2, 1);
    z-index: -1;
}
/* Les icones */
 [class^="icon-"] span, [class*=" icon-"] span {
	 display: none;
}
 .icon-mail-envelope::before {
	 font-size: 44px;
	 line-height: 0.5;
}
 .icon-cc-paypal::before {
	 font-size: 28px;
}
 .icon-credit-card::before {
	 font-size: 28px;
}
/* 2 - nd-typo.css */
/* Police Adobe pour Nicolas Delfaud */
 :root {
	 --typo-redactionel: "neulis-neue", sans-serif;
	 --typo-redactionel: "halcom", sans-serif;
	 --typo-domaine: "trajan-pro-3", sans-serif;
	 --typo-blockquote: "Nothing You Could Do", cursive;
}
/* Police des titres */
 .typo-trajan, h1, h2, h3, .trajan-light, .trajan-regular, .trajan-semibold, .trajan-bold {
	 font-family: var(--typo-domaine);
	 font-style: normal;
	/* font-weight disponible en 300, 400, 600 ou 700 */
}
 .trajan-light {
	 font-weight: 300;
}
 h1, #hero-section #hero-content h1, .trajan-regular {
	 font-weight: 400;
}
 #hero-section #hero-content h2, .trajan-semibold {
	 font-weight: 600;
}
 .trajan-bold {
	 font-weight: 700;
}
/* Police des redactionels */
 .typo-halcom, body, p.NeulisNeue, .btn.btn-brand, .btn.btn-light, .wp-block-query.while-cuvees-gutenberg h2 a::after {
	 font-family: var(--typo-redactionel);
	 font-weight: 200;
	/* Disponible en 400 ou 700 */
	 font-style: normal;
	/* Disponible en normal ou italic */
}
 .typoNeulisNeue, body, p, .btn.btn-brand, .btn.btn-light, .wp-block-query.while-cuvees-gutenberg h2 a::after {
	 font-family: var(--typo-redactionel);
	 font-weight: 200;
	/* Disponible en 200, 400 ou 700 */
	 font-style: normal;
	/* Disponible en normal ou italic */
}
/* Grand titre de page + H1 dans les .block-cover de WP Gutenberg */
 .wp-block-cover h1,
 .couverture h1 {
	 position: relative;
	 display: block;
	 min-height: 8px;
	/* Valeur de chevauchement */
	 width: min-content;
	 min-width: 60vw;
	 max-width: fit-content;
	 margin-left: auto;
	 margin-right: auto;
	 margin-bottom: 100px;
}
 .wp-block-cover h1 em,
 .couverture h1 em {
	 font-size: 50px;
	 letter-spacing: -2px;
	 line-height: 40px;
	 min-height: 2.3rem;
	/* ToDo : on pourrait voir pour faire un font.size:relative */
	 color: var(--vin-blanc-1);
	 font-style: normal;
	 opacity: 0.4;
	 position: absolute;
	 bottom: 0;
	 left: -5px;
	 width: 80vw;
	 transition: opacity 0.3s;
}
 .wp-block-cover:hover h1 em {
	 opacity: 0.8;
}
 .wp-block-cover h1 strong,
 .couverture h1 span {
	 font-size: 26px;
	 line-height: 26px;
	 font-weight: 400;
	 opacity: 1;
	 display: block;
	 color: white;
	 position: absolute;
	 top: -5px;
	 width: 100%;
}
 @media screen and (min-width: 500px) {
	 .wp-block-cover h1, .couverture h1 {
		 min-height: 8px;
		/* Valeur de chevauchement */
	}
	 .wp-block-cover h1 em, .couverture h1 em {
		 font-size: 60px;
		 line-height: 50px;
	 }
	 .wp-block-cover h1 strong, .couverture h1 span {
		 top: calc(100% - 26px);
		 bottom: auto;
	}
}
 @media screen and (min-width: 768px) {

 }
 @media screen and (min-width: 992px) {
	 .wp-block-cover h1 em,
	 .couverture h1 em {
		 letter-spacing: -2px;
		 min-height: 3.3rem;

		 font-size: 100px;
		 line-height: 80px;
		 left: -12px;
	 }
	 .wp-block-cover h1 strong,
	 .couverture h1 span {
		 top: 0;

	 }

 }

 h2 em {
	 display: block;
	 position: relative;
	 z-index: -1;
	 font-family: var(--typo-blockquote);
	 font-size: 200%;
	 line-height: 0;
	 color: var(--le-bienheureux-dark);
	 opacity: 0.5;
	 transform: translateX(-15px);
}
 h3.titre_decoratif {
	/*Créer des coupures avec titre au but plutôt décoratif*/
	 font-family: neulis-neue-hairline, sans-serif;
	 font-weight: 100;
	 font-style: normal;
	 color: var(--macon-verze-le-bienheureux-txt);
	 font-size: 2rem;
	 margin-bottom: -1rem;
}
 @media screen and (min-width: 992px) {
	 h3.titre_decoratif {
		 line-height: 0.9;
		 font-size: 5rem;
	}
}
/* Les icones */
 [class^="icon-"] span, [class*=" icon-"] span {
	 display: none;
}
 .icon-mail-envelope::before {
	 font-size: 44px;
	 line-height: 0.5;
}
 .icon-cc-paypal::before {
	 font-size: 28px;
}
 .icon-credit-card::before {
	 font-size: 28px;
}



/*
3 - nicolas-delfaud.css @import nd-logo.css
 */
h1.logotypo {
	 font-family: "trajan-pro-3", sans-serif;
	 font-weight: normal;
	 font-size: 3.5rem;
	 line-height: 3rem;
	 position: relative;
	/*width: 100vw;
	*/
	 text-align: center;
	 margin-top: 0;
	 margin-bottom: 0;
	 opacity: 1;
	 transition: opacity 0.3s;
	/* Pour l'animation du menu */
}
 h1.logotypo a {
	 display: block;
}
 h1.logotypo > small, h1.logotypo a > small {
	 display: block;
	 font-size: 0.8rem;
	 line-height: 2rem;
}
 header.jsForMenu h1.logotypo {
	 opacity: 0.3;
	/* Pour l'animation du menu */
}
 @media screen and (max-width: 991px) {
	 h1.logotypo {
		 text-shadow: var(--header-text-shadow);
		 font-size: 2.3rem;
		 line-height: 2rem;
		 letter-spacing: -2px;
	}
	 h1.logotypo small {
		 letter-spacing: 0;
	 }
 }
 /*
 4 - nicolas-delfaud.css @import "nd-layout.css";
*/
/* Reset */
 .container > .row > .col {
	 padding-left: 0;
	 padding-right: 0;
}
@media screen and (max-width: 767px) {
	 .entry-content > h2.wp-block-heading,
	 .entry-content > ul,
	 .entry-content > p,
	 .entry-content p{
		 padding-right: 5%;
		 padding-left: 5%;
	}
}
 @media (min-width: 576px) {
	 .container, .container-sm {
		 max-width: 100%;
		 padding: 0;
	}
}
 @media (min-width: 768px) {
	 .container, .container-md, .container-sm {
		 max-width: 100%;
		 padding: 0;
	}
	 p {
		 padding-left: 0;
		 padding-right: 0;
	}
}
 main#content-section {
	 margin-bottom: 0;
}
/* Template Colonne centrale */
 main#top {
	 max-width: 100%;
	 padding: 0;
}
 @media (min-width: 992px) {
	 main#content-section {
		 margin-top: 0;
	}
	 main > .container, main#top {
		 max-width: 100%;
		 padding: 0;
	}
	 .entry-content > *, .loop-section, .page-template-col-centrale .entry-content > *, .page-template-default .entry-content > * {
		 max-width: 60vw;
		 margin-left: auto;
		 margin-right: auto;
	}
}
 .entry-content > *.blocFullWidth,
 .page-template-col-centrale .entry-content > .groupe-home-equipe {
	 max-width: 100vw;
	 width: 100%;
	 background-color: var(--macon-verze-le-bienheureux-txt);
	 text-align: center;
}

 .entry-content > *.groupe-home-histoire {
	/* Class pour gutenberg */
	 max-width: 100vw;
	 width: 100%;
	 padding: 50px 20vw;
	 background-color: #1b0704;
}
 .groupe-home-histoire * {
	 color: var(--texte-fonce);
	 text-shadow: none;
}
.groupe-home-histoire figure {
	margin-right: 15px;
}

 @media screen and (max-width: 767px) {
	 .groupe-home-histoire h2 {
		 margin-top: 0;
	 }
}

 .wp-block-cover.jsMagicMasque {
	 position: relative;
}
 .wp-block-cover.jsMagicMasque h2 {
	 position: relative;
	 z-index: 1;
	 transform: translateY(0px);
}
 .wp-block-cover.jsMagicMasque p, .wp-block-cover.jsMagicMasque .wp-block-button {
	 position: relative;
	 z-index: 3;
}
 .wp-block-cover.jsMagicMasque img[src$=".jpg"] {
	 z-index: 1;
}
 .wp-block-cover.jsMagicMasque img[src$=".png"] {
	/* Le masque PNG est injecté par JS dans main.js */
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 z-index: 2;
}
 blockquote.wp-block-quote {
	 border-left: none;
	 margin: 50px auto;
}
 blockquote.wp-block-quote p {
	 text-align: center;
	 font-family: var(--typo-blockquote);
	 font-size: 22px;
}
 blockquote.wp-block-quote p strong {
	 display: block;
	 font-size: 30px;
}


/*
 5 - nicolas-delfaud.css @import "nd-footer.css";
*/
section#bigheadingcon, main#content-section, section#content-section, footer#footer-section {
	 position: relative;
	 background-color: whitesmoke;
	 display: block;
	 z-index: 1;
	 margin-top: 0;
	 margin-bottom: 0;
}
 footer#footer-section {
	 background-image: none;
	 padding: 0;
	 margin-bottom: 100vh;
}
 #magicFooter {
	 position: fixed;
	 z-index: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
}
 .magicFooterContent {
	 z-index: 50;
	 position: relative;
	 min-height: 100vh;
	 display: flex;
	 flex-direction: column;
	 justify-content: flex-end;
	 align-items: center;
	 flex-wrap: nowrap;
}
 .magicFooterContent h1.logotypo {
	 min-height: 50vh;
	 display: grid;
	 align-items: center;
	 align-content: center;
	 justify-content: center;
}
 .couvertureFooter {
	 background-image: url('/wp-content/themes/Nebula-Child/assets/img/AAA_4790-cropped.jpg');
	 background-position: center bottom;
	 background-repeat: no-repeat;
	 background-size: cover;
	 display: block;
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
}
 .filtreEffet.filtreFooter {
	 position: absolute;
	 display: block;
	 bottom: 0;
	 left: 0;
	 right: 0;
	/*width: 100%;
	*/
	 height: 100%;
	 overflow: hidden;
}
 .couvertureFooter {
	 z-index: 0;
}
 .filtreEffet.filtreFooter.flou {
	 z-index: 1;
}
 .filtreEffet.filtreFooter.vinBlanc {
	 z-index: 2;
}
 .filtreEffet.filtreFooter.cep {
	 z-index: 3;
}
 .filtreEffet.filtreFooter.cep {
	 mix-blend-mode: screen;
	 opacity: 1;
}
 .filtreEffet.filtreFooter svg.cepLogo {
	 bottom: 0;
	 top: auto;
	 left: 50%;
	 height: 90%;
	 transform: translateY(0%) translateX(-50%);
}
body:not(.home) .filtreEffet.filtreHeader.cep svg.cepLogo {
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
}
/* Le Footer */
/* Les logos */
 .certifications {
	 position: relative;
	 z-index: 20;
	 max-width: 80%;
	 margin: auto;
	 display: flex;
	 justify-content: center;
	 flex-wrap: wrap;
	 background-color: whitesmoke;
}
 .certifications .certificationSlug {
	 width: 100%;
	 text-align: center;
	 padding: 0 10%;
	 transform: scale(0.8);
	 transform-origin: 50% 50px;
	 transition: transform 0.3s;
}
 .certifications .certificationSlug:hover {
	 transform: scale(1);
}
 .certifications .certificationSlug img {
	 border-radius: 50%;
	 width: 100px;
	 margin-bottom: 20px;
	 background-color: rgba(0, 0, 0, .3);
}
 .certifications .certificationSlug h4, .certifications .certificationSlug p {
	 font-size: 16px;
	 opacity: 0.8;
	 position: relative;
	 color: var(--foret-produit);
}
 .certifications .certificationSlug p {
	 font-size: 12px;
}
 @media screen and (min-width: 992px) {
	 .certifications {
		 padding: 5vh 0;
	 }
	 .certifications .certificationSlug {
		 width: 20%;
		 padding: 0 2%;
	}
}
/*
A la demande du client, le logo bio doit être plus visible.
Essayons un scrollToFixed FixedToScroll
 */
p#pushBio {
	display: block;
	position: fixed;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);

	z-index: 100;
	text-align: center;

	font-weight: 800;
	padding: 0 15px 15px 15px;
	margin: 0;

	transition: bottom 0.3s ,opacity 0.3s ;
	opacity: 0;
}
@media screen and (min-width: 992px) {
	p#pushBio {
		display: block;
		right: 0%;
		left: auto;
		transform: none;
	}
}
#pushBio.jsPushTheBio {
	opacity: .8;
}
p#pushBio strong {
	font-weight: 600;
	display: block;
	max-height: 0;
	opacity: 0;
	background-color: var(--bio);
	padding: 0px 8px;
	border-radius: 5px;

	transition: opacity 0.3s, max-height 0.3s, padding 0.3s;
}
#pushBio i {
	font-size: 50px;
	display: block;
	width: 100px;
	margin:auto;
	position: relative;
	margin-bottom: 30px;
}
#pushBio i::after {
	background-color: var(--vin-blanc-1);
	background-color: var(--le-bienheureux-bright);
	opacity: 1;
	backdrop-filter: blur(5px);
	display: block;
}
p#pushBio:hover {
	bottom: 0;
}
#pushBio:hover i::after {
	background-color: var(--bio);
}
#pushBio:hover i::before {
	color:whitesmoke;
}
#pushBio:hover strong {
	opacity: 1;
	max-height: 150px;
	padding: 3px 8px;
	transition: opacity 0.3s, max-height 0.3s, padding 0.3s;
}
/* Copyright + recherche */
 .copyright-con {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 flex-wrap: wrap;
	 flex-direction: column;
	 width: 100%;
}
 .copyright-con p, .copyright-con p a, #footer-section a:not(.btn):visited {
	 color: var(--texte-clair);
}
 form.nebula-search {
	 order: 1;
	 margin-bottom: 20px;
}
 form.nebula-search input.open {
	 padding: 10px 10px 10px 50px;
}
 form.nebula-search input.active {
	 border-color: var(--rouge);
	 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
 form.nebula-search input.active button.submit {
	 color: var(--rouge);
}
 p.copyright {
	 order: 2;
}
 #mentionAlcool {
	 text-align: center;
	 color: var(--foret-produit);
	 display: block;
}
 #mentionAlcool p {
	 font-weight: 400;
	 font-size: 14px;
	 padding-top: 10px;
	 padding-bottom: 10px;
	 padding-left: 0;
	 padding-right: 0;
	 margin: 0;
}
 #mentionAlcool p br {
	 display: none;
}
/* Le footer menu */
/* Reset + typo */
 .row.powerfootercon #powerfooter ul li.menu-item a {
	 font-weight: normal;
	 color: var(--rouge);
	 font-size: 0.9rem;
	 line-height: 1.2rem;
}
 .row.powerfootercon #powerfooter ul#menu-footer-menu {
	 justify-content: center;
}
 .row.powerfootercon #powerfooter ul#menu-footer-menu a {
	 position: relative;
	 padding: 30px;
}
 .row.powerfootercon #powerfooter ul#menu-footer-menu a small,
 .row.powerfootercon #powerfooter ul#menu-footer-menu a span {
	 display: block;
	 white-space: nowrap;
}
 .row.powerfootercon #powerfooter ul#menu-footer-menu a small.footerMenuAemail {
	 position: absolute;
	 top: calc(100% - 30px);
}
 /*
 Override Nebula pour toujours avoir le menu dans le footer
  */
#triggerPowerFootercon {
	display: none;
}
@media (max-width: 991px) {
	#triggerPowerFootercon {
		display: block;
		font-weight: 400;
		text-decoration: underline;
	}
	.row.powerfootercon {
		display: block;
		overflow: hidden;
		max-height: 0;
		height: auto;
		transition: max-height 0.6s;

		/* Reset */
		padding-top: 0;
    	margin-bottom: 0;
	}
	.row.powerfootercon.jsShowMobileFooterMenu {
		max-height: 200vh;
	}

	ul#menu-footer-menu {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	ul#menu-footer-menu li {
		min-width: 35%;
	}
	ul#menu-footer-menu li a { padding: 15px !important; font-weight: 800;}
	ul#menu-footer-menu li:nth-child(odd) {
		text-align: right;
	}
	ul#menu-footer-menu li:nth-child(1) { order: 3;}
	ul#menu-footer-menu li:nth-child(2) { order: 2;}
	ul#menu-footer-menu li:nth-child(3) { order: 1;}
	ul#menu-footer-menu li:nth-child(4) { order: 4;}
	.ac ul#menu-footer-menu li a span,
	.ac ul#menu-footer-menu li a small{ display: none; visibility: hidden; }
}
/* Quand on a scrollé tout en bas, le header est repoussé par JS et les coordonnées du footer la class .maximiseFooter est appliquée au body */
 .maximiseFooter #header-section h1 {
	 opacity: 0;
}
 .maximiseFooter #allNavs {
	 position: fixed;
	 top: 43px;
	 left: 50%;
}


/*
 6- nicolas-delfaud.css @import "nd-cuvees-cpt.css";
*/
/* Les cuvées */
/* SINGLE CUVÉE Le header reprend le graphisme de l'étiquette */
/* Modifications à reporter dans les fiches WP comme pour Bulles de Gamay : Ajout de l'image à la une juste avant les première icone Déplacement des titres H3 dans leur groupe - méthode plus naturelle, plus propre retirer un jeu de colonne qui devient vide dans vinification */
/* Un jeu de couleur par cuvée, géré avec un jeu de variables fait de variables */
 .single-cuvee.postid-63 {
	 --accent: var(--la-boisserole-accent);
	 --bright: var(--la-boisserole-bright);
	 --normal: var(--la-boisserole);
	 --dark: var(--la-boisserole-dark);
	 --gradient: var(--la-boisserole-gradient);
}
 .single-cuvee.postid-244 {
	 --accent: var(--le-bienheureux-accent);
	 --bright: var(--le-bienheureux-bright);
	 --normal: var(--le-bienheureux);
	 --dark: var(--le-bienheureux-dark);
	 --gradient: var(--le-bienheureux-gradient);
}
 .single-cuvee.postid-61 {
	 --accent: var(--macon-verze-blanc-accent);
	 --bright: var(--macon-verze-blanc-bright);
	 --normal: var(--macon-verze-blanc);
	 --dark: var(--macon-verze-blanc-dark);
	 --gradient: var(--macon-verze-blanc-gradient);
}
 .single-cuvee.postid-48 {
	 --accent: var(--macon-verze-rouge-accent);
	 --bright: var(--macon-verze-rouge-bright);
	 --normal: var(--macon-verze-rouge);
	 --dark: var(--macon-verze-rouge-dark);
	 --gradient: var(--macon-verze-rouge-gradient);
}
 .single-cuvee.postid-115 {
	 --accent: var(--rose-bulles-gamay-accent);
	 --bright: var(--rose-bulles-gamay-bright);
	 --normal: var(--rose-bulles-gamay);
	 --dark: var(--rose-bulles-gamay-black);
	 --gradient: var(--rose-bulles-gamay-gradient);
}
 .etiquette.couverture {
	 background-image: var(--gradient);
	 background-color: var(--normal);
}
 .etiquette.couverture h1 {
	 color: var(--accent);
}
.ficheTechniqueContainer {
	 background-color: var(--bright);
}
 .ficheTechniqueContainer h3 {
	 color: whitesmoke;
}
 .ficheTechniqueContainer h4 {
	 color: var(--normal);
}
 .ficheTechniqueContainer i {
	 color: var(--normal);
}
 .vinification {
	 background-color: var(--normal);
	 color: var(--bright);
}
 .vinification h3, .vinification .vinification-duree {
	 color: var(--bright);
}
 .vinification ul.timeline::before {
	 background-color: var(--bright);
}
 .vinification li::before {
	 border-left: 1px solid var(--bright);
}
 .vinification li::after {
	 background-color: var(--bright);
	 border: 2px solid var(--normal);
}
 .cuveeFooter {
	 /* background-color: var(--bright); */
}
 .single-cuvee.ac a.wp-block-button__link.wp-element-button {
	 background-color: var(--normal);
	 color: var(--bright);
	 position: relative;
	 z-index: 2;
	/* Évitons que le magnum ne passe devant les boutons */
}
/* Les META de la cuvée dans le header */
 .couverture .entry-meta {
	 position: absolute;
	 bottom: 0;
}
 .couverture .entry-meta span, .couverture .entry-meta i, .couverture .entry-meta time, .couverture .entry-meta a, .couverture .entry-meta i::before {
	 color: whitesmoke;
	 font-style: normal;
	 font-weight: 400;
	 opacity: 1;
}
 @media screen and (max-width: 991px) {
	 .couverture .entry-meta {
		 display: none;
	}
}
/* Redéfinir les icones à la volée */
 .wp-block-post-terms__prefix,
 .post-tags i, .post-categories i, .post-date i {
	color: var(--foret-produit);
	margin-right: 10px;
	/* Pour faire figurer l'icone dans Gutenberg, on peut mettre soit un espace, soit un mot en italic */
}
 .wp-block-post-terms__prefix em, .post-tags i em, .post-categories i em, .post-date i em {
	 display: none;
}
 .wp-block-post-terms__prefix {
	/* Pour générer cet élément, on utilise la fonction prefixe qu'on trouve dans l'éditeur Gutenberg de WP dans le bloc boucle de requête */
	 color: whitesmoke;
	 display: inline-block;
	 width: 20px;
	 text-align: center;
}
 .wp-block-post-terms__prefix::before {
	 /* color: var(--foret-produit); */
}
 .post-date i::before {
	/* Calendrier */
	 font-family: 'icomoon' !important;
	 content: '\e902';
	 font-size: 20px;
}
 .taxonomy-post_tag .wp-block-post-terms__prefix::before, .post-categories i::before {
	 font-family: 'icomoon' !important;
	/* Grappe de raisin */
	 content: '\e97f';
	 font-size: 40px;
	 display: block;
	 position: relative;
	 transform: translateY(5px);
}
 .ac .post-tags {
	 font-style: normal;
	 font-weight: 200;
}
 .taxonomy-category .wp-block-post-terms__prefix::before, .post-tags i::before {
	 font-family: 'icomoon' !important;
	/* Verre de vin ou bouteille */
	 content: '\e906';
	 content: '\e907';
	 font-size: 30px;
	 display: block;
	 position: relative;
	 transform: translateY(10px);
}
 .bouteilleEtDescription {
	 max-width: 100vw;
	 margin-bottom: 0;
	/* La bouteille centrée sera toujours alignée verticalement avec le logo du header */
}
 @media screen and (min-width: 992px) {
	 .bouteilleEtDescription > .wp-block-column + .wp-block-column {
		 padding-top: 100px;
	}
	 .wp-block-column + .wp-block-column > * {
		 max-width: 30vw;
		 margin-left: 0;
		 margin-right: auto;
	}
}
/* L'affichage dynamique des prix avec acf view */
 .acf-view.acf-view--id--535 {
	 margin-top: 50px;
}
/* Les images de fiches vin */
 .wp-block-column:has( .bouteille75cl) {
	 position: relative;
	 display: block;
}
 .bouteille75cl {
	 display: none;
	/* Pas sur mobile */
}
 .bouteille75cl img {
	 width: auto;
	 max-height: 95vh;
}
 .bouteille75cl figcaption {
	 text-align: center;
	 padding-top: 20px;
}
 @media screen and (max-width: 991px) {
	/* La bouteille post_thumbnail reservée au mobiles */
	 .wp-block-column:has( .bouteille75cl) + .wp-block-column figure.wp-block-post-featured-image {
		 min-height: 100vh;
		 width: 50%;
		 display: block;
		 position: relative;
		 float: left;
	}
	 .wp-block-column:has( .bouteille75cl) + .wp-block-column figure.wp-block-post-featured-image img {
		 display: block;
		 position: sticky !important;
		 top: 0 !important;
		 max-height: 95vh;
	}
	 .wp-block-column:has( .bouteille75cl) + .wp-block-column figure.wp-block-post-featured-image + .ficheTechnique {
		 width: 50%;
		 padding-top: 50px;
	}
	 .wp-block-column:has( .bouteille75cl) + .wp-block-column figure.wp-block-post-featured-image + .ficheTechnique .wp-block-column {
		 max-width: 100%;
	}
	 .wp-block-column:has( .bouteille75cl) + .wp-block-column figure.wp-block-post-featured-image + .ficheTechnique + p {
		 clear: both;
	}
}
 @media screen and (max-width: 991px) {
	 .cuveeFooter .wp-block-spacer {
		 display: none;
	}
}
 @media screen and (min-width: 992px) {
	/* La bouteille post_thumbnail reservée au desktop */
	 .bouteille75cl {
		 display: block;
		 position: sticky !important;
		 top: 130px !important;
	}
	 .bouteille75cl img {
		 width: auto;
		 max-height: calc(95vh - 110px);
		 margin-bottom: -20px;
	}
	 figure.bouteille75clMobileOnly {
		/* Old style - Oblige à placer la Class dans gutenberg - La bouteille post_thumbnail reservée au mobiles */
		 display: none;
	}
	 .wp-block-column:has( .bouteille75cl) + .wp-block-column figure.wp-block-post-featured-image {
		/* Moderne style - La bouteille post_thumbnail reservée au mobiles */
		 display: none;
	}
}
 .single-cuvee h3 {
	/* "Fiche technique" + "Vinification" */
	 font-size: 3rem;
	 line-height: 2.2rem;
	 text-align: center;
	 margin-bottom: 0;
	 padding-top: 100px;
	 position: relative;
	 z-index: 1;
}
 .single-cuvee h4 {
	 text-align: center;
}
 @media screen and (min-width: 768px) {
	/* "Fiche technique" + "Vinification" */
	 .single-cuvee h3 {
		 font-size: 2.5rem;
		 word-break: keep-all !important;
		 word-wrap: normal !important;
	}
}
 @media screen and (min-width: 992px) {
	/* "Fiche technique" + "Vinification" */
	 .single-cuvee h3 {
		 font-size: 3.5rem;
	}
}
 @media screen and (min-width: 1250px) {
	/* "Fiche technique" + "Vinification" */
	 .single-cuvee h3 {
		 font-size: 4rem;
		 line-height: 3rem;
	}
}
/* Boucle des vins */
/*li.category-vin-rouge {
	/*border-left: 1px solid var(--gamay);
	*!/
}
 li.category-vin-rouge::before {
	 content: "";
	 display: block;
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 background-image: linear-gradient(45deg, var(--gamay) 0%, rgba(255,255,255,0) 50%);
	/*transform: scale(-1);
	*!/ opacity: .2;
}
 li.category-vin-blanc::before {
	 content: "";
	 display: block;
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	∂ background-image: linear-gradient(45deg, var(--chardonnay) 0%, rgba(255,255,255,0) 50%);
	/*transform: scale(-1);
	*!/ opacity: .7;
}
 */
/* Archive -> Les cuvées ou page dédiée : les vins du domaine */
 .wp-block-query.while-cuvees-gutenberg, .while-cuvees-php {
	 --cuvee-width: 60vw;
	 --cuvee-decallage: 40px;
}
 @media (min-width: 300px) {
	 .wp-block-query.while-cuvees-gutenberg, .while-cuvees-php {
		 --cuvee-width: 40vw;
	}
}
 @media (min-width: 450px) {
	 .wp-block-query.while-cuvees-gutenberg, .while-cuvees-php {
		 --cuvee-width: 40vw;
	}
}
 @media (min-width: 550px) {
	 .wp-block-query.while-cuvees-gutenberg, .while-cuvees-php {
		 --cuvee-width: 25vw;
	}
}
 @media (min-width: 768px) {
	 .wp-block-query.while-cuvees-gutenberg, .while-cuvees-php {
		 --cuvee-width: 25vw;
	}
}
 @media (min-width: 850px) {
	 .wp-block-query.while-cuvees-gutenberg, .while-cuvees-php {
		 --cuvee-width: 18vw;
	}
}
 @media (min-width: 996px) {
	 .wp-block-query.while-cuvees-gutenberg, .while-cuvees-php {
		 --cuvee-width: 18vw;
	 }
}
 @media (min-width: 1024px) {
	 .wp-block-query.while-cuvees-gutenberg, .while-cuvees-php {
		 --cuvee-width: 18vw;
	 }
}
 @media (min-width: 1200px) {
	 .wp-block-query.while-cuvees-gutenberg, .while-cuvees-php {
		 --cuvee-width: 220px;
	}
}
 .wp-block-query.while-cuvees-gutenberg, .while-cuvees-php {
	 max-width: 100%;
	 width: 100%;
	 margin-left: auto;
	 margin-right: auto;
	 display: flex;
	 align-content: flex-start;
 	 justify-content: center;
	 flex-wrap: wrap;
	 margin-top: 56px;
	/* Parce que les magnums sont à top -56px */
	/* Apparence spécial pour les magnums A condition qu'il suivent leur paire 75cl dans l'ordre de la liste */
	/*li.post-246,*/
	/*li.post-480,*/
}
 h1 + .wp-block-query.while-cuvees-gutenberg {
	 /* H1 décoratif + liste des vins sur la page d'accueil */
	 margin-top: 0;
 }
 .wp-block-query.while-cuvees-gutenberg ul, .while-cuvees-php {
	 list-style: none;
     display: flex;
     flex-wrap: wrap;
	 justify-content: flex-start;
 }
@media screen and (max-width: 449px) {
	.while-cuvees-php {
		width: 80vw;
	}
}

@media screen and (min-width: 992px) {
	 .wp-block-query.while-cuvees-gutenberg ul, .while-cuvees-php {
		 justify-content: center;
	 }
 }
 .wp-block-query.while-cuvees-gutenberg a, .while-cuvees-php a {
	 text-decoration: none !important;
}
 .wp-block-query.while-cuvees-gutenberg li, .while-cuvees-php li, .wp-block-query.while-cuvees-gutenberg article, .while-cuvees-php article {
	 margin-top: 0;
	 width: var(--cuvee-width);
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
	 flex-direction: column;
	 align-content: flex-start;
}
 .while-cuvees-php article {
	 padding-left: 5%;
	 padding-right: 5%;
 }
 .wp-block-query.while-cuvees-gutenberg figure a, .while-cuvees-php figure a, .wp-block-query.while-cuvees-gutenberg a.featured-image, .while-cuvees-php a.featured-image {
	 display: block;
	 margin-bottom: 1rem;
	 max-height: none !important;
	 width: 130px;
}
 .wp-block-query.while-cuvees-gutenberg figure a img, .while-cuvees-php figure a img, .wp-block-query.while-cuvees-gutenberg a.featured-image img, .while-cuvees-php a.featured-image img {
	 max-width: 130px;
	 margin-left: -20px;
}
 .wp-block-query.while-cuvees-gutenberg h2 a, .while-cuvees-php h2 a, .wp-block-query.while-cuvees-gutenberg h2, .while-cuvees-php h2 {
	 margin-top: 0;
	 margin-bottom: 0;
	 font-size: 22px;
	 line-height: 22px;
}
.wp-block-query.while-cuvees-gutenberg span.millesime.acf-view__millesime {
	display: block;
	margin-bottom: 15px;
	font-family: var(--typo-domaine);
	font-weight: 400;
	font-size: 22px;
	line-height: 22px;
}
 .wp-block-query.while-cuvees-gutenberg .taxonomy-post_tag, .while-cuvees-php .taxonomy-post_tag, .wp-block-query.while-cuvees-gutenberg .taxonomy-category, .while-cuvees-php .taxonomy-category, .wp-block-query.while-cuvees-gutenberg .entry-meta > *, .while-cuvees-php .entry-meta > * {
	 display: block;
	 width: 100%;
	 font-size: 14px;
	 line-height: 14px;
	 padding: 0;
	 margin: 0;
}
 .wp-block-query.while-cuvees-gutenberg a.wp-block-read-more, .while-cuvees-php a.wp-block-read-more, .wp-block-query.while-cuvees-gutenberg a.btn, .while-cuvees-php a.btn, .wp-block-query.while-cuvees-gutenberg .entry-summary a, .while-cuvees-php .entry-summary a {
	/* Read more… Like a btn! */
	 text-align: center;
	 font-weight: 400;
	 display: block;
	 width: fit-content;
	 height: fit-content;
	 min-width: 150px;
	 padding: 10px 15px;
	 margin: 0;
	 border-radius: 0.5rem !important;
}
 .wp-block-query.while-cuvees-gutenberg article#post-246,
  .wp-block-query.while-cuvees-gutenberg .post-246,
.while-cuvees-php article#post-246,
 .wp-block-query.while-cuvees-gutenberg article#post-480,
 .wp-block-query.while-cuvees-gutenberg .post-480,
 .while-cuvees-php article#post-480 {
	/* Magnum */
	 width: 0px;
	 z-index: -1;
	 position: relative;

	 display: none;
}

 /* Déclarations pour la home page uniquement */
.wp-block-query.while-cuvees-gutenberg .wp-block-post-terms.taxonomy-category,
.wp-block-query.while-cuvees-gutenberg .wp-block-post-terms.taxonomy-post_tag {
	 display: block;
	 min-height: 35px;
}
.wp-block-query.while-cuvees-gutenberg .wp-block-post-terms.taxonomy-category span,
.wp-block-query.while-cuvees-gutenberg .wp-block-post-terms.taxonomy-post_tag span {
	 color: var(--foret-produit);
}


 /*
 Déclarations pour placer les Magnums
 dans la loop .while-cuvees-php
 et la loop .while-cuvees-gutenberg


 .wp-block-query.while-cuvees-gutenberg article#post-246 > *,
 .while-cuvees-php article#post-246 > *,
 .wp-block-query.while-cuvees-gutenberg article#post-480 > *,
 .while-cuvees-php article#post-480 > * {
	 display: none;
}
 .wp-block-query.while-cuvees-gutenberg article#post-246 figure,
 .while-cuvees-php article#post-246 figure,
 .wp-block-query.while-cuvees-gutenberg article#post-480 figure,
 .while-cuvees-php article#post-480 figure,
 .wp-block-query.while-cuvees-gutenberg article#post-246 a.featured-image,
 .while-cuvees-php article#post-246 a.featured-image,
 .wp-block-query.while-cuvees-gutenberg article#post-480 a.featured-image,
 .while-cuvees-php article#post-480 a.featured-image {
	 display: block;
	 position: absolute;
	 right: 0;
	 top: -28px;
	 height: fit-content;
	 width: var(--cuvee-width) !important;

	 transition: filter 0.5s ease-in-out;
}
 .wp-block-query.while-cuvees-gutenberg article#post-246 img,
 .while-cuvees-php article#post-246 img,
 .wp-block-query.while-cuvees-gutenberg article#post-480 img,
 .while-cuvees-php article#post-480 img {
	 margin-left: auto;
	 margin-right: 30px;
	 width: 120px;
}
 .wp-block-query.while-cuvees-gutenberg article#post-480:hover article#post-246:hover,
 .while-cuvees-php article#post-480:hover article#post-246:hover {
	 z-index: 2;
}
*/


/* La page single d'une cuvée */

/* Gestion des prix avec ACF et ShotCode */
 .prix_acf_advancedViewsLite {
	/* Cpntainer des prix avec le plugin Advanced Views Lite qui permet d'afficher les fields d'ACF dans Gutenberg */
	 display: flex;
	 justify-content: center;
	 margin-bottom: 15px;
}
 .prix_acf_advancedViewsLite p {
	 width: 50%;
}
 .prix_acf_advancedViewsLite i {
	 /* Icone de bouteille et magnum */
	 font-size: 70px;
	 display: block;
	 text-align: center;
 }
 .prix_acf_advancedViewsLite i.icon-bouteille {
	 /* Différence de taille entre bouteille et magnum */
		transform: scale(.8);
	 transform-origin: 50% 100%;
 }
 span.prix {
	 display: block;
	 width: fit-content;
	 margin: 0 auto 0 auto;
	 font-family: var(--typo-domaine);
	 font-size: 30px;
	 font-weight: 400;
	 position: relative;

	 display: none;
}
 span.prix sup {
	/* Le symbole € */
	 font-family: var(--typo-redactionel);
	 font-weight: 200;
	 font-size: 20px;
	 line-height: 0px;
	 position: absolute;
	 left: 100%;
	 top: 0;
}
 span.label {
	 font-weight: 400;
	 font-size: var(--typo-domaine);
	 line-height: 18px;
	 display: block;
	 text-align: center;
	 padding-top: 15px;
}
 p.prix_150cl {
	 border-left: 1px solid;
}
 .etiquettesFrontBack,
 .etiquettesFrontBack .wp-block-column {
	 position: relative;
	 margin-top: 50px;

	 /* On ne souhaite plus afficher les etiquette sur la page produit */
	 display: none;
}
 /* Déclarations pour gérer
 	les etiquettes sur la fiche produit
 	Concervées en commentaire si on change d'avis


 .etiquettesFrontBack .wp-block-column figure:nth-child(1) {

	 width: 100%;
}
 .etiquettesFrontBack figcaption {
	 line-height: 1rem;
	 text-align: left;
	 border-left: 1px solid var(--accent);
	 background-color: whitesmoke;
	 padding-left: 10px;
	 padding-top: 10px;
	 margin-top: 0;
	 position: relative;
	 z-index: 1;
	 width: fit-content;
	 margin-left: auto;
	 margin-right: auto;
}
 @media screen and (min-width: 992px) {
	 .etiquettesFrontBack figcaption {
		 opacity: 0;
		 transition: opacity 1s ease-in-out;
	}
	 .etiquettesFrontBack figure:hover figcaption {
		 opacity: 1;
		 transition: opacity 0.3s ease-in-out;
	}
}
 @media (min-width: 1200px) {
	 .etiquettesFrontBack, .etiquettesFrontBack .wp-block-column {
		 flex-wrap: nowrap;
	}
}
*/
 .ficheTechniqueContainer {
	 max-width: 100vw;
}
 .ficheTechnique {
	 max-width: 1500px;
	 text-align: center;
	 display: flex;
	 justify-content: center;
	 padding: 5%;
	 margin: 0 auto;
}
 .ficheTechnique .wp-block-column {
	 max-width: 40%;
}
 .ficheTechnique i {
	 font-size: 50px;
	 display: block;
	 text-align: center;
}
 .ficheTechnique p {
	 line-height: 1.3rem;
	 word-break: keep-all !important;
	 word-wrap: normal !important;
}
 .ficheTechnique p em {
	 font-style: normal;
	 font-weight: 400;
}
 .ficheTechniqueContainer .ficheTechnique {
	 padding-top: 20px;
}
 @media screen and (max-width: 991px) {
	 .bouteilleEtDescription .ficheTechnique p:has(em) {
		 margin-bottom: 0;
	}
	 .ficheTechniqueContainer {
		/* Bord à bord sur mobile */
		/*margin-left: calc(var(--bs-gutter-x) * .5 * -1);
		*/
		/*margin-right: calc(var(--bs-gutter-x) * .5 * -1);
		*/
	}
}
 .cuveeFooter {
	/* Un bloc issu de Gutenberg */
	 max-width: 100vw;
	 padding: 5vh 0;
	 text-align: center;
}
 @media screen and (min-width: 1400px) {
	/* Test d'un carré pour la zone Fiche Technique */
	 .ficheTechniqueContainer, .cuveeFooter {
		 max-width: calc(60vw + 2rem);
	}
}
 .ficheTechnique.has-small-font-size i {
	 font-size: 30px;
}
 .icon-bio {
	 position: relative;
	 z-index: 1;
}
 .icon-bio::after {
	 content: "";
	 display: block;
	 position: absolute;
	 left: 0;
	 right: 0;
	 top: 50%;
	 transform: translateY(-50%);
	 z-index: -1;
	 border-radius: 50%;
	 aspect-ratio: 1;
	 background-color: var(--bio);
	 opacity: 0;
	 transition: opacity 0.3s;
}
 .icon-bio:hover::before {
	 color: white;
}
 .icon-bio:hover::after {
	 opacity: 1;
}
 p:has(.icon-bio) + p {
	 position: relative;
	 z-index: 1;
 }
 @media screen and (min-width: 992px) {
	/* Un groupe .wp-group qui contient le nécessaire à la timeline */
	 .vinification {
		 max-width: 100vw;
		 padding-bottom: 50px;
	}
	 ul.timeline::before {
		/* La timeline ondulée */
		 content: "";
		 display: block;
		 position: absolute;
		 z-index: 0;
		 height: 40px;
		 top: calc(50% - 20px);
		 left: 10%;
		 right: 15%;

		 background-color: currentColor;

		 mask: url(/wp-content/themes/Nebula-Child/assets/img/wave.svg) no-repeat center;
		 mask-size: contain;
		 -webkit-mask: url(/wp-content/themes/Nebula-Child/assets/img/wave.svg) no-repeat center;
		 -webkit-mask-size: contain;
	 }
	 .vinification {
		 --padding: 9px;
		 --point-diametre: calc(var(--padding) * 2);
		 --trait-width: 50px;
		 position: relative;
	}
	 ul.timeline {
		 list-style: none;
		 position: relative;
		 overflow: visible;
		 z-index: 1;
		 padding: 0;
		 margin: 0 10%;
		 display: grid;
		 grid-template-columns: 10% 10% 10% 10% 35% 10% 15%;
		 grid-template-rows: 1fr var(--point-diametre) 1fr;
		 grid-template-areas: "a1 b1 fermentation futs e1 f1 g1" "a2 b2 c2 d2 elevage-line f2 g2" "vendanges pressoir c3 futs-bot e3 rendement embouteillage";
	}
	 ul.timeline .dateStart, ul.timeline .dateEnd {
		 position: absolute;
		 top: 50%;
		 z-index: 20;
		 overflow: visible;
		 transform: translateY(-50%);
		 margin-top: 0;
		 font-weight: 400;
		 font-family: var(--typo-blockquote);
		 font-size: 1.5rem;
	}
	 ul.timeline .dateStart::before, ul.timeline .dateEnd::before {
		 display: none;
	}
	 ul.timeline .dateStart::after, ul.timeline .dateEnd::after {
		 display: none;
	}
	 ul.timeline .dateStart {
		 right: calc(90% + 15px);
		 text-align: right;
	}
	 ul.timeline .dateEnd {
		 left: calc(85% + 15px);
	}
	 ul.timeline .vendanges {
		 grid-area: vendanges;
	}
	 ul.timeline .maceration {
		/*grid-area: b1;
		 */
		 grid-column-start: a1;
		 grid-column-end: a1;
		 grid-row-start: a1;
		 grid-row-end: a1;
	}
	 ul.timeline .maceration-duree {
		 /* Exception pour lui qui est une durée dans la page Gamay */
		 grid-column-start: c3;
		 /* grid-column-end: c3; */
		 grid-row-start: c3;
		 /* grid-row-end: c3; */
		 width: 200%;
		 font-family: var(--typo-blockquote);
		 font-size: 20px;
	 }
	 ul.timeline .maceration-duree::after {
		 /* Exception pour lui qui est une durée dans la page Gamay */
		 bottom: calc(100% + var(--trait-width) - var(--point-diametre));
		 width: 70%;
		 transform: translateX(-50%) translateY(0px);

		 border-bottom: 1px dashed;
		 border-top: none;
		 border-left: none;
		 border-right: none;

		 border-radius: 100%;
		 background-color: var(--normal);
	 }
	 ul.timeline .pressoir {
		/*grid-area: pressoir;
		 */
		 grid-column-start: pressoir;
		 grid-column-end: c3;
		 grid-row-start: pressoir;
		 grid-row-end: c3;
	}
	 ul.timeline .fermentation {
		/* grid-area: fermentation;
		 */
		 grid-column-start: b1;
		 grid-column-end: fermentation;
		 grid-row-start: a1;
		 grid-row-end: a1;
	}
	 ul.timeline .cuve {
		 grid-area: futs;
	}
	 ul.timeline .cuve.bot {
		 grid-area: futs-bot;
	}
	 ul.timeline .vinification-duree {
		 grid-area: elevage-line;
	}
	 ul.timeline .rendement {
		/*grid-area: rendement;
		 */
		 grid-column-start: e3;
		 grid-column-end: rendement;
		 grid-row-start: e3;
		 grid-row-end: e3;
	}
	 ul.timeline .embouteillage {
		 grid-area: embouteillage;
	}
	 ul.timeline li {
		 position: relative;
		/*border: 1px solid seagreen;
		*/
		 margin-bottom: 0;
		 margin-top: var(--trait-width);
		 padding: 0 var(--padding);
		 font-size: 0.9rem;
		 font-weight: 400;
		 line-height: 1.2rem;
	}
	 ul.timeline li::before {
		/* Traits */
		 content: "";
		 display: block;
		 position: absolute;
		 bottom: 100%;
		 left: var(--padding);
		 height: var(--trait-width);
	}
	 ul.timeline li::after {
		/* Points */
		 content: "";
		 display: block;
		 position: absolute;
		 bottom: calc(100% + var(--trait-width));
		 left: 0;
		 width: var(--point-diametre);
		 height: var(--point-diametre);
		 border-radius: 50%;
		 border: 2px solid var(--normal);
	}
	 ul.timeline .right {
		 text-align: right;
	}
	 ul.timeline .right::before {
		/* Traits */
		 left: calc(100% - var(--padding));
	}
	 ul.timeline .right::after {
		/* Points */
		 left: calc(100% - var(--padding) * 2);
	}
	 ul.timeline .top {
		 margin-top: 0;
		 margin-bottom: var(--trait-width);
		 align-self: end;
	}
	 ul.timeline .top::before {
		/* Traits */
		 bottom: auto;
		 top: 100%;
	}
	 ul.timeline .top::after {
		/* Points */
		 bottom: auto;
		 top: calc(100% + var(--trait-width));
	}
	 ul.timeline .vinification-duree {
		 place-self: center;
		 margin-top: 0;
		 margin-bottom: 0;
		 text-align: center;
		 background-color: var(--normal);
		 font-family: var(--typo-blockquote);
		 font-style: normal;
		 font-weight: 400;
		 font-size: 1.4rem;
	}
	 ul.timeline .vinification-duree::before, ul.timeline .vinification-duree::after {
		 display: none;
	}
}
@media screen and (min-width: 1026px) {
	 ul.timeline .vinification-duree {
		 font-size: 1.8rem;
	}
}
 @media screen and (max-width: 991px) {
	/* Je peux redessiner la timeline de la vinification tranquillement dans cette condition max-width */
	 .vinification {
		/* Un groupe .wp-group qui contient le nécessaire à la timeline */
		 max-width: 100vw;
	}
	 .vinification::before {
		/* La timeline pas ondulée */
		/*content: "";
		*/
		/*display: block;
		*/
		/*position: absolute;
		*/
		/*top: calc(50% - 1px);
		*/
		/*left: 0;
		*/
		/*right: 0;
		*/
		/*height: 2px;
		*/
		/*border-top: 2px solid var(--foret-produit);
		*/
		/*z-index: 0;
		*/
	}
	 ul.timeline {
		/* La timeline ondulée */
	}
	 ul.timeline::before {
		 content: "";
		 display: block;
		 position: absolute;
		 z-index: 0;
		 top: 0;
		 width: 40px;
		 left: calc(50% - 20px);
		 bottom: 100px;

		 background-color: currentColor;

		 mask: url(/wp-content/themes/Nebula-Child/assets/img/wave-verticale.svg) no-repeat center;
		 mask-size: contain;
		 -webkit-mask: url(/wp-content/themes/Nebula-Child/assets/img/wave-verticale.svg) no-repeat center;
		 -webkit-mask-size: contain;
	}
	 .vinification {
		 --padding: 10px;
		 --point-diametre: calc(var(--padding) * 2);
		 --trait-width: 30px;
		 position: relative;
	}
	 ul.timeline {
		 list-style: none;
		 position: relative;
		 z-index: 1;
		 padding: 0;
		 margin: 0;
		 display: grid;
	}
	 ul.timeline li {
		 position: relative;
		 margin-bottom: 0;
		 font-size: 0.9rem;
		 line-height: 1.2rem;
		 font-weight: 400;
	}
	 ul.timeline li::before {
		/* Traits */
		 content: "";
		 display: block;
		 position: absolute;
		 top: var(--padding);
		 width: var(--trait-width);
		 border-top: 1px solid;
	}
	 ul.timeline li::after {
		/* Points */
		 content: "";
		 display: block;
		 position: absolute;
		 top: 0;
		 width: var(--point-diametre);
		 height: var(--point-diametre);
		 border-radius: 50%;
	}
	 ul.timeline li:nth-child(even) {
		/* impaire */
		 margin-left: calc(50% + var(--point-diametre) + var(--trait-width));
	}
	 ul.timeline li:nth-child(even)::before {
		/* Traits */
		 left: calc(var(--trait-width) * -1 - var(--padding));
		 margin-left: 0;
	}
	 ul.timeline li:nth-child(even)::after {
		/* Points */
		 right: calc(100% + var(--trait-width) + var(--padding));
	}
	 ul.timeline li:nth-child(odd) {
		/* paire */
		 text-align: right;
		 margin-right: calc(50% + var(--point-diametre) + var(--trait-width));
	}
	 ul.timeline li:nth-child(odd)::before {
		/* Traits */
		 left: calc(100%);
		 margin-left: var(--padding);
	}
	 ul.timeline li:nth-child(odd)::after {
		/* Points */
		 left: calc(100% + var(--trait-width) + var(--padding));
	}
	 ul.timeline li.dateStart, ul.timeline li.dateEnd {
		 margin: 0;
		 overflow: visible;
		 font-weight: 400;
		 font-family: var(--typo-blockquote);
		 font-size: 1.5rem;
		 text-align: center;
		 background-color: var(--normal);
		 padding-top: 30px;
	}
	 ul.timeline li.dateStart::before, ul.timeline li.dateEnd::before {
		 display: none;
	}
	 ul.timeline li.dateStart::after, ul.timeline li.dateEnd::after {
		 display: none;
	}
	 ul.timeline li.dateStart {
		 width: min-content;
		 margin: auto;
		 display: block;
	}
	 ul.timeline li.dateEnd {
		 padding-bottom: 70px;
	}
	 ul.timeline .vendanges::before {
		 top: calc(100% - var(--padding));
	}
	 ul.timeline .vendanges::after {
		 top: calc(100% - var(--point-diametre));
	}
	 ul.timeline .rendement::before {
		 top: calc(100% - var(--padding));
	}
	 ul.timeline .rendement::after {
		 top: calc(100% - var(--point-diametre));
	}
	 ul.timeline li.vinification-duree {
		 place-self: center;
		 margin: 20vh 0;
		 padding: 10px 10%;
		 text-align: center;
		 background-color: var(--normal);
		 font-family: var(--typo-blockquote);
		 font-style: normal;
		 font-weight: 400;
		 font-size: 1.8rem;
		 line-height: 2rem;
	}
	 ul.timeline .vinification-duree::before, ul.timeline .vinification-duree::after {
		 display: none;
	}
}
 @media screen and (min-width: 768px) {
	/*background-color: #3ce76c;
	*/
}
 @media screen and (min-width: 992px) {
	/*background-color: #e7c53c;
	*/
}
 @media screen and (min-width: 1024px) {
	/*background-color: #3c8ce7;
	*/
}
/* OPTION BOUTEILLE */
/* Un rapide test pour faire passer la bouteille devant le paysage sur desktop */
 @media screen and (min-width: 992px) {
	 .bouteille75cl {
		 margin-top: -10vh;
		 mix-blend-mode: darken;
	}
	 /* Essai bouteille carrément par dessus la photo */
	 .bouteille75cl {
		 margin-top: -70vh;
		 mix-blend-mode: normal;
	 }
	 .bouteille75cl::before {
		 content: "";
		 display: block;
		 position: absolute;
		 top: 50%; left: 50%;
		 transform: translate(-50%, -50%);
		 /* background-color: rgba(245, 245, 245, 0.3); */
		 /* background-image: linear-gradient(to right, rgba(245, 245, 245, 0.1) 0%, rgba(245, 245, 245, 0.7) 50%, rgba(245, 245, 245, .1) 100%); */
		 /* backdrop-filter: blur(5px); */
		 z-index: -1;
		 aspect-ratio: 1/1;
		 height: 40vh;
		 	 }
	 .bouteille75cl img {
		 /* background-color: rgba(245, 245, 245, 0.3); */
		 /* backdrop-filter: blur(5px); */
	 }

	 .bouteille75cl img {
		 filter: drop-shadow(0 2px 30px rgba(245, 245, 245, 0.45));
		 -webkit-filter: drop-shadow(0 2px 30px rgba(245, 245, 245, 0.45));
	 }
	 body.single-cuvee .couverture > section {
		 padding-left: 20vw;
	}
}
/* OPTION CTA CATALOGUE : block-cover*/
 @media screen and (min-width: 992px) {
	/*max-width: calc(60vw + 2rem);
	*/
}



/* ToDo : Attention j'ai deux manières d'activer le magnum :
    - L'enfant et la boucle de requête comme sur le Gamay
    - La case à cocher "activer le magnum" dans CPT Cuvée
    - Ce doublons est aussi valable pour définir le prix du magnum :
    soit sur la fiche du dit magnum,
    soit en activant la case à cocher du CPT parent
    --> Choix à faire en fonction de la meilleur logique
    et du client et de son de mise en page. */

/* Single cuvée -> if magnum CHOIX 1 via boucle de requête Gutenberg
et hierarchie parent / enfant à la fin de la page : en place sur le gamay */
.ac .push-magnum-in-gutenberg {

	/* Le magnum */
	/* Actif grâce à is_magnum */
	 display: flex;
	 margin-top: -10vh;

	/* Aucune présence des magnum n'est souhaité sur la page produit */
	display: none;
}
/* Déclarations pour le magnum sur les fiches produit
 .push-magnum-in-gutenberg ul {
	 list-style: none;
}
 .push-magnum-in-gutenberg img {
	 width: auto;
	 max-height: 80vh;
}
 .push-magnum-in-gutenberg .prix_75cl {
	 display: none;
}
 .push-magnum-in-gutenberg .prix_150cl {
	 border-left: none;
}
 */
/* Single cuvée -> if magnum CHOIX 2 via boucle de requête Gutenberg et hierarchie parent / enfant à la fin de la page : en place sur le Bienheureux */
 .bouteille75cl > .wp-block-query {
	/* Ici on reprend les styles de .bouteille75cl et on bricole une proposition pour montrer l'idée au client */
	 display: block;
	 position: absolute;
	 z-index: -1;
	 top: -80px;
	 right: 50%;
}
 .bouteille75cl > .wp-block-query ul {
	 list-style: none;
}
 .bouteille75cl > .wp-block-query img {
	/*width: auto;
	*/
	 max-height: calc(95vh - 70px);
	 margin: 0;
	 filter: none;
}
 body.postid-244 .entry-content.is_magnum .bouteille75cl img {
	 filter: none;
}

/*
 7 - nicolas-delfaud.css @import "nd-maps.css";
*/
.page-id-2,
.page-id-980 {
	--map-color: #d1b17c;
}
.carteVenir, .wp-block-group.carteVenir {
	width: 100vw;
	max-width: 100vw;
	padding: 0;
}
.carteVenir .wp-block-group__inner-container, .wp-block-group.carteVenir .wp-block-group__inner-container {
	/* Le contenair / groupe */
	 position: relative;
	 z-index: 10;
}
iframe,
 .mapster-wp-maps-container {
	/*La carte*/
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 z-index: 0;
}
 .wp-block-group.carteVenir .wp-block-group__inner-container > .wp-block-columns, .wp-block-group.carteVenir .wp-block-columns.carteVenirDesc {
	 width: 60vw;
	 max-width: 60vw;
	 margin: auto;
}
 .pourVenir, .carteVenirCoordonnees, .coordonneesDigitales {
	 background-color: var(--map-color);
	 position: relative;
	 padding: 30px;
	 margin-bottom: 0;
}
 .ac .coordonneesDigitales {
	 padding-bottom: 0;
	 margin-top: -45px;
 }
 .ac .pourVenir {
	 margin-top: -1.75em;
 }
 .ac .carteVenirCoordonnees {
	 margin-bottom: calc(1.75em * -2);
 }
 .pourVenir *, .carteVenirCoordonnees *, .pourVenir a, .carteVenirCoordonnees a, .coordonneesDigitales a {
	 color: var(--gamay) !important;
	 text-decoration: none !important;
	 margin-top: 0;
}
  .pourVenir h2,
  .carteVenirCoordonnees h2 {
	text-shadow: none;
}
  .pourVenir p,
  .carteVenirCoordonnees p {
	text-shadow: none;
	margin-bottom: 0;
}
  .coordonneesDigitales .wp-block-columns,
  .pourVenir .wp-block-columns,
  .carteVenirCoordonnees .wp-block-columns  {
	  margin-bottom: 0;
  }
 .pourVenir a[href^="tel:"], .carteVenirCoordonnees a[href^="tel:"] {
	 font-size: 1.1rem;
	 font-weight: 400;
	 text-decoration: none !important;
}
 .pourVenir::after, .carteVenirCoordonnees::after {
	 content: "";
	 display: block;
	 position: absolute;
	 bottom: -50px;
	 right: 0;
	 width: 50px;
	 height: 50px;
	 background-color: inherit;
	 clip-path: polygon(0 0, 100% 0, 50% 50%);
}
 .carteVenirCoordonnees::after {
	 bottom: auto;
	 top: -50px;
	 clip-path: polygon(50% 50%, 0 100%, 100% 100%);
}

 .ac.page-id-980 .coordonneesDigitales p.for-icon-mail-envelope,
 .ac.page-id-980 .coordonneesDigitales a[href^="mailto:"],
.ac a[href^="https://maps.apple"],
.ac a[href^="https://maps.app.goo"],
.ac .coordonneesDigitales a[href^="https://www.instagram"],
.ac .coordonneesDigitales a[href^="https://www.facebook"] {
	line-height: 18px;
	display: block;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-top: 15px;
	border: 1px solid rgba(0,0,0,.05);
	border-radius: 5px;
 }
.ac.page-id-980 .coordonneesDigitales a[href^="mailto:"]:hover,
.ac a[href^="https://maps.apple"]:hover,
.ac a[href^="https://maps.app.goo"]:hover,
.ac .coordonneesDigitales a[href^="https://www.instagram"]:hover,
.ac .coordonneesDigitales a[href^="https://www.facebook"]:hover {
	background-color: var(--gamay);
	color: var(--map-color) !important;
}
 .ac.page-id-980 .coordonneesDigitales p.for-icon-mail-envelope::before,
.ac.page-id-980 .coordonneesDigitales a[href^="mailto:"]:before,
.ac a[href^="https://maps.apple"]:before,
.ac a[href^="https://maps.app.goo"]:before,
.ac .coordonneesDigitales a[href^="https://www.instagram"]:before,
.ac .coordonneesDigitales a[href^="https://www.facebook"]:before {
	content: "";
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	display: block;
	font-size: 24px;
	padding-bottom: 15px;
}
.ac .coordonneesDigitales a[href^="https://www.instagram"]:before {
	content: "\ea92";
}
.ac .coordonneesDigitales a[href^="https://www.facebook"]:before {
	content: "\ea91";
}
.ac a[href^="https://maps.apple"]:before {
	content: "\eabe";
}
.ac a[href^="https://maps.app.goo"]:before {
	content: "\ea88";
}
.ac.page-id-980 .coordonneesDigitales a[href^="mailto:"]:before {
	content: "\e901";
}
 .ac.page-id-980 .coordonneesDigitales p.for-icon-mail-envelope:before {
	content: "\e994";
	 font-size: 40px;
}
  .ac.page-id-980 .coordonneesDigitales p.for-icon-mail-envelope {
	  padding: 25px;
	  text-align: center;
  }
  .ac.page-id-980  .couverture h1 { opacity: 0; }
/*
La page contact possède une alternative id 980
*/

body.page-id-980 .coordonneesDigitales {
	position: relative;
	//background-color: transparent;
	background-color: var(--vin-blanc-1);

	background-image: url('/wp-content/themes/Nebula-Child/assets/img/Cep-vin-blanc.svg');
	background-image: url('/wp-content/themes/Nebula-Child/assets/img/Cep-blanc.svg');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 100%;
	background-attachment: fixed;
}
body.page-id-980 .coordonneesDigitales::before {
	content: "";
	position: absolute; top: 0; left: 0; bottom: 0; right: 0;
	/* Mode superposition à 100% */
	background-image: linear-gradient(
			0deg,
			var(--vin-blanc-2) 10%,
			rgba(237, 222, 199, 0.5) 100%
	);
	opacity: .9;
	transition: background .3s;

	background-position: top center;
	z-index: 0;
	backdrop-filter: blur(3px);
}
body.page-id-980 .coordonneesDigitales > * {
	position: relative;

}
body.page-id-980 .coordonneesDigitales::after {
	content: "";
	background-color: inherit;
	display: block;
	position: absolute;
	right: 0;
	width: 50px;
	height: 50px;
	top: -49px;
	clip-path: polygon(50% 50%, 0 100%, 100% 100%);
}
/*
 8 - nicolas-delfaud.css @import "nd-effects.css";
*/
:root {
	 --header-height: 100vh;
	 --header-text-shadow: 1px 0px 3px rgba(0, 0, 0, 0.0);
}
 .filtreEffet.filtreHeader {
	 display: block;
	 position: fixed;
	 top: 0;
	 right: 0%;
	 left: 0;
	 bottom: auto;
	 height: 80px;
	 overflow: hidden;
	 transition: right 0.3s;
}
 body.home  .filtreEffet.filtreHeader {
	 opacity: 0;
	 /* Départ de l'animation */

}
 .minimisedHeader .filtreEffet.filtreHeader {
	 right: 0%;
}
 .filtreEffet.flou {
	 z-index: 40;
	 backdrop-filter: blur(2px);
	 -webkit-backdrop-filter: blur(2px);
}
 .filtreEffet.vinBlanc {
	 z-index: 70;
	/* Mode superposition à 100% */
	 background-image: linear-gradient(0deg, var(--vin-blanc-2) 10%, rgba(224, 217, 195, 0.5) 100%);
	 mix-blend-mode: screen;
	 opacity: 0.9;
	 transition: background 0.3s;
	 background-size: 1px 200%;
	 background-position: top center;
}
body.home .filtreEffet.vinBlanc.filtreHeader {
	opacity: 0;
	/* Départ de l'animation */
}

 .filtreEffet.vinBlanc.jsForMenu {
	 background-color: var(--vin-blanc-1);
}
 .filtreEffet.cep {
	 z-index: 80;
	 align-content: center;
}
 .cep-container {
	 position: absolute;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 width: 100vw;
}
 @media screen and (max-width: 991px){
	  .filtreEffet svg.cepLogo {
		  position: absolute;
		  bottom: 0;
		  left: 50%;
		  transform: translateY(0%) translateX(-50%);
		  mix-blend-mode: screen;
		  opacity: 0.4;
		  width: 120vw;
		  max-width: 110vw;
	  }
 }
@media screen and (min-width: 992px){
	 .filtreEffet svg.cepLogo {
		/* Mode superposition à 40% */
		 position: absolute;
		 top: 50%;
		 left: 50%;
		 transform: translateY(-50%) translateX(-50%);
		 height: 100vh;
		 mix-blend-mode: screen;
		 opacity: 0.4;
	}
}
 .filtreEffet svg.cepLogo path {
	 fill: #fff;
}
 .jsFixedForBonus {
	 position: fixed;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 border: 1px solid green;
}
 header#header-section {
	 box-sizing: border-box;
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 z-index: 100;
	 display: flex;
	 justify-content: center;
	 align-items: flex-start;
	 flex-wrap: wrap;
	 box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
	 height: 100vh;
}
 header#header-section::before {
	/*Ombre intérieur claire*/
	/*  content: ""; */
	/*  position: absolute; */
	/*  bottom: 0; */
	/*  left: -40px; */
	/*  top: 0; */
	/*  right: -40px; */

	/* On pourrait mettre un dégradé ce serait pas mal pour renforcer l'effet lumineux généré dans InDesign */
}
 .minimisedHeader header#header-section {
	 /* height: 70px !important; */
	 /* min-height: 70px !important; */
}
 @media screen and (min-width: 992px){
	 .minimisedHeader header#header-section {
		 /* height: 150px !important; */
		 /* min-height: 150px !important; */
	 }
 }
 body:not(.home) header#header-section {
	 height: auto;
	 padding-top: 0px;
	/* Mobile > post type page */
}
 nav#allNavs {
	 order: 1;
	 width: 100vw;
}
 #header-section h1.logotypo {
	 order: 2;
}
 header.jsForMenu h1.logotypo {
	 opacity: 0.3;
	/* Pour l'animation du menu */
}
 @media screen and (min-width: 992px) {
	 body {
		 --header-height: 150px;
		 --effets-right: 0;
	}
	 body.home {
		 --header-height: 100vh;
		 --effets-right: 50%;
		 --effets-right: 0;
	}
	 .filtreEffet.filtreHeader {
		 top: 0;
		 right: var(--effets-right);
		 left: 0;
		 bottom: auto;
		 height: var(--header-height);
	}
	 .filtreEffet.flou {
		 backdrop-filter: blur(5px);
		 -webkit-backdrop-filter: blur(5px);
	}
	 .filtreEffet.vinBlanc {
		 background-image: linear-gradient(0deg, var(--vin-blanc-2) 0%, var(--vin-blanc-1) 30%, var(--vin-blanc-2) 100%);
	}
	 .cep-container {
		 position: absolute;
		 top: 0;
		 left: 0;
		 bottom: 0;
		 width: 100vw;
	}
	 header#header-section {
		 align-items: center;
		 padding-top: calc(var(--header-height) / 7);
		/* Un septième */
		 height: var(--header-height);
		 min-height: var(--header-height);
	}
	 nav#allNavs {
		 order: 2;
		 width: 48vw;
	}
	 #header-section h1.logotypo {
		 order: 1;
		 width: 48vw;
		 color: var(--foret-produit);
		 font-size: 2rem;
		 line-height: 1.8rem;
		 text-shadow: none;


	}
	 body.home #header-section h1.logotypo {
		 transform: scale(1.5);
		 /* Pour jQuery */
	 }

 }
	 #toScrollDown {
		 position: absolute;
		 display: block;
		 bottom: 5vh;
		 left: 50%;
		 transform-origin: 50% 0%;
		 transform: translateX(-50%) scale(.5);
		 transition: transform 0.6s;
		 cursor: pointer;

		 z-index: 100;
		 display: none;
	 }
	 #toScrollDown:hover {
		 transform: translateX(-50%) scale(.8);
	 }
	 #toScrollDown i {
		 width: 50px;
		 height: 50px;
		 /* background-color: rgba(255, 0, 0, 0.53); */
		 display: inline-block;
		 transform-origin: 50% 100%;
	 }
	 #toScrollDown i {
		 transform: rotate(-45deg) translateX(5px) translateY(5px);
	 }
	 #toScrollDown i + i {
		 transform: scale(1, 1.5);
		 margin: 0 -50px 0 -50px;
	 }
	 #toScrollDown i + i + i {
		 transform: rotate(45deg) translateX(-5px) translateY(5px);
		 margin: 0;
	 }
	 #toScrollDown i:before {
		 color: var(--vin-blanc-1);
		 font-size: 50px;
	 }
/* Test de donner l'effet vin blanc au menu mobile */
 #offcanvas-menu {
	 background: none;
}
 #offcanvas-menu::before, #offcanvas-menu::after {
	 content: "";
	 display: block;
	 position: fixed;
	 z-index: -1;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	/* Mode superposition à 100% */
	 background-image: linear-gradient(0deg, var(--vin-blanc-2) 10%, rgba(224, 217, 195, 0.5) 100%);
	 mix-blend-mode: screen;
	 opacity: 0.9;
}
 #offcanvas-menu::after {
	 z-index: -3;
	 background-image: url('/wp-content/themes/Nebula-Child/assets/img/AAA_4790-cropped.jpg');
	 background-size: auto 200vh;
	 background-position: center bottom;
	 background-repeat: no-repeat;
	 mix-blend-mode: unset;
	 opacity: 1;
	 filter: blur(8px);
}
 #offcanvas-menu .cep-container {
	 z-index: -2;
	 mix-blend-mode: screen;
	 opacity: 0.2;
}
 #offcanvas-menu .cep-container svg.cepLogo {
	/* Alignement du cep sur mobile */
	 max-width: 200%;
	 height: 100vh;
}
 #offcanvas-menu .cep-container svg.cepLogo path {
	 fill: #fff;
}
/* Dimensions du menu mobile */
 @media screen and (max-width: 991px) {
	 #offcanvas-menu {
		 min-width: 100vw;
	}
	 .offcanvas-body nav {
		 max-width: var(--bs-offcanvas-width);
		 margin: auto;
	}
}
/* Utilisation d'un mini logo dans le menu mobile */
 a.linkLikeLoogotypo {
	 color: white !important;
	 font-family: "trajan-pro-3", sans-serif;
	 font-weight: normal;
	 text-shadow: var(--header-text-shadow);
	 position: relative;
	 margin-top: 80px !important;
}
 a.linkLikeLoogotypo small, a.linkLikeLoogotypo big {
	 display: block;
	 text-align: center;
}
 a.linkLikeLoogotypo small {
	 font-size: 0.7rem;
	 line-height: 0.8rem;
}
 a.linkLikeLoogotypo big {
	 font-size: 2rem;
	 line-height: 2.4rem;
}
 a.linkLikeLoogotypo i.fa-chevron-left {
	 position: absolute;
	 top: 50%;
	 left: 0;
	 transform: translateY(-50%);
}

/*
 9 - nicolas-delfaud.css @import "nd-nav.css";
*/
@media screen and (max-width: 991px) {
	 .ac #mobilebarcon {
		 height: 80px;
		 background: none;
		 z-index: 1046;
		/* Mobile > post type page */
		 padding-top: 15px;
	}
}
 .ac #mobilebarcon.toCloseMenu {
	 height: auto;
}
 #mobilebarcon .mobilerow {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: center;
}
 .ac #mobilebarcon a.offcanvasnavtrigger {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 background: none;
}
 .ac #mobilebarcon a.offcanvasnavtrigger i {
	 position: relative;
	 display: block;
	 width: 10px;
	 font-size: 50px;
	 opacity: 1;
	 transition: margin 0.3s ease-in-out, transform 0.3s ease-in-out, opacity 0.3s;
}
 .ac #mobilebarcon a.offcanvasnavtrigger i::before {
	 color: var(--vin-blanc-3);
	 color: var(--le-bienheureux-bright);
	 position: absolute;
	 display: block;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 text-shadow: var(--header-text-shadow);
}
 .ac #mobilebarcon a.offcanvasnavtrigger:hover i:nth-child(2) {
	 margin-left: 10px;
	 margin-right: 5px;
}
 .ac #mobilebarcon a.offcanvasnavtrigger:hover i:nth-child(3) {
	 margin-left: 5px;
	 margin-right: 10px;
}
 /* Disable :hover effect on mobile  */
@media (pointer: coarse) {
	.ac #mobilebarcon a.offcanvasnavtrigger:focus-visible {
		outline: none;
	}
	.ac #mobilebarcon a.offcanvasnavtrigger:hover i:nth-child(2),
	.ac #mobilebarcon a.offcanvasnavtrigger:hover i:nth-child(3) {
    	/* all: revert-layer; */
		 margin-left: 0;
	 	margin-right: 0;
    }
}
 .ac #mobilebarcon.toCloseMenu a.offcanvasnavtrigger i::before {
	 text-shadow: none;
}
 .ac #mobilebarcon.toCloseMenu a.offcanvasnavtrigger i:nth-child(1) {
	 transform: rotate(45deg);
}
 .ac #mobilebarcon.toCloseMenu a.offcanvasnavtrigger i:nth-child(4) {
	 transform: rotate(-45deg);
}
 .ac #mobilebarcon.toCloseMenu a.offcanvasnavtrigger i:nth-child(2) {
	 margin-left: 0px;
	 margin-right: -15px;
	 opacity: 0;
}
 .ac #mobilebarcon.toCloseMenu a.offcanvasnavtrigger i:nth-child(3) {
	 margin-left: -15px;
	 margin-right: 0px;
	 opacity: 0;
}
/* Override all the fa search icon */
 #mobilebarcon .mobilerow #mobileheadersearch {
	 display: none;
}
 .ac #mobilebarcon .mobilerow form.nebula-search {
	 width: 66px;
	 margin-top: 20px;
}
 .ac #mobilebarcon .mobilerow #mobileheadersearch::before {
	 font-family: 'icomoon' !important;
	 content: "\e903";
	 font-weight: normal !important;
	 font-size: 45px;
	 text-align: center;
	 transform: translateX(-10px);
	 color: var(--vin-blanc-1);
	 color: white;
	 text-shadow: var(--header-text-shadow);
}
/* Couleur liens du menu mobile .offcanvas */
 .offcanvas-body nav ul li > a {
	 color: var(--vin-blanc-1) !important;
	 text-shadow: var(--header-text-shadow);
	 color: var(--foret-produit) !important;
	 text-shadow: none;
}
 .offcanvas-body nav ul li:hover > a, .offcanvas-body nav ul li:focus > a, .offcanvas-body nav ul li a:hover, .offcanvas-body nav ul li a:focus {
	 background-color: var(--vin-blanc-1);
	 color: var(--foret-produit) !important;
}
 .offcanvas-body nav ul#main-panel > li > a {
	 font-weight: 200;
	 font-size: 2rem;
	 padding-top: 2rem;
	 padding-bottom: 1.5rem;
}
 .offcanvas-body nav ul#main-panel ul.sub-menu li > a {
	 font-weight: 400;
}
 .offcanvas-body nav ul#main-panel ul.sub-menu li {
	 border-left: 1px solid var(--vin-blanc-2);
}
/* Icones du menu général */
 #primary-nav i {
	 color: var(--vin-blanc-1);
	 font-size: 50px;
	 height: 100%;
	 width: 10px;
	 margin-left: 10px;
	 aspect-ratio: 0.1;
	 position: relative;
}
 #primary-nav i::before {
	 position: absolute;
	 display: block;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
}
/* Pour wp_nav_menu, on ne pas différencier le i.icon : tous les items ont le même */
 #primary-nav div > ul > li:nth-child(2) i::before {
	 content: '\e98d';
}
 #primary-nav div > ul > li:nth-child(3) i::before {
	 content: '\e98c';
}
 #primary-nav div > ul > li:nth-child(4) i::before {
	 content: '\e98b';
}
 #primary-nav div > ul > li:nth-child(5) i::before {
	 content: '\e98a';
}
 #primary-nav .sub-menu i {
	 display: none;
}
 #primary-nav > div > ul {
	 align-items: center;
	 justify-content: flex-start;
}
 #primary-nav > div > ul > li {
	 display: flex;
	 flex-direction: row;
	 justify-content: flex-start;
	 align-items: flex-start;
	 align-items: center;
	 flex: 1 1 0px;
	/* Animation vers .folded : */
	 max-width: 150px;
	 transition: max-width 1s ease-in-out;
}
 #primary-nav > div > ul > li > a {
	 max-width: 150px;
	 opacity: 1;
	 transition: max-width 1s ease-in-out, opacity 0.1s ease-in-out 0.3s;
}
/* Les différentes couleurs du menu général. */
 body.home:not(.minimisedHeader) #primary-nav ul li.menu-item a {
	 /* font-weight: 400; */
}
 #primary-nav ul li.menu-item a {
	 color: var(--foret-produit) !important;
	 font-weight: 400;
	 min-height: 49px;
	 align-content: center;
}
 #primary-nav ul li.menu-item i::before {
	 color: var(--foret-produit);
	 font-weight: 400;
}
/* Etat 1 : chargement du site comme attendu sur desktop */
 body.home:not(.minimisedHeader) h1.logotypo a,
 body.home:not(.minimisedHeader) #primary-nav ul li.menu-item a,
 body.home:not(.minimisedHeader) #primary-nav ul li.menu-item i::before {
	 color: var(--vin-blanc-1) !important;
	 text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.7);
}
/* Couleur des sous menus when :hover */
/* Dark / kaki style : */
/* Menu général : menu niveau 1 : hover */
 #primary-nav #menu-navigation-principale > li.menu-item:hover > a, #primary-nav #menu-navigation-principale > li.menu-item:focus > a, #primary-nav #menu-navigation-principale > li.menu-item > a:hover, #primary-nav #menu-navigation-principale > li.menu-item > a:focus {
	 background-color: var(--foret-produit);
	 color: var(--vin-blanc-1) !important;
	 text-shadow: var(--header-text-shadow);
}
 #primary-nav #menu-navigation-principale > li.menu-item > i, #primary-nav #menu-navigation-principale > li.menu-item:hover > i, #primary-nav #menu-navigation-principale > li.menu-item:focus > i {
	 transform: translateX(5px);
}
/* Menu général sous menu */
 #primary-nav ul ul li.menu-item > a {
	 transform: scale(1);
	 transition: all 0.3s ease-in-out;
}
 #primary-nav ul li.menu-item ul.sub-menu li.menu-item a {
	 color: var(--foret-produit) !important;
	 text-shadow: 0px 0px 1px var(--vin-blanc-2-transparent) !important;
}
 #primary-nav ul li.menu-item ul.sub-menu li.menu-item a:hover, #primary-nav ul li.menu-item ul.sub-menu li.menu-item a:focus {
	 background-color: var(--vin-blanc-1);
	 color: var(--foret-produit) !important;
	 text-shadow: var(--header-text-shadow);
}
/* Menu général sous menu : hover */
 #primary-nav ul ul li.menu-item:hover > a, #primary-nav ul ul li.menu-item:focus > a, #primary-nav ul ul li.menu-item > a:hover, #primary-nav ul ul li.menu-item > a:focus {
	 background-color: var(--vin-blanc-1);
	 color: var(--foret-produit) !important;
	 text-shadow: var(--header-text-shadow);
}
 #primary-nav ul ul li.menu-item > a:active {
	 background-color: var(--vin-blanc-2);
	 color: var(--foret-produit) !important;
	 text-shadow: var(--header-text-shadow);
	 transform: scale(1.05);
}
/* BONUS : Hover avec forme de treilles étirées Pour ce faire : préparé un SVG en forme de rectangle désiré pour l'état hover Le convertire en clip-path avec par exemple ce site : https://www.plantcss.com/css-clip-path-converter Et l'appliqué au li::before ci-dessous On peut ajuster les coordonnées top, left, bottom etc pour que ce soit nickel */
 #primary-nav > div > ul {
	 align-items: normal;
}
 .nop {
	/* Menu général : menu niveau 1 : hover */
	/* Etat initale ci-dessous : chargement de la page d'accueil avant le scroll, avant .minimisedHeader */
	/* Mode .minimisedHeader : on change juste les couleurs */
}
 .nop #primary-nav > div > ul > li {
	 position: relative;
}
 .nop #primary-nav #menu-navigation-principale > li.menu-item:hover > a, .nop #primary-nav #menu-navigation-principale > li.menu-item:focus > a, .nop #primary-nav #menu-navigation-principale > li.menu-item > a:hover, .nop #primary-nav #menu-navigation-principale > li.menu-item > a:focus {
	 background: none !important;
	 color: var(--foret-produit) !important;
	 text-shadow: none !important;
	 z-index: 1;
}
 .nop #primary-nav > div > ul > li > a::before {
	 content: "";
	 position: absolute;
	 top: 15px;
	 right: 100%;
	 bottom: 20px;
	 left: 10px;
	 background-color: var(--vin-blanc-1);
	 z-index: -1;
	 clip-path: polygon(98.513% 8.595%, 98.513% 8.595%, 97.431% 6.799%, 95.335% 5.45%, 92.393% 4.498%, 88.776% 3.891%, 84.652% 3.581%, 80.191% 3.517%, 75.563% 3.647%, 70.937% 3.923%, 66.482% 4.292%, 62.367% 4.707%, 62.367% 4.707%, 57.523% 4.839%, 52.731% 4.31%, 47.968% 3.355%, 43.215% 2.21%, 38.449% 1.113%, 33.651% 0.299%, 28.798% 0.005%, 23.87% 0.467%, 18.845% 1.921%, 13.703% 4.604%, 13.703% 4.604%, 13.703% 4.604%, 12.147% 5.629%, 10.709% 6.615%, 9.384% 7.564%, 8.17% 8.477%, 7.062% 9.354%, 6.059% 10.196%, 5.156% 11.004%, 4.349% 11.779%, 3.636% 12.522%, 3.014% 13.233%, 3.014% 13.233%, 2.746% 13.359%, 2.495% 13.531%, 2.261% 13.748%, 2.044% 14.01%, 1.843% 14.316%, 1.658% 14.665%, 1.488% 15.056%, 1.333% 15.488%, 1.192% 15.961%, 1.065% 16.473%, 1.065% 16.473%, 1.014% 16.635%, 0.968% 16.793%, 0.929% 16.948%, 0.895% 17.1%, 0.866% 17.249%, 0.844% 17.397%, 0.826% 17.542%, 0.814% 17.687%, 0.806% 17.831%, 0.804% 17.974%, 0.804% 17.974%, 0.252% 22.865%, 0.018% 26.968%, 0.047% 30.603%, 0.286% 34.09%, 0.681% 37.752%, 1.175% 41.907%, 1.717% 46.877%, 2.25% 52.983%, 2.72% 60.545%, 3.074% 69.884%, 3.074% 69.884%, 3.02% 70.265%, 2.87% 71.344%, 2.647% 73.019%, 2.369% 75.192%, 2.059% 77.763%, 1.737% 80.632%, 1.424% 83.702%, 1.14% 86.871%, 0.906% 90.04%, 0.743% 93.111%, 0.743% 93.111%, 0.734% 93.352%, 0.729% 93.586%, 0.728% 93.812%, 0.732% 94.032%, 0.741% 94.245%, 0.754% 94.451%, 0.77% 94.652%, 0.791% 94.848%, 0.816% 95.039%, 0.844% 95.225%, 0.844% 95.225%, 0.851% 95.276%, 0.858% 95.327%, 0.867% 95.379%, 0.878% 95.43%, 0.889% 95.481%, 0.902% 95.532%, 0.916% 95.583%, 0.931% 95.634%, 0.947% 95.686%, 0.964% 95.737%, 0.964% 95.737%, 1.043% 96.014%, 1.135% 96.272%, 1.238% 96.511%, 1.353% 96.731%, 1.479% 96.93%, 1.615% 97.109%, 1.761% 97.268%, 1.916% 97.404%, 2.079% 97.52%, 2.25% 97.613%, 2.25% 97.613%, 3.017% 98.168%, 3.869% 98.633%, 4.767% 99.015%, 5.672% 99.32%, 6.545% 99.557%, 7.347% 99.732%, 8.039% 99.853%, 8.581% 99.927%, 8.935% 99.963%, 9.062% 99.966%, 9.062% 99.966%, 11.344% 99.392%, 13.677% 98.468%, 16.052% 97.287%, 18.46% 95.941%, 20.894% 94.522%, 23.343% 93.122%, 25.8% 91.834%, 28.257% 90.75%, 30.703% 89.962%, 33.132% 89.563%, 33.132% 89.563%, 35.724% 89.612%, 38.366% 90.073%, 41.044% 90.808%, 43.745% 91.676%, 46.456% 92.539%, 49.163% 93.257%, 51.852% 93.689%, 54.509% 93.698%, 57.121% 93.142%, 59.675% 91.883%, 59.675% 91.883%, 63.088% 92.129%, 65.911% 92.868%, 68.287% 93.915%, 70.358% 95.085%, 72.265% 96.193%, 74.151% 97.054%, 76.158% 97.484%, 78.429% 97.298%, 81.105% 96.311%, 84.328% 94.338%, 84.328% 94.338%, 85.351% 94.099%, 86.342% 93.691%, 87.296% 93.179%, 88.209% 92.625%, 89.075% 92.096%, 89.889% 91.654%, 90.646% 91.365%, 91.341% 91.292%, 91.969% 91.5%, 92.526% 92.053%, 92.526% 92.053%, 92.598% 92.215%, 92.803% 92.643%, 93.119% 93.253%, 93.527% 93.959%, 94.007% 94.675%, 94.539% 95.317%, 95.103% 95.798%, 95.679% 96.035%, 96.246% 95.94%, 96.785% 95.43%, 96.785% 95.43%, 97.019% 94.099%, 97.16% 91.156%, 97.234% 86.917%, 97.267% 81.696%, 97.285% 75.81%, 97.315% 69.574%, 97.382% 63.304%, 97.513% 57.315%, 97.734% 51.922%, 98.071% 47.442%, 98.071% 47.442%, 98.457% 43.362%, 98.8% 39.034%, 99.087% 34.567%, 99.306% 30.07%, 99.445% 25.652%, 99.492% 21.424%, 99.434% 17.495%, 99.26% 13.974%, 98.957% 10.971%, 98.513% 8.595%);
	 transition: right 0.1s ease-in-out;
}
 .nop #primary-nav > div > ul > li:hover > a::before, .nop #primary-nav > div > ul > li > a:hover::before {
	 right: 0;
}
 .nop #primary-nav > div > ul > li + li:hover > a::before, .nop #primary-nav > div > ul > li + li > a::before {
	 clip-path: polygon(98.051% 52.558%, 98.051% 52.558%, 97.714% 48.07%, 97.493% 42.672%, 97.362% 36.681%, 97.295% 30.411%, 97.265% 24.177%, 97.247% 18.294%, 97.214% 13.077%, 97.14% 8.841%, 96.999% 5.9%, 96.765% 4.57%, 96.765% 4.57%, 96.226% 4.06%, 95.659% 3.965%, 95.083% 4.202%, 94.519% 4.683%, 93.987% 5.325%, 93.507% 6.041%, 93.099% 6.747%, 92.783% 7.357%, 92.578% 7.785%, 92.506% 7.947%, 92.506% 7.947%, 91.949% 8.499%, 91.321% 8.705%, 90.626% 8.629%, 89.869% 8.336%, 89.055% 7.891%, 88.189% 7.36%, 87.276% 6.806%, 86.322% 6.295%, 85.33% 5.892%, 84.308% 5.662%, 84.308% 5.662%, 81.085% 3.689%, 78.411% 2.702%, 76.142% 2.516%, 74.137% 2.946%, 72.252% 3.807%, 70.346% 4.915%, 68.276% 6.085%, 65.899% 7.132%, 63.072% 7.871%, 59.654% 8.117%, 59.654% 8.117%, 57.101% 6.859%, 54.489% 6.306%, 51.831% 6.317%, 49.143% 6.753%, 46.436% 7.474%, 43.725% 8.338%, 41.024% 9.207%, 38.346% 9.94%, 35.704% 10.396%, 33.112% 10.437%, 33.112% 10.437%, 30.694% 10.028%, 28.254% 9.233%, 25.803% 8.144%, 23.349% 6.851%, 20.901% 5.448%, 18.469% 4.027%, 16.062% 2.68%, 13.689% 1.498%, 11.359% 0.574%, 9.082% 0%, 9.082% 0%, 8.955% 0.003%, 8.599% 0.038%, 8.055% 0.113%, 7.361% 0.234%, 6.558% 0.409%, 5.684% 0.646%, 4.778% 0.951%, 3.882% 1.333%, 3.032% 1.798%, 2.27% 2.353%, 2.27% 2.353%, 2.094% 2.446%, 1.928% 2.562%, 1.772% 2.698%, 1.627% 2.856%, 1.492% 3.035%, 1.368% 3.235%, 1.255% 3.454%, 1.153% 3.694%, 1.063% 3.952%, 0.985% 4.229%, 0.985% 4.229%, 0.972% 4.28%, 0.96% 4.332%, 0.948% 4.383%, 0.936% 4.434%, 0.924% 4.485%, 0.912% 4.536%, 0.9% 4.587%, 0.888% 4.638%, 0.876% 4.69%, 0.864% 4.741%, 0.864% 4.741%, 0.836% 4.928%, 0.811% 5.121%, 0.79% 5.32%, 0.774% 5.524%, 0.761% 5.734%, 0.753% 5.949%, 0.749% 6.169%, 0.749% 6.393%, 0.754% 6.622%, 0.764% 6.855%, 0.764% 6.855%, 0.926% 9.926%, 1.16% 13.095%, 1.444% 16.264%, 1.758% 19.333%, 2.08% 22.203%, 2.39% 24.774%, 2.667% 26.947%, 2.89% 28.622%, 3.04% 29.7%, 3.094% 30.082%, 3.094% 30.082%, 2.735% 39.43%, 2.26% 46.999%, 1.724% 53.111%, 1.18% 58.086%, 0.683% 62.244%, 0.288% 65.908%, 0.048% 69.396%, 0.018% 73.032%, 0.252% 77.135%, 0.804% 82.026%, 0.804% 82.026%, 0.806% 82.161%, 0.814% 82.3%, 0.826% 82.442%, 0.844% 82.589%, 0.866% 82.738%, 0.895% 82.89%, 0.929% 83.046%, 0.968% 83.204%, 1.014% 83.364%, 1.065% 83.527%, 1.065% 83.527%, 1.192% 84.038%, 1.333% 84.509%, 1.488% 84.938%, 1.658% 85.325%, 1.843% 85.671%, 2.044% 85.975%, 2.261% 86.237%, 2.495% 86.456%, 2.746% 86.633%, 3.014% 86.767%, 3.014% 86.767%, 3.636% 87.479%, 4.347% 88.224%, 5.152% 89.003%, 6.053% 89.816%, 7.055% 90.663%, 8.161% 91.545%, 9.375% 92.463%, 10.701% 93.416%, 12.142% 94.404%, 13.703% 95.43%, 13.703% 95.43%, 13.703% 95.43%, 18.845% 98.105%, 23.87% 99.554%, 28.798% 100.014%, 33.651% 99.721%, 38.449% 98.909%, 43.215% 97.814%, 47.968% 96.673%, 52.731% 95.721%, 57.523% 95.194%, 62.367% 95.327%, 62.367% 95.327%, 66.481% 95.742%, 70.935% 96.112%, 75.559% 96.387%, 80.184% 96.518%, 84.642% 96.453%, 88.763% 96.143%, 92.377% 95.537%, 95.317% 94.584%, 97.412% 93.235%, 98.493% 91.439%, 98.493% 91.439%, 98.942% 89.054%, 99.248% 86.043%, 99.423% 82.517%, 99.48% 78.583%, 99.432% 74.352%, 99.292% 69.933%, 99.071% 65.434%, 98.782% 60.966%, 98.438% 56.638%, 98.051% 52.558%);
}
 .nop #primary-nav > div > ul > li + li + li:hover > a::before, .nop #primary-nav > div > ul > li + li + li > a::before {
	 clip-path: polygon(0.985% 91.405%, 0.985% 91.405%, 2.066% 93.193%, 4.161% 94.537%, 7.1% 95.487%, 10.715% 96.094%, 14.836% 96.406%, 19.293% 96.474%, 23.919% 96.346%, 28.543% 96.074%, 32.997% 95.707%, 37.111% 95.293%, 37.111% 95.293%, 41.954% 95.161%, 46.747% 95.69%, 51.509% 96.645%, 56.263% 97.79%, 61.028% 98.887%, 65.827% 99.701%, 70.68% 99.995%, 75.608% 99.533%, 80.632% 98.079%, 85.775% 95.396%, 85.775% 95.396%, 85.775% 95.396%, 87.335% 94.37%, 88.777% 93.381%, 90.102% 92.429%, 91.317% 91.511%, 92.423% 90.629%, 93.424% 89.782%, 94.326% 88.969%, 95.13% 88.19%, 95.842% 87.445%, 96.464% 86.733%, 96.464% 86.733%, 96.732% 86.607%, 96.983% 86.435%, 97.216% 86.218%, 97.433% 85.956%, 97.634% 85.65%, 97.819% 85.301%, 97.989% 84.91%, 98.144% 84.478%, 98.285% 84.005%, 98.413% 83.492%, 98.413% 83.492%, 98.464% 83.331%, 98.509% 83.173%, 98.549% 83.018%, 98.583% 82.866%, 98.611% 82.717%, 98.634% 82.569%, 98.652% 82.423%, 98.664% 82.279%, 98.671% 82.135%, 98.674% 81.992%, 98.674% 81.992%, 99.226% 77.101%, 99.46% 72.998%, 99.43% 69.363%, 99.191% 65.876%, 98.797% 62.214%, 98.302% 58.059%, 97.761% 53.089%, 97.228% 46.983%, 96.757% 39.421%, 96.403% 30.082%, 96.403% 30.082%, 96.458% 29.7%, 96.607% 28.622%, 96.831% 26.947%, 97.108% 24.774%, 97.418% 22.203%, 97.74% 19.333%, 98.054% 16.264%, 98.337% 13.095%, 98.571% 9.926%, 98.734% 6.855%, 98.734% 6.855%, 98.744% 6.614%, 98.749% 6.38%, 98.749% 6.154%, 98.745% 5.934%, 98.737% 5.721%, 98.724% 5.515%, 98.707% 5.314%, 98.687% 5.118%, 98.662% 4.927%, 98.634% 4.741%, 98.634% 4.741%, 98.627% 4.69%, 98.619% 4.638%, 98.61% 4.587%, 98.6% 4.536%, 98.589% 4.485%, 98.576% 4.434%, 98.562% 4.383%, 98.547% 4.332%, 98.531% 4.28%, 98.513% 4.229%, 98.513% 4.229%, 98.434% 3.952%, 98.343% 3.694%, 98.239% 3.454%, 98.124% 3.235%, 97.998% 3.035%, 97.862% 2.856%, 97.716% 2.698%, 97.562% 2.562%, 97.398% 2.446%, 97.227% 2.353%, 97.227% 2.353%, 96.46% 1.798%, 95.608% 1.333%, 94.71% 0.951%, 93.805% 0.646%, 92.932% 0.409%, 92.131% 0.234%, 91.439% 0.113%, 90.897% 0.038%, 90.543% 0.003%, 90.416% 0%, 90.416% 0%, 88.133% 0.574%, 85.8% 1.498%, 83.425% 2.679%, 81.017% 4.025%, 78.584% 5.444%, 76.135% 6.844%, 73.677% 8.132%, 71.221% 9.216%, 68.774% 10.003%, 66.345% 10.402%, 66.345% 10.402%, 63.754% 10.354%, 61.112% 9.893%, 58.434% 9.158%, 55.732% 8.289%, 53.021% 7.427%, 50.315% 6.709%, 47.626% 6.276%, 44.969% 6.268%, 42.357% 6.824%, 39.803% 8.083%, 39.803% 8.083%, 36.39% 7.837%, 33.567% 7.098%, 31.191% 6.051%, 29.12% 4.881%, 27.213% 3.773%, 25.326% 2.912%, 23.319% 2.482%, 21.049% 2.668%, 18.373% 3.655%, 15.15% 5.628%, 15.15% 5.628%, 14.127% 5.867%, 13.136% 6.274%, 12.182% 6.787%, 11.269% 7.341%, 10.403% 7.87%, 9.589% 8.312%, 8.832% 8.601%, 8.136% 8.674%, 7.508% 8.466%, 6.952% 7.913%, 6.952% 7.913%, 6.879% 7.751%, 6.675% 7.323%, 6.358% 6.713%, 5.95% 6.007%, 5.47% 5.291%, 4.938% 4.649%, 4.374% 4.167%, 3.799% 3.931%, 3.232% 4.026%, 2.692% 4.536%, 2.692% 4.536%, 2.458% 5.867%, 2.318% 8.81%, 2.244% 13.049%, 2.211% 18.27%, 2.193% 24.156%, 2.163% 30.392%, 2.096% 36.662%, 1.965% 42.651%, 1.744% 48.044%, 1.406% 52.524%, 1.406% 52.524%, 1.021% 56.604%, 0.68% 60.935%, 0.395% 65.407%, 0.179% 69.908%, 0.043% 74.331%, -0.001% 78.564%, 0.059% 82.498%, 0.236% 86.022%, 0.54% 89.028%, 0.985% 91.405%);
}
 .nop #primary-nav > div > ul > li + li + li + li:hover > a::before, .nop #primary-nav > div > ul > li + li + li + li > a::before {
	 clip-path: polygon(97.91% 62.483%, 97.91% 62.483%, 97.787% 55.338%, 97.957% 49.452%, 98.321% 44.511%, 98.782% 40.204%, 99.244% 36.217%, 99.609% 32.237%, 99.779% 27.951%, 99.658% 23.046%, 99.148% 17.21%, 98.151% 10.13%, 98.151% 10.13%, 98.178% 9.883%, 98.21% 9.634%, 98.248% 9.384%, 98.292% 9.131%, 98.342% 8.876%, 98.4% 8.619%, 98.466% 8.361%, 98.54% 8.1%, 98.622% 7.837%, 98.714% 7.572%, 98.714% 7.572%, 98.002% 5.041%, 96.543% 3.559%, 94.434% 2.901%, 91.77% 2.841%, 88.645% 3.155%, 85.156% 3.616%, 81.397% 3.998%, 77.465% 4.077%, 73.454% 3.627%, 69.46% 2.422%, 69.46% 2.422%, 65.461% 1.28%, 61.394% 1.057%, 57.306% 1.52%, 53.246% 2.439%, 49.262% 3.581%, 45.402% 4.715%, 41.714% 5.609%, 38.247% 6.032%, 35.049% 5.751%, 32.168% 4.536%, 32.168% 4.536%, 29.558% 3.005%, 26.842% 1.762%, 24.063% 0.833%, 21.263% 0.243%, 18.483% 0.017%, 15.764% 0.18%, 13.15% 0.756%, 10.682% 1.772%, 8.401% 3.251%, 6.349% 5.218%, 6.349% 5.218%, 4.908% 3.781%, 3.717% 3.717%, 2.753% 4.739%, 1.993% 6.559%, 1.414% 8.889%, 0.994% 11.441%, 0.709% 13.927%, 0.538% 16.059%, 0.456% 17.55%, 0.442% 18.111%, 0.442% 18.111%, 0.72% 21.568%, 1.101% 24.395%, 1.556% 26.757%, 2.056% 28.818%, 2.574% 30.743%, 3.081% 32.695%, 3.547% 34.839%, 3.945% 37.339%, 4.245% 40.36%, 4.42% 44.065%, 4.42% 44.065%, 4.338% 48.383%, 3.922% 52.647%, 3.275% 56.869%, 2.505% 61.06%, 1.715% 65.233%, 1.012% 69.398%, 0.5% 73.568%, 0.285% 77.754%, 0.472% 81.968%, 1.165% 86.221%, 1.165% 86.221%, 1.147% 86.526%, 1.13% 86.826%, 1.112% 87.123%, 1.096% 87.414%, 1.08% 87.7%, 1.066% 87.982%, 1.053% 88.258%, 1.041% 88.528%, 1.032% 88.793%, 1.025% 89.052%, 1.025% 89.052%, 0.931% 89.355%, 0.847% 89.647%, 0.776% 89.924%, 0.723% 90.18%, 0.691% 90.412%, 0.685% 90.614%, 0.709% 90.781%, 0.768% 90.909%, 0.865% 90.994%, 1.005% 91.03%, 1.005% 91.03%, 1.174% 93.859%, 1.572% 95.783%, 2.157% 96.93%, 2.887% 97.432%, 3.722% 97.416%, 4.621% 97.014%, 5.543% 96.355%, 6.447% 95.569%, 7.292% 94.785%, 8.037% 94.134%, 8.037% 94.134%, 7.677% 94.64%, 7.29% 95.107%, 6.89% 95.557%, 6.487% 96.01%, 6.093% 96.487%, 5.719% 97.009%, 5.378% 97.597%, 5.08% 98.272%, 4.837% 99.055%, 4.661% 99.966%, 4.661% 99.966%, 4.661% 99.966%, 8.173% 98.071%, 11.232% 96.353%, 13.978% 94.843%, 16.553% 93.568%, 19.098% 92.556%, 21.754% 91.838%, 24.661% 91.44%, 27.962% 91.393%, 31.797% 91.724%, 36.307% 92.462%, 36.307% 92.462%, 38.836% 92.923%, 42.124% 93.46%, 46.163% 94.064%, 50.942% 94.723%, 56.452% 95.43%, 62.684% 96.173%, 69.628% 96.943%, 77.274% 97.731%, 85.613% 98.526%, 94.635% 99.318%, 94.635% 99.318%, 96.463% 99.263%, 97.763% 98.205%, 98.609% 96.218%, 99.072% 93.375%, 99.226% 89.751%, 99.145% 85.419%, 98.899% 80.452%, 98.563% 74.925%, 98.209% 68.911%, 97.91% 62.483%);
}
 .nop .minimisedHeader #primary-nav #menu-navigation-principale > li.menu-item:hover > a, .nop .minimisedHeader #primary-nav #menu-navigation-principale > li.menu-item > a:hover {
	 color: var(--vin-blanc-1) !important;
}
 .nop .minimisedHeader #primary-nav > div > ul > li > a::before {
	 background-color: var(--foret-produit);
	 opacity: 0.95;
}
/* Fin du bonus d'hover */
 #primary-nav ul li.menu-item > i {
	 transition: transform 0.1s ease-in-out;
}
 #primary-nav ul li.menu-item:hover > i, #primary-nav ul li.menu-item:focus > i {
	/*transform: scale(1, 1.2);
	*/
}
/* Menu générale replié après scroll et event JS */
 #primary-nav {
	 transform: translateX(0);
	 transition: transform 0.3s ease-in-out;
}
 .folded #primary-nav {
	 transform: translateX(-24px);
}
 .folded #primary-nav > div > ul > li {
	 max-width: 12px;
}
 .folded #primary-nav > div > ul > li a {
	 max-width: 0px;
	 opacity: 0;
	 transition: max-width 1s ease-in-out, opacity 0.1s ease-in-out 0s;
}
 .folded #primary-nav > div > ul > li i {
	 color: var(--foret-produit);
}
/* Fond du sous menu déplié */
 #primary-nav ul li.menu-item ul.sub-menu {
	/* Identique à l'effet de header */
	 background-color: transparent !important;
}
 #primary-nav ul li.menu-item ul.sub-menu::before {
	 content: '';
	 position: absolute;
	 display: block;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 backdrop-filter: blur(3px);
	 -webkit-backdrop-filter: blur(3px);
	 mix-blend-mode: screen;
	 background-color: var(--vin-blanc-2-transparent);
	 opacity: 0.9;
}


/*
 10 - nicolas-delfaud.css @import "nd-clean-header-mobile.css";

*/
/* Effets visuels header avec couverture et photographie pour les MOBILES uniquement. */
 @media screen and (max-width: 991px) {
	/* On cache le gros logo sur mobile ≠ de page d'accueil */
	/* Photographie de couverture : */
	 #header-section, #footer-section {
		 max-width: 100vw;
		 width: 100%;
		 max-height: 100vh;
		 height: 100vh;
		 overflow: hidden;
	}
	 footer#footer-section { height: auto; max-height: 300vh; padding-top: 50px;}
	 body:not(.home) #header-section h1.logotypo {
		 display: none;
	}
	 body.home .filtreEffet.filtreHeader {
		 top: 0;
		 bottom: 0;
		 height: 100vh;
		 width: 100vw;
		 overflow: hidden;
	}
	 body.home #header-section {
		 flex-direction: column;
		 align-items: center;
		 justify-content: space-between;
		 flex-wrap: nowrap;
	}
	 body.home #header-section h1.logotypo {
		 padding-bottom: 25vh;
	}
	 .minimisedHeader .filtreEffet.filtreHeader {
		 /* height: 80px !important; */
		 /* min-height: 80px !important; */
		 /* bottom: auto !important; */
	}
	 .minimisedHeader .filtreEffet.filtreHeader.vinBlanc {
		 background-size: 1px 100%;
	}
	 .couverture {
		 position: relative;
		 display: block;
		 z-index: 11;
		 height: var(--header-height);
		 max-width: 100vw;
		 overflow: hidden;
	}
	 .couverture img {
		 position: absolute;
		 top: 50%;
		 left: 50%;
		 height: 100vh;
		 object-fit: cover;
		 transform: translate(-50%, -50%);
		 max-width: unset;
	}
	 .page-id-6 .couverture-in-post::before {
		/* Page d'accueil avec photo from WP */
		 background-position: 26% center;
		 background-size: auto 110vh;
	}
	 .page-id-1008 .couverture-in-post::before,
	 .page-id-70 .couverture-in-post::before {
		/* Page Le Domaine */
		 background-position: center center;
		 background-size: cover;
	}
	 .page-id-979 .couverture-in-post::before,
	 .page-id-141 .couverture-in-post::before {
		/* Page l'équipe */
		 background-position: 26% center;
	}
	 body .couverture-in-post.ac-index_thumbnail::before {
		/* Pour toute les pages qui n'ont pas de thumbnail : on charge celui de l'index ID 6 la class .ac-index_thumbnail indique cette situation */
		 background-position: 26% center;
		 background-size: auto 110vh;
	}
	 .postid-48 .couverture, .postid-61 .couverture, .postid-63 .couverture, .postid-115 .couverture, .postid-244 .couverture, .postid-246 .couverture, .postid-480 .couverture {
		/* Les cuvées */
		/* Ici le header et .couverture : pas d'image parce que l'image c'est la bouteille et nous on veut un paysage */
		 height: 70vh;
		 background-position: center center;
	}
}

/*
 11 - nicolas-delfaud.css @import "nd-clean-header-desktop.css";
*/

/* Effets visuels header avec couverture et photographie. */
.page-id-438 .couverture h1 em {
	opacity: 0.8;
}
@media screen and (max-width: 991px) {
	.page-id-438 .couverture h1 em { font-size: 60px; line-height: 45px; padding-bottom: 15px }
}
@media screen and (max-width: 767px) {
	.page-id-438 .couverture h1 em { font-size: 55px; }
}
@media screen and (max-width: 550px) {
	.page-id-438 .couverture h1 em { font-size: 45px; }
}
.page-id-1008 .couverture h1 em,
.page-id-70 .couverture h1 em {
	opacity: 0.8;
}
.page-id-1008 .couverture h1 span,
.page-id-70 .couverture h1 span {
	text-shadow: 3px 4px 4px black;
}
.page-id-979 .couverture,
.page-id-141 .couverture {
	/* Page l'équipe */
}
.page-id-979 .couverture h1 em,
.page-id-141 .couverture h1 em {
	opacity: 0.6;
}
/* Effets visuels header avec couverture et photographie pour les ORDINATEURS uniquement. */
 @media screen and (min-width: 992px) {
	 .couverture {
		 position: relative;
		 z-index: 11;
		 --bottom: 0;
		/* jQuery va modifier cette variable */
		 height: 60vh;
		 overflow: hidden;
		 display: grid;
		 align-content: center;
		 align-items: center;
		 justify-items: center;
		 background-repeat: no-repeat;

		 display: flex;
		 height: 80vh;
	}
	 .couverture img {
		 object-fit: cover;
		 max-width: none;
		 min-width: 100%;
		 min-height: 100%;
	}
	 body.home .couverture {
		 height: var(--header-height);
	}
	 body.home .couverture img {
		 height: var(--header-height);
	}
	 .page-id-6 .couverture img {
		/* Index */
	}

	 .page-id-1008 .couverture,
	 .page-id-70 .couverture {
		/* Histoire du domaine : deux ID car deux pages Original et Alternative pour présentation client */
	}
	 .page-id-1008 .couverture img,
	 .page-id-70 .couverture img {
		 margin-top: -4vh;
	}

	 .page-id-438 .couverture {
		/* Page travail : de la vigne au vin */
		height: 80vh;
	}
	 .page-id-438 .couverture img {
		 /* position: absolute; */
		 /* top: 50%; */
		 /* left: 50%; */
		 /* transform: translate(-50%, -32%); */
	}
	 .page-id-438 .couverture h1 em {
		 opacity: 0.6;
	}
	 .page-id-11 .couverture {
		/* Comment commander ? */
	}
	 .page-id-11 .couverture img {
		 position: absolute;
		 top: 0;
		 left: 50%;
		 transform: translate(-50%, 0);
	}
	 .page-id-11 .couverture h1 em {
		 opacity: 0.5;
	}
	 .page-id-2 .couverture {
		/* Contacter le domaine */
	}
	 .page-id-2 .couverture img {
		/*transform: translateY(19%);
		*/
	}
	 body .couverture.ac-index_thumbnail {
		/* Pour toute les pages qui n'ont pas de thumbnail : on charge celui de l'index ID 6 la class .ac-index_thumbnail indique cette situation */
	}
	 .postid-48 .couverture, .postid-61 .couverture, .postid-63 .couverture, .postid-115 .couverture, .postid-244 .couverture, .postid-246 .couverture, .postid-480 .couverture {
		/* Les cuvées */
		/* Ici le header et .couverture : pas d'image parce que l'image c'est la bouteille et nous on veut un paysage */
		/*  height: 70vh; */
		 background-position: center center;
	}
}
 @media screen and (min-width: 1200px) {
	 .couverture {
		 /* height: 60vh; */
	}
}
 @media screen and (min-width: 1600px) {
	/*height: 60vh;
	*/
	 .couverture {
		 background-size: cover;
	}
}


/*
 12 - nicolas-delfaud.css @import "nd-coupe-topographique.html.css";

*/
/* Collection de couleurs issues de mix-blend-mode multiply @ .5 */
 :root {

	/* Choix en rapport avec les photos du bas de page */
	/*  --couleur-1: #845100; */
	/*  --couleur-2: #784a00; */
	/*  --couleur-3: #6b4200; */
	/*  --couleur-4: #5e3a00; */
	/*  --couleur-5: #523200; */
	/*  --couleur-6: #452900; */
	/*  --couleur-7: #382300; */
	 --legendes-color: var(--vin-blanc-1);
	 --legendes-color: whitesmoke;

	 --couleur-1: #641b1b;
	 --couleur-2: #581818;
	 --couleur-3: #471313;
	 --couleur-4: #370f0f;
	 --couleur-5: #2c0c0c;
	 --couleur-6: #160606;
	 --couleur-7: #060202;
 }
 #coupeContainer {
	 position: relative;
	 max-width: 100%;
}
 body.page-id-433 #coupeContainer + .wp-block-group {
	 padding: 50px 0 0 0;
	 max-width: 100%;
	 background-color: var(--couleur-1);
}
 body.page-id-433 #coupeContainer + .wp-block-group h2, body.page-id-433 #coupeContainer + .wp-block-group p {
	 max-width: 60%;
	 margin-left: auto;
	 margin-right: auto;
	 color: whitesmoke;
	 text-shadow: none !important;
	 opacity: 0.9;
}
 body.page-id-433 #coupeContainer + .wp-block-group h2,
 body.page-id-433 #coupeContainer + .wp-block-group p {
	 font-weight: 400;
	 color: whitesmoke;
}
  body.page-id-433 #coupeContainer + .wp-block-group figure {
	margin-bottom: 0;
}
 body.page-id-433 #coupeContainer + div, body.page-id-433 #coupeContainer + div + div, body.page-id-433 #coupeContainer + div + div + div, body.page-id-433 #coupeContainer + .wp-block-spacer, body.page-id-433 #coupeContainer + .wp-block-buttons, body.page-id-433 footer#footer-section, body.page-id-433 footer#footer-section .certifications {
	 background-color: var(--couleur-1);
}
 body.page-id-433 footer#footer-section .certifications h4, body.page-id-433 footer#footer-section .certifications p {
	 color: whitesmoke;
}
 body.page-id-433 .wp-block-buttons a.wp-block-button__link {
	 background-color: #ead08b !important;
	//color: #ead08b !important;
	 color: var(--gamay) !important;
}
 body.page-id-433 #coupeContainer + div,
 body.page-id-433 #coupeContainer + div + div,
 body.page-id-433 #coupeContainer + div + div + div,
 body.page-id-433 #coupeContainer + div + div + div + div {
	 max-width: 100%;
	 background-color: var(--couleur-1);
 }
 #coupe {
	 max-width: 100%;
	 //aspect-ratio: 16/5;
	 height: 32vw;
	 position: relative;
	 min-width: 400px;
	 width: 100%;
	 display: block;
	 margin: auto;
	/*overflow: hidden;
	*/
	 --inner-height: 95%;
	 --bottom: 0;
}
@media screen and (min-width: 1400px) {
	#coupeContainer {
		max-width: 1200px;
		width: 1200px;
		height: 500px;
		display: block;
	}
	#coupe {
		max-width: 1200px;
		height: 390px;
	}
	#coupeContainer::before {
		content: "";
		display: block;
		position: absolute;
		top: -70px; right: -10px; bottom: -30px; left: -10px;
		border: 10px solid white;
		box-shadow: 1px 1px 10px rgba(0,0,0,.2);
		background-image: linear-gradient(to bottom, white 0%, whitesmoke 100%);
		background-attachment: fixed;
	}
	#vignesPreContainer span {
		background-image: linear-gradient(to bottom, white 0%, whitesmoke 100%);
		background-attachment: fixed;
	}
}
/* Variables modifiées par jQuery pour l'effet de parallax */
 .courbe {
	 position: absolute;
	 bottom: -1px;
	 left: 0;
	 right: 0;
	 display: flex;
	 justify-content: center;
	 align-items: flex-end;
	 height: 100%;
}
 .courbe svg {
	/* position: relative;	*/
	display: block;
	 height: 100%;
 }
 .courbe.courbe-1 {
	 bottom: var(--bottom);
}
 .courbe.courbe-1 svg .st0 {
	 fill: var(--couleur-7);
}
 .courbe.courbe-2 {
clip-path: polygon( 100% 74.467%,100% 74.467%,99.353% 74.339%,98.545% 74.201%,97.617% 74.057%,96.609% 73.915%,95.559% 73.779%,94.509% 73.657%,93.499% 73.553%,92.568% 73.475%,91.756% 73.427%,91.103% 73.417%,91.103% 73.417%,90.163% 73.451%,89.221% 73.517%,88.301% 73.608%,87.426% 73.714%,86.62% 73.827%,85.907% 73.939%,85.311% 74.04%,84.855% 74.123%,84.565% 74.179%,84.463% 74.2%,84.463% 74.2%,84.425% 74.217%,84.312% 74.259%,84.125% 74.313%,83.866% 74.365%,83.535% 74.404%,83.134% 74.416%,82.665% 74.388%,82.128% 74.307%,81.524% 74.16%,80.856% 73.933%,80.856% 73.933%,80.061% 73.435%,79.329% 72.79%,78.632% 72.023%,77.941% 71.163%,77.226% 70.238%,76.458% 69.273%,75.609% 68.296%,74.649% 67.334%,73.55% 66.416%,72.282% 65.567%,72.282% 65.567%,71.259% 64.946%,70.115% 64.223%,68.886% 63.414%,67.609% 62.534%,66.321% 61.598%,65.059% 60.621%,63.861% 59.62%,62.762% 58.608%,61.801% 57.602%,61.013% 56.617%,61.013% 56.617%,60.216% 55.5%,59.37% 54.33%,58.487% 53.124%,57.578% 51.9%,56.656% 50.675%,55.731% 49.466%,54.815% 48.29%,53.919% 47.164%,53.056% 46.106%,52.236% 45.133%,52.236% 45.133%,51.065% 43.479%,49.818% 41.674%,48.521% 39.777%,47.2% 37.844%,45.882% 35.933%,44.593% 34.103%,43.359% 32.41%,42.206% 30.913%,41.16% 29.668%,40.248% 28.733%,40.248% 28.733%,39.41% 27.89%,38.572% 26.92%,37.741% 25.87%,36.923% 24.787%,36.125% 23.719%,35.353% 22.711%,34.613% 21.81%,33.913% 21.062%,33.257% 20.516%,32.654% 20.217%,32.654% 20.217%,32.252% 20.134%,31.873% 20.113%,31.517% 20.147%,31.183% 20.23%,30.872% 20.356%,30.585% 20.52%,30.321% 20.716%,30.081% 20.937%,29.865% 21.178%,29.673% 21.433%,29.673% 21.433%,29.426% 21.78%,29.194% 22.083%,28.971% 22.348%,28.75% 22.58%,28.526% 22.785%,28.292% 22.969%,28.041% 23.137%,27.768% 23.295%,27.466% 23.447%,27.129% 23.6%,27.129% 23.6%,26.867% 23.294%,26.586% 22.977%,26.287% 22.65%,25.971% 22.313%,25.64% 21.967%,25.296% 21.613%,24.938% 21.252%,24.569% 20.884%,24.191% 20.511%,23.804% 20.133%,23.804% 20.133%,23.487% 19.828%,23.162% 19.522%,22.828% 19.216%,22.489% 18.911%,22.147% 18.606%,21.803% 18.303%,21.459% 18.002%,21.117% 17.704%,20.779% 17.409%,20.447% 17.117%,20.447% 17.117%,19.281% 16.054%,18.029% 14.887%,16.724% 13.66%,15.402% 12.418%,14.097% 11.206%,12.842% 10.07%,11.673% 9.055%,10.623% 8.205%,9.726% 7.566%,9.017% 7.183%,9.017% 7.183%,8.369% 7.055%,7.793% 7.192%,7.282% 7.548%,6.826% 8.079%,6.415% 8.74%,6.042% 9.486%,5.696% 10.273%,5.368% 11.057%,5.05% 11.792%,4.733% 12.433%,4.733% 12.433%,4.395% 13.044%,4.022% 13.714%,3.614% 14.41%,3.172% 15.099%,2.695% 15.75%,2.185% 16.329%,1.64% 16.802%,1.061% 17.138%,0.448% 17.304%,-0.198% 17.267%,-0.198% 100%,100% 100%,100% 74.467% );	 background-color: var(--couleur-6);
	 height: var(--inner-height);
}
 .courbe.courbe-3 {
	 bottom: var(--bottom);
}
 .courbe.courbe-3 svg .st0 {
	 fill: var(--couleur-5);
}
 .courbe.courbe-4 {
	 clip-path: polygon(100% 76.217%, 100% 76.217%, 99.773% 76.19%, 99.153% 76.117%, 98.233% 76.01%, 97.107% 75.881%, 95.865% 75.742%, 94.602% 75.605%, 93.409% 75.482%, 92.38% 75.385%, 91.608% 75.326%, 91.183% 75.317%, 91.183% 75.317%, 90.817% 75.335%, 90.202% 75.351%, 89.405% 75.364%, 88.495% 75.375%, 87.538% 75.383%, 86.604% 75.39%, 85.759% 75.395%, 85.072% 75.398%, 84.61% 75.399%, 84.441% 75.4%, 84.441% 75.4%, 84.403% 75.419%, 84.289% 75.467%, 84.102% 75.531%, 83.842% 75.597%, 83.511% 75.654%, 83.11% 75.688%, 82.641% 75.686%, 82.104% 75.635%, 81.502% 75.522%, 80.835% 75.333%, 80.835% 75.333%, 80.039% 74.977%, 79.307% 74.477%, 78.609% 73.86%, 77.918% 73.155%, 77.204% 72.39%, 76.437% 71.592%, 75.588% 70.789%, 74.629% 70.01%, 73.531% 69.282%, 72.263% 68.633%, 72.263% 68.633%, 71.241% 68.171%, 70.097% 67.633%, 68.869% 67.03%, 67.593% 66.373%, 66.306% 65.675%, 65.045% 64.947%, 63.846% 64.2%, 62.748% 63.447%, 61.786% 62.699%, 60.997% 61.967%, 60.997% 61.967%, 60.2% 61.133%, 59.354% 60.26%, 58.472% 59.36%, 57.563% 58.447%, 56.641% 57.533%, 55.716% 56.631%, 54.801% 55.754%, 53.905% 54.915%, 53.042% 54.126%, 52.222% 53.4%, 52.222% 53.4%, 51.052% 52.169%, 49.805% 50.825%, 48.508% 49.412%, 47.188% 47.971%, 45.87% 46.546%, 44.582% 45.18%, 43.348% 43.916%, 42.195% 42.797%, 41.149% 41.867%, 40.238% 41.167%, 40.238% 41.167%, 39.409% 40.55%, 38.598% 39.857%, 37.804% 39.115%, 37.031% 38.349%, 36.278% 37.585%, 35.548% 36.85%, 34.843% 36.17%, 34.163% 35.57%, 33.51% 35.077%, 32.885% 34.717%, 32.885% 34.717%, 32.508% 34.557%, 32.167% 34.443%, 31.856% 34.37%, 31.573% 34.332%, 31.313% 34.323%, 31.073% 34.337%, 30.848% 34.37%, 30.636% 34.414%, 30.432% 34.465%, 30.233% 34.517%, 30.233% 34.517%, 29.778% 34.642%, 29.273% 34.781%, 28.719% 34.92%, 28.117% 35.048%, 27.466% 35.152%, 26.768% 35.221%, 26.023% 35.242%, 25.231% 35.204%, 24.394% 35.094%, 23.511% 34.9%, 23.511% 34.9%, 23.388% 34.887%, 23.262% 34.866%, 23.131% 34.839%, 22.997% 34.806%, 22.858% 34.767%, 22.717% 34.721%, 22.572% 34.67%, 22.424% 34.613%, 22.273% 34.551%, 22.12% 34.483%, 22.12% 34.483%, 21.703% 34.206%, 21.147% 33.862%, 20.469% 33.448%, 19.688% 32.959%, 18.822% 32.392%, 17.888% 31.743%, 16.905% 31.008%, 15.89% 30.183%, 14.863% 29.265%, 13.84% 28.25%, 13.84% 28.25%, 13.243% 27.689%, 12.666% 27.15%, 12.112% 26.638%, 11.584% 26.159%, 11.085% 25.719%, 10.62% 25.323%, 10.19% 24.978%, 9.801% 24.688%, 9.455% 24.461%, 9.155% 24.3%, 9.155% 24.3%, 9.126% 24.286%, 9.097% 24.272%, 9.068% 24.26%, 9.039% 24.248%, 9.011% 24.238%, 8.983% 24.228%, 8.955% 24.22%, 8.928% 24.212%, 8.901% 24.206%, 8.874% 24.2%, 8.874% 24.2%, 8.709% 24.162%, 8.549% 24.137%, 8.394% 24.125%, 8.244% 24.126%, 8.098% 24.138%, 7.956% 24.16%, 7.818% 24.194%, 7.685% 24.237%, 7.556% 24.289%, 7.431% 24.35%, 7.431% 24.35%, 7.362% 24.392%, 7.272% 24.439%, 7.164% 24.49%, 7.045% 24.545%, 6.922% 24.602%, 6.8% 24.662%, 6.684% 24.724%, 6.582% 24.787%, 6.499% 24.852%, 6.441% 24.917%, 6.441% 24.917%, 6.256% 25.082%, 6.077% 25.254%, 5.904% 25.431%, 5.735% 25.608%, 5.57% 25.783%, 5.408% 25.952%, 5.25% 26.112%, 5.095% 26.259%, 4.941% 26.389%, 4.789% 26.5%, 4.789% 26.5%, 4.336% 26.781%, 3.925% 27.011%, 3.551% 27.198%, 3.211% 27.35%, 2.903% 27.475%, 2.623% 27.582%, 2.369% 27.68%, 2.136% 27.777%, 1.922% 27.881%, 1.725% 28%, 1.725% 28%, 1.493% 27.947%, 1.281% 27.925%, 1.086% 27.926%, 0.902% 27.943%, 0.726% 27.971%, 0.553% 28.001%, 0.378% 28.028%, 0.198% 28.044%, 0.007% 28.042%, -0.198% 28.017%, -0.198% 100%, 100% 100%, 100% 76.217%, 100% 76.217%);
	 background-color: var(--couleur-4);
	 height: var(--inner-height);
}
 .courbe.courbe-5 {
	 bottom: var(--bottom);
}
 .courbe.courbe-5 svg .st0 {
	 fill: var(--couleur-3);
}
 .courbe.courbe-6 {
	 clip-path: polygon(100% 77.944%, 84.451% 76.578%, 84.451% 76.578%, 84.413% 76.583%, 84.3% 76.592%, 84.113% 76.603%, 83.854% 76.609%, 83.524% 76.608%, 83.123% 76.593%, 82.654% 76.56%, 82.117% 76.506%, 81.513% 76.425%, 80.845% 76.312%, 80.845% 76.312%, 80.049% 76.097%, 79.317% 75.777%, 78.62% 75.373%, 77.928% 74.908%, 77.214% 74.402%, 76.447% 73.878%, 75.599% 73.357%, 74.64% 72.861%, 73.541% 72.412%, 72.273% 72.031%, 72.273% 72.031%, 71.251% 71.767%, 70.108% 71.46%, 68.88% 71.116%, 67.603% 70.743%, 66.316% 70.346%, 65.055% 69.933%, 63.857% 69.51%, 62.758% 69.084%, 61.796% 68.661%, 61.008% 68.249%, 61.008% 68.249%, 60.211% 67.772%, 59.365% 67.275%, 58.482% 66.765%, 57.574% 66.248%, 56.652% 65.732%, 55.727% 65.223%, 54.811% 64.729%, 53.916% 64.256%, 53.053% 63.811%, 52.233% 63.402%, 52.233% 63.402%, 51.062% 62.702%, 49.815% 61.939%, 48.519% 61.137%, 47.199% 60.319%, 45.881% 59.512%, 44.592% 58.738%, 43.358% 58.023%, 42.205% 57.391%, 41.16% 56.866%, 40.248% 56.472%, 40.248% 56.472%, 39.423% 56.135%, 38.619% 55.779%, 37.837% 55.408%, 37.075% 55.027%, 36.333% 54.641%, 35.61% 54.256%, 34.906% 53.877%, 34.219% 53.508%, 33.549% 53.156%, 32.896% 52.824%, 32.896% 52.824%, 32.207% 52.542%, 31.441% 52.343%, 30.607% 52.22%, 29.711% 52.166%, 28.763% 52.174%, 27.771% 52.238%, 26.743% 52.352%, 25.686% 52.509%, 24.609% 52.701%, 23.521% 52.924%, 23.521% 52.924%, 23.398% 52.946%, 23.27% 52.964%, 23.139% 52.977%, 23.005% 52.986%, 22.867% 52.99%, 22.727% 52.991%, 22.583% 52.987%, 22.437% 52.981%, 22.287% 52.97%, 22.135% 52.957%, 22.135% 52.957%, 22.013% 52.941%, 21.663% 52.884%, 21.113% 52.771%, 20.389% 52.587%, 19.518% 52.32%, 18.528% 51.953%, 17.445% 51.473%, 16.296% 50.865%, 15.108% 50.115%, 13.908% 49.209%, 13.908% 49.209%, 13.274% 48.764%, 12.663% 48.335%, 12.077% 47.927%, 11.52% 47.546%, 10.997% 47.197%, 10.511% 46.888%, 10.066% 46.624%, 9.667% 46.41%, 9.317% 46.254%, 9.02% 46.16%, 9.02% 46.16%, 8.858% 46.129%, 8.701% 46.106%, 8.548% 46.09%, 8.399% 46.082%, 8.255% 46.081%, 8.115% 46.087%, 7.979% 46.1%, 7.846% 46.119%, 7.717% 46.145%, 7.592% 46.177%, 6.586% 46.227%, 6.586% 46.227%, 5.497% 46.398%, 4.573% 46.475%, 3.804% 46.475%, 3.176% 46.416%, 2.679% 46.316%, 2.299% 46.195%, 2.025% 46.068%, 1.844% 45.956%, 1.745% 45.875%, 1.714% 45.844%, 1.714% 45.844%, 1.431% 45.684%, 1.193% 45.577%, 0.99% 45.515%, 0.813% 45.488%, 0.655% 45.486%, 0.505% 45.5%, 0.355% 45.52%, 0.196% 45.538%, 0.02% 45.543%, 0% 45.527%, 0% 100%, 100% 100%, 100% 77.944%, 100% 77.944%);
	 background-color: var(--couleur-2);
	 height: var(--inner-height);
}
 .courbe.courbe-7 {
	 clip-path: polygon(-0.172% 57.295%, -0.172% 57.295%, 0.031% 57.306%, 0.207% 57.303%, 0.365% 57.292%, 0.515% 57.279%, 0.665% 57.27%, 0.824% 57.271%, 1% 57.288%, 1.203% 57.327%, 1.442% 57.394%, 1.725% 57.495%, 1.725% 57.495%, 1.755% 57.514%, 1.855% 57.564%, 2.035% 57.633%, 2.309% 57.711%, 2.689% 57.786%, 3.186% 57.847%, 3.814% 57.883%, 4.583% 57.882%, 5.506% 57.834%, 6.596% 57.727%, 7.602% 57.694%, 7.602% 57.694%, 7.727% 57.676%, 7.856% 57.661%, 7.988% 57.649%, 8.125% 57.642%, 8.265% 57.638%, 8.409% 57.639%, 8.558% 57.645%, 8.71% 57.656%, 8.868% 57.672%, 9.029% 57.694%, 9.029% 57.694%, 9.326% 57.754%, 9.676% 57.851%, 10.075% 57.983%, 10.52% 58.145%, 11.006% 58.335%, 11.529% 58.548%, 12.086% 58.782%, 12.672% 59.034%, 13.284% 59.299%, 13.917% 59.574%, 13.917% 59.574%, 15.117% 60.132%, 16.305% 60.594%, 17.454% 60.969%, 18.537% 61.265%, 19.527% 61.491%, 20.397% 61.657%, 21.121% 61.771%, 21.671% 61.841%, 22.021% 61.877%, 22.143% 61.887%, 22.143% 61.887%, 22.297% 61.896%, 22.447% 61.902%, 22.594% 61.907%, 22.737% 61.909%, 22.877% 61.909%, 23.015% 61.907%, 23.148% 61.902%, 23.279% 61.894%, 23.406% 61.883%, 23.529% 61.87%, 23.529% 61.87%, 24.616% 61.733%, 25.692% 61.614%, 26.748% 61.517%, 27.776% 61.446%, 28.769% 61.406%, 29.717% 61.4%, 30.613% 61.433%, 31.448% 61.508%, 32.214% 61.63%, 32.903% 61.803%, 32.903% 61.803%, 33.557% 62.01%, 34.228% 62.23%, 34.915% 62.46%, 35.619% 62.696%, 36.342% 62.935%, 37.084% 63.174%, 37.845% 63.409%, 38.626% 63.639%, 39.429% 63.859%, 40.254% 64.066%, 40.254% 64.066%, 41.166% 64.311%, 42.211% 64.637%, 43.364% 65.028%, 44.598% 65.47%, 45.887% 65.948%, 47.204% 66.446%, 48.524% 66.949%, 49.821% 67.443%, 51.067% 67.912%, 52.238% 68.341%, 52.238% 68.341%, 53.057% 68.594%, 53.921% 68.868%, 54.816% 69.161%, 55.731% 69.467%, 56.656% 69.782%, 57.578% 70.102%, 58.486% 70.422%, 59.369% 70.737%, 60.215% 71.043%, 61.012% 71.336%, 61.012% 71.336%, 61.8% 71.59%, 62.763% 71.851%, 63.862% 72.115%, 65.06% 72.376%, 66.322% 72.631%, 67.609% 72.876%, 68.885% 73.106%, 70.113% 73.317%, 71.256% 73.505%, 72.276% 73.665%, 72.276% 73.665%, 73.544% 73.918%, 74.643% 74.244%, 75.602% 74.623%, 76.451% 75.033%, 77.218% 75.453%, 77.933% 75.864%, 78.624% 76.244%, 79.321% 76.573%, 80.052% 76.829%, 80.847% 76.992%, 80.847% 76.992%, 81.515% 77.051%, 82.118% 77.089%, 82.655% 77.109%, 83.125% 77.116%, 83.525% 77.113%, 83.856% 77.102%, 84.115% 77.088%, 84.302% 77.074%, 84.415% 77.063%, 84.453% 77.059%, 100% 78.706%, 100% 100%, 0% 100%, 0% 57.295%);
	 background-color: var(--couleur-1);
	 height: var(--inner-height);
}
/* Les légendes et traits des niveaux */
 #niveaux {
	 position: absolute;
	 width: 100%;
	 bottom: 0;
	 padding-top: 2%;
	 padding-bottom: 7%;
	 height: var(--inner-height);
	 height: 108%;
	 display: flex;
	 flex-direction: column;
	 justify-content: space-around;
}
 #niveaux p {
	 margin: 0;
	 max-height: 0;
	 line-height: 0%;
	 font-size: 10px;
	 text-align: center;
	 border-bottom: 1px dotted black;
	 opacity: 0.3;
}
 #niveaux p span {
	 background-color: whitesmoke;
}
 #niveaux p.bigger {
	 border-bottom: 1px solid black;
	 font-weight: 400;
	 opacity: 0.5;
}
 #lieuxContainer {
	 position: absolute;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 height: var(--inner-height);
}
 .lieux {
	 position: absolute;
	 display: block;
	 bottom: 0%;
	 text-align: center;
}
 .lieux-libelle {
	 bottom: 5%;
	 font-size: 14px;
	 color: var(--legendes-color);
}
 .lieux-dot {
	 position: absolute;
	 width: 20px;
	 height: 20px;
	 border-radius: 50%;
	 background-color: var(--legendes-color);
	 margin-left: -10px;
	 margin-bottom: 20px;
}
 .lieux-trait {
	 position: absolute;
	 width: 1px;
	 transform: translateX(-50%);
	 border-left: 1px solid var(--legendes-color);
	 bottom: calc(5% + 30px);
}
 .vauxPre {
	 left: 5%;
}
 .vauxVerze {
	 left: 17%;
}
 .leMont {
	 left: 27%;
}
 .chanteperdrix {
	 left: 40%;
}
 .nosTerres {
	 left: 50%;
	 display: none !important;
}
 .villagedeVerze {
	 left: 90%;
}
 .lieux-libelle {
	 transform: translateX(-50%);
}
 .lieux-dot.vauxPre, .lieux-trait.vauxPre {
	 top: 40%;
}
 .lieux-dot.vauxVerze, .lieux-trait.vauxVerze {
	 top: 47%;
}
 .lieux-dot.leMont, .lieux-trait.leMont {
	 top: 31%;
}
 .lieux-dot.chanteperdrix, .lieux-trait.chanteperdrix {
	 top: 30%;
}
 .lieux-dot.nosTerres, .lieux-trait.nosTerres {
	 top: 43%;
}
 .lieux-dot.villagedeVerze, .lieux-trait.villagedeVerze {
	 top: 75%;
}
 .lieux-libelle.villagedeVerze {
	 left: 80%;
	 right: 0;
	 width: auto;
	 transform: none;
}
 #vignesContainer {
	 position: absolute;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 height: var(--inner-height);
}
 .vigne {
	 position: absolute;
	 display: block;
	 color: var(--la-boisserole-accent);
}
 .vigne-dot {
	 position: absolute;
	 width: 30px;
	 height: 30px;
	 border-radius: 50%;
	 background-color: var(--la-boisserole-accent);
	 margin-left: -15px;
	 z-index: 1;
}
 .vigne-trait {
	 position: absolute;
	 transform-origin: 50% 100%;
	 border-right: 1px solid var(--la-boisserole-accent);
	 border-bottom: 1px solid var(--la-boisserole-accent);
}
 .vignes450.vigne-trait, .vignes450.vigne-dot {
	 bottom: 86%;
	 left: 15%;
}
 .vignes420.vigne-trait, .vignes420.vigne-dot {
	 bottom: 78%;
	 left: 23%;
}
 .vignes380.vigne-trait, .vignes380.vigne-dot {
	 bottom: 68%;
	 left: 40%;
}
 .vignes450.vigne-trait {
	 height: 100px;
	 right: calc(50% + 20vw);
	 transform: translateX(0%) translateY(-15px);
	 border-radius: 0 0 100% 0;
}
 .vignes420.vigne-trait {
	 height: 100px;
	 right: calc(50% + 0vw);
	 transform: translateX(0%) translateY(-15px);
	 border-radius: 0 0 100% 0;
}
 .vignes380.vigne-trait {
	 height: 140px;
	 right: calc(50% - 20vw);
	 transform: translateX(0%) translateY(-15px);
	 border-radius: 0 0 100% 0;
}
 #vignesPreContainer {
	 position: relative;
	 z-index: 1;
	 max-width: 60vw;
	 width: 100%;
	 margin: auto auto 25px auto;
	 display: flex;
	 justify-content: center;
	 text-align: center;
}
#vignesPreContainer a {
	text-decoration: underline;
	/* text-decoration-style: wavy; */
	text-decoration-thickness: 1px;
	text-decoration-color: silver;
}

 #vignesPreContainer span {
	 padding: 0 15px;
	 width: 100%;
	 background-color: whitesmoke;
}
/* Version téléphone */
 @media screen and (max-width: 991px) {
	/*margin-left: calc(var(--bs-gutter-x) * -.5);
	*/
	/*margin-right: calc(var(--bs-gutter-x) * -.5);
	*/
	 #vignesPreContainer {
		 max-width: 100%;
		 align-items: self-end;
		 align-items: center;
	}
	 #niveaux {
		 height: 68%;
		 bottom: 25%;
	}
	 #niveaux p {
		 opacity: 0;
		 padding-left: 33%;
	}
	 #niveaux p.bigger {
		 border-bottom: 1px dotted black;
	}
	 .vigne-dot {
		 position: absolute;
		 width: 16px;
		 height: 16px;
		 border-radius: 50%;
		 background-color: var(--la-boisserole-accent);
		 margin-left: -8px;
		 z-index: 1;
	}
	 .vignes450.vigne-trait {
		 right: 75%;
		 bottom: 83%;
	}
	 .vignes420.vigne-trait {
		 right: 45%;
		 bottom: 83%;
	}
	 .vignes380.vigne-trait {
		 right: 25%;
		 bottom: 72%;
	}
	 #coupe {
		/* Ici ! */
		 min-width: 0;
		 aspect-ratio: 2;
	}
	 .courbe.courbe-1, .courbe.courbe-3, .courbe.courbe-5 {
		 aspect-ratio: 2;
		 align-items: center;
	}
	 .nosTerres {
		 display: none;
	}
	 .chanteperdrix {
		 display: none;
	}
	 .lieux-dot {
		 width: 10px;
		 height: 10px;
		 margin-left: -5px;
	}
	 .lieux-trait {
		 bottom: 10%;
	}
	 .lieux-libelle {
		 text-align: left;
		 bottom: -10px;
		 background-color: var(--couleur-1);
	}
	 .lieux-libelle.vauxPre {
		 left: 10%;
	}
	 .lieux-libelle.vauxVerze {
		 bottom: 10%;
	}
	 .lieux-libelle.leMont {
		 left: 35%;
	}
	 .lieux-libelle.villagedeVerze {
		 left: 50%;
		 right: 5%;
		 text-align: right;
		 white-space: nowrap;
	}
	 .lieux-dot.villagedeVerze, .lieux-trait.villagedeVerze {
		 top: 65%;
	}
	 .vauxVerze {
		 z-index: 1;
	}
	 body.page-id-433 #coupeContainer + .wp-block-group > * {
		 max-width: 100%;
	}
}

/*
Contenu de nicolas-delfaud.css
 */
:root {
	 --big-blocs-with: 100%;
	 --big-blocs-minwith: 100%;
	 --debug-border: 1px solid red;
	 --bg-color: #f2f0eb;
	 --vin-blanc-1: #eee5c8;
	 --vin-blanc-2: #f3daa2;
	 --vin-blanc-2-transparent: rgba(243, 218, 162, .7);
	 --vin-blanc-3: #dbbd77;
	 --foret-produit: #4b471a;
	 --foret-produit: #353212;
	 --btn-backgd: #914a19;
	 --btn-backgd: #62707e;
	 --marron: #594242;
	 --rouge: #2b0000;
	 --footer-height-overrided-by-js: 80vh;
}
/*#wpadminbar {
	*/
	/* position: fixed;
	*/
	/* display: none !important;
	*/
	/*
}
*/
/*body.ac.admin-bar {
	*/
	/* scroll-padding-top: 0;
	*/
	/*
}
*/
 body {
	 overflow: unset;
	/* Créé du décalage à debbugger */
}
/* Quelques règles temporaires */
 .alertWidth {
	 border: 1px solid red !important;
	 box-shadow: inset 0px 0px 50px red !important;
}
 .draft-group, .draft-infographie, .draft-map {
	 border: 1px dashed var(--rouge);
	 margin-bottom: 15px;
}
 .ac #magicFooter form.nebula-search, .ac #breadcrumb-section {
	 display: none;
}
 pre.wp-block-code {
	 position: absolute;
	 top: -15px;
	 left: 50%;
	 transform: translateX(-50%) rotate(-1deg);
	 background-color: var(--foret-produit);
	 color: whitesmoke;
}
 pre.wp-block-code code {
	 background-color: var(--foret-produit);
	 color: whitesmoke;
	 padding: 10px 15px;
}
 em#debugBox, em#debugBox-n2 {
	 color: white !important;
	 display: block;
	 position: fixed;
	 top: 0;
	 left: 50%;
	 opacity: 1;
	 background-color: red !important;
	 z-index: 100000;
}
 em#debugBox-n2 {
	 left: 0 !important;
	 background-color: darkgreen !important;
}
 .couverture section {
	 position: absolute;
	 bottom: 0;
	 left: 15%;
	 max-width: calc(100% - 15%);
	 z-index: 12;
	/* Très utile si pas d'image à la une.couverture */
	/*padding-top: 200px;
	*/
}
 @media screen and (min-width: 992px) {
	 .couverture section {
		 position: absolute;
		 bottom: 0;
		 left: 50%;
		 transform: translateX(-50%);
		 max-width: 800px;
		 z-index: 12;
		/* Très utile si pas d'image à la une.couverture */
		/*padding-top: 200px;
		*/
	}
}
 .ac .wp-lightbox-overlay .scrim {
	 background-color: rgba(245, 245, 245, 0.49) !important;
	 backdrop-filter: blur(5px);
}

/* Menu principale */
 #primary-nav ul {
	 align-items: flex-start;
}
 #primary-nav ul li.menu-item ul.sub-menu, #primary-nav ul li.menu-item ul.sub-menu li {
	 padding: 0 !important;
	 margin: 0;
}
 #primary-nav ul li.menu-item ul.sub-menu li a {
	 padding: 15px 20px 10px !important;
}
 .entry-content {
	 margin-top: 0;
}
 #breadcrumb-section {
	 position: relative;
	 display: block;
	 z-index: 100;
}
 ol.nebula-breadcrumbs {
	 justify-content: center;
	 padding-bottom: 15px;
	 padding-top: 15px;
	 margin: 0;
}
 ol.nebula-breadcrumbs > * {
	 opacity: 0.3;
	 transition: opacity 0.3s ease-in-out 0s;
}
 ol.nebula-breadcrumbs li, ol.nebula-breadcrumbs li > a {
	 color: white !important;
}
 ol.nebula-breadcrumbs:hover > * {
	 opacity: 1;
}
 ol.nebula-breadcrumbs li.delimiter {
	 display: inline-block;
	 padding: 0;
	 margin-left: 5px;
	 margin-right: 5px;
	 width: 20px;
	 height: 20px;
	 border-right: 1px solid white;
	 border-bottom: 1px solid white;
	/* C'etait pas mal à 2px de border */
	 transform: rotate(-45deg) scale(0.5);
	 transform-origin: 50% 60%;
	 transition: transform 0.1s ease-in-out 0s;
}
/* Animons le delimiter */
 ol.nebula-breadcrumbs *:hover + li.delimiter + li + li.delimiter + li + li.delimiter, ol.nebula-breadcrumbs *:hover + li.delimiter + li + li.delimiter, ol.nebula-breadcrumbs *:hover + li.delimiter {
	 transform: rotate(-225deg) scale(0.5) translateY(1px) translateX(-4px);
}
 .wp-block-cover.is-light {
	 background-color: var(--vert);
	 color: white;
}
h2 {
	/* Tous les H2 devraient avoir de la margin-top */
	 margin-top: 3.125rem;
}
/* * * * * * Page d'accueil */
/* les stickies post */
 .page-id-603 .wp-block-query, .wp-block-query.homeStikiesPost {
	 max-width: 80%;
	 width: 100%;
	 margin-left: 10%;
	 margin-right: 10%;
}
 .page-id-603 .wp-block-query ul, .wp-block-query.homeStikiesPost ul {
	 list-style: none;
	 padding: 0;
	 display: flex;
	 flex-wrap: wrap;
	 overflow: visible;
}
 .page-id-603 .jsMoveInNews,
 .page-id-603 .wp-block-query ul li,
 .wp-block-query.homeStikiesPost ul li {
	 width: 100%;
	 padding: 1rem;
	 flex-shrink: 0;
	 background-color: var(--le-bienheureux-bright);
	 display: flex;
	 flex-direction: column;
	 justify-content: space-between;
	 align-items: center;
}
  .page-id-603 .wp-block-query ul li h2, .wp-block-query.homeStikiesPost ul li h2 {
	margin-top: 0;
	  margin-bottom: 0;
}

 .page-id-603 .wp-block-query ul li.category-presse, .wp-block-query.homeStikiesPost ul li.category-presse {
	 //box-shadow: 2px 2px 10px rgba(0, 0, 0, .2);
	 //background-color: var(--rouge);
}
 .page-id-603 .wp-block-query ul li figure.wp-block-post-featured-image, .wp-block-query.homeStikiesPost ul li figure.wp-block-post-featured-image {
	 background-color: rgba(208, 204, 183, 0.22);
	 text-align: center;
	 overflow: hidden;
}
 .page-id-603 .wp-block-query ul li figure.wp-block-post-featured-image img, .wp-block-query.homeStikiesPost ul li figure.wp-block-post-featured-image img {
	 max-height: 200px;
	 width: auto;
	 margin: auto;
}
 .page-id-603 .wp-block-query ul li > .wp-block-group, .wp-block-query.homeStikiesPost ul li > .wp-block-group {
	 padding: 0 !important;
}
 .page-id-603 .wp-block-query ul li, .wp-block-query.homeStikiesPost ul li, .page-id-603 .wp-block-query ul li h2, .wp-block-query.homeStikiesPost ul li h2, .page-id-603 .wp-block-query ul li h2 a, .wp-block-query.homeStikiesPost ul li h2 a, .page-id-603 .wp-block-query ul a.wp-block-post-excerpt__more-link, .wp-block-query.homeStikiesPost ul a.wp-block-post-excerpt__more-link {
	 color: var(--rouge);
	 text-decoration: none !important;
	 text-shadow: none;
}
 .page-id-603 .wp-block-query ul li.category-presse, .wp-block-query.homeStikiesPost ul li.category-presse, .page-id-603 .wp-block-query ul li.category-presse h2, .wp-block-query.homeStikiesPost ul li.category-presse h2, .page-id-603 .wp-block-query ul li.category-presse h2 a, .wp-block-query.homeStikiesPost ul li.category-presse h2 a, .page-id-603 .wp-block-query ul li.category-presse a.wp-block-post-excerpt__more-link, .wp-block-query.homeStikiesPost ul li.category-presse a.wp-block-post-excerpt__more-link {
	 //color: var(--texte-fonce);
	 //text-shadow: none;
}
 .page-id-603 .wp-block-query ul li a.wp-block-post-excerpt__more-link, .wp-block-query.homeStikiesPost ul li a.wp-block-post-excerpt__more-link {
	 background-color: var(--rouge);
	 color: var(--texte-fonce) !important;
	 padding: 3px 7px;
	 transform: translateX(-7px);
	 margin: 15px auto 0 auto;
	 display: block;
	 width: fit-content;
	 font-weight: 400;
}
 .page-id-603 .wp-block-query ul li.category-presse a.wp-block-post-excerpt__more-link, .wp-block-query.homeStikiesPost ul li.category-presse a.wp-block-post-excerpt__more-link {
	 //background-color: var(--texte-fonce);
	 //color: var(--rouge) !important;
	 color: var(--texte-fonce);
 }
 @media screen and (min-width: 992px) {

	 .page-id-603 .wp-block-query ul li + li + li,
	 .wp-block-query.homeStikiesPost ul li + li + li {
		 opacity: 0.7;
	}
	 .page-id-603 .wp-block-query ul li + li + li:hover,
	 .wp-block-query.homeStikiesPost ul li + li + li:hover {
		 opacity: 1;
	}
	 .page-id-603 .wp-block-query ul li + li + li + li,
	 .wp-block-query.homeStikiesPost ul li + li + li + li {
		 opacity: 0.3;
	}
	 .page-id-603 .wp-block-query ul li + li + li + li:hover,
	 .wp-block-query.homeStikiesPost ul li + li + li + li:hover {
		 opacity: 1;
	}
 }
 .page-id-603 .wp-block-query .wp-block-post-title,
 .wp-block-query.homeStikiesPost .wp-block-post-title {
	 font-size: 28px;
}
 .page-id-603 .wp-block-query time,
 .wp-block-query.homeStikiesPost time {
	 font-size: 10px;
	 opacity: 0.5;
}
 .page-id-603 .wp-block-query .wp-block-post-excerpt,
 .wp-block-query.homeStikiesPost .wp-block-post-excerpt {
	 font-size: 14px;
}
 .page-id-603 .wp-block-query .wp-block-post-excerpt__excerpt-post-excerpt,
 .wp-block-query.homeStikiesPost .wp-block-post-excerpt__excerpt {
	 font-style: italic;
}
 @media screen and (min-width: 992px) {
	 .page-id-603 .wp-block-query, .wp-block-query.homeStikiesPost {
		 max-width: 60vw;
		 margin: auto;
		 max-width: 80vw;
		 margin-left: 20vw;
	}
	 .page-id-603 .wp-block-query ul, .wp-block-query.homeStikiesPost ul {
		 flex-wrap: nowrap;
	}
	  .page-id-603 .jsMoveInNews,
	 .page-id-603 .wp-block-query ul li, .wp-block-query.homeStikiesPost ul li {
		 width: 25%;
	}
	 .wp-block-query.homeStikiesPost ul li {
		 /* Retro compatibilité à cause du gap de son parent sur Ipad Déa */
		 margin-right: 10px;
	 }
}
/* La page dédiée aux news uniquement*/

/* L'image du post est par dessus celle du header habituelle */
.single.single-post.cat-nouvelles .entry-content figure {
	transform: rotate(-1deg);
}
.single.single-post.cat-nouvelles .entry-content img {
	border: 10px solid white;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
.single.single-post.cat-presse .entry-content figure:first-child {
	margin-top: -15px;
}
.cat-presse .entry-content p,
.cat-nouvelles .entry-content p {
	margin-top: 50px;
	max-width: 350px;
}
.cat-presse .entry-content p:not(.has-text-align-center),
.cat-nouvelles .entry-content p:not(.has-text-align-center) {
	text-align: justify;
}
 .page-id-603 .jsMoveInNews {
	margin: 0;
	 background: none;
 }
  .page-id-603 .jsMoveInNews p {
	 text-align: left;
 }

 .page-id-603 .wp-block-query ul {
	 flex-wrap: wrap;
	 overflow: visible;
}
 .page-id-603 .wp-block-query ul li.wp-block-post {
	 opacity: 1;
}
 figcaption, :root :where(.wp-block-image figcaption) {
	 font-family: var(--typo-blockquote);
	 font-size: 16px;
	 display: block;
	 text-align: right;
	 padding-right: 15px;
}
 .postNav {
	 display: flex;
	 justify-content: center;
	 position: relative;
	 margin-top: 30px;
	 margin-bottom: 50px;
	 padding-top: 10px;
 }
 .postNav::before {
	 content: '-';
	 position: absolute;
	 right: calc(50% + 30px);
	 top: 0;
	 font-family: var(--typo-blockquote);
	 color: var(--le-bienheureux-dark);
	 opacity: 0.5;
	 font-size: 50px;
	 transform: scale(2, 1);
	 z-index: -1;
 }
.postNavPrev,
.postNavNext {
	text-align: center;
	padding: 15px;
	width: 40%;
}
.postNavPrev {
	text-align: right;
}
.postNavNext {
	text-align: left;
}
.postNavPrev small,
.postNavNext small {
	display: block;
	padding: 0 15px;
}
.like-wp-block-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
	min-height: 50px;
}
/* Page équipe */
 .equipeChoix-2 {
	 max-width: 100%;
}
 .equipeChoix-2 figure {
	 margin-bottom: 0;
	 max-width: none !important;
	 position: relative;
}
 .equipeChoix-2 figure::before {
	 content: '-';
	 position: absolute;
	 left: 15%;
	 top: calc(100% + 15px);
	 font-family: var(--typo-blockquote);
	 color: var(--le-bienheureux-dark);
	 opacity: 0.5;
	 font-size: 50px;
	 transform: scale(2, 1);
	 z-index: -1;
}
 .equipeChoix-2 .nicolas {
	 --portrait-color: #a4a597;
}
 .equipeChoix-2 .charles {
	 --portrait-color: #a5bbba;
}
 .equipeChoix-2 .charles .wp-block-column {
	/* Sur mobile, on passe la photo avant les textes */
	 order: 2;
}
 .equipeChoix-2 .charles .wp-block-column:has(>figure) {
	 order: 1;
}
 .equipeChoix-2 .charles p {
	 order: 3;
}
.equipeChoix-2 p {
	padding-left: 5%;
	padding-right: 5%;
}
 @media screen and (min-width: 992px) {
	 .equipeChoix-2 p {
		 padding-left: 0;
		 padding-right: 0;
	 }
	 .equipeChoix-2 figure {
		 width: 50vw;
	}
	 .equipeChoix-2 figure::before {
		 content: '-';
		 position: absolute;
		 left: 100%;
		 top: 16%;
		 font-family: var(--typo-blockquote);
		 color: var(--le-bienheureux-dark);
		 opacity: 0.5;
		 font-size: 50px;
		 transform: scale(2, 1);
		 z-index: -1;
	}
	 .equipeChoix-2 .nicolas {
		 margin-bottom: 0;
	}
	 .equipeChoix-2 .nicolas figure {
		 margin-right: -1em;
	}
	 .equipeChoix-2 .charles .wp-block-column {
		 order: 1;
	}
	 .equipeChoix-2 .charles .wp-block-column:has(>figure) {
		 order: 2;
	}
	 .equipeChoix-2 .charles p {
		 order: 3;
	}
	 .equipeChoix-2 .charles figure {
		 margin-left: -1em;
	}
	 .equipeChoix-2 .charles figure::before {
		 left: auto;
		 right: 100%;
	}
	 .equipeChoix-2 .nicolas p, .equipeChoix-2 .nicolas h2 {
		 width: 30vw;
		 margin-left: 5vw;
	}
	 .equipeChoix-2 .charles p, .equipeChoix-2 .charles h2 {
		 width: 35vw;
		 margin-left: 10vw;
		 text-align: right;
	}
}
@media screen and (min-width: 1200px) {
	.equipeChoix-2 .charles p, .equipeChoix-2 .charles h2 {
		width: 30vw;
		margin-left: 15vw;
		text-align: right;
	}
}
@media screen and (max-width: 992px) {
	.equipeChoix-2 h2 {
		margin-left: 5%;
		margin-right: 5%;
	}
}
/* Double colonne damier inspirée de la page équipe et utilisée notamment en page d'accueil */
 @media screen and (max-width: 991px) {
	/* Odre des blocks dans cette configuration */
	 .damierImgGauche h2, .damierImgDroite h2 {
		 padding-right: 5%;
		 padding-left: 5%;
		 margin-top: 0;
	}
	 .damierImgDroite .wp-block-buttons, .damierImgGauche .wp-block-buttons, .damierImgDroite .wp-block-buttons.is-content-justification-left, .damierImgGauche .wp-block-buttons.is-content-justification-left {
		 justify-content: center;
		 margin-top: 30px;
		 margin-bottom: 50px;
	}
	 .damierImgDroite .wp-block-column {
		 order: 2;
	}
	 .damierImgDroite .wp-block-column:has(>figure) {
		 order: 1;
	}
}
 @media screen and (min-width: 992px) {
	/* Class pour Gutenberg */
	 .damierImgGauche, .damierImgDroite {
		 max-width: 100% !important;
		 margin-bottom: 0;
	}
	 .damierImgGauche h2, .damierImgDroite h2 {
		 padding-right: 0;
		 padding-left: 0;
	}
	 .damierImgGauche figure, .damierImgDroite figure {
		 width: 40vw;
		 margin-bottom: 0;
		 max-width: none !important;
		 position: relative;
	}
	 .damierImgGauche figcaption, .damierImgDroite figcaption {
		 position: absolute;
		 bottom: 0;
		 opacity: 1;
		 color: whitesmoke;
	}
	 .damierImgGauche .wp-block-buttons, .damierImgDroite .wp-block-buttons {
		 margin-bottom: 30px;
	}
	 .damierImgGauche p, .damierImgGauche h2, .damierImgGauche .wp-block-buttons {
		 width: 30vw;
		 margin-right: 15vw !important;
		 margin-left: 5vw !important;
	}
	 .damierImgGauche figure {
		 margin-right: -1em;
		 margin-left: auto;
	}
	 .damierImgGauche figcaption {
		 right: 15px;
		 bottom: auto;
		 top: 0;
	}
	 .damierImgDroite p, .damierImgDroite h2, .damierImgDroite .wp-block-buttons {
		 width: 30vw;
		 margin-left: 15vw;
		 text-align: right;
	}
	 .damierImgDroite figure {
		 margin-left: -1em !important;
		 margin-right: auto;
	}
	 .damierImgDroite figcaption {
		 left: 15px;
	}
	 .damierImgDroite .wp-block-buttons {
		 justify-content: flex-end;
	}
}
 @media screen and (max-width: 991px) {
	/* Class pour gutenberg */
	/* Bof... background-color: rgba(0, 0, 0, 0.5);
	 position: relative;
	 &::before {
		 content: '';
		 display: block;
		 position: absolute;
		 z-index: -1;
		 top: 0;
		 left: 0;
		 right: 0;
		 background-image: url(/wp-content/uploads/2025/12/terre-du-terroir-de-bourgogne-du-sud.jpg);
		 background-attachment: fixed;
		 background-position: center;
		 background-size: 300%;
		 filter: blur(15px);
		 width: 100%;
		 height: 100%;
		 clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
	 color: whitesmoke;
	 h2, p {
		 color: whitesmoke;
		 text-shadow: 1px 1px rgba(0, 0, 0, .5)
	}
	 */
}

/* The 404 Page */
 #searchIn404 {
	 padding: 30px 15% 15% 15%;
}
 #searchIn404 form#searchform {
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
}
 #searchIn404 form#searchform .col {
	 margin-top: 15px;
	 text-align: center;
}
/* Page travail / parcellaire */
 .page-id-433 .couverture h1 em {
	 opacity: 0.6;
}
 .pratiquesVertueusesEssentielles {
	 max-width: 80%;
	 margin: auto;
}
 .pratiquesVertueusesEssentielles p {
	 font-weight: 400;
}
 .pratiquesVertueusesEssentielles p::before {
	 content: '';
	 display: block;
	 width: 30px;
	 height: 30px;
	 margin: auto;
	 background-image: url('/wp-content/themes/Nebula-Child/assets/img/Cep-noir.svg');
	 background-repeat: no-repeat;
	 background-position: center bottom;
}
 .galerieDeLaVigne {
	 max-width: 100%;
	 gap: 0;
	 margin: 0;
}
 .galerieDeLaVigne .wp-block-column figure {
	 max-width: none;
	 margin-bottom: 0;
	 position: relative;
}
 .galerieDeLaVigne .wp-block-column:nth-child(1) figure {
	 transform-origin: 0 0;
	 transform: scale(1.1);
	 z-index: 2;
	 border: 10px solid whitesmoke;
}
 .galerieDeLaVigne .wp-block-column:nth-child(3) figure {
	 transform-origin: 100% 100%;
	 transform: scale(1.1);
	 z-index: 2;
	 border: 10px solid whitesmoke;
}
 figure.wp-block-gallery.galerieAuVin {
	 max-width: 100%;
	 gap: 0;
	 margin: 0;
}
/* Composants de la home */
 .bannerHomeEquipe h2 {
	 text-shadow: none;
}
 .bannerHomeEquipe .wp-block-buttons {
	 max-width: 60vw;
	 margin: auto;
}
/* Page comment acheter ID 11 */
 article#post-11 .entry-content > p {
	 max-width: 40vw;
	 margin-left: auto;
	 margin-right: auto;
	 margin-top: 30px;
	 margin-bottom: 50px;
}
/* Page Sites des amis ID 295 */
 article#post-295 .entry-content .wp-block-group .wp-block-group__inner-container {
	 display: flex;
	 justify-content: center;
	 align-items: stretch;
	 flex-wrap: wrap;
}
 article#post-295 .entry-content .wp-block-group p {
	 background-color: white;
	 padding: 30px;
	 margin: 5px;
	 width: calc(50% - 10px);
	 max-width: none;
	 min-width: 0;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: center;
	 box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}
 article#post-295 .entry-content .wp-block-group p img {
	 margin-top: 0;
	 margin-bottom: 0;
}
 article#post-295 .entry-content .wp-block-group p a {
	 text-decoration: none;
}

.entry-content > p.homeParagraphIntro {
	max-width: 60vw;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width: 992px){
	.entry-content > p.homeParagraphIntro {
		max-width: 25vw;
		text-align: justify;
	}
}

/*
Page notre approche

 */
/* Galerie puis image à la suite .galerie + figure */
.wp-block-columns:has( figure.wp-block-gallery ){
	margin-bottom: 0;
}
figure.wp-block-gallery {
	margin-bottom: .5em;
}

/*
Page d'accueil : les bannières
 */
.ac .wp-block-cover.homeApprocheBanner .wp-block-cover__inner-container,
.ac .wp-block-cover.homeTerroirBanner .wp-block-cover__inner-container {
	padding-left: 20px;
}
.ac .wp-block-cover.homeTerroirBanner {
	max-width: 100vw;
	width: 100%;
	padding-bottom: 50px;
}
.ac .homeTerroirBanner * {
	text-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
}
.ac .homeApprocheBanner p,
.ac .homeTerroirBanner p {
	font-weight: 400;
}
.ac .homeApprocheBanner {
	max-width: 100vw;
	width: 100%;
	padding-bottom: 25vh;
}
.ac .homeApprocheBanner .wp-block-cover__background {
	background-image: linear-gradient(
			to bottom,
			var(--vin-blanc-1) 0%,
			rgba(255, 255, 255, 0) 100%
	);
	background-color: transparent !important;
}
.ac .homeApprocheBanner h2,
.ac .homeApprocheBanner p {
	color: var(--foret-produit);
}
.ac .wp-block-cover .wp-block-cover__inner-container {
	min-width: 50%;
	width: 50%;
}

@media screen and (max-width: 991px) {
	.ac .homeTerroirBanner p br,
	.ac .homeApprocheBanner p br {
		display: none;
	}
}
/*
Les banners cta autres vins
 */
.single-cuvee .wp-block-cover {
	max-width: 100%;
	min-height: 60vh;
	margin-top: 10vh;
}

p strong {
	font-weight: inherit; !important;
}

.homePortraitNicolas {
	max-width: 100vw !important;
	margin-bottom: -25%;
}

@media screen and (max-width: 991px) {
	.homePortraitNicolas {
		margin-bottom: -10px;
	}
}
.homePortraitNicolas img {
	max-width: 100vw !important;
}
.entry-content > *.groupe-home-histoire {
	background-color: #030403;
}
.groupe-home-histoire p {
	font-weight: 400; !important;
}
@media screen and (max-width: 991px) {
	.groupe-home-histoire p br {
		display: none;
	}
}
 div.wp-block-query.homeStikiesPost ul li.category-presse {
	 //background-color: #9f8278;
 }
.wp-block-query.homeStikiesPost ul li figure.wp-block-post-featured-image {
	aspect-ratio: 1/1;
	max-width: 100%;
	width: 100%;
	background-color: rgba(0,0,0,.1);
	justify-content: center;
	align-items: center;

	display: flex;
}

/* Page de diaporama */
.page-id-1168 .entry-content figure:nth-child(even) {
	/* max-width: 80%; */
	margin-left: auto;
	margin-right: auto;
}

/* Bonus menu hover : test */
#menu-navigation-principale { position: relative;}
#hoverSlide {
	background-color: var(--foret-produit);
	display: block;
	position: absolute;
	border-radius: 5px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	bottom: 0;
	z-index: -1;

	transition: left 0.3s, width 0.5s, opacity 0.2s;
}

 *.displayNone {
	 /* Class Gutenberg */
 	display: none !important;
 }