/* map principale  */
#map{
    width: 100%;
    height: 100vh;
}

.leaflet-control-zoom {
    position: fixed;
    top: 50px;
    right: 0px;
}


/* style div schemaC  */
#schemaC {
	background: white;
	opacity: 1;
	border-radius: 20px;
	transition: width 0.5s ease;
}
		

/* on cache la div schemaC -> appuie bouton toggleMapZoom  */
#schemaC.collapsed {
     width: 0 !important;
     overflow: hidden;
 }
 
 
  /* style popup fixe de schematique  */
.leaflet-tooltip {
     font-family: 'Roboto', sans-serif;
	 background-color: transparent;
     border: none;
     box-shadow: none;
     font-size: 10px;
     font-weight: bold;
	 line-height : 1.1;
    }
 

 /* bouton de rabattement div schematique */
#toggleMapZoom {
	transition: left 0.5s ease;
	width: 20px;
	height: 75px;
}



 /* image contenu dans le bouton "future station"  */
#toggleMapZoomImage {
        width: auto; 
        height: 70px; 
        vertical-align: middle; 
        margin-left: 5px; 
}
	
/* si on veut supprimer les boutons radio du "baselayerswitcher" mettre display none  
input[type="radio"] {
display: none;
}*/

 /* bouton refresh  */
#refreshButton {
      width: 30px;
      height: 30px;
	  z-index: 1000;
      border: none;
      cursor: pointer;
      position: absolute;
      top: 10px;
      right: 12px;
      border-radius: 2px;
    }
	




 /* menu qui contient les contrôle d'option (trx, chrono, reseau existant)  */

 /* bouton chrono  */
#map-controls {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 1000;
  background-color: white;
  border-radius: 10px;
  padding: 10px;
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  
}


 /* bouton resau)  */
#map-controls_1 {
  position: absolute;
  top: 63%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 1000;
  background-color: white;
  border-radius: 10px;
  padding: 10px;
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  
}






 /* au survol popup, le client ne connait pas la taille du contenu au premeir survol, on fixe dc une taille minimale)  */
.leaflet-popup-content {
    min-width: 75px; 
    min-height: 50px; 
	}


 /* style popup  */
.leaflet-popup-content-wrapper {
  font-family: 'Roboto', sans-serif;
  background: rgba(255,255,255,0.8);
  color:#FF008C;
  font-size:30px;
  line-height:24px;
  border-radius: 10px;
  }
  

 /* pour régler position fleche de la popup  */
.leaflet-popup-tip-container { 
  width:40px;  /* permet de régler le x  */
  height:40px;
  opacity: 0.8;
  }
  
 
  /* pour régler couleur fleche de la popup  */
.leaflet-popup-tip {
	top: 200px;
	background: white;
    border: none;
    box-shadow: none;
    }