@import url(//fonts.googleapis.com/css?family=Raleway:400,900,800,700,600,500,300,200,100);

.navbar-default {
    font-size: 20px !important;
}

@import "animate.css";
.small, small {
    font-size: inherit !important;
}

.fa-star.ok {
    background: linear-gradient(120deg,#ffff00 0%,#ff9326 100%);
        background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.fa-star.nok {
    background: linear-gradient(120deg,#ffffff 0%,#dddddd 100%);
        background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mt-1{ margin-top: 3px}
.mt-2{ margin-top: 5px}
.mt-3{ margin-top: 10px}
.mt-4{ margin-top: 15px}
.mt-5{ margin-top: 20px}

.mb-1{ margin-bottom: 3px}
.mb-2{ margin-bottom: 5px}
.mb-3{ margin-bottom: 10px}
.mb-4{ margin-bottom: 15px}
.mb-5{ margin-bottom: 20px}

.bulle_titre,.bulle_soustitre, .bulle_ville, .bulle_prix, .bulle_titre, .bulle_description{font-family: 'Tahoma'; margin: 0 0 !important;}

.bulle_titre       { font-size: 18px; font-weight: 900; color: #333333; line-height: 1; text-transform: uppercase; }
.bulle_soustitre   { font-size: 14px; font-weight: 500; color: #77BB41; }
.bulle_ville       { font-size: 14px; font-weight: 400; color: #000000; }
.bulle_prix        { font-size: 20px; font-weight: 900; color: #006600; }
.bulle_description { font-size: 12px; font-weight: 200; color: #000000;  line-height: 1;}

.btn-pagnation {
    border: 1px solid #000000 !important;
    background-color:  rgba(67, 128, 12,1) !important;
    color: #fff !important;
    display: inline-block !important;
    padding: 6px 12px !important;
    margin: 0 10 0 0 !important;
    font-weight: normal !important;
    line-height: 1.428571429 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    cursor: pointer !important;
}
.btn-pagnation:hover {background-color:  rgba(119,187,65,1) !important;    color: #fff !important;}

.btn-pagnation.active {background-color:  rgba(119,187,65,1) !important;    color: #fff !important;}

.div_bandeau { position:absolute; left:15px; top:-0px;  }
.div_bandeau2 { position:absolute; right:15px; bottom:-0px;  }


.ui-slider-range{
    background-color: #77BB41 !important;
}

.ui-state-active {
	border: 1px solid #FFFFFF !important;
    background-color: #77BB41 !important;
}
footer a:hover {
	color:  rgba(67, 128, 12,1);
}

.table .thead-dark th {
    color: #fff;
    background-color: #669c35 !important;
}

.call {
  position: absolute;
  content: "\f10b";
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  font-size: 50px;
  color: #c9c9c9;
  top: -2px;
  left: 0;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.call:hover:before {
  color: #b1dd8c  ;
  font-size: 67px;
}



.fiche_titre, .fiche_prix, .fiche_detail, .fiche_ville, .fiche_description  {font-family: 'Tahoma'; sans-serif; }

#exclu {position: absolute; left:20px; top:6px; font-size: 16px;  color: #ffffff; line-height: 1; background-color:#d90000;  border-radius:4px;  -webkit-border-radius:4px; padding:2px; }
#compromis {position: absolute; left:20px; top:30px; font-size: 16px;  color: #ffffff; line-height: 1; background-color:#d90000;  border-radius:4px;  -webkit-border-radius:4px; padding:2px; }
#vendu {position: absolute; left:20px; top:30px; font-size: 16px;  color: #ffffff; line-height: 1; background-color:#d90000;  border-radius:4px; -webkit-border-radius:4px; padding:2px; }



#bp_fav { position: absolute; right:20px;  }
.fiche_titre {font-size: 12px; font-weight: 400; color: #666666; line-height: 1;  }
.fiche_prix { font-size: 20px; font-weight: 700; color: #000000; }
.fiche_detail { font-size: 16px; font-weight: 700; color: #000000; padding-right:10px;}
.fiche_ville { font-size: 14px; font-weight: 100; color: #000000; }
#bp_situer {   }
#bp_voir {  }
.fright { float:right;  }
#fiche_appeler{float: right; margin-right:20px;}
#fiche_mail{float: right; margin-right:10px;}
.fiche_description {
background: rgb(119,187,65);
background: linear-gradient(180deg, rgba(119,187,65,1) 95%, rgba(255,255,255,1) 100%);

	border-radius:10px;  -webkit-border-radius:10px;
	font-size: 14px; margin-right:10px;  
	color: #ffffff;  overflow: hidden; height:142px;}
#fiche_360{ float:right;  }
.fichexs{display:none !important; }

@media (max-width: 1200px) {
.fiche_description {display:none; }
}

@media (max-width: 990px) {
.fichesm { display:none !important;}
.fichexs {display:block !important; }
.fiche_titre { font-size:3vw; }
.fiche_titre, .fiche_prix, .fiche_ville { color:#ffffff;}

}
.carousel-caption h5 {text-shadow:1px 1px 3px #77bb41;  }
.carousel-caption p {text-shadow:1px 1px 2px #000000;  }

#map { width:100%;height:400px;padding:0; }
#map{Position:relative; top:auto; bottom:auto; left:auto; right:auto;}
.marker-cluster-small {background-color: rgba(255, 163, 70, 0.6);}
.marker-cluster-small div {background-color: rgba(255, 163, 57, 0.6);}
.marker-cluster div {
    text-align: center;
    font: 18px "Helvetica Neue", Arial, Helvetica, sans-serif;
        line-height: normal;
}

.marker-cluster span {
    line-height: 50px;
}

.marker-cluster div {
    width: 50px;
    height: 50px;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
    border-radius: 30px;
    font: 18px "Helvetica Neue", Arial, Helvetica, sans-serif;
}


div#map.leaflet-container.leaflet-touch.leaflet-fade-anim.leaflet-grab.leaflet-touch-drag.leaflet-touch-zoom
 div.leaflet-pane.leaflet-map-pane
 div.leaflet-pane.leaflet-marker-pane
 div.leaflet-marker-icon.marker-cluster.marker-cluster-small.leaflet-zoom-animated.leaflet-interactive{
	width: 60px !important;
height: 60px !important;
	 border-radius: 60px;
 }
 
 .panel-body {
        padding-top: 0px !important;
        padding-right: 15px !important;
        padding-bottom: 0px !important;
        padding-left: 15px !important;
}