div.fill {
  width: 100%;
  height: 100%;
}

.map {
/*  height: 500px;*/
  height: 501px;
}

.popover-content {
  padding: 0;
}

.leaflet-rrose-content {
    margin: 10px;
}

.leaflet-rrose-content-wrapper {
    -moz-border-radius:    6px;
    -webkit-border-radius: 6px;
    border-radius:         6px;
}

/* lqmap-smallpopup */

/* set this offset according to pin image chosen */
.lqmap-smallpopup-yoffset {
  padding: 0 0 6px 0;
}

.lqmap-smallpopup-content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#333;
	padding: 0;
	width: 300px;
}

.lqmap-smallpopup-content-description {
}

.lqmap-smallpopup-content-first {
	display:flex;
}

.lqmap-smallpopup-content-first-description {
   float: none;
   width: auto;
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   min-width: 0px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: space-evenly;
   -ms-flex-pack: space-evenly;
   justify-content: space-evenly;
}


.lqmap-smallpopup-title {
	font-family: 'Open Sans', sans-serif;
    font-size: .95em;
    font-style: normal;
    font-weight: 700;
	text-transform: uppercase;
	width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
/*    float: left;*/
    word-wrap: normal;	
	line-height:1.8em;
}

.lqmap-smallpopup-price {
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
	font-size:1.25em;
	padding:0;
}

.lqmap-smallpopup-propriete{
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;		
	color: #888;
}

.lqmap-smallpopup-disponibilite{
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	display:inline-block;
	margin-top:10px;
}

.lqmap-smallpopup-description{
	font-family: 'Open Sans', sans-serif;
	padding-top:10px;
	line-height:1.4em;
	font-size:1.1em;
	font-weight:normal;
}


.lqmap-smallpopup-thumb {
  width: auto;
  margin: 0 10px 0 0;
	position: relative;
	height: 60px;
	-ms-flex-negative: 0;
	flex-shrink: 0;  
}

.lqmap-smallpopup-contact-link{
	font-family: 'Open Sans', sans-serif;
	display:inline-block;
	margin-top:5px
}

#olmap a.lqmap-smallpopup-contact-link,
#olmap a.plus  {
  float: right;
  margin:10px 0 10px 0;
}

.lqmap-smallpopup-clear {
  clear: left;
}

.map-spinner {
  display: none;
  padding:5px 30px 0 0;
}

.map-spinner img {
  width: 40px;
}

/* map icon in list */
.box-result-map-icon {
  border-radius: 50%;
  -moz-border-radius: 50%; 
  -webkit-border-radius: 50%; 
  display: block;
  float: left;
  height: 12px;
  margin: 4px 5px 0 0;
  width: 12px;
}

/* map icon in list that are NOT in map */
.box-result-map-icon-not-in-map {
/*	border: 1px solid black;*/
	background-color:#F9B8AA;	
	padding: 3.2px;
	font-size: 0.7em;
	height: 6px;
	width: 6px;
	margin: 0 5px 0 0;
}

#content-all{
	float: left;
	width: 100%;		
	height: 100%;
	position: fixed;
	overflow: hidden;
	top: 31em;
	left: 0;
	color: #000;		
}

#content-map-visual{
	height:100%;
	background-color:#F1EEE6;
	margin-right: 0;
}

#content-result{
	display:none;
}


/* content of result.css */

#content-result{
  margin:0;
}
#content-map-result .box-result-unit-photo img {
	display: block;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
}
#content-map-result .box-result-unit-more-left{
  width:130px;
}
#content-map-result .box-result-unit-more-right{
  width:94px;
}

#content-map-result .box-result-unit-photo{
  max-height: 100px;
  max-width: 128px;
}

#content-map-result .box-result-unit-description{
  width:224px;
}
#content-map-result .box-result-unit-louer h2, #content-map-result .box-result-unit-vendre h2 {
  width:170px;
}
#content-result #content-map-result .box-result-unit-more-left input.fav-input{
  margin:0;
  font-size:9px;
}
#content-result #content-map-result ul li{
  border:none;
}
#content-map-result{
  height:500px;
  overflow:auto;
}
#content-map-result .lq-pagination{
  margin:auto;
  margin-top:10px;
  text-align:center;
}
#content-map-result .lq-pagination button{
  background-color: #FFFFFF;
  border-radius: 2px; 
  border:none;
  color: #333333;
  font-size: 12px;
  margin: 0 4px 0 0;
  padding: 3px 6px;
  
}
#content-map-result .lq-pagination .lq-pagination-truncated{
  font-size: 12px;
  margin: 0 4px 0 0;
  padding: 3px 6px;
  display:inline-block;
}
#content-map-result .lq-pagination .lq-pagination-truncated, #content-map-result .lq-pagination button:disabled{
  cursor:default;
  color:#999999;
  background-color:#f9f9f9;
}
#content-map-result .lq-pagination button:hover{
  background-color:#999999;
  color: #ffffff;
}
#content-map-result .lq-pagination button:disabled:hover{
  background-color: #f9f9f9;
  color:#999999;
  
}

