#products-menu{
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
}

	#products-menu #views-search{
		display: flex;
		align-items: flex-end;
		flex-wrap: wrap;
	}
	
	#products-menu .views{
		margin-right:10px;
	}
		#products-menu .views span.current{
			color:red;
		}

		#products-menu .views .icon-unchecked{
			display:none;
		}


body.home nav #products-menu .views {
	display:none;
}


/*****************
	filter
*****************/
.offres-saison{
	color:green;
	font-weight: bold;
	margin-left:10px;
}
.offres-semaine{
	color:green;
	font-weight: bold;
	margin-left:10px;
	padding: 0 10px;
	cursor:pointer;
	border:1px solid;
}
.offres-semaine.current{
    background: chartreuse;
}
}

.familles .nav-item.active > a,
.familles-bt .nav-item.active > a{
	color:red!important;
}

.button-familles{
    display: flex;
    justify-content: center;
    flex-grow: 1;
}

#familles{
    justify-content: center;
}

.navbar-expand-lg .navbar-collapse.filter {
    justify-content: center;
}


.icon-colors{
	background:url(images/icon-colors.png) no-repeat center;
	height:35px;
}

.alphas{
	display:none;
	background:#f5f5f5;
	/* order:10; */
    display: flex;
    width: 30px;
    flex-direction: column;
	margin-top:10px;
}
	.alphas .alpha{
		margin: 0 2px;
		padding: 0 3px;
		border: 1px solid #e9e6e6;
		border-radius: 5px;
		cursor: pointer;
		text-align: center;
	}
	.alphas .alpha.current, nav .alphas .alpha:hover{
		background:#e9e6e6;
	}

.filtrant,
.resetFiltre{
    position:relative;
    background-color: #eeeeee;
    border-radius: 5px;
    padding: 1px 5px;
    cursor: pointer;
    display: inline-block;
    margin: 2px;
    -moz-box-shadow: 1px 1px 1px 1px #bbb;
    -webkit-box-shadow: 1px 1px 1px 1px #bbb;
    box-shadow: 1px 1px 1px 1px #bbb;
	color:gray;
}
a.filtrant span{
    margin-top: 4px;
}
.resetFiltre{
    /* background: red; */
    color: #fff;
    padding: 3px 5px;
    margin: 2px 5px;
    text-align: center;
    width: 30px !important;
}
.filtrant:hover,
.resetFiltre:hover{
	-moz-box-shadow: -.5px -.5px 1px 1px #bbb;
	-webkit-box-shadow: -.5px -.5px 1px 1px #bbb;
	box-shadow: -.5px -.5px 1px 1px #bbb;
	left:2px;
	top:2px;
}

