html{
    height: 100%;/*necessaire pour ajustement automatique des dimensions de la carte*/
	width:98vw;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #EEE;

}

body{
    height: 100%;/*necessaire pour ajustement automatique des dimensions de la carte*/
	width:100%;
}

#map {
	border: 1px solid #AAA;
	clear: both;
	height: 100%;
	width:100%;
}

#logo{
    float:left;
	background-image:url('../images/multimaps.png');
	background-repeat: no-repeat;
	width:140px;
	height:36px;
	margin-bottom:10px;
}
#aide{
    float: right;
    width: 50px;
    height: 40px;
    margin-bottom: 10px;
    margin-right: 10px;
    border: 1px solid #AAA;
    text-align: center;
    font-size: 12px;
    border-radius:4px;
    background:#FFF;
}
#aide:hover{
    cursor:pointer;
    background:#FFF;
    font-weight: 700;
}
#zoombox{
    float: right;
    width: 50px;
    height: 40px;
    margin-bottom: 10px;
    margin-right: 10px;
    border: 1px solid #AAA;
    text-align: center;
    font-size: 12px;
    color:#BBB;
    border-radius:4px;
}

#zoomlevel{
    font-size: 24px;
    font-weight: 700;
}

/*bouton se situer sur la carte*/
.locate-icon {
    background-image: url(../images/locate_icon.svg);
    display: inline-block;
    background-size: cover;
    width: 24px;
    height: 24px;
    margin: 3px;
   
}

@media handheld {
  html {
    	background: #F00;
  }
}