body
	{
	font-family:arial;
	background: black;
	overflow:hidden;
	margin:0; 
	padding:0; 
	}

.cmt_la, .cmt_lo
{
	position:absolute;
	top:-2.8vh;
	left:18vw;
	width:20vw;
	height:70%;
	background: black;
	z-index:1;
	color:white;
	border-radius:0.7vh ;
	visibility:hidden
}

.c_lat:hover .cmt_la {visibility:visible}
.c_lon:hover .cmt_lo {visibility:visible}


.containerh
	{
	position:absolute;
	margin:auto;
	width:20vw;
	height:80%;
	top:10vh;
	left:0.5vw;
	border-style:solid;
	border-color:red;
	border-width:1px;
	z-index: -1;
	}

/* Panneau de commandes */
.pncmd
	{
	position:absolute;
	top:7.5vh;
	left:0.5vw;
	width:20vw;
	height:80%;
  transition:1.8s linear;
	z-index:1;
  }

.nmsq
{
  position:absolute;
  top:8.5vh;
  left:3vw;
  width:4vw;
  height:4vh;
  border-style:solid;
  border-width:0;
  border-radius:100vw;
  font-size:3vh;
  font-weight: bold;
  background: #ffffff95;
}

/* Select Modes/Bandes */
.lstc1
	{
	position:absolute;
	top:0;
	left:0;
	border-width:1vw;
	width:19.5vw;
	height:9vh;
	background: black;
	border-style:solid;
	border-color:black;
	border-width:0.15vw;
  border-radius:0.2vw;
	}

.resultats
	{
	position:absolute;
	top:12%;
	left:0%;
	width:99%;
	height:88%;
	background: black;
	color:white;  
	border-radius:6px;
	border-style:solid;
	border-color:yellow;
	border-width:0;
	}

.resultats_l
	{
	position:relative;
	top:1%;
	left:0%;
	width:95%;
	max-height:89%;
	overflow:auto;  
	font-size:1.5vh;
	background: black;
	color:white;  
	border-radius:0px;
	border-style:solid;
	border-color:orange;
	border-width:0;
	}

.sources
	{
	position:relative;
	top:93%;
	left:-3%;
	border-style:solid;
	border-width:0px;
	width:90%;
	height:5%;
	background: white;
	border-radius:6px;
	text-align:center;
	font-size:1.8vh;
	transform:scale(1)
	}
/* Pave Agrandir/Retrecir + Montrer/cacher Help */
.rappel
	{
	position:absolute;
	bottom:0vh;
	left:0.5vw;
	width:4.5vw;
	height:100%;
	border-style:solid;
	border-color:red;
	border-width:0px;
	}

/* Agrandir/Retrecir */
.close, .close_1 
	{
	position:absolute;
	left:2.5vw;
	top:0.5vh;
	width:0vw;	
	cursor:pointer;
	visibility:hidden	;
	}
.close:hover .cmt_pncmd_o   {visibility: visible}
.close_1:hover .cmt_pncmd_f {visibility: visible}

/* fleches ouvrir/Fermer  */
.ifr_1, .ifr_2 
	{
	position:absolute;
	width:1.8vh;
	border-style:solid;
	border-radius:0.4vw;
	border-color:white;
	border-width:0.1vh;
	padding:0.3vw;
	background: black;
	}

.ifr_1b {top:110vh;left:40vw;}
.ifr_2b {top:0.8vh;left:1vw}

/* Ouvrir Help */
.info 
	{
	position:absolute;
	left:2vw;
	top:2.6vh;
	width:2vw;
	height:2vh;;
	cursor:pointer;
	border-style:solid;	
	border-width:0;
	}
.info:hover .cmt_hlp{visibility:visible;left:-2vw}

/* Images Help */
.img_info, .img_info_b 
	{
	position:absolute;
	left:-90%;
	top:-120%;
	width:3.2vh;
	}

