body { 
    margin: 0; 
    padding: 10px; 
    font-family: Arial, sans-serif; 
    font-size: x-small;
}
#map { 
    width: 90%;             
    height: 400px; 
    margin-bottom: 10px; 
    padding: 10px;             
}
#stats { 
    width: 90%;             
    height: 400px; 
    margin-bottom: 10px; 
    padding: 10px; 
    background: #eeeeee; 
    border: 1px solid #ddd; 
    border-radius: 5px; 
    overflow-y: auto; 

}
#titre { 
    width: 50%;          
    padding: 0px;    
    color: #ffffff;
    background: #444444; 
    border-radius: 20px; 
    text-align: center;
}
table, th, td {
    font-size: small;
    border: 1px solid black;
    border-collapse: collapse;
    padding-left: 5px;
    padding-right: 5px;
}
td {
    font-size: small;
    text-align: right;
}
h1 {
/*    width: 50%;*/
}
h2 {
    text-align: right;
    font-size: xx-small;
    color: #bbbb00;
}
.controls {
	margin: 2px 0;
}
.controls label {
	margin-right: 15px;
}
button {
	margin-top: 10px;
   }
.gpxChkbox {
    color: #bbbb00;   
}
.gpxTooltip {
    background-color: #666666 !important;
    color: #FFFFFF !important;
    border: 1px solid #000000 !important;
    opacity: 0.9 !important;
    font-size: 14px !important;
    box-shadow: 20px 40px 5px rgba(0, 0, 0, 0.5); /* Ombre : décalage-x, décalage-y, flou, couleur */
}

.gpxTooltip::before {
    border-top-color: #ffffff !important;
}