/***** top page *****/
.top_page 							{ position: relative; padding-top: 120px; padding-bottom: clamp(40px, 8vw, 100px); min-height: 55vh; display: grid; text-align: center;}
.top_page .content 					{ align-self: center;}
.top_page .sous_titre 				{ font-size: 22px; line-height: 30px;}
.top_page .chapo 					{ margin: 20px 0;}
.top_page .chapo span				{ margin: 15px 0 0 0; display: block;}

@media (max-width:1200px) {
.top_page 							{ padding-top: calc(80px + 8vw); padding-bottom: 8vw; min-height: inherit;}	
}
@media (max-width:700px) { 
.top_page 							{ padding-top: calc(70px + 8vw);}	
.top_page .icon 					{ width: 50px; height: auto;}
.top_page .chapo 					{ margin: 15px 0;}
.top_page .chapo span				{ margin: 10px 0 0 0;}
}





.test .container 	 							{ align-items: start;}
.test .container .img 							{ display: grid; grid-gap: 10px; justify-content: stretch;}
.test .container .img img 						{ aspect-ratio: auto;}
.test .container .img .col_2  					{ padding: 0; grid-gap: 10px;}
.test .container .img .col_2 img:first-child 	{ transform: none;}
.test .container .txt 							{ position: sticky; top: 100px;}
.test .container .txt .wrap						{ text-align: left; max-width: 600px; padding: clamp(70px, 8vw, calc(120px + 2vw)) 0;}

@media (max-width:1200px) { 
.test .container .txt 							{ position: static;}
}
@media (max-width:1000px) { 
.test .container 	 							{ grid-gap: 0;}
.test .container .txt .wrap						{ max-width: none;}
}



.bloc_wines   									{ text-align: center;}
.bloc_wines .container .item   					{ display: grid; align-items: top; min-height: 40vh;}
.bloc_wines .container .item img.icon 			{ width: 60px; margin: 0 auto 20px auto;}







/***** text : simple *****/
.bloc_txt 											{ position: relative; text-align: center;}
.bloc_txt.align_left								{ text-align: left;}
.bloc_txt svg										{ width: 60px; height: auto; display: block; margin: 0 auto 15px auto;}
.bloc_txt p               							{ margin-bottom: 15px;}
.bloc_txt .link										{ margin-top: 10px;}
.bloc_txt .multi_links								{ display: grid; grid-template-columns: 1fr 1fr; max-width: 300px; grid-gap: 10px; margin: 25px 0 0 0;}
.bloc_txt .multi_links .link						{ margin: 0; text-align: center; padding: 0;}

/* custom highlight */
.bloc_txt .txt_highlight    						{ padding-bottom: 15px;}
.bloc_txt .txt_highlight svg  						{ bottom: 0; left: 0; right: 0; margin: 0 auto;}
.bloc_txt .txt_highlight svg path					{ fill: var(--mainColor1);}