/* Etiquettes */
.cmt_pncmd_o, .cmt_pncmd_f, .cmt_hlp
	{
	position:relative;
	height:2vh;
	background: black;
	text-align:center;
	color:white;
	font-size:1.4vh;
	line-height:2vh;
	border-radius:0.5vh;
	visibility:hidden;
	}

/* Cercles Home/Locator */
.circles_d_cmt
	{
	position:absolute;
	top:-205%;
	left:-12vw;
	width:20vw;
	background: black;
	font-size:1.4vh;
	border-radius:1vh;
	border-style:solid;
	border-color:red;
	border-width:0px;
	visibility:hidden;
	}

/* Saisissez votre locator */
/* Saisissez un locator */
.cmt_save, .cmt_new
	{
	position:absolute;
	bottom:3.5vh;
	font-size:1.4vh;
	background: black;
	border-radius:1vh;
	border-style:solid;
	border-color:red;
	border-width:0;
	visibility:hidden;
	}

.cmt_save {left:-5vw;width:20vw;}
.cmt_new  {left:-9vw;width:25vw;}

.cmt_pncmd_o, .cmt_pncmd_f {top:-2.8vh; left:-2vw; width:7vw;}
.cmt_hlp                   {top:-4.9vh;width:7vw;}


.img_prf
	{
	position:relative;
	left:27%;
	top:9%;
	cursor:pointer;
	visibility:hidden;
	width:1.9vw;
	}


/* Bandeau bas */
.coordonnees
	{
	position:absolute;
	bottom:0vh;
	left:0vw;
	width:100vw;
	height:4vh;
	background: blue;
	color:white;
	font-size:2vh;
	text-align:center;
	z-index: 1000000000;
	z-index:1
	}
.messages
{
	position:absolute;
	bottom:4vh;
  left:0vw;
	width:100%;
	height:auto;
	min-height:3.5vh;
	background: orange;
	color:black;
	border-radius:0.5vh;
	line-height:3vh;
	visibility: hidden;
}
/* saisie mon loc */
.input_loc 
{
	position:absolute;
	bottom:0.20vh;
	left:-0.2vw;
	visibility:hidden;
	border-style:solid;
	border-color:white;
	border-width:0px
}
.input_loc:hover .cmt_save {visibility:visible;}

/* Definir mon locator */
.i_mon_loc
{
	position:absolute;
	bottom:0.6vh;
	left:72vw;
	width:8vw;
	height:2.5vh;
	background: blue;	
	border-style:solid;
	border-color:gray;
	border-width:0px;
	z-index: 1
	}

/* Champ saisie mon locator */
.cs_monloc
	{
	position:absolute;
	bottom:-0.11vh;
	left:3.5vw;
	width:5vw;
	font-size:1.5vh;
	}

.bp_mon_loc
{
	position:absolute;
	bottom:0.4vh;
	left:2.2vw;
	width:6.5vw;
	height:2.5vh;
	}

/* Definir mon locator : bouton */
.bp_def 
	{
	position:absolute;
	bottom:-0.5vh;
	left:-2vw;
	font-size:1.7vh;
	}

.bp_sauver
	{
	position:absolute;
	bottom:-0.20vh;
	left:13.5vw;
	width:4vw	;
	height:2.6vh;
	font-size:1.7vh;
	}

.bp_no_def 
	{
	position:absolute;
	bottom:-0.2vh;
	left:9.2vw;
	width:4vw	;
	height:2.6vh;
	font-size:1.7vh;
	z-index: 1
	}


/******************************************/
.c_lc, .c_la, .c_lo, .c_km, .c_dg, .c_el
	{
	position:absolute;
	top:0.8vh;
	width:8vw;
	height:2.5vh;
	text-align:center;
	border-style:solid;
	border-width:1px;
	border-color:gray;	
	font-family:Courier New;
	font-weight: bold;
	background: black
	}
.c_lc {left:5vw;width:8vw;}
.c_la {left:13.3vw;width:14vw;cursor:pointer}
.c_lo {left:27.6vw;width:14vw;cursor:pointer}
.c_km {left:41.9vw;width:6vw;}
.c_dg {left:48.2vw;width:3vw;}
.c_el {left:51.5vw;width:5.5vw;background:gray;transition:2s}

