body { margin:0; padding:0; }
/* #map { position:absolute; top:0; bottom:0; width:100%; }*/
.dept {    
    margin-bottom: -25px; 
    font-size: 18px;  
    color: #888;    
}
.dept:hover, dept:a {    
    color: #888 !important; 
    cursor:  default !important;  
}
.listRDV {
max-width: 500px;
width: 100%;
background: white;
width: 35%;
color: #888;
}
#listings option {display:none;}

.a.mapboxgl-ctrl-logo, .mapboxgl-ctrl-bottom-right, .mapboxgl-popup-close-button {
display:none !important;
}
#map {
border-left: 1px solid #fff;
position: absolute;
right: 0;
top: 0;
bottom: 0;
width:65%;
min-height: 650px;
}
.pad2 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.marker {
background-image: url('https://www.credissimmo.fr/wp-content/uploads/2020/06/CREDISSIMMO-symbole.png');
background-size: cover;
width: 0px;
height: 0px;
border-radius: 50%;
cursor: pointer;
margin-left: 26.5px;
display:none;
}
.mapboxgl-popup {
min-width: 150px;
max-width: 200px;
}
.mapboxgl-popup-content {
text-align: center;
font-family: 'Open Sans', sans-serif;
}
.heading {
background: #63b8e8;
border-bottom: 1px solid #eee;
height: 60px;
line-height: 60px;
padding: 0 10px;
}
.listings {
width:300px;
height: 650px;
overflow: auto;
/*padding-bottom: 60px;*/
}
.listings .item {
display: block;
border-bottom: 1px solid #eee;
padding: 10px;
text-decoration: none;
}
.listings .item:last-child { border-bottom: none; }
.listings .item .title {
display: block;
font-weight: 700;
}
.listings::-webkit-scrollbar {width: 10px;}
.listings::-webkit-scrollbar-track {background: #f1f1f1;}
.listings::-webkit-scrollbar-thumb {background: #888;}
.listings::-webkit-scrollbar-thumb:hover {background: #555;}
.listings .item .title small {font-weight: 400; }
.listings .item.active .title, .listings .item .title:hover {color: #63b8e8; }
.listings .item.active {background-color: #f8f8f8;}
.listings::-webkit-scrollbar {
width: 3px;
height: 3px;
border-left: 0;
background: rgba(0, 0, 0, 0.1);
}
.listings::-webkit-scrollbar-track {background: none;}
.listings::-webkit-scrollbar-thumb {
background: #63b8e8;
border-radius: 0;
}
.clearfix::after {
content: '.';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.mapboxgl-popup-content {
font: 400 15px/22px 'Source Sans Pro', 'Helvetica Neue', Sans-serif;
padding: 0;
width: 250px;
}
.mapboxgl-popup-content span {
background: #ed6e2e;
color: #111;
margin: 0;
display: block;
padding: 10px;
border-radius: 3px 3px 0 0;
font-weight: 700;
margin-top: -15px;
}
.mapboxgl-popup-content p {
margin: 0;
display: block;
padding:8px;
font-weight: 400;
}
.mapboxgl-popup-content div {padding: 8px;}
.mapboxgl-popup-anchor-top > .mapboxgl-popup-content {margin-top: 15px;}
.mapboxgl-popup-anchor-top > .mapboxgl-popup-tip {border-bottom-color: #ed6e2e;}
.mapboxgl-popup-content {
font: 400 15px/22px 'Source Sans Pro', 'Helvetica Neue', Sans-serif;
padding: 0;
width: 250px;
}
.mapboxgl-popup-content-wrapper {padding: 1%;}
.mapboxgl-popup-content p {
margin: 0;
display: block;
padding: 2px 8px;
font-weight: 400;
}
.mapboxgl-popup-content div {padding: 8px;}
.mapboxgl-container .leaflet-marker-icon, .mapboxgl-container .leaflet-marker-icon {cursor: pointer;}
.mapboxgl-popup-anchor-top > .mapboxgl-popup-content {margin-top: 15px;}
.mapboxgl-popup {padding-bottom: 50px;}
.titreMap{
font-size: 20px;
color: #111111; 
font-family: 'Montserrat'; 
font-weight: 600;
}

.vitrine {
    width:90px;
    border-radius: 50%;
    margin-top:12px;
    margin-bottom:6px;
}
.text14 {font-size:14px !important;}

.mapboxgl-ctrl-geocoder--input {
   padding-left:30px !important;
  }

/* RESPONSIVE */

@media only screen and (max-width : 740px)  { 

.titreMap{
font-size:15px;
}

#map {
height:370px;
width:370px;
}
.listRdv{
width : 100% !important;
margin-top:50%;
position : inherit;
}

.vc_custom_1530260542161{
padding-bottom: 0px !important;
}
}

@media only screen and (max-width : 740px) and (orientation : landscape) {

.listRdv{
margin-top:10%;
}

.titreMap{
font-size:18px;
}

#map {
width: 668px;
height: 15%;
}
}

@media only screen  and (min-device-width : 700px)  and (max-device-width : 812px)
{ 

.titreMap {
font-size:15px;
}

#map {
height: 370px;
width: 370px;
}
.listRdv {
width : 100% !important;
margin-top:50%;
position : inherit;
}

.vc_custom_1530260542161{
padding-bottom: 0px !important;
}
}

@media only screen  and (max-width : 812px) and (orientation : landscape) {
.listRdv{
margin-top:10%;
}
.titreMap{
font-size:18px;
}
#map {
width: 650px;
height: 15%;
}
}