/*MENU*/

/*
* 2015-2015 Morgane
*
* MENU GAUCHE VINATIS
* Création : 17/02/2015
* Modification : 17/02/2015
*
*/


/*MENU ENTETE*/
.menu-header{
  /*border: 1px solid #ccc;*/

}


.product-list-filter .menu-header h2 {
	cursor: pointer;
	letter-spacing: 2px;
	line-height: inherit;
	text-transform: uppercase;
}



.delete_all  {
	background: none repeat scroll 0 0 #949494;
	color: white;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	padding: 5px;

	letter-spacing: 2px;
}

/*CONTENT*/
.product-list-filter .menu-filter section {
	/*border: 1px solid #ccc;
	border-bottom : 0px;*/
	border-bottom: 1px solid #000;
}

.product-list-filter .menu-filter .filter-title{
	letter-spacing: 2px;
	line-height: 3em;
	position: relative;
	text-transform: uppercase;
	cursor: Pointer;
}

#title-filter {
    cursor: pointer;
}

.product-list-filter li {

	font-size: 0.96em;
	cursor: Pointer;
}


.product-list-filter section a {
	background: none repeat scroll 0 0 white;
	display: block;
	line-height: 1.4em;

}

.icon-checkbox-unchecked:before, .icon-checkbox-checked:before {
	/*
		icon "check/uncheck"
	*/
	font-size: 12px;
	padding: 3px;
}


.product-list-filter .menu-filter .search-carre:after {
   clear: both;
   content: "";
   display: block;
}

.menu_hidden .search-carre {
	padding: 0px !important;
}


.menu-filter .search-carre i{
	display: none;
}

.menu-filter .search-carre {
	margin: 0;
	padding: 0 0 0.5em;
}

.menu-filter .search-carre li{
	border: 0 none;
	float: left;
	min-width: 3.5em;
	padding: 0.5em 0.3em 0;
	width: 33.3333%;
}

.search-carre > li span:hover, .search-carre > li .icon-checkbox-checked + span {
	border-color: #333333;
	text-decoration: none;
}

.search-carre > li span {
	border: 1px solid #ebebeb;
	text-align: center;
	padding-bottom: 0.8em;
	padding-top: 0.7em;
	display: block;
	min-width: 3em;
	padding-left: 0;
	line-height: 1em;
}

.menu-search-form {
	margin-bottom: 1em;
}


.plus-toggle  .picto-toggle:after, .moins-toggle .picto-toggle:after {
	float: right;
	font-size: 1.5em;
	vertical-align: middle;
}

.menu-filter ul.search-list > li {
	border-top: 1px solid #eee;
}
.menu-filter ul.search-list > li:hover span {
	text-decoration: underline;
}
.menu-filter ul.search-list > li:hover i.icon-checkbox-unchecked:before {
	/* 
		icon "check/uncheck"
		square "plein" 
	*/
	content: "";
	font-size: 12px;
	padding: 2.5px;
	color: black;
}

.menu-filter ul.search-list > li span {
	color: #666;
}

.menu-filter ul {
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
}


@media (min-width: 768px) and (max-width: 999px) {
	#left_column { width: 32%; }
	#center_column.col-sm-9 { width: 68%; }
}
@media (min-width: 1000px) and (max-width: 1199px) {
	#left_column { width: 25%; }
	#center_column.col-sm-9 { width: 75%; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
	#left_column { width: 20%; }
	#center_column.col-sm-9 { width: 80%; }
}
@media (min-width: 1400px) and (max-width: 1599px) {
	#left_column { width: 20%; }
	#center_column.col-sm-9 { width: 80%; }
}
@media (min-width: 1600px) {
	#left_column { width: 18%; }
	#center_column.col-sm-9 { width: 82%; }
}

/*
#menu_gauche:before { color: white; }
@media (min-width: 768px) and (max-width: 999px) {
	#menu_gauche { background-color: #444; }
	#menu_gauche:before { content: '1'; }
}
@media (min-width: 1000px) and (max-width: 1199px) {
	#menu_gauche { background-color: #333; }
	#menu_gauche:before { content: '2'; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
	#menu_gauche { background-color: #222; }
	#menu_gauche:before { content: '3'; }
}
@media (min-width: 1400px) and (max-width: 1599px) {
	#menu_gauche { background-color: #111; }
	#menu_gauche:before { content: '4'; }
}
@media (min-width: 1600px) {
	#menu_gauche { background-color: #000; }
	#menu_gauche:before { content: '5'; }
}
*/





/*
* Extra small devices Phones
* (<768px)
* Small devices Tablets
* (≥768px)
* Medium devices Desktops
* (≥992px)
*/
@media (max-width: 1199px) {

}

/*
* Extra small devices Phones
* (<768px)
* Small devices Tablets
* (≥768px)
*/
@media (max-width: 991px) {

}




/*
* Extra small devices Phones
* (<768px)
*/
@media (max-width: 767px) {
	.menu-filter, #selection{
		display: none;
	}

	.product-list-filter .menu-header h2:before {
		content: "\f107";
		float: right;
		font-family: "FontAwesome";
		font-size: 1.75em;
		margin-right: 1em;
		color: white;
	}


	.product-list-filter .menu-header .menu_active:before {
		transform: rotate(180deg) ;
	}

	.menu-header .row{
		margin-left: 0px;
		margin-right: 0px;
	}

	.menu-header .row .col-xs-12{
		padding-left: 0px;
		padding-right: 0px;
	}

}

/*
* Small devices Tablets
* (≥768px)
*/
@media (min-width: 768px) {
	.menu-filter, #selection{
		display: block;
	}

	.product-list-filter .menu-header h2 {
		border-bottom: 1px solid #ebebeb;
	}

}



/*
* 2015-2015 Morgane
*
* MENU GAUCHE VINATIS
* Création : 17/02/2015
* Modification : 18/02/2015
*
*/

.fleche-toggle-bas:after, .fleche-toggle-haut::after, .fleche-sm-toggle-bas:after, .fleche-sm-toggle-haut::after {
	float: right;
	font-family: "FontAwesome";
	margin-right: 14px;
	font-size: 1em;
}


.fleche-toggle-bas:after {
	content: "";
}

.fleche-toggle-haut::after {
	content: "";
}

.plus-toggle  .picto-toggle:after,
.moins-toggle  .picto-toggle:after {
  font-family: FontAwesome !important;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: black;
}

.plus-toggle  .picto-toggle:after {
	/* down */
	content: "";
}

.moins-toggle  .picto-toggle:after {
	/* up */
	content: "";
}

/*
* Small devices Tablets
* (≥768px)
*/
@media (max-width: 991px) {
	.fleche-sm-toggle-bas:after {
		content: "";
	}

	.fleche-sm-toggle-haut::after {
		content: "";
	}
}




.icon-checkbox-unchecked:before {
	/* square "empty" */
	content: "";
	color: #949494;
}
.icon-checkbox:before {
}
.icon-checkbox-checked:before {
	/* 
		icon "check/uncheck"
		square "plein" 
	*/
	content: "";
	font-size: 12px;
	padding: 3px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.product-list-filter .menu-filter .filter-title{
		letter-spacing: 0px !important;
		padding-left: 0px !important ;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.product-list-filter .menu-filter .filter-title {
		letter-spacing: 1px;
	}

}