html, body {
	height: 100%;
}
body {
	margin: 0px;
}
body, td {
	font-family: Arial,Sans-Serif; 
	font-size: 12px;
}
#map_canvas {
	width: 100%; 
	height: 100%; 
}
#totaliser-info {
	position: absolute; 
	bottom: 50px; 
	right: 10px;
	z-index: 998;
}
#totaliser-info img {
	width: 200px;
	height: 200px; 
	border: 0;
	float: right; 
}
#oalogo-info {
	position: absolute; 
	bottom: 35px; 
	left: 10px;
	z-index: 999;
}
#oalogo-info img {
	width: 75px;
	height: 75px; 
	border: 0;
	float: left;
}
/* css to customize Leaflet default styles  */
.custom .leaflet-popup-content-wrapper,
.leaflet-tooltip
{
        padding: 15px;
        background: #dddddd !important;
		background-color: #dddddd !important;
        color: #005f6b !important;
        opacity: .9 !important;
} 
.leaflet-tooltip-top:before {
    border-top-color: #dddddd !important;
}
@media screen and (min-width: 200px) and (max-width: 767px) { 
	#totaliser-info img  {
		width: 50%;
		height: 50%;
	}
	#oalogo-info img {
		width: 40px;
		height: 40px;
	}
}
@media screen and (min-width: 200px) and (max-width: 767px) and (orientation : landscape) { 
	#totaliser-info img  {
		width: 40%;
		height: 40%;
	}
}