/*-------------PARAMETRES DU SITE--------------*/
:root {
	/* Nom des polices */
	--cnvs-body-font: 'Roboto', sans-serif;
	--cnvs-primary-font: 'Lora', serif;
	--cnvs-secondary-font: 'Roboto', sans-serif;
	/* Epaisseur des polices*/
	--cnvs-headings-font-weight: 400;
	--cnvs-post-title-font-weight: 400;
	/*Taille des polices*/
	--cnvs-font-size-h2: 2.5rem;
	/*Couleurs*/
	--cnvs-themecolor: #70b2d6;
	--cnvs-themecolor-rgb: 112, 178, 214;
	--bs-body-color:#020202;
	--cnvs-heading-color:#70b2d6;
	/*Hauteur du logo*/
	--cnvs-header-height: 150px;
	/*Durée des transitions*/
	--cnvs-animate-duration: 2.5s;
	
}
#header {
	/*Menu*/
	--cnvs-primary-menu-tt: uppercase;
	--cnvs-primary-menu-ls: 1px;
	--cnvs-primary-menu-font-size: 16px;
}
.cnvs-hamburger { --cnvs-hamburger-size: 1.6rem; --cnvs-hamburger-width: 2px;}

	  
/*-------------TITRE--------------*/


/*-------FOND et COULEUR----------*/


/*-------------DIVERS-------------*/

a.lien-texte { border-bottom: 1px dashed}

b, strong {font-weight: 700;}