/* Situer un locator */
.i_new_loc
	{
	position:absolute;
	bottom:0.5vh;
	left:59.5vw;
	width:12vw;
	height:2.5vh;
	z-index: 9999999999999999999	;
	border-style:solid;border-color:gray;border-width:0px
	}

/* Saisissez un locator */
.label_1
	{
	position:absolute;
	bottom:0vh;
	left:0vw;
	font-family:Courier New;
	font-weight: bold
	}
	
/* Champ saisie locator */
.cs_newloc 
	{
	position:absolute;
	bottom:0vh;
	left:4.5vw;
	font-size:1.5vh;
	width:4.5vw;
	}

.i_new_loc:hover .cmt_new{visibility: visible}


.bp_newloc 
	{
	position:absolute;
	bottom:0.0vh;
	left:10vw;
	font-size:1.5vh
	}


.altmt
{
	position:absolute;
	bottom:-5.7vh;
	left:65vw;
	width:51vw;
	height:15vh;
	border-style:solid;
	border-color:red;
	border-width:0;
	border-color:white;
  transform:scale(0.2);
	background: blue;
	z-index:1
}
.altmt_1, .altmt_2, .altmt_3, .altmt_4
{
	position:absolute;
	top:-0vh;
	width:4vw	;
	height:2.6vh;
	cursor:pointer;
}
.altmt_1 {left:1vw; }
.altmt_2 {left:15vw;}
.altmt_3 {left:29vw;}
.altmt_4 {left:43vw;}

.altmt_1:hover .cmt_alt1{visibility: visible}
.altmt_2:hover .cmt_alt2{visibility: visible}
.altmt_3:hover .cmt_alt3{visibility: visible}
.altmt_4:hover .cmt_alt4{visibility: visible}

.img_e1, .img_e2, .img_e3, .img_e4
{
position:absolute;
top:18%;	
left:35vw;
height:80vh;
}
.cmt_alt1, .cmt_alt2, .cmt_alt3, .cmt_alt4
{
position:absolute;
top:-4005%;	
height:100vh;
width:132vw;
background: black;
font-size:8vh;
border-radius:1vw;
border-radius:4vw 0 0 0;
visibility:hidden;
line-height:14vh;
}

.cmt_alt1 {left:-45vw;}
.cmt_alt2 {left:-61vw;}
.cmt_alt3 {left:-77vw;}
.cmt_alt4 {left:-95vw;}

.img_prfa, .img_prfb {border-radius:0vw;width:13vw}
.circles_d
	{
	position:absolute;
	top:0.8vh;
	left:81.5vw;
	width:18.5vw;
	height:2.5vh;
	border-style:solid;
	border-color:gray;
	border-width:0px;
	}

.circles_d:hover .circles_d_cmt{visibility:visible}
.chk_d 
	{
	position:absolute;
	top:-0vh;
	left:-0.5vw;
	width:2vw;height:2vh
	}

.dia_crc
	{
	position:absolute;
	top:0.1vh;
	left:1.5vw;
	width:3vw;
	font-size:1.5vh;
  visibility:hidden;
	}
	
.bp_circle_l
	{
	position:absolute;
	top:-0vh;
	left:5.5vw;
	font-size:1.5vh;
	visibility:hidden;
	}

.bp_circle_r
	{
	position:absolute;
	top:-0vh;
	left:9.5vw;
	font-size:1.5vh;
	visibility:hidden;
	}
.bp_circle_e
	{
	position:absolute;
	top:-0vh;
	left:13.5vw;
	font-size:1.5vh;
	visibility:hidden;
	}
.v_elev
{
		position:absolute;
	top:-0vh;
	left:0vw;
	width:8vw;
	font-size:2vh;
	background: blue;
}
/****************************************/ 
/* Rose des vents */
.rdv
	{
	position:absolute;
	top:-16vh;
	left:49.2vw;
	width:15vw;
	height:30vh;
	transform:scale(0.08);
	border-style:solid;
	border-color:gray;
	border-width:1.5vw;
	border-radius:3vw;
	background:black;
	}

