.map-container{
	display: inline;	
}

#filter_map{
	display: flex;
	flex-direction: column;
	overflow: auto; 
	width:0;
	min-width: 0;
	height: calc( 100vh - 75px );
	background-color: white;
	position: absolute;
	z-index: 10000;
	transition: width 0.2s;
}

#paysChoice{
	display: none;
}

#map{
    width: 100%;
    height: calc( 100vh - 75px );
    position: relative;
    outline: none;
}

#filter_mobile{	
	display: flex;
	height: 75px;	
	z-index: 10000;
}

@media (min-width: 576px){
	.map-container{
		flex-direction: row;
		display: flex;
	}	
	
	#filter_map{		
		width: 300px; 
		min-width: 300px; 
		height: 600px;
		z-index: inherit;
		position: inherit;
	}
	
	#map{
		height: 600px;
	}	
	
	#filter_mobile{
		display: none;
	}
	
	#paysChoice{
		display: flex;
	}
		
}

.list_agent_container{
	width: 100%;
	padding: 10px;
	border-bottom: 1px;
	border-bottom-color: #c0c0c047;
	border-bottom-style: solid;
}

.list_agent_container .nom_agent{
	font-weight: bold;	
}

.list_agent_container .pays_agent{
	
}

.list_agent_container:hover{
	cursor: pointer;
	background-color: #c0c0c0;
}

.list_pays_container{
	width: 100%;
	padding: 10px;
	border-bottom: 1px;
	border-bottom-color: #c0c0c047;
	border-bottom-style: solid;
	display: flex;
    align-items: center;
    flex-direction: row;
    padding: 12px 15px;
}

.list_pays_container > .flag_container{
	width: 100%;	
	display: flex;
    align-items: center;
    flex-direction: row;    
}

.list_pays_container:hover{
	cursor: pointer;
	background-color: #c0c0c0;
}

.popup{		
	display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 120%;
    margin: 10px;
    text-align: center;
    word-break: break-word; 
}

.list_pays_nom{
	flex: 1 1 auto;
    padding: 0 15px;
}

.worldwide-icon{
	background-image: url(../flags/worldwide.svg);
}  

.invisible{
	display: none;
}

.pays_selected{
	font-weight: bold;
}

.flag{
	width:50px !important;
	min-width: 25px;
	height:50px;
}

.caret{
	margin-left:5px;
	color:inherit !important;
}

.flag_selected{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #03a9f4;
}

.sticky{
	position: sticky;
    top: 0;    
    z-index: 10;
    background-color: white;
}

.popup i {
	margin-right: 5px; 
}

.popup > .name{
	font-size: 110%;
	margin-bottom: 15px;
	margin-top: 5px;
	font-weight: bold;
}

.popup > .adresse{	
	margin-bottom: 5px;		
}

.popup > .pays{	
	margin-bottom: 15px;		
}

.popup > .tel{	
	margin-bottom: 5px;		
}

.popup > .contact{	
	margin-bottom: 5px;		
}

.popup > .email{	
	margin-bottom: 5px;		
}

.popup > .gmap{	
	margin-bottom: 5px;		
}