@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Lustria&family=Raleway:wght@100;300;400;500;700&display=swap');

:root {
  --mc-grey:#CCC;
  --mc-dark:#111;
  --mc-dark2:#333;
  --mc-white:#FFF;
  --mc-white2:#F5F5F5;
  --mc-red:#F42320;
  --mc-gold:#EEA949;
  --mc-yellow1:#D2AB2A;
  --mc-yellow2:#997C20;
  --mc-green0:#18B374;
  --mc-green:#8DBB00;
  --mc-primary:#1E1D1B;
  --mc-secondary:#796453;

  --text-red-wine:#b1132b;
  --text-pink-wine:#fa9d72;
  --text-white-wine:#a4d43b;

  --ft-cursive:'Great Vibes';
}

/* GLOBAL */

	html{scroll-behavior: smooth;}
	body{
		font-family:"Lustria", sans-serif;
		margin:0;
		background:#FFF;
		color:#000;
		font-size:15px;
		transition: 0.5s all;
	}

	body.body_spec{background:transparent url(../images/_grappe-rge.png) no-repeat top left;background-attachment: fixed;}
	
	a{color:var(--mc-dark);outline:none;text-decoration:none;-moz-transition: color 0.2s ease-in-out 0s;-webkit-transition: color 0.2s ease-in-out 0s;transition: color 0.2s ease-in-out 0s;}
	a:hover{text-decoration:underline;color:var(--mc-dark);}
	a.disabled {color:#CCC !important;pointer-events: none;}
	.focus, .btn:focus{box-shadow: none;}

	h1{font-size:3rem;}
	h2{font-size:2rem;}
	h3{font-size:1.5rem;}
	hr{display:block;height:2px;background:#CCC;margin:0 5px;}

	em{font-style:italic;}
	ul{list-style-type:none;padding:0;}
	label{font-weight: normal;}
	
	

	.inline-block{display: inline-block;}
	.form-control{border-radius: 0px;background-color: rgba(0,0,0,0.05);color:var(--mc-dark);}
	.form-control-inline{display: inline-block;width: auto;vertical-align: middle;}
	.form-control:focus{border-color:var(--mc-gold);box-shadow: unset;}
	.form-control:disabled, .form-control[readonly]{opacity: 0.5;}
	.no-pl{padding-left: 0 !important;}
	.no-pr{padding-right: 0 !important;}
	.bradius0{border-radius: 0;}
	.owl-dot span{border-radius: 0 !important;}
	.owl-dot.active span{background:var(--mc-gold) !important;}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background-color: transparent;border:0 none;}
	.img-thumbnail{border-radius: 0;}
	.img-responsive{margin:0 auto;}

	/* Recaptcha */

		.gr{text-align: center;padding: 1em;}

	/* Boutons */
		.btn{
			background-color: var(--bg-clr) !important;;
			color: var(--btn-clr);
			border-color: var(--btn-clr);
			border-radius: 0px;
			letter-spacing: 0.2px;
			font-size: 0.9em;
			font-weight: 400;
			padding:0.5em 2em;
			transition: all 0.2s ease-in-out;
		}
		.btn:hover{
			background-color: var(--btn-clr) !important;
			color: var(--mc-white);
		}

		.btn-main{--btn-clr:var(--mc-dark2);--bg-clr:transparent;}
		.btn-main:hover{--btn-clr:var(--mc-dark2);--bg-clr:transparent;}
		.btn-main-o{--btn-clr:var(--mc-white);--bg-clr:var(--mc-dark2);}
		.btn-main-o:hover{--btn-clr:var(--mc-dark2);--bg-clr:var(--mc-white);}

		.btn-dark{--btn-clr:var(--mc-gold);}
		.btn-dark:hover{--btn-clr:var(--mc-gold);}
		
		.text-green{color: var(--mc-green) !important;}

		.btn_custom2{background-color: #F9D030;border:1px solid orange;}
		.btn_custom2:hover{background-color: orange;color:#FFF;border:1px solid orange;transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;}
	
	.container{position:relative;margin:0 auto;max-width: 1200px;background-color: transparent;}

	/* Alertes */
		.page_texte .alert {
			width: 75%;
			margin-top: 2em;
		}
		.alert{text-align: center;margin-left: auto;margin-right: auto;}
		.alert-success {		
			color: var(--mc-dark2);
			background-color: #FFF;
			border-color: var(--mc-grey);
		}

	@media (max-width:576px) {
		.alert {width: 90%;}
	}
	@media (max-width:768px) {
		body.body_spec{background: none;}
	}

	.logos{position: relative;padding: 5em 0 2em 0;background-color: #fff;}
	.logos ul{display: flex;justify-content: space-between;align-items: center;}
	.logos ul li img{width: 100%;height: 120px;object-fit:scale-down;opacity: 0.5;transition:opacity 0.3s;}
	.logos ul li:hover img{opacity: 1;}

/* HEADER */
	
	#header{display: block;width: 100%;height: 90px;z-index: 999;transition: 0.5s all;background-color: #ffffff;color:#211d12;}
	#header .header-wrapper {position: relative;padding: 0px;text-align: center;width: 100%;transition: 0.5s all;}
	#header .header-wrapper-wrapper{display: flex;flex-direction: row;justify-content: space-around;align-items: center;width:100%;height:12vh;padding:15px 0;}
	#header #logo {width:20vw;}
	#header #logo img{display: block;width: 100%;height: 70px;object-fit: scale-down;transition: all 0.25s ease;}
	#header #logo img.secondlogo{display: none;}

	#header #header-search {display: inline-block;font-size: 16px;color: #888;-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;transition: all 0.25s ease;}
	#header #header-search:hover {text-decoration: none;color: var(--mc-dark);}
	.mainheader{margin-top: 0px;}

	.topheader{display:none;justify-content: end;justify-content: end;padding: 0.5em;font-size: 0.9em;}
	.topheader a{}
	.topheader span.item{display: inline-block;margin: 0px;padding-right: 20px;border-right: 1px solid #999;}
	.topheader .recap_panier{padding-left: 20px;}
	.topheader .recap_panier .valeur{font-style: normal;}

	.nav_langue{ display: flex;align-items: center;justify-content: space-between;margin-bottom: 0;}
	.nav_langue li{display: inline-block;padding:0 10px;}
	.nav_langue li a{color: inherit;opacity: 0.2;text-transform: uppercase;text-decoration: none;-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s; }
	.nav_langue li a.active{opacity: 1;}
	.nav_langue li a:hover{opacity: 1;}
	
	.nav_reseau{display:inline-block;margin-bottom: 0;}
	.nav_reseau li{display: inline-block;padding:0 10px;}
	.nav_reseau li a{color: var(--mc-dark);opacity: 1;text-transform: uppercase;text-decoration: none;-webkit-transition: opacity 0.3s;
		-o-transition: opacity 0.3s;
		transition: opacity 0.3s; }
	.nav_reseau li a.active{color: var(--mc-dark);opacity: 1;}
	.nav_reseau li a:hover{opacity: 1;}

	.nav_panier{position: absolute;bottom: 0;right: 0;-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);}
	.nav_panier a{display: block;padding: 5px 15px 8px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;text-decoration: none;}

	#logo{text-decoration: none;}
	
	/* body_spec */
		.body_spec #header{height: 12vh;}


	@media (max-width: 996px) {
		.topheader{justify-content: start;}
		.body_spec #header{height: unset;}
		.body_spec #header .header-wrapper{background-color: var(--mc-dark);}
		#header .header-wrapper-wrapper{height: 100%;}
		#logo img{height:65px !important;}
		.body_spec #header #logo img.mainlogo{display: none;}
		.body_spec #header #logo img.secondlogo{display: block;}
	}
	@media (max-width: 768px) {
		
	}
	@media (max-width: 480px) {	
		#header #logo{width:33%;}
	}

/* NAVIGATION */

	.main-nav {position: relative;z-index: 998;justify-content: center;width:80vw;margin-top: 0px;padding-left:4em;font-weight: normal;list-style-type: none;}
	.main-nav > ul {display: flex;justify-content: center;align-items: center;list-style-type: none;margin: 0px;padding: 0px;position: relative;list-style-type: none;font-family: 'Lustria', serif;}
	.main-nav > ul > li {position: relative;}
	.main-nav > ul > li > a {color: #211d12;letter-spacing: 2px;text-transform: uppercase;text-decoration: none;font-size: 0.9em;padding-top:0;padding-bottom: 0;
		-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;transition: all 0.25s ease;}
	.main-nav > ul > li > a:hover {text-decoration: none;}
	.main-nav > ul > li:hover > a {color:var(--mc-gold);}
	/* NIV 1 */
	.main-nav > ul > li:hover > ul {transform: translateY(10px);visibility: visible;opacity: 1;}
	.main-nav > ul > li + li {margin-left: 22px;}
	.main-nav > ul > li ul {
		position: absolute;display: flex;flex-direction: column;gap:0.5em;
		list-style-type: none;margin: 0;padding: 0 1em;padding-top: 15px;padding-bottom: 15px;
		background-color: rgba(255,255,255,0.95);min-width: 18rem;
		text-align: left;border:0 none;border-bottom: 2px solid #e5e5e5;visibility: hidden;opacity: 0;transition: all 0.25s ease;
		transform: translateY(30px);
	}
	.main-nav > ul > li ul li {position: relative;line-height: 1em;min-width: 110px;border-bottom: 1px solid var(--mc-white2);}
	.main-nav > ul > li ul li:hover {background-color: transparent;	}
	.main-nav > ul > li ul li:hover > ul {visibility: visible;opacity: 1;}
	.main-nav > ul > li ul li.menu-item-has-children > a::after {content: '•';font-family: Fontawesome;float: right;opacity: 0.5;	}
	.main-nav > ul > li ul li .fa{display: none;}
	.main-nav > ul > li ul li .cadre_visuel_gamme:hover img{transform: scale(1.1);}
	.main-nav > ul > li ul li a {display: block;padding: .4em 1em;color: #262626;transition: all 0.2s ease-in-out;}
	.main-nav > ul > li ul li a:hover {text-decoration: none;background-color: transparent;color:var(--mc-gold);text-indent: 0.15em;
		}
	/* NIV 2 */
	.main-nav > ul > li ul li ul {top: -3px;left: 180px;visibility: hidden;opacity: 0;-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;transition: all 0.25s ease;
		transform: translateX(-10px);}
	.main-nav > ul > li:first-child > ul {left: 0px;}

	.nav-link.dropdown-toggle::after{display: none;}

	.secondary-nav{flex:1;display: flex;justify-content:end;align-items: center;gap:1em;}
	.secondary-nav > span{margin:0 1em;}
	
	
	#header #mobile-menu {
		display: inline-block;position: relative;padding: 5px 15px;background-color: var(--mc-white);font-weight: bold;text-shadow: 0 1px 3px #000;
		font-size: 14px;line-height: 2em;text-transform: uppercase;text-decoration: none;border-radius: 5px;margin-top: 7px;margin-bottom: 10px;display: none;
	}
	#header #mobile-menu > span {display: inline-block;position: relative;width: 23px;height: 14px;top: 3px;}
	#header #mobile-menu > span span {display: block;border-radius: 1px;height: 3px;width: 100%;background-color:var(--mc-dark);margin-bottom: 3px;}
	#header #mobile-menu > span span:last-child {margin-bottom: 0px;}

	/* body_spec */	
		.body_spec .main-nav, 
		.body_spec .secondary-nav{height: 12vh;background-color: var(--mc-dark);}
		.body_spec .main-nav > ul > li > a,
		.body_spec .secondary-nav a {color:#FFF;}
		.body_spec .main-nav > ul > li:hover > a, .body_spec .secondary-nav a:hover{color:var(--mc-gold);text-decoration: none;}
		.body_spec #header #mobile-menu{background-color: transparent;}
		.body_spec #header #mobile-menu > span span{background-color:var(--mc-white);}


	.main-nav #close-menu {display: none;position: fixed;right: 1em;top: 0.5em;font-size: 1.8em;z-index: 22222;}

	@media (max-width: 996px) {
		/* body_spec */
			.body_spec .main-nav, 
			.body_spec .secondary-nav{height: unset;width: 66%;}
			

		.secondary-nav{justify-content: space-around;margin-right: 80px;}
		.secondary-nav .nav_langue{display: none;}
		.secondary-nav i{font-size: 24px;}
		.secondary-nav a:hover i{color:var(--mc-gold)}
		.secondary-nav .recap_panier span{display: none;}
		
		/* nav */
		.main-nav{position: fixed;right: 0;top: 0;z-index: 11111;}
		.main-nav > ul {}	   
		.main-nav.show-menu {display: block;background-color: #FFF;border: 0px;height: auto;}	  
		.main-nav.show-menu > ul {left: 0;margin-top: 10px 20px;padding-top: 5em;}	  
			.main-nav > ul {position: fixed !important;z-index:11;display: block;width: 50%;height: 100%;top:0;right: -100%;background-color: #fff;transition: right 0.3s;margin: 0 !important;left: unset !important;}
			.main-nav.show-menu > ul {display: block;right:0;}
		.main-nav.show-menu > ul > li {display: block;text-align: center;position: relative;line-height: 40px;}	  
		.main-nav.show-menu > ul > li + li {margin: 0px;}	  
		.main-nav.show-menu > ul > li::before,
		.main-nav.show-menu > ul > li::after {display: none;}	  
		.main-nav.show-menu > ul > li > a {color: #000;text-transform: uppercase;letter-spacing: 0px;}	  
		.main-nav.show-menu > ul > li .dropdown-menu {position: relative;top: 0;left: 0;float: none;text-align: center;border: 0;width: 100%;padding-top: 0;opacity: 1;visibility: visible;transform: unset;justify-content: center;}	  
		.main-nav > ul > li.nav-item-categories ul.show{flex-direction: column;transform: unset;}
		.main-nav > ul > li.nav-item-categories ul.show .cadre_visuel_gamme{display: none;}

		.main-nav > ul > li ul li ul{position: relative;top: 0;}
		.main-nav.show-menu #mobile-menu {display: none;}	  
		.main-nav.show-menu #close-menu {display: block;}	  
		#header #mobile-menu {display: inline-block;}
	}
	@media (max-width: 996px) {
		.main-nav{position: relative;}
	}
	@media (max-width: 768px) {
		.main-nav{position: relative;}
		.main-nav.show-menu > ul{width: 100%;}
		.main-nav > ul > li ul.show{flex-direction: column;}
		
	}
	@media (max-width: 480px) {
		.secondary-nav i{font-size: 18px;}
		#header #mobile-menu > span span{height: 3px;}
		.body_spec .secondary-nav .item-contact{display: none;}
		.main-nav{padding-left: 0;}
		.secondary-nav{margin-right: 20px;}
	}
	@media (max-width: 380px) {
		.secondary-nav{margin-right: 0.25em;}
		.secondary-nav > span{margin:0 0.2em;}
	}
	@media (max-width: 350px) {
		#header{height: auto;}
		#header .header-wrapper-wrapper{flex-direction: column;padding-bottom: 0;}
	}

/* SLIDER */

	.section_slider{padding-top:0px;padding-bottom:0px;position: relative;height:80vh;}

	.mainslider{height: 100%;width:100%;margin-bottom: 0;}
	.mainslider div[class^="owl-stage"]{height: 100%;}
	.mainslider .item{height: 80vh;}
	.mainslider .caption{position: absolute;inset:0;height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;flex-direction:column;text-align: center;
		color: #fff;}
	.mainslider .titre{display: inline-block;width: 100%;padding:0 20px;background-color: rgba(0, 0, 0, 0.0);font-family:var(--ft-cursive), sans-serif;font-size: 100px;text-shadow: 1px -1px 5px #000;
		opacity: 0;transform: translateY(-100%);transition: all 1s ease-out;}
	.mainslider .active .titre{opacity: 1;transform: translateY(0%);opacity: 1;}
	.mainslider .soustitre{font-size: 1.2rem;background-color: rgba(0, 0, 0, 0.0);text-shadow: 1px -1px 5px #000;padding:0 20px;display:inline-block;width: 100%;text-transform: uppercase;
		transform: translateY(-100%);opacity: 0;transition: all 1s ease-out;}
	.mainslider .active .soustitre{opacity: 1;transform: translateY(0%);}
	.mainslider .lien{margin-top: 2em;}
	.mainslider .lien a{border:1px solid #FFF;padding:0.5em 1em;color:#FFF;}

	.mainslider .owl-nav{width: 100%;display: flex;justify-content: space-between;margin-top: 0;}
	.mainslider .owl-nav div{position: absolute;top: 35%;} 
	.mainslider .owl-nav div.owl-prev{position: absolute;left:0;} 
	.mainslider .owl-nav div.owl-next{position: absolute;right:0;} 
	.mainslider .owl-nav [class*="owl-"]{background: none;color:#FFF;font-size: 6rem;transform: scaleX(0.5);opacity: 0.7;text-shadow: 1px 1px 5px #656565;}
	.mainslider .owl-nav [class*="owl-"]:hover{background: none;opacity: 1;}

	.go_to_bottom a{}
	.go_to_bottom a img{position:absolute;bottom:0px;left:50%;z-index:1000;transform:translateX(-50%);}

	@media (max-width: 480px) {
		/*.section_slider{display: none;}*/
	}

/* STICKY MENU */

	.sticky{-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;transition: all 0.25s ease;-webkit-transition-duration: 0.7s;-moz-transition-duration: 0.7s;transition-duration: 0.7s;}
	.sticky.stick{position: fixed;top: 0;z-index:1010;width: 100%;}
	.sticky.stick .header-wrapper{padding: 0 !important;transition: 0.5s all;box-shadow: 1px 1px 15px #ccc;}
	.sticky.stick #logo img{max-width: 150px;}

/* FOOTER */
	
	#footer{position: relative;margin-top:0;background-color: #1E1D1B;color:#FFF;}
	#footer h2{font-size: 20px;margin-bottom: 1em;font-family:'Lustria',serif;}
	#footer .top_footer{padding:0.5em;text-align: center;text-transform: uppercase;color:#FFF;font-size: 1.2em;}
	#footer .top_footer img {
		height: auto;
		width: 100%;
		max-width: 500px;
	}
	
	#footer .middle_footer{display: flex;gap:1.5em;justify-content: center;align-items: center;padding:15px;}

	#footer .page_sections{display: flex;flex:2;}
	#footer .page_sections > div{flex:1;}

	.page_section_2 h2, .page_section_5 h2{position: relative;text-align: center;color:var(--mc-gold);font-weight: bold;}
	.page_section_2 h2::before, .page_section_5 h2::before{position: absolute;left:50%;content:'';display: block;width: 64px;height: 64px;transform: rotate(-36deg) translate(0,-55%);opacity: 0.2;
		background-image: url('../images/grapes.svg');
		background-size: 64px 64px;}
	#footer .menus li{padding:5px 0;text-align: center;}
	#footer .menus li i{display: none;}
	#footer .menus a{color:#848281;transition: all 0.3s;}
	#footer .menus a:hover{color:#a28670;text-decoration: none;}

	#footer .coordonnees{display: flex;gap:1.5em;flex:1;}
	#footer .coordonnees .logo_footer img{width: 135px;height: auto;object-fit: contain;}
	#footer .coordonnees a{color:#848281;transition: all 0.3s;}
	#footer .coordonnees a:hover{color:#a28670;text-decoration: none;}
	#footer .coordonnees p{margin: 0;}


	#footer .copyright{text-align: center;padding:1em 1em 2em 1em;}
	#footer .copyright .auteur{display: inline-block;}
	#footer .copyright a{color:#796453;}

	#footer .reseausocial{width: 100%;display: flex;justify-content: center;align-items: center;}
	#footer .reseausocial a{font-size: 2.5em;margin: 0.25em;color:#FFF;}

	#footer .reseausocial a i{transition-delay: 0s;transition-duration: 0.3s;transition-property: all;transition-timing-function: ease;}
	#footer .reseausocial a:hover i {animation-delay: 0s;animation-direction: normal;animation-duration: 0.3s;animation-fill-mode: forwards;animation-iteration-count: 1;animation-name: toRightFromLeft;animation-play-state: running;animation-timing-function: ease;color: #ffffff;}
		#footer .reseausocial a.fb:hover i {color: #3B5A9A;}
		#footer .reseausocial a.tw:hover i {color: #00AEF0;}
		#footer .reseausocial a.ig:hover i {color: #D93175;}
		#footer .reseausocial a.lk:hover i {color: #007BB6;}
		#footer .reseausocial a.yt:hover i {color: #FF0000;}

	@media (max-width:768px) {
		#footer .middle_footer{flex-direction: column;}

		#footer .page_sections{flex-direction: column;}
	}

/* HOMEPAGE */

	.pg_home{background:url(../images/_raisinsrge.jpg) left -100px no-repeat;padding-top: 50px;}
	.pg_home a:hover{text-decoration: none;}

	#section_lesvins{padding: 2em 0;margin-bottom: 30px;}
	#section_lesvins h2{position: relative;width: max-content;margin: 0.5em auto;font-size: 3rem;font-family: var(--ft-cursive), sans serif;color:var(--mc-dark2);text-align: center;}
	#section_lesvins h2::before{position: absolute;left:50%;content:'';display: block;width: 64px;height: 64px;transform: rotate(-36deg) translate(-15px,-40%);opacity: 0.05;
		background-image: url('../images/grapes.svg');
		background-size: 64px 64px;}
	
	#section_lesvins .wrapper{width: 75%;float:right;}
	#section_lesvins .liste_vins_home{position: relative;display: flex;flex-direction: column;}
	#section_lesvins .liste_vins_home li{flex:1;background:transparent;padding:1em;}
	#section_lesvins .liste_vins_home li div{position: relative;display: flex;flex-direction: column;justify-content: center;text-align: center;}
	#section_lesvins .liste_vins_home .image{width: 150px;height: 390px;object-fit: contain;margin:auto;}
	#section_lesvins .liste_vins_home .image[data-url]{cursor: pointer;}
	#section_lesvins .liste_vins_home .notes{position: absolute;top: 20%;right:0; width: 90px;height: 90px;object-fit: scale-down;border-radius:50%;border:1px solid var(--mc-dark2);}
	#section_lesvins .liste_vins_home .titre{font-family: 'Lustria', sans-serif;font-size: 1.1em;}
		#section_lesvins .liste_vins_home .owl-nav{position: absolute;width: 100%;bottom:0;display: flex;justify-content: space-between;}
		#section_lesvins .liste_vins_home .owl-prev{position:absolute;top:-200px;left:0;background-color:transparent;color:var(--mc-dark);}
		#section_lesvins .liste_vins_home .owl-next{position:absolute;top:-200px;right:0;background-color:transparent;color:var(--mc-dark);}

	#section_demarche{padding: 2em 0;margin-bottom: 30px;}
	#section_demarche .wrapper{display: flex;}
	#section_demarche .info{position: relative;display:flex;flex-direction: column;flex:2;padding:3rem;background-color: var(--mc-dark2);color:var(--mc-white);}
	#section_demarche .info .titre{margin-bottom: 0.5rem;font-size: 3rem;font-family: var(--ft-cursive), sans serif;color:var(--mc-gold);}
	#section_demarche .info .texte{display:flex;flex-direction: column;margin-right: 75px;}
	#section_demarche .info .bouton{margin-top: 1em;}
	#section_demarche .info .badge{position: absolute;right: 0;top:0;z-index: 111;
		transform: translate(50%,-25%);
	}
	#section_demarche .info .badge img{width: 150px;height: 150px;object-fit: scale-down;}
	#section_demarche .image{position: relative;flex:1;}
	#section_demarche .image img{width: 100%;min-height: 250px;object-fit: cover;}
	#section_demarche .image::before{position: absolute;inset:10px;content:'';
		border-top-width: 2px;border-top-style: solid;
		border-right-width: 2px;border-right-style: solid;
		border-image: linear-gradient(45deg, rgba(255,255,255,0) 65%, rgb(255,255,255)) 1;
	}

	#section_news{position: relative;padding: 2em 0;margin-bottom: 30px;}
	#section_news h2{margin: 1em auto;font-size: 3rem;font-family: var(--ft-cursive), sans serif;color:var(--mc-dark2);text-align: center;}
	#section_news h2::before{position: absolute;left:50%;content:'';display: block;width: 64px;height: 64px;transform: rotate(-36deg) translate(-15px,-40%);opacity: 0.05;
		background-image: url('../images/grapes.svg');
		background-size: 64px 64px;}
	#section_news .wrapper{}
	#section_news .liste_news_home{position: relative;}
	#section_news .liste_news_home li{display: flex;}
	#section_news .liste_news_home li a:hover{text-decoration: none;}
	#section_news .liste_news_home .image{flex:1;}
	#section_news .liste_news_home .image img{width:100%;height:200px;object-fit: cover;}
	#section_news .liste_news_home .infos{flex:2;padding:1em;}
	#section_news .liste_news_home .infos .titre{font-size: 1.5em;font-weight: bold;}
	#section_news .liste_news_home .infos .texte{margin-top: 1em;margin-bottom: 1em;}
	
	#section_news #feed_insta {background: #f8f8f8;}
	#section_news #feed_insta ul{position: relative;display: flex;flex-wrap: wrap;}
	#section_news #feed_insta ul li{display: flex;flex:1;}
	#section_news #feed_insta ul .image{flex:1;padding: 1em;}
	#section_news #feed_insta ul .image img{width:100%;height:250px;object-fit: contain;}
	#section_news #feed_insta ul .infos{flex:1;padding:1em;overflow: hidden;position: relative;}
	#section_news #feed_insta ul .infos::before{position: absolute;right: 5px;top: 0;font-size: 200px;opacity: 0.05;
		content: "\f16d"; /* FontAwesome Unicode */
	 	font-family: FontAwesome;font-weight: 400;
		transform:rotate(8deg);
	}
	#section_news #feed_insta ul .infos .texte{margin-top: 1em;margin-bottom: 1em;}


	#section_decouvrir{position: relative;padding: 2em 0;margin-bottom: 30px;}
	#section_decouvrir h2{margin: 1em auto;font-size: 3rem;font-family: var(--ft-cursive), sans serif;color:var(--mc-dark2);text-align: center;}
	#section_decouvrir h2::before{position: absolute;left:50%;content:'';display: block;width: 64px;height: 64px;transform: rotate(-36deg) translate(-15px,-40%);opacity: 0.05;
		background-image: url('../images/grapes.svg');
		background-size: 64px 64px;}
	#section_decouvrir ul{display:flex;}
	#section_decouvrir ul li{position: relative;isolation:isolate;flex:1;display: flex;align-items: end;justify-content: center;height: 450px;overflow: hidden;}
	#section_decouvrir ul li .wrapper{width: 100%;height: 100%;background-color: transparent;background-repeat: no-repeat;background-position: center center;background-size: cover;transition: transform 0.3s;}
	#section_decouvrir ul li:hover .wrapper{transform: scale(1.02);}
	#section_decouvrir ul li::after{position: absolute;inset:10px;content:'';z-index:-1;
		border-top-width: 2px;border-top-style: solid;
		border-left-width: 2px;border-left-style: solid;
		border-image: linear-gradient(-45deg, rgba(255,255,255,0) 65%, rgb(255,255,255)) 1;
	}
	#section_decouvrir ul li .titre{position: relative;isolation:isolate;display:flex;align-items: end;justify-content: center;;width:100%;height:100%;margin-bottom: 0;padding-bottom: 1em;
		font-family:"Lustria", sans-serif;font-size: 1.5em;color:var(--mc-white);text-align: center;text-transform: uppercase;}
	#section_decouvrir ul li .titre::before{position: absolute;inset:0;z-index:-1;content:'';background:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0));}
	#section_decouvrir ul li .titre:hover{text-decoration: none;}

	#section_temoignage{min-height: 500px; background: transparent url(../images/_raisinsblc.jpg) no-repeat right top;}
	#section_temoignage h2{position: relative;margin: 1em auto;font-size: 3rem;font-family: var(--ft-cursive), sans serif;color:var(--mc-dark2);text-align: center;}
	#section_temoignage h2::before{position: absolute;left:50%;content:'';display: block;width: 64px;height: 64px;transform: rotate(-36deg) translate(-15px,-40%);opacity: 0.05;
		background-image: url('../images/grapes.svg');
		background-size: 64px 64px;}
	#section_temoignage .wrapper{width:70%;margin:0;}
	#section_temoignage ul{position: relative;}
	#section_temoignage ul::before{position: absolute;top:0;left:0; content:"“";font-family:'lustria', sans-serif;font-size: 120px;line-height: 1em;color:#C9CCCC;
		transform: rotate(-15deg) translate(70px,-10px);
	}
	#section_temoignage ul::after{position: absolute;bottom:0;right:0; content:"“";font-family:'lustria', sans-serif;font-size: 120px;line-height: 1em;color:#C9CCCC;
		transform: rotate(185deg) translate(20px,0px);
	}
	#section_temoignage ul li{display: flex;flex-direction:row;gap: 1.5em;width:70%;margin:0 auto;}
	#section_temoignage ul .image img{width:80px;height:215px;object-fit: scale-down;}
	#section_temoignage ul .image .infos{flex:1;}
	#section_temoignage ul .titre{display: flex;justify-content: space-between;align-items: center; font-weight: bold;font-size: 1.1em;margin-bottom: 0.5em;}
	#section_temoignage ul .note .oui, 	#section_temoignage ul .note .moitie{color:var(--mc-gold);}
	#section_temoignage ul .note .non{color:var(--mc-grey);}
	#section_temoignage ul .texte{padding:1em 0;min-height:120px;}
	#section_temoignage ul .details{display: flex;justify-content: space-between;align-items: center;font-size: 0.9em;}


	@media (max-width: 900px) {
		.pg_home{background-position: -100px -150px;}
		#section_lesvins .wrapper{width: 100%;float:none;}
		#section_lesvins .liste_vins_home .notes{left: 52%;}
	}
	@media (max-width: 768px) {
		#section_demarche .wrapper{flex-direction: column-reverse;}
		#section_demarche .image img{height: 250px;}
		#section_demarche .info .badge{transform:translate(-10%,-75%);}

		#section_decouvrir ul{display:flex;flex-wrap:wrap;}
		#section_decouvrir ul li{flex:unset;width:50%;}

		#section_temoignage{background: unset;}
		#section_temoignage .wrapper{width: 100%;}
	}
	@media (max-width: 580px) {
		.pg_home{background-position: -200px -190px;}
		#section_lesvins .liste_vins_home .owl-next{transform: unset;}
		#section_news .liste_news_home li{flex-direction: column;}
		#section_news #feed_insta ul li{flex-direction: column;}
		#section_news #feed_insta ul .image,#section_news #feed_insta ul .infos{flex:unset;}
	}
	@media (max-width: 480px) {
		#section_decouvrir ul{flex-direction: column;}
		#section_decouvrir ul li{width:100%;}

	}
	