.fond
	{
	position:absolute;
	top:0vh;
	left:0.6vw;
	width:15vw;
	}
.aig
	{
	position:absolute;
	left:5vw;
	top:-1vh;
	width:5.5vw;	
	transition:0.5s;
	}
/************************************/

.params
	{
	position:absolute;
	top:0.5vh;
	left:1vw;
	width:6vw;
	height:8vh;
	border-style:solid;
	border-color:red;
	border-width:0vw;
	}

.inputField, .submitButton
	{
	position:absolute;
	left:0vw;
	width:100%;
	}
.inputField
	{
	top:0vh;
	font-size:2.5vh;
	width:93%;
	}

.submitButton 	{top:4.3vh;font-size:2vh;font-weight: bold	}

.params:hover .cmt_input {visibility:visible}

/* Saisir un indicatif ... */
.cmt_input
	{
	position:absolute;
	top:-5.5vh;
	left:-1vw;
	width:19.5vw;
	height:4.5vh;
	color:white;
	border-radius:0.7vh;
	background: black;
	visibility:hidden;
	}

.quoi
	{
	position:relative;
	top:4vh;
	left:6.2vw;
	width:11.7vw;	
	font-size:1.8vh;
	z-index: 10;
	background: black;
	color:white;
	visibility:hidden;
	border-radius:0.6vw;
	opacity:0
	}

.params:hover .quoi {visibility: visible}
.i_lieu
	{
	position:absolute;
	top:1vh;
	left:3.5vw;
	width:88%;
	margin:auto;
	height:2.5%;
	background: black;
	border-style:solid;
	border-color:brown;
	border-width:0px;	
	border-radius:5px;	
	color:white;
	text-align:center;
	font-size:2.3vh;
	z-index: 999999;
	visibility:hidden;
	}
.i_lieu_c
	{
	position:absolute;
	top:-0.5vh;
	right:1vw;
	width:1%;
	height:100%;
	font-size:3vh;
	cursor:pointer;
	}

.i_lieu_i
	{
	position:absolute;
	top:-0vh;
	left:1vw;
	width:95%;
	height:100%;
	font-size:2vh;
	}


.select
	{
	position:absolute;
	top:0.6vh;
	left:7.5vw;
	width:28%;
	height:35%;
	background: white;
	font-size:2vh;
	}

.select1
	{
	position:absolute;
	top:0.6vh;
	left:13.2vw;
	width:28%;
	height:35%;
	background: white;
	font-size:2vh;
	}

.nb_rel
	{
	position:absolute;
	top:5vh;	
	left:7.5vw;	
	background: #00ff00;
	font-size:2.5vh;
	font-weight: bold;
	text-align:center;
	border-style:solid;
	border-width:1px;
	width:11vw;
	height:3vh;
	text-align:center;
	visibility:hidden
	}

.zero, .vide
	{
	position:absolute;
	top:4.4vh;
	left:1vw;
	font-size:1.8vh;
	text-align:center;
	color:white;
	border-style:solid;
	border-width:1px;
	width:17.6vw;
	height:4.2vh;
	text-align:center;
	background: red;
	z-index: 1;	
	visibility:hidden;
	border-radius:0.6vh	
	}

.zero	{line-height:4vh;font-size:2vh;}



