/* 
 * Always set the map height explicitly to define the size of the div element
 * that contains the map. 
 */
 #map {
    height: 100%;
  }
  
  /* 
   * Optional: Makes the sample page fill the window. 
   */
  html,
  body {
    height: 100%;
    margin: 0;
    padding: 0;
  }

  /* Style du conteneur des boutons radio */
  #radio-container {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5; /* S'assurer que les boutons apparaissent au-dessus de la carte */
    background-color: rgba(255, 255, 255, 0.7); /* Légère transparence */
    padding: 10px;
    border-radius: 10px;
    font-family: Arial, sans-serif;
}

/* Style des boutons radio */
#radio-container label {
    margin-right: 20px;
    font-size: 16px;
    cursor: pointer;
}