/* PAGES */
	
	.pg{display: flex;flex-direction: column;min-height: 80vh;}
	.pg.pg_home, .pg.pg_panier, .pg.pg_produit{background:transparent;}
	.pg > .container{padding: 1em 1em 1em 230px;}
	.pg.pg_home{min-height: unset;}
	.pg h1{font-family:"Great Vibes", sans-serif;margin-top: 1em;}
	.pg h2{font-family:"Great Vibes", sans-serif;}
	.pg a:not(.btn){color:var(--mc-gold);}
			
	.pg_classic h1{font-family: 'Great Vibes', sans-serif;font-size: 54px;}


	.pg_header{position: relative;max-height: 250px;}

	.page_texte{font-size: 16px;text-align: justify;}
	.page_texte a:not(.btn){color:var(--mc-gold);}
	
	.page_texte .galerie-mosaique .item{padding: 1em;display: flex;justify-content: center;}
	.page_texte .galerie-mosaique .item img{object-fit: scale-down;}

	.page_texte .galerie-carousel{margin: 30px 0;text-align: center;}
	.page_texte .galerie-carousel a{margin-bottom: 10px;display: inline-block;}
	.page_texte .galerie-carousel img{width: auto !important;display: inline;}
	.page_texte .left{float: left;margin-right: 2em;margin-bottom: 1em;}
	.page_texte .right{float: right;margin-left: 2em;margin-bottom: 1em;}


	.pg_news_filtres_annee{justify-content: center;align-content: center;display: flex;}
	.pg_news_filtres_annee li{padding:0.25em 1em;transition: all 0.5s;}
	.pg_news_filtres_annee li:hover{background-color: var(--mc-yellow1);}
	.pg_news_filtres_annee li:hover a{color:#FFF !important;}
	.pg_news_filtres_annee li.active{background-color: var(--mc-dark);color:#FFF !important;}
	.pg_news_filtres_annee li.active a{color:#FFF !important;}
	.pg_news_filtres_annee li.active:hover{background-color: var(--mc-dark);color:#FFF !important;}
	.pg_news_filtres_annee li a{text-decoration: none;}
	.pg_news_filtres_categorie{display: flex;justify-content: center;align-items: center;}
	.pg_news_filtres_categorie li{padding:0.25em 1em;transition: all 0.5s;}
	.pg_news_filtres_categorie li a{text-decoration: none;}
	.pg_news_filtres_categorie li.active a{position: relative;font-weight: bold;color:var(--mc-gold);}
	.pg_news_filtres_categorie li.active a::after{position: absolute;left: 50%;content:'v';display: block;transform: translateX(-50%);top:1em;
		content: "\f107"; /* FontAwesome Unicode */
	 	font-family: FontAwesome;
		font-weight: 400;
	}


	.pg_news ul .item{margin-bottom: 0px;}
	.pg_news ul .wrapper{align-items: center;justify-content: center;display: flex;align-items: start;}
	.pg_news ul .date{color:var(--mc-gold);}
	.pg_news ul .image{padding: 15px;flex: 1;text-align: center;position: sticky;top:8em;}
	.pg_news ul .image img{width: 100%;height: 400px;object-fit: scale-down;}
	.pg_news ul .infos{padding: 15px;flex: 1;}
	.pg_news ul .texte{text-align: justify;}
	.pg_news ul .titre{font-weight: bold;font-size: 2em;}

	.pg_temoignage_filtres_annee {
		display: flex;
		gap: 1em;
		flex-flow: row wrap;
		justify-content: end;
	}
	.pg_temoignage ul.liste_temoignage{margin-top: 2em;}
	.pg_temoignage ul.liste_temoignage li{position: relative;}
	.pg_temoignage ul.liste_temoignage li::before {
		position: absolute;
		top: 0;
		left: 0;
		content: "“";
		font-family: 'lustria', sans-serif;
		font-size: 120px;
		line-height: 1em;
		color: #C9CCCC;
		transform: rotate(-15deg) translate(70px,-10px);
	}
	.pg_temoignage ul.liste_temoignage li::after {
		position: absolute;
		bottom: 0;
		right: 0;
		content: "“";
		font-family: 'lustria', sans-serif;
		font-size: 120px;
		line-height: 1em;
		color: #C9CCCC;
		transform: rotate(185deg) translate(20px,0px);
	}
	.pg_temoignage ul.liste_temoignage .item .wrapper{display: flex;gap:2em;flex-flow: row wrap;width: 75%;margin:0 auto;text-align: left;}
	.pg_temoignage ul.liste_temoignage .item .image img{height: 150px;}
	.pg_temoignage ul.liste_temoignage .note .oui, 	.pg_temoignage ul.liste_temoignage .note .moitie{color:var(--mc-gold);}
	.pg_temoignage ul.liste_temoignage .item .titre > span{color:var(--mc-gold);}
	.pg_temoignage ul.liste_temoignage .item .infos{
		display: flex;
		flex-direction: column;
	}
	.pg_temoignage ul.liste_temoignage .texte{
		margin-bottom: 1em;
	}
	.pg_temoignage ul.liste_temoignage .details{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;font-size: 0.9em;margin-top: auto;opacity: 0.5;}
	


	.pg_recompenses #liste_recompenses{display: flex;flex-direction: column;}
	.pg_recompenses #liste_recompenses .wrapper{display: flex;align-items: center;border-bottom:1px solid #CCC;}
	.pg_recompenses #liste_recompenses .cadre_badge{display: flex;align-items: center;width: 50%;}
	.pg_recompenses #liste_recompenses .cadre_produits{width: 50%;padding-left: 1em;}

	.pg_contact{position: relative;}
	#form_contact{max-width:70%;}


	.pg_espaceprive{position: relative;}
	.pg_espaceprive form{
		max-width: 500px;
		border: 1px solid #CCc;
		border-radius: 10px;
		padding: 2em;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		margin: 1em auto;
	}
	.pg_espaceprive .liste_fichiers{margin-top:2em;}
	.pg_espaceprive .liste_fichiers a{display: flex;justify-content: space-between;align-items: center;transition: all 0.3s;}
	.pg_espaceprive .liste_fichiers a:hover{text-decoration: none;background-color: #f8f8f8;}
	.pg_espaceprive .liste_fichiers a:hover .badge{background-color: var(--mc-gold);}

	
	@media (max-width: 768px) {

		.pg{background: #fff;}

		.pg > .container{padding: 1em;}

		.pg_recompenses #liste_recompenses .wrapper{flex-direction: column;}
		.pg_recompenses #liste_recompenses .cadre_badge{width: 100%;flex-direction: column;text-align: center;}
		.pg_recompenses #liste_recompenses .cadre_produits{width: 100%;padding: 0.25em;}
		.pg_recompenses #liste_recompenses .cadre_produits ul{text-align: center;}
		.pg_recompenses #liste_recompenses .cadre_produits ul::before{
			content:'\f107';font-family: FontAwesome;font-weight: 400;display: block;text-align: center;
		}

		#form_contact{max-width: unset;}
		.pg_contact .ligne_submit{text-align: center;}

		.pg_temoignage ul.liste_temoignage li::before {
			transform: rotate(-15deg);
		}
		.pg_temoignage ul.liste_temoignage li::after{
			transform: rotate(185deg) translate(0,50%);
		}
	}
	


/* PRODUITS */

	.pg_produit a{color:var(--mc-gold);}
	.pg_produit .fiche_pdf{padding: 15px 0;text-align: left;margin-top: 1.5em;}
	.pg_produit .retour{padding-left: 1em;}
	.pg_produit h1{max-width: 450px;margin: 2em auto 0 auto;padding-bottom: 0;font-family: 'Great Vibes', sans-serif;color:var(--mc-dark);font-size: 52px;text-align: center;}
	.pg_produit h2{margin-bottom: 0.5em;margin-top: 1em;}

	.fiche .container > div{display: flex;justify-content: center;gap:0 2em;}
	.fiche_visuel{flex:1;text-align: right;}
	.fiche_visuel .wrapper{position:sticky;top:3em;}
	.fiche_visuel .photo_main{padding-left: 30px;}
	.fiche_visuel .photo_main img{width:300px;height:100%;object-fit: scale-down;min-height: 400px;}
	.fiche_visuel .badges{position:absolute;top:15%;right:0;}
	.fiche_visuel .badges img{width: 110px;}
	.fiche_visuel .visuel_autres{display: flex;justify-content: end;}
	.fiche_visuel .visuel_autres .wrapper{display: flex;justify-content: center;width:300px;}
	.fiche_visuel .visuel_autres img{height:100px;width:100px !important;object-fit:scale-down;}

	.fiche_info{flex:1;}
	.fiche .visuel_gout{text-align: center;}
	.fiche .visuel_gout img{width: 260px;height: 160px;object-fit: contain;}
	.fiche .appellation{text-align: center;}

	.fiche .pairing{gap:0 !important;margin-top: 2em;margin-bottom: 2em;margin-left: 230px;}
	/* .fiche .pairing .visuel{flex:1;} */
	.fiche .pairing .visuel .wrapper{width: 355px;}
	.fiche .pairing .visuel img{width: 355px;height: auto;object-fit: contain;}
	.fiche .pairing .infos{flex:1;background-color: var(--mc-dark2);color:var(--mc-white);}
	.fiche .pairing .infos .wrapper{margin: 1em;padding-bottom: 1em;padding-left: 1em;padding-right: 1em;}
	.fiche .pairing .infos .titre{font-family: 'Great Vibes', sans-serif;color:var(--mc-gold);font-size: 40px;}

	.fiche .awards{justify-content: start !important;margin-left: 230px;}
	.fiche .awards .titre{position: relative;font-family: 'Great Vibes', sans-serif;color:var(--mc-dark2);font-size: 40px;}
	.fiche .awards .titre::before{position: absolute;left:0;content:'';display: block;width: 48px;height: 48px;transform: rotate(-56deg) translate(0,-60%);opacity: 0.05;
		background-image: url('../images/grapes.svg');
		background-size: 48px 48px;
	}

	.fiche .bloc_avis{display: flex;flex-direction: column;	justify-content: start !important;margin-left: 20%;}
	.fiche .bloc_avis .wrapper > .titre{position: relative;font-family: 'Great Vibes', sans-serif;color:var(--mc-dark2);font-size: 40px;}
	.fiche .bloc_avis .wrapper > .titre::before{position: absolute;left:0;content:'';display: block;width: 48px;height: 48px;transform: rotate(-56deg) translate(0,-60%);opacity: 0.05;
		background-image: url('../images/grapes.svg');
		background-size: 48px 48px;
	}
	.fiche .bloc_avis .liste_avis li{margin-bottom: 1em;}
	.fiche .bloc_avis .li{padding:1.5em;margin: 0 auto;
		background-color: #f5f5f5;}
	.fiche .bloc_avis .li::before{position: absolute;top:0;left:0; content:"“";font-family:'lustria', sans-serif;font-size: 120px;line-height: 1em;color:#C9CCCC;
		transform: rotate(-15deg) translate(50px,10px);
	}
	.fiche .bloc_avis .li::after{position: absolute;bottom:0;right:0; content:"“";font-family:'lustria', sans-serif;font-size: 120px;line-height: 1em;color:#C9CCCC;
		transform: rotate(185deg) translate(50px,0px);
	}
	.fiche .bloc_avis .liste_avis .details {
		display: flex;
		gap: 1em;
		font-size: 1.1em;
		flex-flow: row wrap;
		margin-bottom: 1em;
	}
	.fiche .bloc_avis .liste_avis .details .note .oui, 	.fiche .bloc_avis .liste_avis .details .note .moitie{color:var(--mc-gold);}
	.fiche .bloc_avis .liste_avis .details .note .non{color:var(--mc-grey);}

	.fiche .bloc_avis .depot_avis{width: 75%;padding: 3em;}
	.fiche .bloc_avis .depot_avis .ligne{padding-top: 1em;padding-bottom: 0.5em;}
	.fiche .bloc_avis .depot_avis .ligne_submit{text-align: center;}


	.form_tarif{text-align: left;padding: 1em 0;margin-top: 2em;}
	.form_tarif .libelle{display: none;}
	.form_tarif .declinaison{display:inline-block;}
	.form_tarif .qte_action{color:var(--mc-dark);}
	.form_tarif .qte{display:inline-block;margin-right: 0.5em;margin-left: 0.5em;}
	.form_tarif .prix{display:inline-block;padding-left:15px;padding-right:15px;}
	.form_tarif .lien_ajout_panier{display:inline-block;}

	.pg_produit .bloc_details .detail{margin: 7px 0;}

	.fiche .caracteristiques .titre{position: relative;font-family: 'Great Vibes', sans-serif;color:var(--mc-dark2);font-size: 40px;}
	.fiche .caracteristiques .titre::before{position: absolute;left:0;content:'';display: block;width: 48px;height: 48px;transform: rotate(-56deg) translate(0,-60%);opacity: 0.05;
		background-image: url('../images/grapes.svg');
		background-size: 48px 48px;
	}
	.fiche #caracteristiques ul{padding-left: 0.5em;}
	.fiche #caracteristiques ul li{padding-bottom: 0.5em;}

	.pg_produit .btn_add_to_cart{position: relative;transition: 0.5s all;}
	.pg_produit .btn_add_to_cart.loading{padding-right: 2em;}
	.pg_produit .btn_add_to_cart.loading::after{
		content: "\f013"; /* FontAwesome Unicode */
	 	font-family: FontAwesome;
		font-weight: 400;
		position: absolute;right:10px;top:0.5em;
		-webkit-animation: spin 2s linear infinite;
		animation: spin 2s linear infinite;
	}
	.pg_produit .btn_add_to_cart.added::after{
		content: "\f00c"; /* FontAwesome Unicode */
	 	font-family: FontAwesome;
		animation: unset;
	}


	.pg_produit #tabs_produit {margin-top: 15px;}	
	.pg_produit #tabs_produit h2{display: none;}
	.pg_produit #tabs_produit .tab-content{padding-top: 30px;padding-bottom: 30px;}
	.pg_produit #tabs_produit .caracteristiques ul li{padding:3px 5px 3px 0px;}

	.bloc_meme_categorie{margin-top: 4em;}
	.bloc_meme_categorie a{color:var(--mc-dark);}
	.bloc_meme_categorie > .titre{text-align: center;font-size: 1.5em;text-transform: uppercase;letter-spacing: 2px;}

	.pg_produit .liste_mosaique.portfolios{justify-content: center;}

	.bloc_page_bloc{text-align: center;margin-top: 4em;}
	.bloc_page_bloc .titre{text-align: center;font-size: 1.5em;text-transform: uppercase;letter-spacing: 2px;}

	.bloc_page_bloc .visuel{position: relative;background-size: cover;margin-top: 1em;height: 300px;background-position: bottom;}
	.bloc_page_bloc .visuel::before {
		content: '';
		display: block;
		width: 100%;
		height: 20px;
		background: #FFF;
		transform: skewY(-0.5deg) translateY(-50%);
		position: absolute;
		/* margin-top: 50px; */
		top: 0;
		z-index: 2;
	}

	@media (max-width: 1000px) {
		.fiche_visuel{flex:unset;}
		.fiche_visuel .photo_main img{height: 700px;min-height: unset;}
		.fiche_info{flex:unset;}
		.fiche .pairing{margin-left: 0;}
		.fiche .bloc_avis{margin-left: 0;}

	}
	@media (max-width: 768px) {
		.fiche .container > div{flex-direction: column;}
		.pg_produit .fiche_visuel{text-align: center;}
		.pg_produit .fiche_visuel .photo_main{padding: 0;}
		.pg_produit .fiche_visuel .photo_main img{height: 800px;}
		
		
		.pg_produit .fiche_pdf{text-align: center;}
		.pg_produit .fiche_pdf a{display: inline-block;margin-top: 0.5em;}

		.fiche_visuel .wrapper{}
		.fiche_visuel .badges{right: 15%;}
		.fiche .pairing{flex-direction: column-reverse;}
		.fiche .pairing .visuel .wrapper{width: 100%;}
		.fiche .pairing .visuel img{width: 100%;height: 250px;object-fit:cover;}
		.fiche .awards{margin: 1em;}
	}
	@media (max-width: 400px) {
		
		.pg_produit h1{margin-top: 0.5em;}
		/*.pg_produit .fiche_visuel .badges img{height: 70px;width:70px;}*/
	}

/* EMPLOYES */

	.liste_employes li{display: flex;align-items: center;flex-direction: row;}
	.liste_employes li:nth-child(even){display: flex;align-items: center;flex-direction: row-reverse;}
	.liste_employes li img{clip-path: circle(50% at center);max-height:300px;max-height:300px;}
	.liste_employes li .visuel{flex:1;text-align: center;}
	.liste_employes li .infos{flex:2;padding-left: 2em;padding-right: 2em;}
	.liste_employes li:nth-child(even) .infos{text-align: right;}

	@media (max-width: 768px) {
		.liste_employes li, .liste_employes li:nth-child(even){flex-direction: column;text-align: center;margin-bottom: 2em;}
		.liste_employes li:nth-child(even) .infos{text-align: center;}
		.liste_employes li .titre{margin-top: 0.5em;margin-bottom: 0.5em;}
	}

/* RESULTATS */

	.page_resultats .container{max-width: 80%;padding:1em;}

	.filter .item{margin-right: 0.25em;position: relative;}
	.filter .item option{appearance: none;}
	.filter .item select{appearance: none;border: 0;border-bottom: 1px solid #CCC;display: inline-block;margin-left: 15px;}
	.filter .item:hover select{color:var(--mc-yellow1);}
	.filter .item:hover select option{color:var(--mc-dark);}
	.filter .item::after{content: "\f107"; /* FontAwesome Unicode */
	 	font-family: FontAwesome;display: block;position: absolute;top:8px;pointer-events: none;padding-left: 15px;}

	.info_resultats{padding: 5px 10px;margin: 10px 0;
		display: flex;width: 100%;justify-content: space-between;align-items: center;}
	.info_resultats .icones_tri{
		display: flex;
		-ms-align-items: center;
		align-items: center;}
	#form_tri_resultats{display: inline-block;margin-left: 25px;}

	.diapo_produit_categorie{position: relative;max-height: 250px;}
	.diapo_produit_categorie h1{position: absolute;bottom: 15px;left: 15px;font-size: 3rem;color:#FFF;font-weight: bold;text-shadow: 1px 0px 5px #000;}

	.liste_mosaique{display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 0;gap:0.5em;}
	.liste_mosaique .portfolio{position: relative;width:250px;max-width:300px;display: none;margin:0;border:0px solid #CCC;overflow: hidden;border-bottom: 2px solid var(--mc-grey);
		transition: all 0.3s ease-in-out;
	}
	.liste_mosaique .portfolio.active{display: block;transition: all 0.3s ease-in-out}
	.liste_mosaique .portfolio:hover{background-color: #fcfcfc;}
	.liste_mosaique .portfolio .hover {
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		left: 0;
		top: 40%;
		z-index: 111;
		transform: scale(0,0);
		color: #FFF;
		padding: 1em 0.25em;
		opacity: 0;line-height: 1em;
		transition:all 0.5s;
	}
	.liste_mosaique .portfolio .etiquette {
		box-shadow: 0 3px 12px -7px #000;
		color: #FFF;
		display: block;
		font-size: 16px;
		position: absolute;
		left: -50px;
		text-align: center;
		text-transform: uppercase;
		top: 20px;
		transform: rotate(-45deg);
		width: 180px;
		z-index: 999;
		background: var(--mc-yellow1);
		line-height: 1.1em;
		padding: 5px;
		font-weight: bold;
	}
	.liste_mosaique .portfolio .wrapper{background-color: transparent;}

	.liste_mosaique .portfolio.coul3:hover{border-color:var(--text-red-wine);}
	.liste_mosaique .portfolio.coul2:hover{border-color:var(--text-pink-wine);}
	.liste_mosaique .portfolio.coul1:hover, .liste_mosaique .portfolio.coul14:hover{border-color:var(--text-white-wine);}
	.liste_mosaique .portfolio.coul3 .btn-show-to-cart{--bg-clr: var(--text-red-wine);--btn-clr: var(--text-red-wine);}
	.liste_mosaique .portfolio.coul2 .btn-show-to-cart{--bg-clr: var(--text-pink-wine);--btn-clr: var(--text-pink-wine);}
	.liste_mosaique .portfolio.coul1 .btn-show-to-cart, .liste_mosaique .portfolio.coul14 .btn-show-to-cart{--bg-clr: var(--text-white-wine);--btn-clr: var(--text-white-wine);}
	.liste_mosaique .portfolio.coul0 .btn-show-to-cart{--bg-clr: var(--mc-secondary);--btn-clr: var(--mc-white);}
	.liste_mosaique .portfolio.coul0 .btn-show-to-cart:hover{--bg-clr: var(--mc-white);--btn-clr: var(--mc-secondary);}

	/*.liste_mosaique .portfolio.coul3:hover .btn-show-to-cart{background-color: transparent;border-color: var(--text-red-wine);color: var(--text-red-wine);}
	.liste_mosaique .portfolio.coul2:hover .btn-show-to-cart{background-color: transparent;border-color: var(--text-pink-wine);color: var(--text-pink-wine);}
	.liste_mosaique .portfolio.coul1:hover .btn-show-to-cart{background-color: transparent;border-color: var(--text-white-wine);color: var(--text-white-wine);}*/

	.liste_mosaique .portfolio:hover .hover{opacity: 1;transform: scale(1,1);}
	.liste_mosaique .portfolio .front3d_{backface-visibility: hidden;transition: 0.5s;transform:scale(1);position: relative;overflow: hidden;}
	.liste_mosaique .portfolio .front3d_ img{height: 270px;width:100%;object-fit: scale-down;}
	.liste_mosaique .portfolio .front3d_ .badge{position: absolute;top:10%;right:10%;}
	.liste_mosaique .portfolio .front3d_ .badge img{height: 55px;width:55px;object-fit: scale-down;}
	.liste_mosaique .portfolio .front3d_ .btn-show-to-cart{border-radius: 0;color:#FFF;font-size: 0.9em;}
	/*.liste_mosaique .portfolio .front3d_:hover .btn-show-to-cart{color:#000;}*/
	.liste_mosaique .portfolio .front3d_ .cepages{padding-bottom: 0.75em;line-height: 1em;}
	.liste_mosaique .portfolio .front3d_ .prix{font-size: 1.3em;color:var(--mc-dark2);padding-bottom: 0.5em;}
	.liste_mosaique .portfolio .front3d_ .prix .apartirde{font-size: 12px;}
	.liste_mosaique .portfolio .front3d_ .boutons{display: flex;flex-direction: row;gap:0.5em;justify-content: space-between;}
	.liste_mosaique .portfolio .back3d_{width: 100%;height: 100%;overflow: hidden;
		position: absolute;top: 0;left: 0;transition: 0.5s;
		display:flex;align-items:center;justify-content:center;flex-direction:column;
		transform:scale(0);
	}
	.liste_mosaique .portfolio.viewcart .front3d_{transform:scale(0);}
	.liste_mosaique .portfolio.viewcart .back3d_{transform:scale(1);}
	.liste_mosaique .portfolio.viewcart .back3d_ .ligne{padding:0.25em 0.5em;}
	.liste_mosaique .portfolio.viewcart .back3d_ .ligne.choix_qte{
		display: flex;
		justify-content: center;
		gap: 1em;
		align-items: center;
	}
	.liste_mosaique .portfolio.viewcart .back3d_ .ligne.choix_qte .btn{padding:0.5em 1.75em;}
	.liste_mosaique .portfolio.viewcart .back3d_ .ligne.prix{margin: 1em 0;}
	.liste_mosaique .portfolio.viewcart .back3d_ .prix_commande{font-size: 1.5em;}

	.liste_mosaique .vignette{text-align: center;position: relative;}
	.liste_mosaique .vignette img{max-height: 200px;}
	.liste_mosaique .front3d_{padding: 25px;}
	.liste_mosaique .vignette:hover .wrapper_info{opacity: 1;}
	.liste_mosaique .titre{font-size: 18px;line-height: 24px;height: 71px;overflow: hidden;margin-top: 20px;margin-bottom: 10px;}
	.liste_mosaique .titre a{color:var(--mc-dark);}
	.liste_mosaique .portfolio:hover .titre a{color:var(--mc-gold);}
	.liste_mosaique .texte{margin-top: 20px;margin-bottom: 30px;font-style: italic;}
	.liste_mosaique a{text-decoration: none;}
	.liste_mosaique .action{display: block;text-align: right;}

	.liste_mosaique .btn-add-to-cart{position: relative;transition: 0.5s all;}
	.liste_mosaique .btn-add-to-cart.loading{padding-right: 2em;}
	.liste_mosaique .btn-add-to-cart.loading::after{
		content: "\f013"; /* FontAwesome Unicode */
	 	font-family: FontAwesome;
		font-weight: 400;
		position: absolute;right:10px;top:0.5em;
		-webkit-animation: spin 2s linear infinite;
		animation: spin 2s linear infinite;
	}
	.liste_mosaique .btn-add-to-cart.added::after{
		content: "\f00c"; /* FontAwesome Unicode */
	 	font-family: FontAwesome;
		animation: unset;
		padding-left: 5px;
	}

	@keyframes zoom-in {
	  0% {
	   transform: scale(.1);
	  }
	  100% {
	    transform: none;
	  }
	}
	@keyframes zoom-out {
	  0% {
	   transform: none;
	  }
	  100% {
	    transform: scale(.1);
	  }
	}

	.is-animated {
	  animation: .6s zoom-in;
	}
	.not-animated{
		animation: .6s zoom-out;
	}

	.aucun-resultat{margin-top: 50px;margin-bottom: 50px;text-align: center;}

/* PARTENAIRES */

	.cadre_map{}
	.cadre_map.active{height: 0px;}
	.cadre_map .command{display: none;}

	.pg_partenaires{}
	.pg_partenaires .filtre{padding:1em 0;}
	.pg_partenaires .cadre_map{padding-left: 0;}
	.pg_partenaires .cadre_liste{padding-right: 0;}
	.pg_partenaires .cadre_liste > .wrapper{height:600px;overflow-y:auto;}
	.pg_partenaires #bloc_liste_partenaires{display: flex;}
	.pg_partenaires .cadre_liste > .wrapper .item{padding:5px;}
	.pg_partenaires .cadre_liste > .wrapper .item .wrapper{padding:10px;border:1px solid #CCC;background-color: #fff;}
	.pg_partenaires .cadre_liste > .wrapper .item .image{position: relative;overflow: hidden;height: 100px;}
	.pg_partenaires .cadre_liste > .wrapper .item .image img{display: block;max-height: 100px;}
	.pg_partenaires .cadre_liste > .wrapper .item .categorie{font-size: 0.9em;text-transform: uppercase;text-align: center;color: var(--mc-gold);}
	.pg_partenaires .cadre_liste > .wrapper .item .titre{margin-bottom: 1em;font-size: 1.2em;text-transform: uppercase;line-height: 1em;}
	.pg_partenaires .cadre_liste > .wrapper .item .titre a{text-decoration: none;}
	.pg_partenaires .cadre_liste > .wrapper .item .titre a:hover{text-decoration: none;}
	.pg_partenaires .cadre_liste > .wrapper .item .contacts{display: flex;justify-content:space-around;margin-top: 1em;}
	.pg_partenaires .cadre_liste > .wrapper .item .lieu{font-size: 0.9em;text-transform: uppercase;text-align: center;}
	.pg_partenaires .cadre_liste .fiche{}
	.pg_partenaires .cadre_liste .fiche .categorie{font-size: 12px;text-transform: uppercase;color:#999;}
	.pg_partenaires .cadre_liste .fiche .texte{background-color: #f5f5f5;margin: 25px 0;padding: 15px;}
	.pg_partenaires .cadre_liste .liste{position: relative;}
	.pg_partenaires .cadre_liste .liste #custom_loader{display:none;position: absolute;z-index:1000;width: 100%;height: 600px;background-color: #FFF;text-indent: -5000px;}
	.pg_partenaires .lien_espace{margin-top: 35px;padding: 15px;}

	@keyframes spinner {
	    0% {
	        transform: translate3d(-50%, -50%, 0) rotate(0deg);
	    }
	    100% {
	         transform: translate3d(-50%, -50%, 0) rotate(360deg);
	    }
	}

	.spinner {
	    // The height here is just for demo purposes
	    height: 100px;
	    opacity: 1;
	    position: relative;
	    transition: opacity linear 0.1s;    
	}
	.spinner::before {
	    animation: 2s linear infinite spinner;
	    border: solid 3px #eee;
	    border-bottom-color: #034995;
	    border-radius: 50%;
	    content: "";
	    height: 40px;
	    left: 50%;
	    opacity: inherit;
	    position: absolute;
	    top: 100px;
	    transform: translate3d(-50%, -50%, 0);
	    transform-origin: center;
	    width: 40px;
	    will-change: transform;
	    
	}

/* PANIER */

	.pg_panier{padding-top: 3em;}
	.pg_panier h1{text-align: center;}

    .tablepanier{color:var(--mc-dark);}
    .tablepanier th{text-align:center;text-transform:uppercase;line-height:36px;font-weight:bold;color:var(--mc-dark2);white-space:nowrap;vertical-align: middle !important;}
    .tablepanier th:first-child{border-left:0 none;}
    .tablepanier th.th_prix{padding:0 10px;}
    .tablepanier td{padding:10px;white-space:nowrap;vertical-align: middle !important;}

    .tablepanier td.panier_supp{text-align:center;vertical-align: middle;padding-left: 1em;padding-right: 1em;}
    .tablepanier td.panier_reference{text-align:center;vertical-align: middle;}
    .tablepanier td.panier_quantite{text-align: center;font-size: 16px;}
    .tablepanier td.panier_assurance{text-align: center;}
    .tablepanier td.panier_produit{display:flex;align-content:center;justify-content: start;align-items: center;border-top: 0;padding-left: 0;white-space:normal;}
    .tablepanier td.panier_produit .vignette{background-position:center center;background-repeat:no-repeat;margin-right: 1em;}
    .tablepanier td.panier_produit a{text-decoration:none !important;}
    .tablepanier td.panier_cadeau{text-align: center;}
    .tablepanier td.panier_cadeau a{text-decoration: none;}
    .tablepanier td.panier_cadeau i.icon-gift{font-size: 18px;}
    .tablepanier td.panier_cadeau i.icon-gift-ok{color:var(--mc-dark);}
    .tablepanier td.panier_total_ligne{/*background:#bed3fe !important;border-left:2px solid #FFF !important;*/text-align:right;font-size:20px;color:inherit;}
    .tablepanier td.panier_periode div{margin-bottom:10px;}
    .tablepanier td.panier_periode span{font-weight:bold;text-transform:uppercase;}

    .total{text-align: right;};
    .ligne_totalttc{margin:10px 0;}
    .ligne_totaltva{font-style: italic;font-size: 10px;}
    .ligne_totaltva .libelle{text-align:right;vertical-align:middle;font-size:12px;color:inherit;text-transform:lowercase;display: inline-block;width: 250px;}
    .ligne_totalttc .libelle{text-align:right;vertical-align:middle;font-size:16px;color:inherit;text-transform:uppercase;display: inline-block;width: 250px;}
    .ligne_totalttc .libelle span{font-size:14px;color:inherit;text-transform:uppercase;vertical-align:middle;}
    .ligne_totalttc .valeur{text-align:right;vertical-align:middle;font-size:20px;color:inherit;text-transform: uppercase;display: inline-block;width: 100px;}
    .ligne_totaltva .valeur{text-align:right;vertical-align:middle;font-size:12px;color:inherit;text-transform: uppercase;display: inline-block;width: 100px;}

	.ligne_livraison .libelle{text-align:right;vertical-align:middle;color:inherit;display: inline-block;}
	.ligne_livraison .valeur{text-align:right;vertical-align:middle;color:inherit;display: inline-block;}

	.ligne_bottom_panier{display: flex;}
	.ligne_bottom_panier .case1{display:inline-block;width:49.5%;vertical-align:top;padding:1rem 1.5rem 1rem 0;}
	.ligne_bottom_panier .case1 .titre{padding:0.5em;text-align:center;}
	.ligne_bottom_panier .case1 .texte{padding-bottom:1rem;text-align: left;font-size: 0.8em;}
	.ligne_bottom_panier .case2{display:inline-block;width:49.5%;vertical-align:top;}
	.ligne_bottom_panier .case0{display:inline-block;width:100%;vertical-align:top;}


    .box_total_panier{}
    .box_total_panier_contenu{padding:10px;border:1px solid #E0E5E8;text-align:right;margin:15px 0;}
    .box_total_panier_contenu .ligne_total_fraisdeport{margin:10px 0;display: flex;flex-direction: column;justify-content: end;align-items: center;}
    .box_total_panier_contenu .ligne_total_fraisdeport .libelle{text-align:right;vertical-align:middle;font-size:16px;color:inherit;text-transform:uppercase;display: inline-block;}
    .box_total_panier_contenu .ligne_total_fraisdeport .libelle span{font-size:14px;color:inherit;text-transform:uppercase;vertical-align:middle;}
    .box_total_panier_contenu .ligne_total_fraisdeport .libelle em{display:block;font-size:10px;text-transform:none;}
    .box_total_panier_contenu .ligne_total_fraisdeport .libelle b{display:block;font-size:10px;text-transform:none;}
    .box_total_panier_contenu .ligne_total_fraisdeport .valeur{text-align:right;vertical-align:middle;font-size:20px;color:inherit;text-transform: uppercase;display: inline-block;min-width: 100px;}
    .box_total_panier_contenu .ligne_total_fraisdeport .ligne_speciale{margin-top:10px;}
    .box_total_panier .input{height:27px;line-height:19px;padding-left:5px;border:1px solid #CCC;border-radius:3px;color:#333;width: 100px;}

    .box_total_panier_contenu .ligne_total_codepromo{margin:10px 0;}
    .box_total_panier_contenu .ligne_total_codepromo .libelle{text-align:right;vertical-align:middle;font-size:16px;color:inherit;text-transform:uppercase;display: inline-block;/*width: 250px;*/}
    .box_total_panier_contenu .ligne_total_codepromo .libelle span{font-size:14px;color:inherit;text-transform:uppercase;vertical-align:middle;}
    .box_total_panier_contenu .ligne_total_codepromo .valeur{text-align:right;vertical-align:middle;font-size:20px;color:inherit;text-transform: uppercase;display: inline-block;min-width: 100px;}
    
    .box_total_panier_contenu .ligne_total_reduction_qte{display: flex;justify-content: flex-end;align-items: center;}
    .box_total_panier_contenu .ligne_total_reduction_qte .libelle{text-align:right;vertical-align:middle;font-size:16px;color:inherit;display: inline-block;padding-left:5px;text-transform: uppercase;}
    .box_total_panier_contenu .ligne_total_reduction_qte .valeur{text-align:right;vertical-align:middle;font-size:20px;color:inherit;text-transform: uppercase;display: inline-block;min-width: 100px;}
    
    @media (max-width:768px) {

    	.tablepanier td{white-space: unset;}

    	.ligne_bottom_panier{flex-direction: column;}
    	.ligne_bottom_panier .case1{width: 100%;}
    	.ligne_bottom_panier .case2{width: 100%;}

    	.box_total_panier_contenu .ligne_total_fraisdeport{flex-direction: row;}
    	.ligne_totalttc .libelle, .ligne_totaltva .libelle{width: unset;}
    }

    @media (min-width:576px) {
    	 .box_total_panier_contenu .ligne_total_fraisdeport{flex-direction: row;}
    }


    .ligne_acompte .libelle{text-align:right;vertical-align:middle;font-size:18px;background:inherit;color:#FFF;text-transform:uppercase;}
    .ligne_acompte .libelle span{display:block;font-size:14px;color:#9db2e7;text-transform:uppercase;}
    .ligne_acompte .valeur{text-align:right;vertical-align:middle;font-size:20px;background:inherit;color:#FFF;}
    .ligne_bouton_valider{text-align: right;margin-top:15px;}
    .ligne_bouton_valider td.libelle{padding:0;}
    .ligne_bouton_valider td.libelle a.btn_valide_panier{display:block;float:right;width:198px;margin-top: 3px;text-align:center;background:#f5cf1e;color:#224184;border:1px solid #f8d523;line-height:27px;
    text-shadow: -1px -1px 0px #ffffff;filter: dropshadow(color=#ffffff, offx=-1, offy=-1);text-decoration:none !important;font-size:16px;font-weight:bold;}
    .ligne_produit td{border-bottom:1px solid #e0e5e8;border-right:0 none;}
    .ligne_produit td:first-child{border-left:0 none;}

	/* CADEAUX */
		.ligne_cadeau{position: relative;}
		.ligne_cadeau .vignette img{width:148px;height:148px;object-fit:scale-down;}
		.ligne_cadeau .vignette .fake_img{width:148px;height:148px;background-color: #f8f8f8;clip-path: circle(60px at center);}
		.ligne_cadeau .infos .titre{position: relative;display: block;padding-left: 3em;color:var(--mc-gold);font-weight: bold;text-transform: uppercase;margin-bottom: 0.5em;}
		.ligne_cadeau .infos .titre::before{
			content:'\f06b';font-family: 'FontAwesome';
			position: absolute;top:0;left:0;
			color:var(--mc-gold);font-size:40px;line-height: 20px;font-weight: normal;text-transform: none;
			transform:rotate(-25deg);
		}
		.ligne_cadeau .infos .texte{display:block;line-height:1.4em;}

    .btn_supprimer{position:relative;}
    .btn_supprimer a{display:inline-block;background:#c40a32;color:#FFF;text-transform:uppercase;border-radius:50px;text-align:center;font-weight:bold;padding:2px 5px;text-decoration:none !important;}
    /*.btn_moins{display:inline-block;width:19px;height:19px;background:url(../images/btn_plus_moins.png) no-repeat top left;vertical-align:middle;}
    .btn_plus{display:inline-block;width:19px;height:19px;background:url(../images/btn_plus_moins.png) no-repeat top right;vertical-align:middle;}*/
    .input_qte{padding:0 5px;}
    .legende_panier{color: #4a4a4a;font-style: italic;text-align: center;}

	@media (max-width:576px) {
		.ligne_bouton_valider{display: flex;justify-content: center;align-items: center;gap:1em;}
   }

/* ETAPES COMMANDE */
    
    #barre_processus_commande{height: 100px;margin-top: 0px;}
    #barre_processus_commande ul{text-align: center;display: flex;flex-wrap: wrap;justify-content: center;}
    #barre_processus_commande li{display: inline-block;padding: 10px 15px;margin: 20px;}
    #barre_processus_commande li i{color: var(--mc-grey);}
    #barre_processus_commande li .titre{color: var(--mc-grey);}
    #barre_processus_commande li.active i{color: var(--mc-gold);}
    #barre_processus_commande li.active .titre{color: var(--mc-dark);}

	.pg_process{padding-top: 100px;}
	.pg_process h1{text-align: center;}

    #modes_livraison{width: 100%;background-color: #fff;}
    #modes_livraison tr td.box{border:1px solid #CCC;border-left: 0;padding:2em 0.5em;margin:0;}
    #modes_livraison tr td.box_mode .choix_adresse{margin:10px 0px 10px 25px;}
    #modes_livraison tr td.box_prix{vertical-align: middle;font-size: 24px;text-align: center;}
    #modes_livraison tr td.box_details{width: 50%;}

    .page_recap .tablepanier{background-color:#FFF;}
    .page_recap h2{text-align: center;}
    .page_recap .bloc_card{width:50%;}
    .page_recap .adresses .card{text-align: center;margin:2em;background:#FFF;}
    .page_recap .adresses .card-header{background: none;font-weight: bold;text-transform: uppercase;}
    .page_recap .adresses .card-body{padding: 20px 50px;}

    .page_recap .bloc_modes_paiement .wrapper{padding-top: 2em;width:80%;margin:0 auto 40px;}
	.page_recap .bloc_modes_paiement .bloc_confirm_majorite{text-align: center;padding:0.5em;}
    .page_recap .bloc_modes_paiement .blocs{display: flex;justify-content: space-around;align-items: center;}
    .page_recap .bloc_modes_paiement .bloc{width:30%;display:flex;justify-content:center;align-items:center;border:1px solid var(--mc-grey);text-align: center;
    	transition: all 0.5s;}
    .page_recap .bloc_modes_paiement .bloc:hover{border:1px solid var(--mc-gold);}
    .page_recap .bloc_modes_paiement .bloc a{display: flex;flex-direction: column;text-decoration:none;margin: 1em;}

	@media (max-width: 768px) {

		#modes_livraison{display: flex;}
		#modes_livraison tr{display: flex;flex-direction: column;}
		#modes_livraison tr td.box{border:0 none;padding:1em 0.5em;}
		#modes_livraison tr td.box_details{width: 100%;border-bottom: 1px solid #000;}
		
		
		.page_recap h2{margin-top: 2em;}
		.page_recap .adresses .card{margin: 2em 0;}

    	.page_recap .bloc_card{width:unset;}
    	.page_recap .bloc_modes_paiement .blocs{flex-direction: column;}
    	.page_recap .bloc_modes_paiement .bloc{width: 100%;margin-bottom: 0.5em;}
    }

/* ESPACE CLIENT */
	
	#page_acces{}
	#page_acces .wrapper{display: flex;align-content: center;justify-content: center;flex-flow: wrap;}
	#page_acces .wrapper .box_acces{flex:0 0 50%;padding:2em 2em 4em 2em;border-radius: 7px;background-color: transparent;transition: background-color 0.3s;}
	#page_acces .wrapper .box_acces:hover{}
	#page_acces .wrapper .box_acces label{display: flex;justify-content: center;}
	#page_acces .wrapper .box_acces input, #page_acces .wrapper .box_acces select{display: inline-block;width: 50%;text-align: center;}
	#page_acces h2{}

	#page_acces .titre_rubrique{margin: 15px 0;font-weight: bold;}

    /* Espace client */
    .page_espace_client{width: 100%;float:none;}
    .page_espace_client input.champ{border:1px solid #CCC;padding:5px;border-radius: 5px;width: 200px;}
    .page_espace_client textarea{border:1px solid #CCC;padding:5px;border-radius: 5px;width: 400px;}
    .page_espace_client .bloc{display: none;background-color: transparent;}
	.main_espace_client{display: flex;gap: 2em;flex-direction: column;}

		
    .colonne_espace_client{transition: all 0.3s;}
    .colonne_espace_client ul{display: flex;flex-direction: row;justify-content: space-around;margin-top: 2em;}
    .colonne_espace_client ul li{display: flex;flex-direction:column;justify-content:center;align-items: center;padding: 0.5em;text-align: center;}
    .colonne_espace_client ul li i{margin-right: 0.25em;font-size: 2em;}
    .colonne_espace_client ul li a{margin-bottom: 3px;}
    .colonne_espace_client ul li a:hover, .colonne_espace_client ul li a.active{text-decoration: none;}

	#espace_client{flex:1;}

    .table_commandes th{text-align:center;text-transform:uppercase;line-height:36px;font-weight:bold;color:#333;white-space:nowrap;}
    .table_commandes th:first-child{border-left:0 none;}
    .table_commandes th.th_prix{padding:0 10px;}
    .table_commandes td{padding:10px;white-space:nowrap;vertical-align: middle;}
    .table_commandes td.lien_voir{text-align: center;}
    .table_commandes td.lien_voir a i{font-size:14px;color:var(--mc-dark);}
    .table_commandes td.lien_voir a:hover{text-decoration: none;}

    .table_commandes .details{}
    .table_commandes .details .wrapper{background-color: #fff;border:1px solid #CCC;border-radius:5px;padding:10px;margin-top: 2em;}
    .table_commandes .details .titre{font-size:14px;text-align:left;margin:10px;font-weight:bold;text-transform:uppercase;}
    .table_commandes .details .cards{margin-bottom: 2em;}
    .table_commandes .details .cards .label{}
    .table_commandes .details .cards .valeur{color:var(--mc-yellow1);}

    .table_commandes .tablepanier{width: 100% !important;}
    .table_commandes .box_total_panier{width: 100% !important;}

    #form_coordonnees{}
    #form_coordonnees table{}
    #form_coordonnees table tr td{padding:5px 0}

    #form_password{}
    #form_password table{}
    #form_password table tr td{padding:5px 0}

	@media (max-width: 768px) {
		.main_espace_client{flex-direction: column;}

		#page_acces .wrapper .box_acces input, #page_acces .wrapper .box_acces select{width: 100%;}

		.colonne_espace_client{width: 100%;margin-top: 2em;}
		.colonne_espace_client ul{flex-direction: row;justify-content: center;text-align: center;}
    	.colonne_espace_client ul li a{padding: 10px;}
    	.colonne_espace_client ul li i{font-size: 24px;}
    	.colonne_espace_client ul li span{margin-left: 10px;display: none;}
    	
    }
    @media (max-width: 480px) {
    }


    a.bouton{background:#93B63E;border-radius:5px;padding:7px 10px;color:#171717;text-decoration:none !important;border:1px solid #FFF;}
    a.bouton:hover{background:#93B63E;border-radius:5px;padding:7px 10px;color:#171717;text-decoration:none;}

/* ARIANE */

	.ariane{display: flex;justify-content: center;text-align: center;padding: 0.25em;background: rgba(255,2255,255,0.2);font-size: 1em;margin-bottom: 30px;border-bottom: 1px solid #e5e5e5;}
	.ariane ul{display: flex;align-items: center;margin: 0;}
	.ariane ul li{padding:0.25em 0.5em;color:#CCC;}
	.ariane ul li::before{content:'\f178';font-family: 'FontAwesome';display: inline-block;;margin-right: 1em;color:#CCC;}
	.ariane ul li:first-child::before{content: '';}
	.ariane ul li a{color:var(--mc-gold);text-decoration: none;font-family: 'Lustria', sans-serif;}

	.body_spec .ariane{margin-left: 50%;justify-content: start;}

	@media (max-width: 900px) {
		.body_spec .ariane{margin-left: 0;background-color: #fff;}
	}
	@media (max-width: 768px) {
		.ariane ul li{font-size: 1em;}
	}
	@media (max-width: 576px) {
		.ariane{display: none;}
	}

/* OBLIGATIONS LEGALES */

	/*#cookie-banner{width:100%;position:fixed;z-index:1111;bottom:0;background:#000;right:0;color:#FFF;text-align:center;padding: 10px;font-weight: bold;text-align: center;}
	#cookie-banner .btn-cookie-ok{background-color: #FFF;color: #000;border-radius: 100px;border-color: #FFF;letter-spacing: 0.2px;font-weight: 400;font-size: 0.9em;}
	#cookie-banner .btn-cookie-savoirplus{background-color: #FFF;color: #000;border-radius: 100px;border-color: #FFF;letter-spacing: 0.2px;font-weight: 400;font-size: 0.9em;}

	#inform-and-ask{}*/
	
	#ModalAgeLegal{}
	#ModalAgeLegal .modal-header{border-bottom: 0px solid #999;}
	#ModalAgeLegal .modal-dialog{}
	#ModalAgeLegal .modal-body{background:#FFF;color:#000;font-size:16px;border-bottom:4px solid var(--mc-dark);pointer-events:visible !important;padding: 50px 10px;}
	#ModalAgeLegal .modal-dialog .liens{padding:10px;text-align: center;color:#C3A664;display:flex;justify-content: space-evenly;}
	#ModalAgeLegal .modal-dialog .sep{}
	#ModalAgeLegal .modal-dialog a{}
	#ModalAgeLegal .modal-dialog p{text-align: center;}
	#ModalAgeLegal .modal-footer{border-top: 0px solid #999;}

	@media (max-width: 768px) {
		#ModalAgeLegal .modal-dialog .liens{flex-direction: column;}
		#ModalAgeLegal .modal-dialog .sep{visibility: hidden;}
	}

/* CUSTOM HR */

	.custom_hr {display: block;height: 1px;width: min(340px,100%);background-color: rgba(136, 136, 136, 0.2);
		margin-top: 50px;margin-bottom: 50px;margin-left: auto;margin-right: auto;}
	.custom_hr.custom_hr_icon {height: 31px;height: 31px;background: none;position: relative;}
	.custom_hr.custom_hr_icon::before,
	.custom_hr.custom_hr_icon::after {content: '';height: 1px;width: 140px;position: absolute;top: 24px;left: 0px;background-color: rgba(136, 136, 136, 0.3);}
	.custom_hr.custom_hr_icon::after {left: auto;right: 0px;}
	.custom_hr.custom_hr_icon img {width: 40px;margin: 0px;opacity: 0.15;}

	@media (max-width: 768px) {
		.custom_hr.custom_hr_icon{
			margin-top:100px;
			margin-bottom:100px;
		}
	}

/* POLICES */

/* MODAL */
	
	.modal-header{padding-bottom: 0;}
	.modal-title{font-family: 'Lustria', sans-serif;font-size: 1.5em;text-transform: uppercase;letter-spacing: 1px;display: flex;align-items: center;padding-bottom: 0;}
	.modal-footer{justify-content: center;flex-direction: column;}
	.modal label{margin-bottom: 0.15em;margin-top: 0.5em;}
	.modal .ligne_double{display: flex;}
	.modal .ligne_double > div{margin-right: 0.25em;}

	.w-date-icon{position: relative;display: flex;}
	.w-date-icon::after{
		content: "\f073"; /* FontAwesome Unicode */
	 	font-family: FontAwesome;
	 	position: absolute;right: 8px;top: 5px;pointer-events: none;opacity: 0.5;
	}

	@media (max-width: 768px) {
		.pg_tourisme .modal-header{flex-direction: column;}
	}



/* BACK TO TOP*/

	#back-to-top {display: none;position: fixed;bottom: 18px;right: 15px;text-decoration: none;}
	#back-to-top i {display: block;width: 36px;height: 36px;line-height: 36px;color: var(--mc-blue);border-radius: 2px;
		-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;text-align: center;background-color: #F5F5F5;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	#back-to-top:hover{text-decoration: none;}
	#back-to-top:hover i {
		background-color: var(--mc-blue);color:#FFF;
	}

	/* ANIMATIONS KEYFRAMES */
	
	@keyframes spin {
	 100% {
	  -webkit-transform:rotate(360deg);
	  transform:rotate(360deg)
	 }
	}

/* RESPONSIVE */

	@media (max-width: 996px) {


		.liste_mosaique{justify-content: center;}
  		
		/* pages */
		.pg_partenaires .filtres select, .pg_partenaires .filtres input{display: block;width: 100%;margin-top: 3px;}
		.pg_partenaires .liste_partenaires .adresse{margin: 10px 0;border-top: 1px solid #f9f9f9;border-bottom: 1px solid #f9f9f9;}
		.pg_partenaires .liste_partenaires .actions a{display: inline-block;margin: 5px;}

	}

	@media (max-width: 768px) {


		#barre_processus_commande li{margin: 0;}
		
		

		/* PRODUIT */
		

		/*.bloc_meme_categorie ul{flex-direction: column;}*/
		
		.pg_news ul .wrapper{-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;}

		/* PANIER */
		.tablepanier .ligne_produit, .tablepanier .ligne_cadeau{display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;}
		.tablepanier .panier_produit{-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;}
		.tablepanier .vignette{transform: none !important;}
		.tablepanier thead{display: none;}
		

	}

	@media (max-width: 600px) {
		.liste_items_ob .card{max-width: unset;text-align: center;width: 100%;margin-top: 1em;margin-bottom: 2em;overflow: hidden}
		.liste_news_home .titre{display: flex;justify-content: center;}

		.diapo_produit_categorie h1{padding: 0 0.15em;bottom: 5%;}
	}
	@media (max-width: 480px) {

		h1{font-size: 3em;}

		/* RESULTATS */
		.info_resultats{flex-direction: column;}
		.diapo_produit_categorie h1{display: none;}
		#form_tri_resultats{display: block;}


		/* ESPACE CLIENT */
		#page_acces .wrapper .box_acces{flex:0 0 100%;}

		/* PRODUIT */
		.pg_produit #tabs_produit{margin-top: 25px;}
		.pg_produit #tabs_produit h2{display: block;}
		.pg_produit #tabs_produit_fiche span{display: none;}

		.pg_produit h1{text-align: center;font-size: 2.5em;}
		.pg_produit .fiche{margin-top: 0;}
		.pg_produit .fiche .form_tarif .declinaison{margin-bottom: 1em;}

		.bloc_page_bloc{padding: 1em;}
		.bloc_page_bloc .titre{font-size: 1.2em;}
		.bloc_page_bloc .visuel{margin-top: 1em;}
	}