@charset "ISO-8859-1";

li{
	list-style: none;
}

a ul{
	padding-left:0px;
}
.search-box{
	position: fixed;
	z-index: 900;
}

#filtrerechsuppl-tab.nav-pills .nav-link.active {
	--bs-nav-pills-link-active-bg : #18BA60;
}

#filtrerechsuppl-tab.nav-pills .nav-link:hover {
	color : white;
	background-color : #303441;
}

.type-annonce , .filtrerechcritere{
    border: 1px solid #18BA60;
}

.active-type, .focus{
    transform: scale(1.1) !important; 
    background-color: #18ba60 !important;
    z-index: 5 !important;
    border-radius: 30px !important;
    color:white !important;
    box-shadow:0 0 10px   #18BA60;
}

.type-annonce:hover ,.filtrerechcritere:hover {
    transform: scale(1.1); 
    background-color: #23dd75;
    z-index: 6;
    border-radius: 15px 50px; 
    color:white;
}

.filtrerechcritere{
	border-radius: 20px;
}

.type-annonce-left{
    border-radius: 30px 0 0 30px;
    background-color:#18BA60;
     
}

.type-annonce-right{
    border-radius: 0 30px 30px 0;
    background-color:#18BA60;
}

.carte-icone {
    width:65px;
    height:45px;
}

.input-icons img {
    position: absolute;
}
 
.input-icons {
    width: 100%; 
}
 
.input-field {
    width: 100%;
    padding: 10px 10px 10px 50px;
    text-align: start;
}

.input-field:focus { 
    box-shadow:0 0 10px   #18BA60;
}

.label-before {
	line-height: 20px;
	font-size: 12px;
	top: -10px;
	background: #fff;
	padding: 0 6px;
	left: 9px;
}

.label-before, .field input:focus + label::before, .field input:valid + label::before {
  line-height: 20px;
  font-size: 12px;
  top: -10px;
  background: #fff;
  padding: 0 6px;
  left: 9px;
}

.field {
  display:flex;	
  position: relative;
}

.field label::before {
  content: attr(title);
  position: absolute;
  top: 0;
  left: 15px;
  line-height: 40px;
  font-size: 14px;
  color: #777;
  transition: 300ms all;
}

.field input {
  line-height: 40px;
  padding: 0 35px;
  box-sizing: border-box;
  font-size: 14px;
  color: #222;
  border: 1px solid #18BA60;
}

.field .unite {
	display:flex;
	position:absolute;
	height: 100%;
	right:0px;
	padding-right:13px;
	-moz-box-align:center;
	align-items:center;
	user-select:none;
}

.field input:focus {
  outline: 0;
  border-color: #18BA60;
}

.field input:valid + label::before {
  content: attr(data-title);
}

.field input:focus + label::before {
  color: black;
  background-color:white;
}

/*
.filtrerechbudgetbloc, .filtrerechcaracteristiquesbloc, .filtrerechautrescriteresbloc {
	display:none;
}
*/

/* Modal titre */
.myModalLabel {
	color: #222;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	text-transform: uppercase;

}

.myModalLabel::after {
	color: #18ba60;
	display: block;
	height: 3px;
	font-weight: bold;
	background-color: #18ba60;
	content: " ";
	width: 50px;
	margin-top: .5rem;
}
/*fin*/
/*radio button type*/ 
  .buttons input {
    color: black;
	text-align: center;
	justify-content: center;
	display: flex;
    appearance: none;
    cursor: pointer;
    border: 1px solid #18ba60;
    background: white;
    font-size: 15px;
    font-family: sans-serif;
    transition: all 0.1s;
  }

  .buttons input:checked {
    background: #18ba60;
    color : white;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 0px #808080;
    box-shadow:0 0 10px   #18BA60;
  }

  .buttons input::before {
    content: attr(label);
    text-align: center;
  }
/*fin*/
/*slider*/
.slidecontainer {
  width: 100%;
}

.filtrrechdistance {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.filtrrechdistance:hover {
  opacity: 1;
} 

.filtrrechdistance::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}

.filtrrechdistance::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}

/*fin*/
/*chosen select*/
.chosen-choices{
	border: 1px solid #18ba60 !important;
}

/*fin*/
/*button recherche*/
.recherche-btn{
	background-color: #18ba60;
	color: #fff;
}
 .range-slider .ui-widget.ui-widget-content {
  background: #18ba60;
}