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

.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:10.5vh;
	left:1vw;
	width:20vw;
	height:84%;
     transition:1.8s linear;;;
	z-index:1
    }

/* 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.5vw	
}

/* Pave Agrandir/Retrecir + Montrer/cacher Help */
.rappel
	{
	position:absolute;
	bottom:0vh;
	left:1vw;
	width:5vw;
	height:100%;
	border-style:solid;
	border-color:red;
	border-width:0px;
	}

/* Agrandir/Retrecir */
.close, .close_1 
	{
	position:absolute;
	left:1vw;
	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:20vw;}
.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}

/* 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:-170%;
	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:-1vw; width:7vw;}
.cmt_hlp                   {top:-4.9vh; left:1vw;	 width:7vw;}


.img_prf
	{
	position:relative;
	left:28%;
	top:12%;
	cursor:pointer;
	visibility:hidden;
	width:1.5vw;
	}


/* 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
	}

/* saisie mon loc */
.input_loc 
{
	position:absolute;
	bottom:0.20vh;
	left:-3.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:74vw;
	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
	{
	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:8.2vw;width:8vw;}
.c_la {left:16.5vw;width:15vw;}
.c_lo {left:31.9vw;width:15vw;}
.c_km {left:47.2vw;width:7vw;}
.c_dg {left:54.5vw;width:3.5vw;}

/* Situer un locator */
.i_new_loc
	{
	position:absolute;
	bottom:0.5vh;
	left:61vw;
	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
	}

.circles_d
	{
	position:absolute;
	top:0.8vh;
	left:83.5vw;
	width:14.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:10vw;
	font-size:1.5vh;
	visibility:hidden;
	}
/****************************************/ 
/* Rose des vents */
.rdv
	{
	position:absolute;
	top:-16vh;
	left:50.5vw;
	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:0.6vh;
	left:6.5vw;
	width:85%;
	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;}

.resultats
	{
	position:absolute;
	top:12%;
	left:0%;
	width:99%;
	height:85%;
	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:90.5%;
	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)
	}

.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;
	}

/*************************************/
.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:0vh;text-align:center;height: 4.6vh;font-size:1.8vh;	color:white;	}
.zoom_d {left:0%;top:5.5vh;}
.zoom_t {left:0%;top:8vh;}
.zoom_o {left:0%;top:10.5vh;}
.zoom_f {left:0%;top:13vh}
.zoom_c {left:0%;top:15.5vh}


/* Style des boutons */
.btn_zm
	{
	font-size:1.6vh;
	font-weight: bold;
	width:100%;
	border-style:solid;
	border-color:blue;
	border-width:1px;
	border-radius:5px;
	cursor:pointer;
	}

.btn_zm:hover{background: #00ff00}


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

.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 a               {text-decoration: none;}
.leaflet-control-attribution a:hover         {text-decoration: underline;}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale 
    {
  	font-size: 2vh;
	}

.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:4px}
.fcrt_1, .fcrt_2, .fcrt_3 {background: cyan;padding-right:20px;color:black}
.fcrt_4 {background: #00ff00;color:black;padding-right:40px}
.fcrt_5 {background: #00ff00;color:black;padding-right:10px}

.leaflet-touch .leaflet-control-layers-toggle 
	{
	width:5vh;
	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: 4vh !important;
	line-height: 3vh !important;
	}

.leaflet-control-layers-list label {font-size: 2vh !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;
	}