#form
{
	float:left;
	position:relative;
	width : 90%;
	padding : 5%;
}
#form .loading {
    position: absolute;
    left: 0;
    right: 0;
	bottom:0;
	top:0;
    background: rgba(255,255,255,0.9);
    text-align: center;
    padding: 100% 0;
	font-size:30px;
	color:#777676;
	z-index:1000;
	display:none;
}
#open_trieur { position:fixed; bottom:20px; width:80%; margin:0 10%; padding:20px; box-sizing: border-box; background:#000; color:#FFF; text-align:center; display:none; }
#valid_trieur { width: fit-content; margin: 10px 0; padding: 10px; box-sizing: border-box; background: #000; color: #FFF; border: none; }
.rangFamille
{
	color : #000000;
	list-style-type:none;
	padding : 0;
	margin:0;
}
#nom_Famille
{
	font-size : 14px;
	color : #000000;
	padding:10px 0 0 0;
}
.titre_famille{
	cursor:pointer;
}
.famille{
	display:none;	
}
li.rangCaract
{
	margin : 1px 0px;
}
.tag {
    background: #FFF;
    float: left;
    padding: 5px;
	margin:5px 0;
    border: 1px solid #000;
	color:#000;
	cursor:pointer;
	transition:all 0.4s;
}
.tag:hover{
	background:#cecece;
}

#price_prompt { text-align:right; color:#777676; font-style:italic; }

#price-range { 
	margin:20px 0; 
	height:3px; 
	background:#000;
	border:none;
	border-radius:5px;
	z-index:999;
}

#price-range .ui-widget-header { background:#777676; }
#price-range.ui-slider .ui-slider-handle { width:10px; height:10px; }
#price-range.ui-slider-horizontal .ui-slider-handle { top:-5px; }

#price-range .ui-state-default, #price-range .ui-widget-content .ui-state-default, #price-range .ui-widget-header .ui-state-default, #price-range .ui-button, html #price-range .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
	border-radius:50%;
	background:#000;
	border:1px solid #000;
}

@media screen and (max-width: 570px){
	#valid_trieur { position: fixed; bottom: 20px; left: 0; width: 80%; margin: 0 10%; padding: 20px; box-sizing: border-box; background: #000; color: #FFF; border: none; }
}