#navbar{
	min-height: 50px;
	max-height: 50px;
}
#gmap{
	position:fixed;
	width:100%;
	/*height:100vh;*/
	margin:  0px;
	padding: 0px;
	height: auto !important; 
	min-height: 100%; 
}
#map{ /* la carte DOIT avoir une hauteur sinon elle n'apparaît pas */
	position:relative;
	width:100%;
	height: auto !important; 
	min-width:100vw;
	min-height: calc(100vh - 50px);
	margin: 0px;
	padding: 0px;
	z-index: 10;
}
@media only screen and (max-width: 768px){
	/* #map{
	 	min-height: calc(100vh - 50px - 100px);
	}*/
}

@media only screen and (max-width: 1000px){
	.navbar-brand{
		padding-top: 0px;
	}
	#navbar{
		padding-top: 0px;
		min-height: 75px;
		max-height: 75px;
	}
	
	#navbar-menu{
		padding-top: 0px;
		min-height: 35px;
		max-height: 35px;
	}
	#map{
		min-height: calc(100vh - 75px);
	}
}
@media only screen and (max-width: 1000px){
	.no_phone{
		display: none;
	}
}

.layers_panel {
	padding: 4px 6px;
	background: white;
	font: 14px/16px Arial, Helvetica, sans-serif;
	background: rgba(255,255,255,0.8);
	border: 2px solid lightgrey;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	border-radius: 5px;
	min-width: 105px;
	max-width: 105px;
	min-height: 30px;
	max-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.layers_panel:hover {
	min-width: 100px;
	max-width: 100%;
	max-height: 100%;
	white-space: normal;
}