blockquote { border: none; text-align: center; font-weight: 400; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; color: #666; max-width: 500px; margin: 50px auto 10px auto;}

/*-------------HEADER-------------*/
#header-wrap { border-top: 5px solid #b38844 !important;}

.sticky-header #header-wrap { box-shadow: 0 0 10px rgba(0,0,0,0.2) !important; border: none;}
.sticky-header #header-wrap #logo img { height: 100px;}


.menu-link {color: #020202; font-weight: 500; font-size: 14px}
.menu-link:hover {color: #70b2d6}

.is-expanded-menu .menu-container>.menu-item:not(.sub-menu)>.menu-link::after {content: "";position: absolute;bottom: 10px;left: 50%; width: 80%;margin-left: -40%;height: 2px;background-color: var(--cnvs-themecolor);transform-origin: center center;transform: scaleX(0);  transition: transform .3s cubic-bezier(.645, .045, .355, 1);
}
.is-expanded-menu .menu-container > .menu-item:hover > .menu-link::after, .is-expanded-menu .menu-container>.menu-item.current>.menu-link::after {transform: scaleX(1);}

.is-expanded-menu .menu-container > .menu-item.langue:hover > .menu-link::after { content: normal}
.is-expanded-menu .sticky-header .menu-container > .menu-item.langue > .menu-link > div {background-color: #fff;color: #7681aa}

.primary-menu-trigger { margin-left: auto}
.menu-item:not(:first-child) { border-top: 1px dashed #ccc;}

/*-------------CONTENT-------------*/

#section-histoire, #section-valeurs, #section-moyens, #section-vins-rouges, #section-vins-blancs { min-height: 80vh}

#section-histoire { background: url("../images/section-histoire/bg-histoire.png") no-repeat bottom right #fff; background-size: auto 80% !important;}

#section-valeurs { background: url("../images/section-valeurs/bg-valeur.png") no-repeat top 20px left 20px #1d1d1b; }

#section-moyens { background: url("../images/section-moyens/bg-moyen.png") no-repeat bottom 20px right 20px #e6e5e1; }

#section-vins-rouges { background: url("../images/section-vins-rouges/bg-vins-rouges.png") no-repeat bottom right 35% #fff; background-size: auto 80% !important;}

#section-vins-blancs { background: url("../images/section-vins-blancs/bg-vins-blancs.png") no-repeat bottom left 35% #e6e5e1; background-size: auto 80% !important;}

/*Accueil*/
@-webkit-keyframes in {
  from {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes in {
  from {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
#slider .bg-image {
	/*BLOC*/
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	Right: 0;
	bottom: 0;
	/*BG*/
	background-size: cover;
	background-position: bottom left;	
	/*ANIMATION*/
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	/*STYLE*/
	-webkit-animation-name: in;
	animation-name: in;
	/*DUREE*/
	-webkit-animation-duration: 12000ms;
	animation-duration: 12000ms;
	/*REPETITION*/
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.titre-slider { position: absolute; bottom: 15vh; z-index: 100; width: 100%; text-align: center; font-family: 'Lora', serif; text-transform: uppercase; font-size: 28px; letter-spacing: 3px}


/*Valeurs*/
.etape  { position: relative; max-width: 500px; margin: auto;}
.etape img {width: 100%; height: auto}
.etape .titre { position: absolute; top: 0; left: 0;width: 100%; text-align: center}
.etape .titre .chiffre { background-color: #70b2d6; height: 40px; width: 40px; line-height: 40px; border-radius: 50%; border:1px solid #fff; display: block; margin: 0 auto 20px auto;}
.etape .titre h3 { color: #fff;}
.etape ul.description { position: absolute; text-align: left; left: 0; bottom: 0; margin-bottom: 0; width: 100%}
.etape ul.description li { font-size: 13px}

/*Moyens*/
ul.liste-moyens { list-style: none; max-width: 800px; margin-left: auto; margin-right: auto}
ul.liste-moyens li { padding: 10px 0; margin: 5px 0; border-bottom: 1px solid #70b2d6}

/*Diaporama*/
.fslider { max-width: 650px; margin: auto;}
.fslider::before { display: block; height: 50%; width: 50%; background-color: #70b2d6; position: absolute; left: 0; top: 0; content: ''; }
.fslider::after { display: block; height: 50%; width: 50%; background-color: #70b2d6; position: absolute; right: 0; bottom: 0; content: ''; }

/*toggle des vins*/
.toggle { margin-bottom: 30px;}
.toggle-header { border: 1px solid; padding: 10px 20px; text-transform: uppercase; background-color: #f0f0ee; letter-spacing: 0.5px; font-size: 14px; font-weight: 400;}
.toggle-content { padding: 15px 10px 0 10px}
.toggle-content ul { list-style: square; margin-bottom: 0}
.toggle-content ul li { color: #70b2d6}
.toggle-content ul li a { color: #333; font-size: 14px}
.toggle-content ul li a:hover { color: #70b2d6}


/*Pop/up*/
button.mfp-close, button.mfp-arrow { background: #000;}
.mfp-counter { display: none}

.content-ajax-modal { position: relative; width:  1000px !important; margin: 0 auto; border: none}
.content-ajax-modal .modal-padding { background-color: #fff; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;}

.ajax-modal-title {padding: 5px 20px;background-color: #000 !important; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom: none;}
.ajax-modal-title h2 {font-size: 20px; font-weight: normal; letter-spacing: 2px; color: #fff; text-transform: none}

.content-ajax-modal p { color: #010101 !important}
.content-ajax-modal p.donnees-personnelles { text-align: justify; font-size: 13px}
.content-ajax-modal a { color: #010101 !important; border-bottom: 1px dashed}
.content-ajax-modal a:hover { border-bottom: 1px solid}


/*Pop/up sur accueil*/
#evenement > div {background-color: #fff; border-radius: 7px;}
#evenement > div h3 { color: #020202 !important;}
#evenement > div p { color: #020202}
#evenement .section { background-color: #000}
#evenement .section a.button-close { color: #fff; border-bottom: 1px dotted}



/*-------------FOOTER-------------*/
#footer {background-color: #1d1d1b}
#footer #copyrights { color:rgba(255,255,255,0.8); font-size: 16px; line-height: 22px;}
#footer #copyrights a {color: #fff; border-bottom: 1px dashed; display: inline-block;}
#footer #copyrights a:hover { color: #70b2d6; border-bottom: 1px solid}
#footer #copyrights .copyright-links { margin-top: 15px}
#footer #copyrights .copyright-links a { color:rgba(255,255,255,0.5); font-size: 13px; border: none}
#footer #copyrights .copyright-links a:hover { color: #fff}



/* ----------------------------------------------------------------
	Contenu Responsive 
-----------------------------------------------------------------*/
@media (min-width: 1600px) {
	/*HEADER*/
	/*CONTENT*/
	#carte { height: 700px}
	/*FOOTER*/
}


@media (min-width: 1400px) and (max-width: 1599.98px) {
	/*HEADER*/
	/*CONTENT*/
	#carte { height: 650px}
	/*FOOTER*/
}

@media (min-width: 1400px) {
	/*HEADER*/
	ul.menu-container > .menu-item.langue > .menu-link > div  {background-color: #333 !important; color: #fff !important; padding: 5px 10px; border: 1px solid #333}
	ul.menu-container > .menu-item.langue:hover > .menu-link > div  {background-color: #70b2d6 !important; color: #fff !important; border: 1px solid #70b2d6}
	/*CONTENT*/
	/*FOOTER*/
}
@media (max-width: 1399.98px) {
	/*HEADER*/
	.menu-link span { display: inline-block; }
	/*CONTENT*/
	/*FOOTER*/
}


@media (min-width: 1200px) and (max-width: 1399.98px) {
	/*HEADER*/
	/*CONTENT*/
	#carte { height: 600px}
	/*FOOTER*/
}

@media (min-width: 1200px) {
	/*HEADER*/
	/*CONTENT*/
	ul.liste-moyens { padding-right: 50px; padding-left: 50px;}
	/*FOOTER*/
}

@media (max-width: 1199.98px) {
	/*HEADER*/	
	/*CONTENT*/
	/*FOOTER*/
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	/*HEADER*/
	/*CONTENT*/
	.content-ajax-modal {width:  800px !important;}
	
	ul.liste-moyens { padding-right: 20px; padding-left: 20px;}
	/*FOOTER*/
}

@media (min-width: 992px) {
	/*HEADER*/
	/*CONTENT*/
	.page-section { padding: 120px 0;}
	.fslider { padding: 30px;}
	#section-valeurs { background-size: 50% auto}
	#section-moyens { background-size: 50% auto}	
	.toggle {max-width: 320px;}
	/*FOOTER*/
}

@media (max-width: 991.98px) {
	/*HEADER*/
	/*CONTENT*/
	#carte { height: 500px}	
	
	.page-section { padding: 70px 0;}
	.fslider { padding: 10px;}
	#section-valeurs { background-size: 90% auto}
	#section-moyens { background-size: 90% auto}	
	.toggle { max-width: none;}
	
	/*FOOTER*/
}

@media (min-width: 768px) and (max-width: 991.98px) {
	/*HEADER*/
	/*CONTENT*/
	.content-ajax-modal {width:  600px !important;}
	/*FOOTER*/
}
@media (min-width: 768px) {
	/*HEADER*/
	/*CONTENT*/
	/*FOOTER*/
}
@media (max-width: 767.98px) {
	/*HEADER*/
	/*CONTENT*/
	/*FOOTER*/
}

@media (min-width: 576px) and (max-width: 767.98px) {
	/*HEADER*/	
	/*CONTENT*/
	.content-ajax-modal {width:  500px !important;}
	/*FOOTER*/
}

@media (min-width: 576px) {
	/*HEADER*/
	/*CONTENT*/	
	/*FOOTER*/	
}

@media (max-width: 575.98px) {
	/*HEADER*/
	/*CONTENT*/
	.content-ajax-modal {width:  430px !important;}
	/*FOOTER*/
}