.bloc_txt.info 										{ position: relative; width: 90vw; max-width: var(--maxWidthWrapper); margin: 0 auto; padding: 40px 20px; color:#fff; background: var(--mainColor2); border-radius: var(--allImgBR); font-size: 20px;}
.bloc_txt.info p 									{ margin: 0;}

@media (max-width:700px) { 
.bloc_txt.info  { font-size: 16px;  }	
}




/***** cuvees *****/
.cuvee 										{ align-items: stretch; margin: clamp(25px, 5vw, 60px) 0;}
.cuvee .container   						{ grid-template-columns: 300px 1fr; background: #fff; padding: clamp(25px, 5vw, 60px);}
.cuvee .container .img 						{ padding: 0; justify-content: center; text-align: center;}
.cuvee .container .img i 					{ font-size: 13px;}
.cuvee .container .txt						{ padding: 0; padding-left: 0; background: #fff; display: grid; align-items: center;}
.cuvee .container .txt .wrap				{ text-align: left; max-width: 600px; width: 100%;}

.cuvee.reverse .container   				{ grid-template-columns: 1fr 300px;}
.cuvee.reverse .container .img 				{ padding: 0; justify-content: center;}
.cuvee.reverse .container .txt 				{ padding-left:  0; padding-right: 0;}


@media (max-width:1000px) { 
.cuvees  									{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; padding: 0 5vw;}
.cuvee 										{ background: #fff; margin: 0;}
.cuvee .wrapper 	  						{ width: 100%;}
.cuvee .container   						{ grid-template-columns: 1fr;}
.cuvee.reverse .container   				{ grid-template-columns: 1fr;}
}
@media (max-width:700px) { 
.cuvees  									{ grid-template-columns: 1fr;}
.cuvee .container .img 						{ max-width: 280px; margin: 0 auto;}
.cuvee .container .img i 					{ font-size: 12px;}
}


/***** custom cuvees quand pas de bouteilles *****/
.cuvees 									{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px; width: 90vw; max-width: var(--maxWidthWrapperLarge); margin: 0 auto; position: relative;}
.cuvee  									{ display: block; padding: clamp(25px, 5vw, 45px); background: #fff; margin: -2vw 0 0 0;}
.cuvee .wrapper   							{ width: 100%;}
.cuvee .container   						{ display: block; padding: 0;}
.cuvee .container .img 						{ display: none;}
.cuvee .container .txt .wrap				{ max-width: none;}

@media (max-width:1400px) { 
.cuvees 									{ grid-gap: 20px;}
}
@media (max-width:1000px) { 
.cuvees 									{ grid-template-columns: 1fr; padding: 0; margin-top: -3vw;}
.cuvee  									{ margin: 0}
}
@media (max-width:700px) { 
.cuvees 									{ grid-gap: 10px;}
}




/***** parcelles *****/
.parcelles .container .item 						{ background: #fff;}





/***** tourelle *****/
#tourelle .newsletter                 				{ border-top: 1px solid #ddd;}

@media (max-width:700px) { 
#tourelle #page .link								{ width: 100%; text-align: center;}
}



/***** events *****/
#events ul.capacite 								{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; text-align: center; padding: 10px 0;}
#events ul.capacite li								{ border: 1px solid #d5b48750; line-height: 24px; padding: 30px 10px; border-radius: 5px;}
#events ul.capacite li b							{ display: block; padding-top: 5px;}
#events ul.capacite li img							{ display: block; width: auto; height: 54px; margin: 0 auto 15px auto;}

#events .experiences ul.listing 					{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; padding: 20px 0;}
#events .experiences ul.listing li					{ background: #fff; line-height: 24px; padding: 40px; border-radius: 5px;}
#events .experiences ul.listing li b				{ display: block; padding-bottom: 10px;}

#events .experiences .align_center					{ text-align: center;}

@media (max-width:700px) { 
#events #page .link									{ width: 100%; text-align: center;}
#events ul.capacite 								{ grid-template-columns: 1fr; padding-bottom: 0;}
#events ul.capacite li								{ padding: 20px 10px;}
#events ul.capacite li img							{ height: 50px; margin: 0 auto 10px auto;}

#events .experiences ul.listing 					{ display: grid; grid-template-columns: 1fr; grid-gap: 10px; padding: 10px 0 0 0;}
#events .experiences ul.listing li					{ padding: 30px;}
#events .experiences ul.listing li b				{ padding-bottom: 5px;}
}





/***** blog *****/
.blog_listing 										{ background: #fff; padding: clamp(70px, 8vw, calc(120px + 2vw)) 0;}
.card_blog_v1 .titre 								{ background: var(--bgColorLight);}







/***** page mod *****/
#mod .top_page 										{ padding-bottom: 0;}
#mod .bloc_txt h2, 		 
#mod .bloc_txt h3,			 
#mod .bloc_txt h4									{ font: 400 35px/40px var(--fontScript); color: var(--mainColor1); letter-spacing: 0; position: relative; margin-bottom: clamp(10px, 2vw, 15px); margin-top: clamp(30px, 8vw, 60px);}
#mod .bloc_txt h2 									{ font-size: clamp(18px, 2.1vw, 28px); line-height: 120%;}	

#mod .bloc_txt ul									{ margin: clamp(10px, 2vw, 15px);}
#mod .bloc_txt ul li								{ position: relative; padding-left: 20px; margin-bottom: 12px; line-height: 170%;}
#mod .bloc_txt ul li:before							{ width: 6px; height: 6px; position: absolute; left: 0; top: 10px; background: #000; content: "";}
#mod .bloc_txt ul li:last-child						{ margin-bottom: 0;}

#mod .bloc_txt img                                   { max-width: 100%; height: auto; margin: clamp(15px, 3vw, 30px) 0;}

#mod:has(.blog_listing) .newsletter                 { border-top: 1px solid #ddd;}

@media (max-width:1000px) {
#mod .bloc_txt h2, 		 
#mod .bloc_txt h3,			 
#mod .bloc_txt h4									{ font-size: clamp(18px, 2.6vw, 25px);}
#mod .bloc_txt h2									{ font-size: clamp(18px, 3vw, 28px);}
}
@media (max-width:700px) {
#mod .bloc_txt ul li								{ padding-left: 18px; margin-bottom: 10px;}
#mod .bloc_txt ul li:before							{ top: 8px;}
}