.filtrants{
	display:flex; 
    flex-wrap: wrap;
	align-items: center;
	padding:4px 0;
}
	.filtrant[data-type="selection"]{background: #ffc107;}
	.filtrant[data-type="famille"]{background: #e0e4cc;}
	.filtrant[data-type="search"]{background: #ffeaea;}
	.filtrant[data-type="tags"]{background: #dbf7f9;}
	.filtrant[data-type="pays"]{display: flex; align-items: center;}
	.filtrant[data-type="producteur"] span{font-size:1em;}
	.filtrant[data-type="cart"] span{font-size:1em;}
	.filtrant[data-type="color"]{
		min-width:20px;min-height:20px;
	}
		
 
.sidebar li.zoom{display:none;}
 
 
.filtrants div:last-child:not(.filtrant) {align-content: center;display: flex;flex-wrap: wrap;}

.nbpdts-nav{
	/* display:none;  */
    align-items: center;
	margin-left:10px;
}
	.nbpdts-nav span{
		margin-left:5px;
	}

#filter2 .navbar-form{width:100%;}

#filter2 .form-group{padding:5px 0;}
 .visuels{display:flex;}
	.visuels .zooms{
		flex-basis:80%;
	}
	 .visuels .seeAll{
		align-items: center;
		display: flex;
		justify-content: center;
		align-content: center;
		padding: 0;
	}
		 .visuels .seeAll input{
			width: 20px;
			height: 20px;
			margin: 0;
		}
		
	.zoom .customized[type="checkbox"] + label {
		top: -17px;
	}
		
 .tris{}
 .tags{}

 .tag,
 .payss .pays,
 .tri,
 .color{
	position:relative;
    background-color: #eeeeee;
	color:#999;
    border-radius: 5px;
    padding: 1px 5px;
    cursor: pointer;
    display: inline-block;
    margin: 2px;
    -moz-box-shadow: 1px 1px 1px 1px #bbb;
    -webkit-box-shadow: 1px 1px 1px 1px #bbb;
    box-shadow: 1px 1px 1px 1px #bbb;
}
 .payss .pays{
	 padding-top:3px;
 }
 
 .color{min-width:20px;min-height:20px;}
	.filtrant[data-type="color"].blanc,
	.color.blanc{background:white;}
	.filtrant[data-type="color"].noir,
	.color.noir{background:black;}
	.filtrant[data-type="color"].gris,
	.color.gris{background:gray;}
	.filtrant[data-type="color"].bleu,
	.color.bleu{background:blue;}
	.filtrant[data-type="color"].rouge,
	.color.rouge{background:red;}
	.filtrant[data-type="color"].jaune,
	.color.jaune{background:yellow;}
	.filtrant[data-type="color"].orange,
	.color.orange{background:orange;}
	.filtrant[data-type="color"].violet,
	.color.violet{background:purple;}
	.filtrant[data-type="color"].mauve,
	.color.mauve{background:#d473d4;}
	.filtrant[data-type="color"].rose,
	.color.rose{background:#FFB6B8;}
	.filtrant[data-type="color"].vert,
	.color.vert{background:green;}
	

 .tag:hover,
 .payss .pays:hover,
 .tri:hover,
 .color:hover, .color.current{
	-moz-box-shadow: -.5px -.5px 1px 1px #bbb;
	-webkit-box-shadow: -.5px -.5px 1px 1px #bbb;
	box-shadow: -.5px -.5px 1px 1px #bbb;
	left:2px;
	top:2px;
}

 .pays{
    /* background-image: url(images/belgique.png); */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    /* width: 30px; */
    /* height: 25px; */
    padding: 4px 7px 2px;
}
 .tri.actif{
	background: #ffeaea;
}
 .tri[data-dir="asc"]::after{
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
 .tri[data-dir="desc"]::after{
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-bottom: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-top: 0;
    border-left: 0.3em solid transparent;
}

 .pots,  .hauts{flex-wrap:nowrap;}
	 .pots .col-md-5,  .hauts .col-md-5{flex-basis:30%;}
	 .pots .label,  .hauts .label{text-align:center;color:#FFF;}
	 .pots select.form-control,  .hauts select.form-control{font-size:14px;border-radius:5px;width:70px;}
	 .pots.onlyDeb select.form-control,  .hauts.onlyDeb select.form-control{width:100px;}


 .slider {
  -webkit-appearance: none;
  width: 60%;
  height: 15px;
  border-radius: 5px;  
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

 .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%; 
  background: #4CAF50;
  cursor: pointer;
}

 .slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;
}

nav .select-pdt{
    background: #c4e8ca !important;
	flex-basis:100%;
}

	nav .select-pdt .form-row{
		display: flex;
		justify-content: space-around;
		align-items: center;
	}


/* ----------------
  Responsive
---------------------*/

@media only screen and (min-width: 750px) {
	.sidebar li.zoom{display:block;}
	#products-menu .views .icon-unchecked{
		display:inline;
	}
}

@media (min-width: 1600px) {

}

@media (min-width: 1200px) {

}

@media (max-width: 1350px) {
	
}

/* Medium screen : 992px. */

@media (min-width: 992px){
	.resetFiltre{
		width: 30px !important;
	}
	
	nav .search .filtrants,
	.nbpdts-nav{
		display:flex;
	}
	
	.sidebar.left li.nbfilters:not(.admin .sidebar.left li.nbfilters){display:none;}
	
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {

}

/* Tablet :768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
}

/* Large Mobile :480px. */

@media only screen and (max-width: 767px) {

}

/* Medium Mobile :480px. */


@media (min-width: 576px){
	nav .alphas{
		display:block;
	}

@media only screen and (min-width: 576px) and (max-width: 766px) {

}

/* Small Mobile :320px. */

@media only screen and (max-width: 479px) {

}



@media (max-width: 991.98px){

}