:root {
  --mc-grey:#CCC;
  --mc-dark:#555;
  --mc-dark2:#333;
  --mc-white:#FFF;
  --mc-red:#F42320;
  --mc-yellow1:#D2AB2A;
  --mc-yellow2:#997C20;
  --mc-green0:#18B374;
  --mc-green:#8DBB00;
  --text-red-wine:#C32039;
  --text-pink-wine:#ff8571;
  --text-white-wine:#80bd01;
}

/* GLOBAL */

	html{scroll-behavior: smooth;}
	body{font-family:"Lato", sans-serif;font-size:16px;margin:0;color:#000;background: #FFF;transition: 0.5s all;}
	
	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:2.5rem;}
	h1 span{}
	h2{font-size:2rem;}
	h3{font-size:1.5rem;}
	hr{display:block;height:2px;background:#CCC;margin:0 5px;}
	p{}
	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;}
	.form-control-inline{display: inline-block;width: auto;vertical-align: middle;}
	.form-control:focus{border-color:var(--mc-yellow1);-webkit-box-shadow: 0 0 0 0 rgba(222,193,132,0.6);box-shadow: 0 0 0 0 rgba(222,193,132,0.6);}
	.no-pl{padding-left: 0 !important;}
	.no-pr{padding-right: 0 !important;}
	.bradius0{border-radius: 0;}

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

	.btn-custom{background-color: var(--mc-green);border-radius: 0px;border-color: var(--mc-green);color: #fff !important;letter-spacing: 0.2px;font-weight: 400;font-size: 0.9em;}
	.btn-custom:hover{background-color: #FFF !important;color:var(--mc-dark) !important;border-color: var(--mc-dark);transition: all 0.2s ease-in-out;}
	.btn-custom-o{background-color: var(--mc-white);border-radius: 0px;border-color: var(--mc-dark);color: var(--mc-dark) !important;letter-spacing: 0.2px;font-weight: 400;font-size: 0.9em;}
	.btn-custom-o:hover{background-color: var(--mc-dark) !important;color:var(--mc-white) !important;border-color: var(--mc-dark);transition: all 0.2s ease-in-out;}

	.btn-dark2{background-color: var(--mc-dark2);border-radius: 0px;border-color: var(--mc-dark2);color: #fff !important;letter-spacing: 0.2px;font-weight: 400;font-size: 0.9em;}
	.btn-dark2:hover{background-color: #FFF !important;color:var(--mc-dark2) !important;border-color: var(--mc-dark2);transition: all 0.2s ease-in-out;}
	.btn-green{background-color: var(--mc-green);border-radius: 0px;border-color: var(--mc-green);color: #fff !important;letter-spacing: 0.2px;font-weight: 400;font-size: 0.9em;}
	.btn-green:hover{background-color: #FFF !important;color:var(--mc-green) !important;border-color: var(--mc-green);transition: all 0.2s ease-in-out;}
	.btn-yellow{background-color: var(--mc-yellow1);border-radius: 0px;border-color: var(--mc-yellow1);color: #fff !important;letter-spacing: 0.2px;font-weight: 400;font-size: 0.9em;}
	.btn-yellow:hover{background-color: #FFF !important;color:var(--mc-yellow1) !important;border-color: var(--mc-yellow1);transition: all 0.2s ease-in-out;}
	
	.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;}

	.alert{width: 100%;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%;}
	}

	.fullwidth{padding-top: 0px;padding-bottom: 50px;background-color: #fff;color:#000;}
	.fullwidth h1{padding-top: 50px;margin-top: 0;color:#000;}
	.fullwidth2{padding-top: 50px;padding-bottom: 50px;background-color: #000;color:#FFF;}
	.fullwidth2 h1{padding-top: 0;margin-top: 0;color:#FFF;}
	.fullwidth-home{padding-top: 50px;padding-bottom: 50px;}
	.fullwidth-home > h1{padding-top: 0;margin-top: 0;color:#FFF;}

	h1{font-family: "Open Sans Condensed", sans-serif;text-align: center;padding: 30px;font-size: 4em;}

/* HEADER */
	
	#header{display: block;width: 100%;z-index: 999;transition: 0.5s all;}
	#header .header-wrapper {position: relative;padding-top: 5px;padding-bottom: 10px;text-align: center;background-color: #fff;width: 100%;transition: 0.5s all;}
	#header #logo {display: block;transition: 0.5s all;}
	#header #logo.logo-image {transition: 0.5s all;margin-left: 20px;}
	#header #logo.logo-texte {font-family:'Libre Baskerville', serif;font-size: 48px;color:#000;padding: 0 15px;}
	#header #logo img{max-height:80px;}

	#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);}
	
	.topheader{display: flex;justify-content: end;justify-content: end;background-color: #f6f6f6;color:#000;padding: 10px;}
	.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:inline-block;margin-bottom: 0;}
	.nav_langue li{display: inline-block;padding:0 10px;}
	.nav_langue li a{color: #000;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{color: var(--mc-dark);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;background-color: #000;color:#FFF;padding: 5px 15px 8px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;text-decoration: none;}

	#logo{text-decoration: none;}

		@media (max-width: 996px) {
			.topheader{justify-content: start;}
		}
		@media (max-width: 768px) {
			#logo img{max-height:100px;}
			
		}

/* NAVIGATION */

	.main-nav {font-family: 'Open Sans Condensed',serif;font-weight: normal;position: relative;z-index: 998;list-style-type: none;justify-content: center;margin-top: 0px;}
	.main-nav > ul {display: block;list-style-type: none;margin: 0px;padding: 0px;position: relative;list-style-type: none;}
	.main-nav > ul > li {color: #000;display: inline-block;position: relative;}
	.main-nav > ul > li > a {color: #000;letter-spacing: 2px;text-transform: uppercase;text-decoration: none;font-size: 1.5em;
		-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-yellow1);}
	/* NIV 1 */
	.main-nav > ul > li:hover > ul {transform: translateX(0px);visibility: visible;opacity: 1;}
	.main-nav > ul > li + li {margin-left: 22px;}
	.main-nav > ul > li + li::before {}
	.main-nav > ul > li ul {position: absolute;list-style-type: none;margin: 0;padding: 0 1em;padding-top: 10px;padding-bottom: 10px;
		background-color: rgba(255,255,255,0.9);min-width: 18rem;
		text-align: left;border:0 none;border-bottom: 2px solid #e5e5e5;visibility: hidden;opacity: 0;transition: all 0.25s ease;
	}
	.main-nav > ul > li ul.show{display: flex;transform: translateX(-10px);border:1px solid #e5e5e5;}
	.main-nav > ul > li.nav-item-categories ul.show{display: flex;transform: translateX(-35%);}
	.main-nav > ul > li ul li {position: relative;line-height: 1em;min-width: 110px;}
	.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;text-align: center;padding: 1em;color: #262626;}
	.main-nav > ul > li ul li a:hover {text-decoration: none;background-color: transparent;color:var(--mc-dark);transition: all 0.25s ease;}
	/* 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;}
	
	
	#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: 10px;margin-bottom: 10px;display: none;
	}
	#header #mobile-menu > span {display: inline-block;position: relative;width: 18px;height: 14px;top: 3px;}
	#header #mobile-menu > span span {display: block;border-radius: 1px;height: 2px;width: 100%;background-color:var(--mc-dark);margin-bottom: 3px;}
	#header #mobile-menu > span span:last-child {margin-bottom: 0px;}

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

	@media (max-width: 996px) {

		/* 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: 3em;}	  
			.main-nav > ul {position: fixed !important;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: 768px) {
		
		.main-nav.show-menu > ul{width: 100%;}
		.main-nav > ul > li ul.show{flex-direction: column;}
	}
	@media (max-width: 480px) {

	}

	.section_slider{padding-top:0px;padding-bottom:0px;position: relative;}
	.section_slider::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;
	}
	.mainslider{/* height:603px; */width:100%;margin-bottom: 0;}
	.mainslider .caption{position: absolute;bottom:10%;left:5%;font-weight: bold;color: #fff;}
	.mainslider .titre{font-family: 'Lato',sans-serif;font-size: 3rem;background-color: rgba(0, 0, 0, 0.0);text-shadow: 1px -1px 5px #000;padding:0 20px;
		display: inline-block;text-align:left;width: 100%;opacity: 0;transform: translateY(-100%);transition: all 1s ease-out;}
	.mainslider .active .titre{opacity: 1;transform: translateY(0%);opacity: 1;}
	.mainslider .soustitre{font-family: 'Lato',sans-serif;font-size: 1.5rem;background-color: rgba(0, 0, 0, 0.0);text-shadow: 1px -1px 5px #000;padding:0 20px;display:inline-block;text-align:left;width: 100%;
		transform: translateY(-100%);opacity: 0;transition: all 1s ease-out;}
	.mainslider .active .soustitre{opacity: 1;transform: translateY(0%);}

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

/* 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: #121212;color:#FFF;}
	#footer::after {
		content: '';
		display: block;
		width: 100%;
		height: 20px;
		background: #121212;
		transform: skewY(-0.5deg) translateY(50%);
		position: absolute;
		/* margin-top: 50px; */
		bottom: 0;
		z-index: 2;
	}
	#footer h2{font-size: 22px;margin-bottom: 0.5em;}
	#footer .top_footer{padding:0.5em;text-align: center;text-transform: uppercase;color:#FFF;font-size: 1.2em;margin-bottom: 1em;}
	#footer .top_footer img{height: auto;width: 100%;max-width: 500px;}
	#footer .middle_footer{}
	#footer .adresse{display: inline-block;}
	#footer .cpville{display: inline-block;}

	#footer .menus li{padding:5px 0;}
	#footer .menus a{color:#848281;transition: all 0.3s;}
	#footer .menus a:hover{color:#a28670;text-decoration: none;}

	#footer .coordonnees a{color:#848281;transition: all 0.3s;}
	#footer .coordonnees a:hover{color:#a28670;text-decoration: none;}

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

/* HOMEPAGE */

	.pg_home{background-color: #fff;color:#000;padding: 0;}
	.pg_home h1{color:#000;}
	
	.pg_home .part1{background:rgba(0,0,0,0.95) url(../images/fond-pg-home-part1.png) no-repeat right center;padding: 4em 0;}
	.pg_home .part1 .page_titre{text-align: center;color:#FFF;font-size:4em;padding: 0;font-family: "Open Sans Condensed", sans-serif;}
	.pg_home .part1 .page_soustitre{text-align: center;color:var(--mc-yellow1);font-size:1.2em;text-transform: uppercase;}
	.pg_home .part1 .page_icone{text-align: center;color: #FFF;}

	.pg_home .part2{position: relative;background-color:#e5e5e5;padding: 3em 0;text-align: center;}
	.pg_home .part2::before {
		content: '';
		display: block;
		width: 100%;
		height: 20px;
		background: #e5e5e5;
		transform: skewY(0.5deg) translateY(-50%);
		position: absolute;
		/* margin-top: 50px; */
		top: 0;
		z-index: 2;
	}

	.section_news{padding-top: 50px;}
	.bloc_news{position: relative;}
	.bloc_news h2{text-align: center;font-family: "Open Sans Condensed", sans-serif;text-transform: uppercase;}
	.liste_news_home li{justify-content: space-between;display: flex;flex-direction: column;padding: 1em;}
	.liste_news_home .owl-stage > .active::before{content: '';
		/*display: block;
		width: 100%;
		height: 50px;
		background: #fff;
		transform: skewY(-1.5deg) translateY(-50%);
		position: absolute;
		  
		top: 0;
		z-index: 2;transition:0.5s all;*/}
	.liste_news_home .owl-stage > .active ~ .active::before{content: '';
		display: block;
		width: 100%;
		height: 50px;
		background: #fff;
		transform: skewY(1.5deg) translateY(-50%);
		position: absolute;
		/* margin-top: 50px; */
		top: 0;
		z-index: 2;transition:0.5s all;}
	.liste_news_home .infos{}
	.liste_news_home .titre{font-size: 1.5em;text-transform: uppercase;letter-spacing: -1px;margin-top: 0.5em;
		font-family: "Open Sans Condensed", sans-serif;text-transform: uppercase;display: flex;
	}
	.liste_news_home .titre a{color: var(--mc-yellow1);}
	.liste_news_home .titre:hover a{text-decoration: none;color:var(--mc-green);}
	.liste_news_home .titre::before{
		/*content:'';
		background:url(../images/logo-arbre.png) no-repeat;
   		background-size:80%;
		width: 40px;height:40px;display: block;opacity: 0.5;*/
	}
	.liste_news_home .texte{margin-top: 0px;margin-bottom: 25px;line-height: 1.1em;font-size: 0.9em;text-align: justify;}
	.liste_news_home .image{text-align: center;height:250px;}
	.liste_news_home .image img{width: 100%;margin: 0 auto;height:250px;object-fit: scale-down;}
	.liste_news_home .lien{}
	
	.galerie_home h1{color:#000;}
	.galerie_home .item{padding:0 1px;}
	.galerie_home .owl-nav{text-align: center;}
	.galerie_home .owl-nav div {display: inline-block;padding:15px 10px 0 10px;font-size: 18px;}
	.galerie_home .owl-item img{-webkit-transition: opacity 0.3s;
		-o-transition: opacity 0.3s;
		transition: opacity 0.3s;
	}
	.galerie_home .owl-item:hover img{opacity: 0.7;}

	.bloc_zoomsur{}
	.bloc_zoomsur h2{text-align: center;font-family: "Open Sans Condensed", sans-serif;text-transform: uppercase;}
	.bloc_zoomsur .wrapper{position: relative;background-color: #f5f5f5;padding:2em 1em 2.5em 1em;overflow: hidden;}
	.bloc_zoomsur .wrapper::before{content:url('../images/fond-zoom.png');position: absolute;top: 0;left: 0;}
	.bloc_zoomsur .titre{text-align: center;font-family: "Open Sans Condensed", sans-serif;text-transform: uppercase;color: var(--mc-dark2);}
	.bloc_zoomsur .texte{line-height: 1.1em;font-size: 0.9em;text-align: justify;}
	.bloc_zoomsur .image{text-align: center;}
	.bloc_zoomsur .image img{max-height: 250px;}
	.bloc_zoomsur .lien{text-align: center;margin-top: 1em;}

	.bloc_home{position: relative;background: var(--mc-yellow2)  url(../images/fond-pg-home-part2.png) no-repeat left center;text-align: center;color:#FFF;margin-bottom: 2em;padding-top: 50px;}
	.bloc_home::after{content:'';background-color: #FFF;height:30px;width: 100%;transform:skewY(-0.5deg) translateY(-50%);position: absolute;bottom: -30px;left: 0;}
	.bloc_home .titre{font-family: "Open Sans Condensed", sans-serif;font-size: 3em;}
	.bloc_home .texte{font-family: "Open Sans Condensed", sans-serif;font-size: 1.5em;}

	.produits_home h2{text-align: center;font-family: "Open Sans Condensed", sans-serif;text-transform: uppercase;padding-top: 50px;padding-bottom: 30px;}
	
	.liste_items_ob h2{text-align: center;font-family: "Open Sans Condensed", sans-serif;text-transform: uppercase;}
	.liste_items_ob .vignette{position: relative;}
	.liste_items_ob .vignette img{}
	.liste_items_ob .vignette .caption{opacity: 0;position: absolute;bottom:0%;width: 100%;padding: 15px 5px;transition: 0.5s;background-color: rgba(255,255,255,0.8);color:#000;}
	.liste_items_ob .vignette:hover .caption{opacity: 1;display: block;}
	.liste_items_ob .caption-item{padding: 5px;margin-bottom: 5px;text-align: center;}
	.liste_items_ob .caption-item.titre{font-weight: bold;text-transform: uppercase;}

	.liste_items_ob .card{position: relative;max-width:300px;border:0 none;padding: 0.5em;}
	.front3d{
		width: 100%;height: 100%;overflow: hidden;
		position: absolute;transition: 0.5s;
		-webkit-perspective: 0;
	    -webkit-backface-visibility: hidden;
	    -webkit-transform: translate3d(0,0,0);
	    visibility:visible;
	    backface-visibility: hidden;
	}
	.card .back{
		width: 100%;height: 100%;overflow: hidden;
		position: absolute;transition: 0.5s;
		-webkit-perspective: 0;
	    -webkit-backface-visibility: hidden;
	    -webkit-transform: translate3d(0,0,0);
	    visibility:visible;
	    backface-visibility: hidden;
	}
	.card .front3d{transform:perspective(600px) rotateY(0deg);}
	.card .back{background-color: #fafafa;transform:perspective(600px) rotateY(180deg);top: 0;display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;justify-content: center;-ms-align-items: center;
		align-items: center;padding: 0.5em;
	}
	.card .back .img_back{width: 25%;}
	.card .back .img_back img{height: 270px;width:100px;object-fit: cover;}
	.card .front3d .titre{text-align: center;padding: 0.5em;color:#858585;font-size: 1.4em;}
	.card:hover .front3d{transform:perspective(600px) rotateY(-180deg);}
	.card:hover .back{transform:perspective(600px) rotateY(0deg);}

/* PAGES */
	
	.pg{background: url('../images/arbrev2.png') no-repeat bottom right;min-height: 110vh;}
	.pg.pg_home, .pg.pg_panier, .pg.pg_produit{background:#FFF;}
	.pg.pg_home{min-height: unset;}
	.pg h2{font-family:"Open Sans Condensed", sans-serif;}
	.pg a{color:#333;}
	.pg a:hover{color:var(--mc-dark);}

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

	.pg .page_titre{}
	.pg .page_soustitre{}

	.page_texte{font-size: 16px;text-align: justify;}
	
	.page_texte .galerie-mosaique{}
	.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: 10px;}
	.page_texte .right{float: right;margin-left: 10px;}

	.pg_partenaires{}
	.pg_partenaires .filtres{}
	.pg_partenaires .filtres select{display: inline-block;width: auto;}
	.pg_partenaires .filtres input{display: inline-block;width: auto;min-width:220px;}
	.pg_partenaires .liste_partenaires{display: table;width: 100%;}
	.pg_partenaires .liste_partenaires li{display: table-row;position: relative;}
	.pg_partenaires .liste_partenaires li::after{content:'';display: block;width: 100%;position: absolute;left: 0;bottom:0;height:1px;border-bottom:1px solid #e5e5e5;padding: 3px 5px 5px 5px;transition:0.5s;}
	.pg_partenaires .liste_partenaires li:hover::after{border-color:var(--mc-dark);}
	.pg_partenaires .liste_partenaires li div{display: table-cell;padding: 8px 10px;}
	.pg_partenaires .liste_partenaires .actions{text-align: center;}
	.pg_partenaires .liste_partenaires .actions a{display: inline-block;margin: 0 5px;}

	.pg_news{}
	.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-green);}
	.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{}
	.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-green);}
	.pg_news ul .image{padding: 15px;flex: 1;text-align: center;position: sticky;top:8em;}
	.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_recompenses{}
	.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;}

	@media (max-width: 768px) {

		.pg{background: #fff;}

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


/* PRODUITS */

	.pg_produit{color:#000;}
	.pg_produit{}
	.pg_produit a{color:var(--mc-green);}
	.pg_produit .fiche_pdf{padding: 15px 0;text-align: left;margin-top: 1.5em;}
	.pg_produit .fiche_pdf a{}
	.pg_produit .retour{padding-left: 1em;}
	.pg_produit h1{text-align: left;padding-left: 5px;padding-right: 5px;}
	.pg_produit h2{margin-bottom: 0.5em;margin-top: 1em;}

	.fiche{margin-top: 85px;display: flex;justify-content: space-between;}
	.fiche_visuel{/*flex:1;*/}
	.fiche_visuel img{width: auto !important;margin: 0 auto;}

	.fiche_info{flex:1;}
	.form_tarif{text-align: left;background-color: #f8f8f8;padding: 1em;}
	.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;}

	.pg_produit #caracteristiques{}
	.pg_produit #caracteristiques ul{padding-left: 0.5em;}
	.pg_produit #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{}
	.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;}
	/*.liste_items_ob {padding-top: 3em;}
	.liste_items_ob .card{position: relative;max-width:300px;border:0 none;padding: 0.5em;}
	.liste_items_ob .vignette{position: relative;}
	.liste_items_ob .vignette img{}
	.liste_items_ob .vignette .caption{opacity: 0;position: absolute;bottom:0%;width: 100%;padding: 15px 5px;transition: 0.5s;background-color: rgba(255,255,255,0.8);color:#000;}
	.liste_items_ob .vignette:hover .caption{opacity: 1;display: block;}
	.liste_items_ob .caption-item{padding: 5px;margin-bottom: 5px;text-align: center;}
	.liste_items_ob .caption-item.titre{font-weight: bold;text-transform: uppercase;}*/

	.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 .texte{}
	.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: 768px) {
		.pg_produit .fiche_pdf{text-align: center;}
		.pg_produit .fiche_pdf a{display: inline-block;margin-top: 0.5em;}
	}

/* RESULTATS */

	.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;}
	.liste_mosaique .portfolio{display: none;width:240px;margin:1em;border:1px solid #CCC;position: relative;max-width:300px;overflow: hidden;
		-webkit-transition: all 0.3s ease-in-out;
	    -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	    -o-transition: all 0.3s ease-in-out;
	}
	.liste_mosaique .portfolio.active{display: block;}
	.liste_mosaique .portfolio .hover {
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		left: 0;
		top: 50%;
		z-index: 111;
		transform: translateY(-250%);
		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: #fff;}

	.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{border-color:var(--text-white-wine);}
	.liste_mosaique .portfolio.coul3 .btn-show-to-cart{background-color: var(--text-red-wine);}
	.liste_mosaique .portfolio.coul2 .btn-show-to-cart{background-color: var(--text-pink-wine);}
	.liste_mosaique .portfolio.coul1 .btn-show-to-cart{background-color: var(--text-white-wine);}

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

	.liste_mosaique .portfolio:hover .hover{opacity: 1;transform: translateY(-50%);}
	.liste_mosaique .portfolio .front3d_{
		transition: 0.5s;transform:perspective(600px) rotateY(0deg);position: relative;overflow: hidden;
		visibility: visible;
	    backface-visibility: hidden;
	}
	.liste_mosaique .portfolio .front3d_ img{height: 270px;width:100px;object-fit: cover;}
	.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 .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:perspective(600px) rotateY(180deg);
	    visibility:hidden;
	    backface-visibility: hidden;
	}
	.liste_mosaique .portfolio.viewcart .front3d_{transform:perspective(600px) rotateY(-180deg);visibility: hidden;}
	.liste_mosaique .portfolio.viewcart .back3d_{transform:perspective(600px) rotateY(0deg);visibility: visible;}
	.liste_mosaique .portfolio.viewcart .back3d_ .ligne{padding:0.25em 0.5em;}
	.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: 28px;line-height: 24px;min-height: 48px;margin-top: 20px;margin-bottom: 10px;}
	.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-green);}
	.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 */

    .panier_top{/*width:263px;height: 90px;position: absolute;right: 0;top: 25px;*/}
    .panier_top .details{/*position: absolute;top:55px;font-size: 14px;text-align: right;*/}
    .panier_top .details strong{font-weight: bold;color: #b51e22;}
    .panier_top .details .total_euro{}
    .panier_top .details .total_article{display: block;color:#909090;}

    .panier_top .espace_client_lien{background:#f6f6f6 url(../images/fond-icone-on.png) no-repeat 5px center;padding:5px 10px 5px 30px;display: inline-block;}
    .panier_top .espace_client_lien a{}
    .panier_top .espace_client_box_contenu{display: none;}
    .panier_top .espace_client_box_contenu{position:absolute;z-index:1100;border:0px solid #CCC;padding:5px;background-color: #fff;width: 350px;right: 0;}
    .panier_top .espace_client_box_contenu div{margin:3px 0;}

    .tablepanier{}
    .tablepanier th{background:#F1F1F1;text-align:center;text-transform:uppercase;line-height:36px;font-weight:bold;color:#333;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.accessoire{background-color: #f1f1f1;}
    .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;}
    .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;background:#FFF;color:inherit;text-transform: uppercase;display: inline-block;width: 100px;}
    .ligne_totaltva .valeur{text-align:right;vertical-align:middle;font-size:12px;background:#FFF;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;background:#FFF;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;}
	.ligne_bottom_panier .case1 .titre{background:#F1F1F1;padding:0.5em;text-align:center;}
	.ligne_bottom_panier .case1 .texte{padding-bottom:1rem;text-align: center;}
	.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;background:#FFF;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;background:#FFF;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;background:#FFF;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{}
    .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;}
    .une td{background-color:#FFF;}
    .deux td{background-color:#F3F3F3;}
    .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;}

/* 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: #CCC;}
    #barre_processus_commande li .titre{color: #CCC;font-weight: bold;}
    #barre_processus_commande li.active i{color: var(--mc-yellow1);}
    #barre_processus_commande li.active .titre{color: var(--mc-dark);}

    #modes_livraison{width: 100%;}
    #modes_livraison tr{}
    #modes_livraison tr td.box{border:1px solid #CCC;border-left: 0;padding:10px;margin:0;}
    #modes_livraison tr td.box_mode{}
    #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%;background-color: #fff;}

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

    .page_recap .bloc_modes_paiement{}
    .page_recap .bloc_modes_paiement .wrapper{padding-top: 2em;width:80%;margin:0 auto 40px;}
    .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;background-color: #fff;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-green);}
    .page_recap .bloc_modes_paiement .bloc a{display: flex;flex-direction: column;text-decoration:none;margin: 1em;}

	@media (max-width: 768px) {

		.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: #f8f8f8;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: #fff;}

    .table_commandes{}
    .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 tr:first-child td{}
    .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{}
    .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}
	
    .colonne_espace_client{}
    .colonne_espace_client ul{justify-content: space-around;}
    .colonne_espace_client ul li{text-align: center;}
    .colonne_espace_client ul li:hover{}
    .colonne_espace_client ul li span{display: block;}
    .colonne_espace_client ul li i{font-size: 40px;display:inline-block;color: var(--mc-dark);}
    .colonne_espace_client ul li a{display: block;padding:40px 10px;margin-bottom: 3px;}
    .colonne_espace_client ul li a:hover, .colonne_espace_client ul li a.active{text-decoration: none;background-color: #F8F8F8;}

	@media (max-width: 768px) {

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

		.colonne_espace_client ul{justify-content: flex-start;}
    	.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;}
    	
    }
    @media (max-width: 480px) {
    	.colonne_espace_client ul li{text-align: left;}
		.colonne_espace_client ul li span{display: inline;}
    }

    #espace_client{}
    #espace_client h3{font-size: 16px;text-transform: uppercase;}
    #espace_client .lien_logout{}
    #espace_client .lien_logout span{}
    #espace_client .lien_logout span i{}
    #espace_client .lien_logout span a{}
    #espace_client .lien_logout span a:hover{text-decoration: none;}
    #espace_client .select{border:1px solid #CCCCCC;border-radius:5px;padding:3px 10px;}
    #espace_client .input_petit{width:75px;}

    #espace_client .recap_infos{background:#FFF;}
    #espace_client .table thead th, #espace_client .panier_totalttc{background:#F5F5F5;color:#333;}

    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{text-align: center;padding: 0.25em;font-family: "Open Sans Condensed", sans-serif;}
	.ariane ul{display: flex;}
	.ariane ul li{padding-left: 0.5em;padding-right: 0.5em;font-size: 1.5em;}
	.ariane ul li::before{content:'/';margin-right: 1em;color:#CCC;}
	.ariane ul li:first-child::before{content: '';}
	.ariane ul li a{color:#CCC;text-decoration: none;}

	@media (max-width: 768px) {
		.ariane ul li{font-size: 1em;}
	}

/* 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: 340px;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;custom_hr-height: 31px;background: none;position: relative;margin-top: 30px;}
	.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;}

/* POLICES */

/* MODAL */
	
	.modal-header{padding-bottom: 0;}
	.modal-title{font-family: 'Open Sans Condensed',serif;font-size: 1.5em;text-transform: uppercase;letter-spacing: 1px;display: flex;align-items: center;padding-bottom: 0;}
	.modal-title::before{
		position: relative;content:url('../images/logo-arbre.png');display: inline-block;
	}
	.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;}
	}

/* CONTACT BAR */
	
	.contact-bar {position: fixed;bottom: 40%;right: 3px;z-index: 999;}
	.contact-bar.collapsed ul li {margin-top: -35px;}
	.contact-bar:hover.collapsed ul li {margin-top: 0;}
	.contact-bar ul {list-style: none;margin: 0;padding: 0;}
	.contact-bar li {clear: right;float: right;margin-top: 0px;transition: 0.5s width;}
	.contact-bar .contact-bar-link {background: white;cursor: pointer;padding: 5px;display: block;border: 1px solid #2a323c;position: relative;width: 36px;
		white-space: nowrap;margin-bottom: 5px;outline: none;overflow: hidden;text-align: left;transition: 0.5s width;color:#000;}
	.contact-bar .contact-bar-link span {position: absolute;top: 50%;transform: translateY(-50%);margin-left: 5px;}
	.contact-bar .contact-bar-link span em{font-style: normal;}
	.contact-bar .contact-bar-link:hover, .contact-bar .contact-bar-link.hovered {width: 200px;background: rgba(240, 240, 240, 0.89);}
	.contact-bar .contact-bar-link i {font-size: 18px;}

	@media (max-width: 768px) {
		.contact-bar{bottom:10px;width: 100%;right: 0;left: 0;background-color: #FFF;}
		.contact-bar ul{display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;justify-content: center;-ms-align-items: center;
			align-items: center;
		}
		.contact-bar ul li{margin: 1em 0.5em;}
		.contact-bar .contact-bar-link:hover{width:36px;background-color: #ddd;}
	}

/* 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) {
		/* header */
		#header .header-wrapper{flex-direction: column;padding-bottom: 0;background-color: #FFF;padding-top: 15px;padding-bottom: 15px;}
		#header #logo.logo-image{order:1;display: block;margin-top: 5px;margin-bottom: 5px;background: none;float: none !important;text-align: center;}
		#header #logo.logo-texte{font-size: 48px;}
		#header.menu-top-left nav.main-nav{order:2;margin-top: 0px;height: auto;line-height:normal; }
		
		.bloc_news{position: relative;top: 0;text-align: center;padding-left: 10px;padding-right: 10px;}
		.bloc_news .titre{font-size: 20px;}
		.bloc_news .texte{width: 100% !important;}
		.bloc_news .image{}
		.bloc_news .image img{display: inline-block;width: auto;}

		.produits_home .vignette .caption{position: relative;opacity: 1;}

		#barre_processus_commande li{margin: 0;}
		
		

		/* PRODUIT */
		.fiche{flex-direction: column;}
		.fiche_visuel{text-align: center}
		.fiche_visuel img{width: auto !important;margin: 0 auto;}
		.form_tarif{text-align: center;}
		.form_tarif .libelle{display: block;text-align: left;}
		.form_tarif .declinaison{display:inline-block;}
		.form_tarif .qte{display:inline-block;}
		.form_tarif .qte input{text-align: center;}
		.form_tarif .prix{display:block;padding:15px;font-size: 24px;}
		.form_tarif .lien_ajout_panier{display:block;}

		.pg_produit #tabs_produit_fiche{justify-content: center;}

		/*.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{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_visuel img{max-height: 550px;}
		.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;}
	}