#content-map-result .lq-pagination .lq-trigger-search-page:disabled,
#content-map-result .lq-pagination .lq-trigger-search-page:disabled:hover{
  background-color: #E67E22;
  border-radius: 2px;
  color: #FFFFFF;
}

#content-map-result a.list{
	font-family: "Nobel_bold";
	text-transform: uppercase;
	text-decoration:none;
	font-size:1.2em;
	color:#095fc2;
	padding:0 20px 0 10px;	
}

/*
#content-map-result a.list:before {
    content: "";
    display: inline-block;
    background: url("../images/icon-list-blue-22px.png") no-repeat top right;
    width: 18px;
    height: 12px;
	margin-right: 5px;	
}
*/
#content-map-result a:hover.list{
	color:#F26C4F;
}
/*
#content-map-result a:hover.list:before {
    background: url("../images/icon-list-salmon-22px.png") no-repeat top right;
}
*/
#content-map-result span.map{
	font-family: "Nobel_bold";
	text-transform: uppercase;
	text-decoration:none;
	font-size:1.2em;
	color:#999;
	padding-right:10px;	
}
/*
#content-map-result span.map:before {
    content: "";
    display: inline-block;
    background: url("../images/icon-map-22px.png") no-repeat top right;
    width: 18px;
    height: 12px;
	margin-right: 5px;	
}
*/

.list i, .map i {
    margin-right: .25rem;
}

/* End */

#content-map-result{
	display:none;
	font-family:'Open Sans', sans-serif;
}

@media screen and (min-width: 768px) {
	#content-all{
		top: 127px;
	}
	
	#content-map-visual{
		height:100%;
		background-color:#F1EEE6;
		margin-right: 500px;
	}

	#content-map-result{
		font-size: 14px;		
		display:block;
		width: 100%;
		height: 100%;
		overflow: auto;
		position: absolute;		
	}
	
	#content-result{
		display:block;
		float: left;
		width: 500px;
		bottom:0;
		position: fixed;
		overflow: hidden;
		top:127px;
		right: 0;
		background-color:#FFF;	
	}
	
}

	html{
		height:100%;
	}
	
	body{
		height:100%;
	}
	
	#header-wrapper	{
/*		position:fixed;*/
	}
	
	#main{
		width:100%;
		position:absolute;
/*		position:fixed;*/
		top:47px;
		padding:0px;
	}
	
	/* Map */
	
	#content-map-result	ul{
		height:auto;
		overflow: auto;
		padding:10px;
	}
	
	#map{
/*		height:100%;*/
		height: calc(100% - 127px);
	}
	
	#content-map-result-header{
		padding:10px;
	}
	
	.lq-result-total-count{
		font-family: "Nobel_bold";
		text-transform: uppercase;
		width: auto;
		font-size: 1em;
		font-weight: normal;
		color: #555;
		display: inline-block;
		word-spacing: 0.2em;		
	}
	
	.lq-result-sort{
		padding:10px 0 0 0;
	}
	
	.lq-result-sort label{
		vertical-align: sub;
	}
	
	.lq-result-sort select{
		color: #444;
		padding: 5px;
		height: 28px;
		background: #ffffff;
		background: -moz-linear-gradient(top, #ffffff 1%, #efefef 92%, #cccccc 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(92%,#efefef), color-stop(100%,#cccccc));
		background: -webkit-linear-gradient(top, #ffffff 1%,#efefef 92%,#cccccc 100%);
		background: -o-linear-gradient(top, #ffffff 1%,#efefef 92%,#cccccc 100%);
		background: -ms-linear-gradient(top, #ffffff 1%,#efefef 92%,#cccccc 100%);
		background: linear-gradient(to bottom, #ffffff 1%,#efefef 92%,#cccccc 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
		vertical-align: top;
		border: solid 1px #999;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;	
	}
	
	#content-result .box-result-unit-louer h2, #content-result .box-result-unit-vendre h2{
		padding: 0 0 5px 0;
	}
	
	#content-result .box-result-unit-louer h2 a, #content-result .box-result-unit-vendre h2 a	{
		font-family: 'Open Sans', sans-serif;
		font-size: .95em;
		font-style: normal;
		font-weight: 700;
		text-transform: uppercase;
		border: none;
		width: 314px;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		white-space: nowrap;
		float: left;
		word-wrap: normal;		
	}
/*	
	#content-result .box-result-unit-2A	{
		width:auto;
		text-align:left;
		float:none;
	}
*/	
	#content-result .box-result-unit-louer .box-result-unit-price, #content-result .box-result-unit-vendre .box-result-unit-price {
		padding:3px 0 3px 0;
	}

	#content-result .box-result-unit-dispo {
		font-size: .9em;		
		text-align:left;
		text-transform:uppercase;
		padding:0;
	}

  .loading-indicator {
    top: 15px;
    right: .5em;
  }
  .ol-touch .loading-indicator {
    top: 30px;
  }