.padd     {padding-left:15px}
.arret    {background: red;color:white;padding-left:30px;padding-right:30px}
.actif    {background: #00ff00;color:black;padding-left:30px;padding-right:30px}
.pause    {background: orange;color:black;padding-left:30px;padding-right:30px}
.test     {background: cyan;color:black;padding-left:30px;padding-right:30px}
.fr_em    {background: orange;color:black;padding-left:30px;padding-right:30px}
.tr_choix {cursor:pointer;font-weight: bold;;font-size:10px;max-height:10px;overflow:hidden;opacity:}
.tables   {background: white;color:black}
.coo      {font-size:1.8vh}
.alti     {background:cyan;font-weight: bold}
.stn_r    {background:#00ff00;}
.stn_b    {background:cyan;}
.md       {background: yellow}
.rspns    {background: gray;color:white;cursor:pointer}
.distance {background: yellow;}


/* PopUp markers */
.ppup {font-size:2vh}
.pop
	{
	position:relative;
	top:-0.5vh;
	width:100%;
	left:-0.25vw;
	border-style:solid;
	border-color:red;
	border-width:0;
	}

.L1_qso
	{
	position:relative;
	top:-1vh;
	left:1vw;
	width:5vw;
	height:2vh;
	border-style:solid;
	border-color:red;
	border-width:0	
	}

.ind_rel
	{
	position:relative;
	top:0vh;
	width:5vw;
	font-size:1.7vh;
	color:black;
	text-align:center;
	}

.L3_qso
	{
	position:relative;
	top:-0.7vh;
	left:0vw;	
	height:1.6vh;	
	width:100%;	
	font-size:1.25vh;
	color:white;
	text-align:center;
	background:black;
	padding:3px;border-radius:5px;
	border-style:solid;
	border-width:5px;
	border-color:red;
	border-width:0;
	}

.alt_loc
	{
	position:relative;
	top:-0.5vh;
	left:-0.2vw;	
	height:1.2vh;
	font-size:1.45vh;
	color:white;
	text-align:center;
	background:black;
	width:100%;	
	padding:3px;
	border-radius:5px;
	border-style:solid;
	border-width:5px;
	border-color:yellow;
	border-width:0;
	}

.oeil_b0
	{
	position:absolute;	
	top:2.4vh;
	left:-0.5vw;
	width:100%;
	border-color:blue;
	border-width:1px;
	kbackground: yellow;
	cursor:pointer;	
	z-index: 11;
	}

.oeil_b 
	{
	position:absolute;
	top:-0.0vh;
	left:2.9vw;		
	width:1.0vw;
	border-radius:100px;
	border-style:solid;
	}

.prf_mk
	{
	position:absolute;
	top:0.2vh;
	left:4.5vw;
	width:1.5vw;
	}
.spinner
{
	position:absolute;
	top:40vh;
	left:50vw;
	width:1.5vw;	
visibility:hidden;
}
/*************************************/
.msg {font-size:20px}
.btns
	{
	position:absolute;
	left:5%;
	font-size:2vh;
	cursor:pointer;
	font-weight:bold;
	font-style:italic;
	width:55%
	}
.btnf
	{
	position:relative;
	left:25%;
	font-size:2vh;
	cursor:pointer;
	font-weight:bold;
	width:10%;
	visibility: hidden
	}

.tr_choix{cursor:auto}
.padd{background: #ebdebf}
.ppr
	{
	font-size:2vh;
	background: black;
	color:white;
	padding-left:1vw;
	padding-right:1vw;
	border-radius:5px;
	}
.dt_resp {cursor:pointer}

.loc_ip
	{
	position:absolute;
	bottom:7vh;
	left:50vw;
	font-size:2vh;
	width:30vw;
	height:18vh;
	background: black;
	border-radius:0.6vw;
	z-index:9;
	visibility:hidden;
	z-index:999999999999999999999999999999999999999999999
	}
.loc_ip_x
	{
	position:absolute;
	top:0vh;
	right: 0vw;
	font-size:2vh;
	width:2vw;
	height:3vh;
	color:white;
	text-align:center;
	cursor:pointer;
	}
.loc_ip_c
	{
	position:absolute;
	top:2.5vh;
	left:0.5vw;
	font-size:2vh;
	width:29vw;
	height:13vh;
	background: white;
	border-radius:0.4vw;
	text-align:center;
	font-size:2vh;
	padding-top:1vh;
	}
.bp_sloc
	{
	position:absolute;
	top:9vh;
	left:7vw;
	font-size:2vh;
	width:15vw;
	height:4vh;
	background: #e9e9ed;
	border-radius:0.4vw;
	text-align:center;
	font-size:2vh;
	border-style:solid;
	cursor:pointer;
	}
/******************** ALTIMETRIE ****************************/
.profil
	{
	position:absolute;
	top:5px;;
	left:8px; 
	height: 90vh; 
	width:98vw;
	border-style:solid;
	border-radius:10px;
	border-color:gray;
	border-width:0;
	}

#map
	{ 
	position:absolute;
	top:0.8vh;
	left:1vw; 
	height: 98%; 
	width:97.8%;
	border-radius:8px
	}

.graphe
	{
	position:absolute;
	top:65vh;
	left:0vw;
	width:110%;
	height:40vh;
	border-style:solid;
	transform:scale(0.5);
	background: black;
	z-index:100000000000000000000000000000000000000000000;
	visibility: hidden;
	}

#elevation 
	{
	position:absolute;
	top:0vh;
	left:0vw;
	width:88%;
	background: white;
	height:40vh;
	border-radius:8px;
	border-style:solid;
	border-color:blue;	
	z-index: 9999999999999999999999999999999999999999999999999999999999
	}

.echant
{
	position:absolute;
	top:30.5vh;
	left:0vw;
	height: 5vh; 
	width:100%;
	background: #dae6f0;
	font-size:4vh;
	color:black;
  text-align:center;
	z-index:10
}

.zooms
	{
	position:absolute;
	top:75.5vh;
	left:-18vw;
	height: 20.3vh; 
	width:8vw;
	background: black;	
	border-radius:0.5vw;
	z-index:111;
	}

/* Position des boutons */
.zoom_d, .zoom_o, .zoom_t, .zoom_f, .zoom_c, .zoom_i
	{
	position:absolute;
	width:100%;
	border-style:solid	;
	border-color:red;
	border-width:0;
	}
.zoom_i {left:0%;top:1vh;text-align:center;height: 3vh;font-size:1.8vh;	color:white;border-style:solid;border-color:red;border-width:0px	}
.zoom_d {left:0%;top:4.7vh;}
.zoom_t {left:0%;top:7.7vh;}
.zoom_o {left:0%;top:10.7vh;}
.zoom_f {left:0%;top:13.7vh}
.zoom_c {left:0%;top:16.7vh}

.zoom_i_info
{
position:absolute;
top:-0.7vh;
left:0vw;
height: 0.3vh; 
width:9vw;
font-size:1.7vh;
}


.chk_m, .chk_d
{
position:absolute;	
width:1.8vw;
height:1.8vh;
cursor:pointer	;
}
.chk_m 	{top:-0.8vh;left:-0.30vw;}
.chk_d  {top:-0vh;left:-0.5vw;}

/* Style des boutons */
.btn_zm
	{position:absolute;
	top:0.7vh;
	left:0.5vw;	
	font-size:1.6vh;
	font-weight: bold;
	width:85%;
	height:2.5vh;
	border-style:solid;
	border-color:blue;
	border-width:1px;
	border-radius:0.3vw;
	cursor:pointer;
	}

.btn_zm:hover{background: #00ff00}

.zoom_j_info
{
position:absolute;
top:0.8vh;
left:0;
height: 2.5vh; 
width:100%;
font-size:1.7vh;
cursor:pointer;
}


/********** MODIFICATIONS CSS LEAFLET ***********************************/
.attribut_mb {background: blue;    color:white; font-size:1.5vh; padding-left:10px; padding-right:10px; font-weight: 100}
.attribut_os {background: cyan;    color:black; font-size:1.5vh; padding-left:10px; padding-right:10px; font-weight: 100}
.attribut_ig {background: #00ff00; color:black; font-size:1.5vh; padding-left:10px; padding-right:10px; font-weight: 100}

.leaflet-container .leaflet-control-attribution 
	{
	border-radius:0vw 0 0 0;
	padding-left:10px;
	padding-right:10px;
	background: #000000;
	margin: 0;
	}

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution 
	{
	background: #000000;
	margin: 0;
	
	}

.leaflet-control-attribution,
.leaflet-control-scale-line 
	{
	padding: 0 5px;
	color: black;
	font-size:1vh;
	background: white;
	}

.leaflet-control-scale
	{
	position:absolute;
	top:-3vh;
	left:1vh;
	font-family:arial;    
	background:#ffffff;   
	}

.leaflet-control-attribution.leaflet-control
{
	border-radius:0.6vh 0 0 0;
}
.leaflet-control-attribution a               {text-decoration: none;}
.leaflet-control-attribution a:hover         {text-decoration: underline;}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {font-size: 1.4vh;}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar
	{
	border: 2px solid #000000;
	background-clip: padding-box;
	background: black;
	color:white;
	font-size:2vh;
	text-align:left;
	}

.leaflet-control-layers {position:relative;left:-3%;top:10%;}
.fcrt_0, .fcrt_1, .fcrt_2, .fcrt_3, .fcrt_4, .fcrt_5 {border-radius: 0px 6px 6px 0px;padding-left:5px}
.fcrt_0 {background: blue;color:white;padding-right:9px}
.fcrt_1, .fcrt_2, .fcrt_3 {background: cyan;padding-right:22px;color:black}
.fcrt_4 {background: #00ff00;color:black;padding-right:34px}
.fcrt_5 {background: #00ff00;color:black;padding-right:15px}

.leaflet-touch .leaflet-control-layers-toggle {width:2.5vw;height: 5vh;}
.leaflet-control-layers-toggle   {background-size:4vh 4vh;}
.leaflet-control-layers-toggle::before {color:white;content: "";}
.leaflet-control-zoom-in, .leaflet-control-zoom-out 
	{
	font-size: 3vh !important;
	width: 4vh !important;
	height: 2.5vh !important;
	line-height: 3vh !important;
	}

.leaflet-control-layers-list label {font-size: 1.3vh !important;}
.leaflet-control-layers-selector 	{width: 2vh !important;height: 2vh !important;}

.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: -0.4vh;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 2vh;
	height: 2vh;
	font: 2vh CommissionerTahoma, Verdana, sans-serif;
	color: black;
	text-decoration: none;
	font-weight: bold;
	}

/********** MODIFICATIONS CSS LEAFLET ALTIMETRIE  **********************************/
/* Resume en bas du graphe */
.elevation-summary 
	{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.5vh;
	margin: var(--ele-sum-margin, 0 auto);
	text-shadow: var(--ele-sum-shadow, 1px 0 0 #FFF, -1px 0 0 #FFF, 0 1px 0 #FFF, 0 -1px 0 #FFF, 1px 1px #FFF, -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF);
	}

/* Pave datas dans le graphe */
.elevation-control .mouse-focus-label-rect 
	{
	fill: black;
	fill-opacity: 0.7;
	stroke-width: 0;
	stroke: #666;
	font-size:2vh;  
	}
.elevation-control .mouse-focus-label-text 
	{
	width:5vw;
	fill: #FFF;
	font-size: 3vh;
	}

/* Altitude sur la carte */
.leaflet-elevation-pane .height-focus-label,
.leaflet-overlay-pane .height-focus-label 
	{
	font-size: 8vh;;
	fill: #0000ff;
	}

/* Trait verticalsur la carte */
.leaflet-elevation-pane .height-focus,
.leaflet-overlay-pane .height-focus
	{
	stroke: #ff0000;
	fill: var(--ele-circle, var(--ele-area, #0000ff));
	}

/* Ombres valeurs */
.elevation-control .axis text,
.elevation-control .legend text,
.elevation-control .point text 
	{
	fill: #000;
	font-weight: 700;
	paint-order: stroke fill;
	stroke: #fff;
	stroke-width: 0px
	}

/* Bordure du graphe */
.elevation-control .area 
	{
	fill: var(--ele-area, #4682B4);
	stroke: var(--ele-stroke, #000);
	stroke-width: 0.2;
	paint-order: stroke fill;
	}
.custom-tooltip 
	{
	position:absolute;
	top:0vh;
	background-color: black;
	color:white;
	border-radius: 0.5vw;
	padding: 0.5vw;
	font-size: 1.5vh;
	}