/* propriétés générales de la page */ 
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Varela+Round");
html {
	/*height: 100vh;*/
	/*width: 100vw;*/
	font-family: Varela Round, sans-serif;
	font-size: 1.0rem;
}
#sitelock.img { vertical-align:middle;}

/*h1 {font-family: Varela Round,  sans-serif; font-size: 1.0rem;}*/
h2 {font-family: Varela Round,  sans-serif; font-size: 1.3rem;}
h3 {font-family: Varela Round,  sans-serif; font-size: 1rem;}
h4 {font-family: Varela Round,  sans-serif; font-size: .8rem;}

.maintenance {color: #a40000; margin-top: 10px; margin-right: 100px;}

body {
	margin-left: .3rem;
}

/* tooltip-class*/
.tooltip-poly {
	background: rgba(255, 255, 255, 0.8);
	color:#0614d6;
	font-size: .8rem;
	font-weight: bold;
  }

.tooltip-surface {
	background: rgba(255, 255, 255, 0.7);
	border: 2px solid rgb(255, 255, 255);
	color:#0614d6;
	font-size: .8rem;
	font-weight: bold;
  }
 /* 
  .leaflet-tooltip-left.tooltip-surface::before {
	border-left-color: cyan;
  }
  
  .leaflet-tooltip-right.tooltip-surface::before {
	border-right-color: cyan;
  }
*/

.leaflet-control-layers-expanded {
	color: #295D1A;
}
/*  page accueil */
	.alert-pb {
		color: red;
		z-index: 500;
		font-size: 1.5rem;
	}
  /* accueil-container */
  .accueil-container {
    display:flex;
    flex-direction: column;
    align-items: center;
   /* padding: 1rem;
    width: 1076px;*/
  }
  .accueil-container-2 {
    display:flex;
    flex-direction: row;
    align-items: center;
    padding-top: 2rem;
  }
  /*zone-txt */
  .zone-txt-g, .zone-txt-d {
	display:flex;

    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 25rem;
    height: 25rem;
    border-width:0px;
    border-style:solid;
	border-color:darkgrey;
	flex-grow: 3;
   }

#accueil-img-top{
    background: url('../imgAccueil/image-top.webp') no-repeat;
    height: 450px;
    /*width: 1075px;*/
    display:flex;
    flex-direction: column;
    flex-wrap: nowrap;
    /*justify-content: space-between;*/
}
.accueil-logo {
  align-self: start;
  padding-left: 3rem;
  padding-top:1rem;
}

.titre-accueil {
	font-family: Varela Round, sans-serif;
	font-size: 1.2rem;
	color: rgb(228, 246, 225);
	padding-left: 50px;
	/*padding-top: 180px;*/
}
.zone-img-g,.zone-img-d {  display: flex;/* width: 45rem;*/ height: 25rem;}
.zone-img-d {align-self: end;}
.zone-img-g {align-self: start;}

.zone-txt-g {  align-self: start; margin-right: 2rem;}
.zone-txt-d {  align-self: end; margin-left: 2rem;}
.accueil-cde {
    align-self: center;
    display:flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.zone-txt-a { text-align: justify;  color: #467438}
.zone-txt-a h1{  text-align: center; color:#467438}
.zone-txt-b { text-align: justify; 	font-size: 1rem;  color: #363636;}

.accueil-btn-create,.accueil-btn-choix  {
    background: #467438;
    margin: 1rem auto .5rem auto;
    padding: 0.0rem 1rem .0rem 1rem;
    text-decoration: none;
    color: #fff;
    border-radius: 15px;
}


/*--------------------------------------------------------*/
.flex-container {
  display: flex;
  flex-direction: column;
}	
	
.cl_ul{
	list-style: inside;
}
	
/* propriétés du menu horizontal */

.main-navigation {
	float: left;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 1px;
    padding-left: 5px;
	display: inline;
	color: #5C974A;
	z-index: 90;
}

 #menu_haut{
	 height: 28px;
	 display: flex;
	 align-items: flex-start;
	 flex-direction: row;
}

#logout{ padding: 5px 5px 5px 10px ; display: none;}

.main-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #5C974A;
  /*background: #5C974A;*/
}

/* nav ul li */
.main-navigation ul li, .main-navigation ul li .conx_on{
  padding: 0.5rem .8rem .5rem 0.8rem;
  display: block;
  position: relative;
  float: left;
}

/* This hides the dropdowns */
.main-navigation li ul { display: none;}

.main-navigation a { display: block;  text-decoration: none;  white-space: nowrap;  color: #295d1a;}

.main-navigation  a:hover { color:#555753;	background: #ffffff; border-bottom: .3rem solid #5C974A; }
.main-navigation a.active  { color: #5C974A; border-bottom: .3rem solid #295d1a;}
.main-navigation  a.active:hover { color:#555753;}

/* Display the dropdown */
.main-navigation li:hover > ul {  display: block;   background: #ffffff; position: absolute; }

.main-navigation li:hover li { float: none; }
.main-navigation ul { z-index:100;}
.main-navigation li:hover a { background: #ffffff;}

.main-navigation li:hover li a:hover { background: #eeeeec;border-bottom: .2rem solid #5C974A; }

.main-navigation  li ul li { border-top: 0; z-index:100;  padding: .8rem 2rem .8rem 0.8rem;}

/* Displays second level dropdowns to the right of the first level dropdown */

.main-navigation ul ul ul {
  left: 60%;
  top: 10%;
}
/*.main-navigation ul ul  {
  left: 0%;
  top: 100%;
}
*/
/* Simple clearfix */
.main-navigation ul:before, .main-navigation ul:after {
  content: " ";  
  display: table;
}

.main-navigation ul:after { clear: both; }

.main-navigation ul li .conx_off  {display: none;}


#main-grp-mob {display: block;}
/*----------------------------------------*/
#image_haut {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: flex ;
    flex-direction: column;
}
#accueil {
	float:left;
	margin: 5px 0px 0px 0px;
	/*vertical-align:middle;*/
}

/* propriétés du submenu haut */
#submenu {
    display: flex ;
	flex-direction: row;
	justify-content: space-between;
	background-color: #edfbe7;;
	}

#submenuBlk {
	height:50px;
}

/* bloc central uniquement créé pour uniformiser les hauteurs des deux blocs contenus (menu_vertical et contenu) */
#bloc_central {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height:90vh;
    display: flex ;
    flex-direction: row;
    overflow: hidden;
   /*width: auto;*/
	}
#menucreate {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: inline;
	}

/* propriétés du menu vertical */
#menu_droit {
	background-color:#fff;
	/*height:84vh;*/
	margin: 1px 2px 1px 0px;
	order: 2;
    padding: 0px 0px 0px 0px;
	border:  0px solid #5C974A;
	/*border-left: 1px solid #5C974A;*/
	overflow: hidden;
	display: flex ;
	flex-direction: column;
	flex-wrap: nowrap;
	}	

/* propriétés du contenu */
#contenu {
	order: 1;
	overflow: hidden;
	/*width:100%;*/
    margin: 1px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
	display: flex ;
	flex-direction: column;
	flex-wrap: nowrap;

}	
#maploupe {	
	width: 100%;
	height: 35vh ;
	z-index:1;
}
/*	propriétés de map Elv */
#mapElv {
	width: 100%;
	height: 550px;
	}
	
.muted {
	color: #666;
	font-size: 0.8rem;
}	
	
#mnuImgin {
	position: absolute;
	margin-top: 306px;
    margin-left: 50px;
	overflow: hidden;
    padding: 5px;
	font-size: 1.2rem;
	border-radius: 4px;
	border: 0px; 
	/*background-color: #5C974A;*/
    z-index: 800;
    visibility: hidden;
}
.cl-mnuImgin  {
  display: flex ;
  flex-direction: row;
  align-items: stretch;
  list-style: none;
  height: 24px;
  padding: 5px;
  margin: 0;
  color: #5C974A;
  background: #ffffff;
}

#cdeImgin {
	position: absolute;
	margin-top: 260px;
    margin-left: 50px;
	overflow: hidden;
    padding: 5px;
	font-size: 1.2rem;
	border-radius: 4px;
	border: 0px; 
	background-color: #5C974A;
    z-index: 800;
    visibility: hidden;
}
#divImg-2 { display: none; }

.divImg {
	margin: 4px;
}
.divImg-0 {
	margin-top: 0px;
	padding :0px; 
	background-size: contain;
	background-repeat: no-repeat;
	border:none;
	overflow:hidden;
	/*width: 48px;*/
	height: 24px;
	background-image: url(../images/arrow-cadre.png);
	cursor: move;
}

.divImg-0:hover {
	background-image: url(../images/arrow-b1.png);
}

#Imgin {
	overflow:hidden;
	width: 30px;
	height: 30px;
	margin-left: 0px;
	margin-top: 0px;
	/*visibility: hidden;*/
	opacity:0;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	*/
	}
#transImg{
	width: 70px;
}

/* marker tooltip*/
.mktooltip { font-family: Varela Round, sans-serif;background-color: #5c974a;color :rgb(240, 245, 245) }


/*.button-state, .state-qrcode_off,*/

.qrcode_off-active {
	height: 44px;
	width: 44px;
	border:0;
	}

.qrcode_on-active {
	padding-top: 5px;
	padding-bottom: 5px;
}

#legendElv{
	position: absolute;
	margin-top: 130px;
    margin-left: 50px;
	overflow: hidden;
    padding: 1px;
	font-size: .8rem;
	border-radius: 4px;
	border: 2px solid #cccc;
	background-color: #fff;
	z-index: 800;
	opacity : .8;
    visibility: hidden;
}

#titrelgdElv{
	padding: 2px;
	font-size: .8rem;
	font-weight: bold;
}	

#maxlgdElv{
	padding: 5px;
	background-color: #ff0000;
}	
#minlgdElv{
	padding: 5px;
	background-color: #0000ff;

}
	
#maxElv, #minElv{
	padding: 8px;
	font-size: .8rem;
}	
		
/* propriétés du pied de page */
#pied_page {
	height: 20px;
	font-size: .8rem;
}
#msg-accueil{
	position: absolute;
	overflow: hidden;
    margin: 1px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    width: 75rem;
    height: 75rem;
    color:#5c974a;
    left:800px;
    top :200px;
    font-size:16px;
	font-size: 1.6rem;
    z-index:4;
}
#img-accueil{
	overflow: hidden;
    margin: 1px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    width: 100rem;
    height: 75rem;
 }	
/* imgaccueil {
	max-width:100%;
	max-height:100%;
}
*/

#Menu_c {
	width:100%;
	height:100%;
	overflow: hidden;
	}
	
/* propriétés choix groupe */	
#p_choixgroup {
	margin: 1px 0px 0px 0px;
	display: flex;
	width: 65vw;
	flex-direction: column;
    display: none;
	}
	
/* propriétés gestion membres */	
 #p_gestmbr	{
 	overflow: hidden;
	float :left;
	position: absolute;
	width:100%;
	height:100%;
    margin: 1px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	flex-direction: column;
	display: none;
	}
#afflistinsc,#afflistmbr {
	margin: 20px 20px 20px 20px;
	font-size: .9rem;
}	
#list-mbr-ctn {
	display: flex;
	flex-direction: row;
}
/*	.droit-mbr{	font-size: 1.2rem;	} */	
#tabmbr {
	text-align: left; 
	display:block;
	/*height:60vh;*/
	width: 100%;
	overflow-y: auto;
	/*margin-bottom:1rem;*/
} 

#tabmbr tbody{
	display: block;
    text-align: left;
    height: 80vh;
    overflow-y: scroll;
    margin-bottom: 1rem;
}

#tabmbr tbody tr:nth-child(odd) {
    color: #143F14;
  	border: 0px;
  	background-color: #D4FFAA;
}

#tabmbr tbody tr:nth-child(even) {
    color: #143F14;
  	border: 0px;
  	background-color: #D4FFFF;
}

/*  colonne 1 à 3*/

#tabmbr tbody tr td:nth-child(1) { 
	width: 25em;
	padding-left:3px;
}
#tabmbr tbody tr td:nth-child(2) { 
	width:20em;
	padding-left:3px;
}
#tabmbr tbody tr td:nth-child(3) { 
	width:15em;
    padding-left:3px;
}


#tabinsc {
	text-align: left; 
	display:block;
	/*height:60vh;*/
	overflow-y: auto;
	/*margin-bottom:1rem;*/
} 

#tabinsc tbody{
	display: block;
    text-align: left;
    height: 80vh;
    overflow-y: scroll;
    margin-bottom: 1rem;
}

#tabinsc tbody tr:nth-child(odd) {
    color: #143F14;
  	border: 0px;
  	background-color: #D4FFAA;
}

#tabinsc tbody tr:nth-child(even) {
    color: #143F14;
  	border: 0px;
  	background-color: #D4FFFF;
}

/*  colonne 1 à 3*/

#tabinsc tbody tr td:nth-child(1) { 
	width: 25em;
	padding-left:3px;
}
#tabinsc tbody tr td:nth-child(2) { 
	width:20em;
	padding-left:3px;
}
	
.tablecaption {
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
	/*font-family: arial, sans-serif;*/
  	font-size: 1rem;
  	background-color: #5C974A;
	color: #E7FFFF;	
    text-align: center; 
    display: block;
    }	
		
/* propriétés accueil*/	
#p_accueil {
	max-width: 1075px; /*100%*/

	overflow: hidden;
	font-size:12px;
	font-size: 1.1rem;
    display: flex;
	flex-direction: column;
	color: #5C974A;
	background-color:#ffffff;
	padding-top: 10px;
	padding-left: 2rem;
	justify-content: flex-start;
 	}

.dia-accueil {
    display: flex;
    justify-content: flex-start;
 	flex-direction: row;
 	flex-wrap: wrap;
 	padding-left: 10px;
    padding-top: 5px;
}

.dia-front {
	width: 300px;
	/*max-height: 400px;*/
	margin-left: 5px;
}
.img-center{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
     }

/* propriétés  des liens (de base et déjà visités) contenus dans le bloc menu_vertical */
#menu_vertical a:link, #menu_vertical a:visited {
	/*color:#FFFFFF;*/
	font-size:12px;
	font-size: 1.2rem;
	text-decoration:none;
	}
/* propriétés des liens (au dessus et actifs) contenus dans le bloc menu_gauche */
/*#menu_vertical a:hover, #menu_vertical a:active {
	text-decoration:underline;
	color:#CCCCCC;
	}
*/

/*	
 #deconnexion-user{	 color: #5C974A;}

#connexion-user, #create-user {	color: #5C974A;}
	*/
#inscr-user1 ,#Pass_perdu1 { 
	color: #0000ff;
	text-align:left;
	padding: 10px 5px 5px 10px;
/*	background-color:#edfbe7; */
  }	
#inscr-user1:hover { color: #1a1a1a;}

#bienvenue {
	color: #5C974A;
	text-align:left;
	padding: 10px 0px 5px 10px;
  }	
  
#infocircuit{
	float:left;
	padding: 2px 2px 2px 2px;
	font-size: 10px;
	font-weight: bold;
	font-size: 1rem;
	color: #0000EE;
  }	

/* commun */
#infoG {
	position: relative;
  	left : 0px;
  	top : 0px;
	width: 100%;
	height:24px;
	padding: 0px 0px 0px 0px;
	background-color:#5C974A;
	/*background: url(../images/infos3.png);*/  	
	/*background-color:#fff;
	background-repeat: no-repeat;
	border: 1px solid #5C974A;*/
	text-align:center;
	font: bold 12px verdana;
	font-size: 1.2rem;
	color: #FFFFFF;
  }

#msglog {
	width: 90%;
	border: 0px solid #BBBBBB;
}

.com, inputname {
	margin:2px;
  	font-size: 10px;
  	font-size: 1rem;
  	font-weight: normal; 
	color: #0000FF;
  	padding: 2px;
  	text-align:left;
  	width:90%;
	}
.lnk {font-size: .9rem;}


/* choix group*/

select.criteres,#SelDiscGrp,#rech #selcarte{
	text-align: left;
	/*font-family: verdana, arial, sans-serif;*/
  	font-size: 1rem;
  	color:#2f5a1c;
    border: 0px ;
    width: 12rem;
    margin:2px;
}

#pagechoixgroup {
	flex-direction: column;
  	padding: 0px 0px 0px 0px;
	border: 0px solid #5C974A;
	/*width:100%;*/
	width:inherit;
  	height:420px;	  	
	background-color:#FFFFFF;
  	text-align: left;
	/*font-family:  arial, sans-serif;*/
  	font-size: 10px;
  	font-size: 1rem;
	display: none;
 }

input.adh {
	cursor: pointer;
	width: 32px;
	height: 32px;
	font-size: 0px;
	color: #000000;
	margin: 5px;
	background-repeat: no-repeat;
	border: 0;
	visibility: hidden;
} 

input.adh{	background-image: url(../images/adh.png);}   
input.adh:hover {background-image: url(../images/adh1.png);}   

#idgroup {
	display: flex;
	height:80px;
	width: 80%;
	margin: 5px;
	padding:1.2rem;
  	font-size: 1rem;
  	color : #0000FF;
	border: 0px solid #5C974A;
	background-color:#b2ec99;
}
#chxgroup,#chxprop,#chxdisc {
	position:relative;
	margin-left: 1rem;
}
.labgroup {

	margin: 2px;
	width: 8rem;
	float: left;
  	font-weight: bold; 
  	color:#5C974A;
}

.lab-group-msg{
	margin: 2px;
  	font-size: 1rem;
  	font-weight: bold; 
  	color:#5C974A;
}
.idgrp-ln{ display: flex; flex-direction: row;}

#Menuchxgrp1 {
	display: flex;
	flex-direction: column;
	margin: 5px;
	height: 270px;
}

#menuchxgrp {
	margin: 5px;
	padding:1.2rem;
}
input.ok{
	width: 16px;
	height: 16px;
	font-size: 0px;
	color: #00FF00;
	margin-left: 5px;
	background-image: url(../images/d1.gif);
	background-repeat: no-repeat;
	border: 0;
	margin:0;
	padding:0;
	}     
input.ok:hover {
	width: 16px;
	height: 16px;	 
    background-image: url(../images/dp1.gif); 
    background-repeat: no-repeat;
	margin:0;
	padding:0;    
	}  
	

 /* Popup pour élévation */
#popupelev {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* The actual popup (appears on top) 
#popup-ele .popuptextele { */
#popupelev {
    /*visibility: hidden;*/
    width: 200px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 5000;
   /* bottom: 125%;
    left: 50%;
    */
    margin-left: 580px;
}

/*Popup arrow */
#popupelev .popuptextele::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
#menu_coockies {  
	z-index:80;
	position:absolute;
	cursor:default;
	visibility:hidden;
	top: 45em;
	left:1.5em;
	height: auto;
	background-color:#e9ecdf;
	font-size: 12px;
	font-size: .9rem;
	font-weight: normal;
	font-family: sans-serif;
	width: 38em;
}
/*--------------------------Menu create---------------------------------------*/

.efface,.redo,.home-0,.home-1,.gpx,.gpx-out, .sommet,.altitude, .kml,.Wpt,.relpage,
.base,.road,.libre,.showp-0,.showp-1,.hidewp,.pieton,.auto,.sens,
.lasso,.lasso-2,.lasso-act,.lasso-gris, .velo,.noauto,.pdf,.meteo,.deroul,.Ok,.save, .savekml,.viskm,
.size, .vent, .ventno, .color,.tramod,.mail,.link, .simil, .surface,.surfaceoff, .surface-on, .surface-off, 
.frame, .calcParc,.calcIso,.calcIso-off,.base-on,.base-off,.essai,.clean,.clean-off,.search-0,.search-1,.search-off
{
	cursor: pointer;
	/* background-color: #fdfdfd; */
	background-repeat: no-repeat;
	background-color:#fff;
	border: 0;
	background-size: 2.4rem 2.4rem;
	width: 2.4rem;
	/*margin-left: .5rem;*/
	margin-right: .6rem;
} 
.ign { background-image: url(../images/ign.svg);
	background-repeat: no-repeat;
	background-color:#fff;
	background-size: 2rem 2rem;
	width: 2.4rem;
	margin-top: .26rem;
	cursor: pointer;
}  
.ign:hover {margin-top: 0.01rem;}

.gpx-out ,.altitude {
	background-size: 2rem 2rem;
	background-color: #edfbe7;
	width: 2rem;
	flex-wrap: wrap;
	margin-left: .5rem;
}
.simil {
	background-size: 2rem 2rem;
	width: 2rem;
	flex-wrap: wrap;
	/*margin-left: .5rem;*/
	margin-top: .3rem;
}
.vent-titre,.vent-infos, .vent-attrb{ line-height: 1.3; font-size: 13px; font-size: 1.2em;}
.vent-titre{ color:#24730d;; font-weight: bold; }
.vent-infos {color:#24730d;}
.vent-attrb{color:#111311; font-style: italic;}

.surface-on {background-image: url(../images/surface-on.webp);}   
.surface-on:hover {background-image: url(../images/surface-on1.webp);}   
.surface-off {background-image: url(../images/surface-off.webp); cursor: not-allowed;}    

.surface {background-image: url(../images/surface.webp);}   
.surface:hover {background-image: url(../images/surface1.webp);}   
.surfaceoff {background-image: url(../images/surface2.webp); cursor: not-allowed;}    

.clean {background-image: url(../images/clean.svg);}   
.clean:hover {background-image: url(../images/clean1.svg);}   
.clean-off {background-image: url(../images/clean2.svg); cursor: not-allowed;}    

.essai{background-image: url(../images/route1.png);}   
.efface{background-image: url(../images/undo.png);}   
.efface:hover {background-image: url(../images/undo1.png);}   
.redo{background-image: url(../images/redo.png);}   
.redo:hover {background-image: url(../images/redo1.png);}   

.tramod{	background-image: url(../images/velo.png);	margin-left: 1px; }   
/*.tramod:hover {
	background-image: url(../images/velo1.png);
	margin-left: 50px;
}   
*/
.search-0{	background-image: url(../images/loupe.png);}   
.search-0:hover{	background-image: url(../images/loupe1.png);}  
.search-off{	background-image: url(../images/loupe2.png); cursor: not-allowed;}   

.showp-0{	background-image: url(../images/showp.png);}   
.showp-0:hover {background-image: url(../images/hidewp.png);}  
.showp-1{	background-image: url(../images/showpgris.png);cursor: not-allowed;}   

.hidewp{	background-image: url(../images/hidewp.png);}   
.hidewp:hover {background-image: url(../images/showp.png);}  
 
.size{	background-image: url(../images/size.png);}     
.size:hover { background-image: url(../images/size1.png);}  

.home-0{	background-image: url(../images/home.png);}     
.home-0:hover { background-image: url(../images/home1.png);}   
.home-1{	background-image: url(../images/homegris.png);cursor: not-allowed;}     

.pdf{	background-image: url(../images/pdf.png);}     
.pdf:hover { background-image: url(../images/pdf1.png);}  

.gpx{background-image: url(../images/gpx.png);}     
.gpx:hover {background-image: url(../images/gpx1.png);}

.gpx-out {background-image: url(../images/gpx.png);}     
.gpx-out:hover {background-image: url(../images/gpx1.png);}

.mail{background-image: url(../images/mail.png);}     
.mail:hover {background-image: url(../images/mail1.png);}

.link {background-image: url(../images/link.png);}     
.link:hover {background-image: url(../images/link1.png);}

.frame {background-image: url(../images/frame.png);}     
.frame:hover {background-image: url(../images/frame1.png);}

.simil {background-image: url(../images/similar.png);}     
.simil:hover {background-image: url(../images/similar1.png);}

.calcParc {
	background-image: url(../images/route.png);	
	width: 48px;
	height: 48px;
	background-size: 46px 46px; 
	}     
	
.calcParc:hover {
	background-image: url(../images/route1.png);	
	width: 48px;
	height: 48px;
	background-size: 46px 46px; 
	}

.calcIso {	background-image: url(../images/iso.png);	}   
.calcIso-off {	background-image: url(../images/iso2.png);	cursor: not-allowed; }     
.calcIso:hover {	background-image: url(../images/iso1.png);	}
.viskm {background-image: url(../images/km.png); }     
.viskm:hover {	background-image: url(../images/km1.png); 	}
.color { background-image: url(../images/color.png); }   
.color:hover { 	background-image: url(../images/color1.png); }


.voirTrace-0,.voirTrace-1{
	cursor: pointer;
	width: 25px;
	height: 25px;
	background-size: 25px 25px; 
	vertical-align: 6px;
	margin-left: 1px;
	background-color: #FFF0;
	background-repeat: no-repeat;
	border: 0;
	display: inline;
}

.voirTrace-0{ 	background-image: url(../images/eye_o.png); }
.voirTrace-0:hover{	background-image: url(../images/eye_c.png);} 
.voirTrace-1 {	background-image: url(../images/eye_c.png); }
.voirTrace-1:hover {	background-image: url(../images/eye_o.png);	} 

.lasso { background-image: url(../images/lasso.png);}
.lasso:hover { background-image: url(../images/lasso-1.png);}
.lasso-2 { background-image: url(../images/lasso-2.png);}
.lasso-2:hover { background-image: url(../images/lasso-3.png);}
.lasso-act { background-image: url(../images/lasso-act.png);}
.lasso-gris { background-image: url(../images/lasso-gris.png);}

.cacheTrace
{
	background-image: url(../images/eye_c.png); 

}
	  
.cacheTrace:hover
{
	background-image: url(../images/eye_c.png); 
	background-color: #d0e5d0;
	}

.trplus-0,.trplus-1,.trmoins
{
	cursor: pointer;
	margin-left :1px; 
	padding-right: 10px;
	background-repeat: no-repeat;
	border: 0;
} 

.trplus-0{
	cursor: pointer;
	background-image: url(../images/plus.png);
	margin: 5px 0px 0px 5px;
	padding-right: 15px;
	background-color: #FFF0;
}
     
.trplus-0:hover { 
	background-image: url(../images/plus1.png);
}  
 
.trplus-1{
	cursor: not-allowed;
	background-image: url(../images/plusgris.png);
	margin: 5px 0px 0px 5px;
	padding-right: 15px;
	background-color: #FFF0;
}     

.trmoins{
	background-image: url(../images/del16.png);
	margin:5px 5px 2px 5px;
	padding-right: 10px;
    background-color: #FFF0;
}     
.trmoins:hover { background-image: url(../images/del1.png);
	padding-top :0px;
}  

.deci-list { font-size: .8rem; color: #333;}
.deci-trace{ font-size: .9rem; }

#delpolys { display: none;}

.base-off{background-image: url(../images/baseoff.png); cursor: not-allowed;}    
.base-on{background-image: url(../images/base.png);}     
.base-on:hover {background-image: url(../images/base1.png);} 
 

.road{background-image: url(../images/route.png);}     
.road:hover {background-image: url(../images/route1.png);} 

.libre{background-image: url(../images/libre.png);}     
.libre:hover {background-image: url(../images/libre1.png);} 
.libre-1{background-image: url(../images/libregris.png);cursor: not-allowed;}  

.pieton{background-image: url(../images/pieton.png);}     
.pieton:hover {background-image: url(../images/pieton1.png);} 
.pieton-1{background-image: url(../images/pietongris.png);cursor: not-allowed;} 

.auto{background-image: url(../images/auto.png);}     
.auto:hover {background-image: url(../images/auto1.png);}
.auto-1{background-image: url(../images/autogris.png);cursor: not-allowed;}

.velo{background-image: url(../images/velo.png);}     
.velo:hover {background-image: url(../images/velo1.png);} 
.velo-1{background-image: url(../images/velogris.png);cursor: not-allowed;}

.vtt{background-image: url(../images/vtt.png);}     
.vtt:hover {background-image: url(../images/velo1.png);} 
.vtt-1{background-image: url(../images/vttgris.png);cursor: not-allowed;}  

.noauto{background-image: url(../images/Expresse1.png);}     
/*.noauto:hover {background-image: url(../images/Autoroute.png);}*/


input.save{background-image: url(../images/save.png);}     
input.save:hover {background-image: url(../images/save1.png);} 

input.savekml{background-image: url(../images/savekml.png);}     
input.savekml:hover {background-image: url(../images/savekml1.png);} 
 
#selectPoly {
	position: relative;
	margin : 0px; 
	padding :0px; 
	border: none;
	overflow: hidden;
	display: inline;
    text-align: left;	
	font-size: 14px;
	font-size:1.4rem;
	font-weight: bold; 
	color: #5C974A;
}
.trmsg{	margin : 5px; 	}

#selectline {
    position: relative;
    max-width: 40px;
    min-width: 40px;
    width: 40px !important;
    display: inline;
    text-align: left;
    color: #ffffff;
    background-color: #0000ff;
    opacity: 0.8;
    margin: 0px 5px 0px 5px;
    padding: 0px 0px 0px 1px;
    border-radius: 3px;
    border: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/arrow-select.png) no-repeat;
    background-position: 24px 4px;
    text-indent: 2px;
    text-overflow: "";
    height: 20px;
}
#selectline:hover { background-position: 23px 3px; } /*Position of the background-image*/
	
 #distParc {
 	display: flex;
	flex-direction: row;
	font-size:0.7rem;
	color: #5C974A;
	font-weight: bold; 
	padding-top: 3px;
}

.dist-1, .notation { padding-left: 10px; padding-top: 5px;}
	
#infoLatLng {
	display: flex;
	font-size: .7rem;
	font-weight: normal;
	width: 80px;
	padding-top: 3px;
	color: darkgreen;
}
#infoLatLngG {
	padding-top: 6px;
	font-weight: bold; 
}
#infoLatLngD {
	display: flex;
	flex-direction: column;
	padding-left: 5px;
	justify-content: space-around;
}
#menu-bloc-cde {
	overflow: hidden;
	display: flex;
	flex-direction: row;
	position: absolute;
	z-index: 70; /*350*/
	left: 50px;
	top: 67px;
	background-color: #fdfdfd;
	/* margin: 1px; */
	/* margin-top: 5px; */
	/* padding-top: 5px; */
	border-radius: 0px 0 4px 4px;
	transition: height 1000ms ease;
}

#bloc-cde {
	 display: flex; 
	 flex-direction: row;
	 flex-wrap: nowrap;
	 justify-content: space-between;
	 background-color: #fff;
	 height: 2.6rem;
}

#traces {
	display: flex;
	flex-direction: row;
	margin: 1px 15px 1px 40px;
	overflow: hidden;
	width: auto;
	height: auto;
	font-size: 16px;
	font-size: 1rem;
	color: #52664C;
	/*color: #295D1A;*/

}

#cde-menu-droit {display: flex; flex-direction: row; padding-top: .1rem; padding-right: 5rem; align-items: center;}

#menu-histo,#export, #dates-parcours{
	background-color: #ffffff;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	color:  #5C974A; 
	cursor: pointer;
}
#menu-histo:hover,#export:hover, #dates-parcours:hover{transform: rotate(20deg); color:  #5f725a;}

#menu-fleche {
	overflow: hidden;
	display: none;
	background-color:  #ffffff; /*#1d8a2e2b; */
	margin-top: 1px;
  	margin-left: 2px;
  	margin-right: 5px;
}
.menu-on-off, .menu-droit-on-off {
	font-size: 16px; 
	font-size: 1.6rem;
	color: #f00b0b;/* #5C974A; */
	cursor: pointer;
	padding: 0px 5px 0px 5px;
	font-weight: bold;
  }
.menu-on-off { background-color: #E8FFDF;  } 
.menu-on-off:hover, .menu-droit-on-off:hover {	color: #295D1A; }

.cde-menu-droit-txt {color: #295D1A; }

#menu-fleche-on { display : block; }
#menu-fleche-off { display : none; }

#tracecolor{
	position:relative;
	display: inline;
	margin :2px 2px 2px 2px; 
	border: 0px;
	background-color: #00ff00;
}
.infos3,.infos-num {
	padding-top: 5px;
	min-width: 120px;
	font-size:12px;
	font-size: 1rem;
	color: #5C974A;
	text-align: left;
}
.infos3 {
	padding-left: 5px;
}
.infos-num {
	padding-left: 5px;
	padding-top: 0px;
	}
.num-pc-bdx {
	padding-top: 5px;
	padding-left: 5px;
}
.gpxin-0, .gpxin-1 {
	margin-top: 3px;
	padding: 2px;
	background-size: 2.1rem;
	background-repeat: no-repeat;
	border: none;
	overflow: hidden;
	cursor: pointer;
	margin-right: 5px;
}
.gpxin-0{	background-image: url(../images/import.svg); }
.gpxin-0:hover { background-image: url(../images/import1.svg); transform: rotate(-20deg); color:  #5f725a; }

.gpxin-1 {	
	background-image: url(../images/import1.png);
	cursor: not-allowed;
}

#trkin {
	overflow: hidden;
	width: 25px;
	/* height: 48px; */
	margin-left: 0px;
	margin-top: 0px;
	opacity: 0;
	
/*	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
*/
}
	
div.ui-selectmenu-open {
	position: absolute;
	z-index: 65535;
}


input.sommet{background-image: url(../images/alt.png);}     
input.sommet:hover { background-image: url(../images/alt1.png);}   

input.altitude{background-image: url(../images/alt.png);}     
input.altitude:hover { background-image: url(../images/alt1.png);}  

input.kml{background-image: url(../images/earth.png);}     
input.kml:hover {background-image: url(../images/earth1.png);}   

input.Wpt{background-image: url(../images/Wpt.png);}     
input.Wpt:hover { background-image: url(../images/Wpt1.png);} 

input.meteo{background-image: url(../images/meteo.png);}     
input.meteo:hover {background-image: url(../images/meteo1.png);}

input.vent{background-image: url(../images/vent.png);}     
input.vent:hover {background-image: url(../images/vent1.png);}

input.ventno{background-image: url(../images/ventno.png);}     
input.ventno:hover {background-image: url(../images/ventno1.png);}

input.sens{background-image: url(../images/sens.png);}     
input.sens:hover {background-image: url(../images/sens1.png);} 


input.relpage{background-image: url(../images/updt.png);}     
input.relpage:hover {background-image: url(../images/updt1.png);} 


input.deroul {	background-image: url(../images/select.png);}   
input.deroul:hover {background-image: url(../images/select1.png);} 

input.Ok { background-image: url(../images/ok24.png);}   
input.Ok:hover {background-image: url(../images/ok24_1.png);}

#logo-group { display: none;}
/*
#logo-group{ visibility: hidden;}
#logo-group{
	width: 30px;
	height: 30px; 
	background: url(../logogroup/scv.png);
	background-size: 30px 30px;
}
*/
/*---------- Creer circuit ------------------*/

#map_canvas {
	/*position: absolute;
   left : 0px;
   top : 0px;*/
 width: 100%;
 border:  0;
 z-index: 1;
 height:100%; 
} 
	   
#boite1{
 display: flex;
 flex-direction: column;
 padding-left: 5px;
}
#boite1-a {
 display: flex;
 flex-direction: column;
 padding-left: 1rem;
}


#boite1{
 visibility: hidden;
 }

#discip {
	   /*float: left; 
	   top : 0px;*/
	   padding-left : 10px;
	 font: normal 14px sans-serif;
	 font-size: 1.1rem;
	 width: 150px;
	 /*height:30px;*/
	 color: #458826;
	 background-color:#babdb6;
	 border: 0px solid #5C974A;
	 display: none;
 }		

 #textcur {
	 position: absolute;
	 top : 100px;
	 left: 100px;
	 width: 100px;
	 height: 100px;
	 text-align: left;
	   font-size: 10px;
	   font-size: 1rem;
	   color: #0000FF;
	 visibility: hidden;
	 z-index: 200
 }


#profil {
	 position: absolute;
	 width: 100%;
	 height:15%;
	 padding: 0px 0px 0px 0px;	  	
	 background-color:#fff;
	 background-repeat: no-repeat;
	 /*bottom: 10px;*/
	 left:0;
	 
   }
/*-------------------------------------*/  	
   

input.Del{
 cursor: pointer;
 width: 8px;
 height: 8px;
 font-size: 0px;
 color: #00FF00;
 margin-left: 5px;
 background-image: url(../images/del.png);
 background-repeat: no-repeat;
 border: 0
 }     
input.Del:hover {
 width: 8px;
 height: 8px;	 
 background-image: url(../images/del1.png);
 background-repeat: no-repeat 
 }

input.voir{
 cursor: pointer;
 width: 8px;
 height: 8px;
 font-size: 0px;
 color: #00FF00;
 margin-left: 5px;
 background-image: url(../images/eye.png);
 background-repeat: no-repeat;
 border: 0
 }     
input.voir:hover {
 width: 8px;
 height: 8px;	 
 background-image: url(../images/eye1.png);
 background-repeat: no-repeat 
 }
  
input.Typ1{
 cursor: pointer;
 font-size: 0px;
 color: #00FF00;
 background-image: url(../images/inter_a.png);
 background-repeat: no-repeat;
 border: 0;
 display:inline
 }     
input.Typ1:hover {
 background-image: url(../images/inter_b.png); 
 background-repeat: no-repeat;
 display:inline
 } 
input.Typ2{
 cursor: pointer;

 font-size: 0px;
 color: #00FF00;
 background-image: url(../images/etape_a.png);
 background-repeat: no-repeat;
 border: 0;
 display:inline
 }     
input.Typ2:hover {
 
 background-image: url(../images/etape_b.png); 
 background-repeat: no-repeat;
 display:inline
 }	 
input.Upl{
 cursor: pointer;
 width: 37px;
 height: 32px;
 font-size: 0px;
 color: #00FF00;
 margin-left: 5px;
 background-image: url(../images/dir.png);
 background-repeat: no-repeat;
 border: 0
 }     
input.Upl:hover {
 width: 37px;
 height: 32px;	 
 background-image: url(../images/dir1.png); 
 background-repeat: no-repeat
 } 
 
/*------------ menu context ajout de waypoint ----------------*/

#mnu_context{
 z-index:100; 
 position:absolute; 
 width:250px; 
 border:1px solid #5C974A; 
 cursor:default; 
 visibility: hidden; 
 padding:0px;
 top: 10px;
 left:60px;
 /*height:195px;*/
 background-color:#ffffff;
 font-size: 12px;
 font-size:.8rem;
 font-weight: normal; 
} 
.mnu_titre1,.mnu_titre3{
 text-align: left;	
 font-size: 14px;
 font-size: 1rem;
 font-weight: normal; 
 font-weight: bold; 
 color:#ffffff;
 background-color: #5C974A;
 display:inline-block;
}
.mnu_titre2 {
 background-color: #5C974A;
 /*display:inline;*/
 margin-left:5px;
 float: right;
}
.mnu_titre3 {
font-size: 12px;
font-size: 0.9rem;
font-weight: normal;
}


#mnuderoul {
 position: absolute;
 top: 50px;
 visibility: hidden;
 padding: 0px;
 width: 150px;
 height: 130px;
 border: 1px solid #5C974A;
 z-index: 200;
 background: #FFFFFF;
}
#mnuderoul a {
 font-size: 10px;
 font-size: .8rem;
}

#mnuwpt {
 /*position: relative; left: -2em;*/
 width:90%; 
 padding-left:2em;
}
#mnuwpt li {
 text-decoration:none;
 list-style: none;
 font-size:12px;
 font-size:.8rem;
}

#typwpt {
 /*background:url(images/noimg.png) no-repeat; 
 width:148px; */
 position: relative;
 border:1px;
 font-weight: normal; 
 color: #204a87;
 font-style: italic ;
 font-size: 12px;
 font-size:.9rem;
 vertical-align:middle; 
 display: inline;
 z-index:200; 
}

#edtwp,#edtdsc{
 position: relative;
 float: left;
   margin:0;
   padding: 0;	
   width:100%; 
   height:50px;	
   border:0px;
   font-size: 12px;
   font-size:0.8rem;
   font-weight: normal; 
 color: #0000FF;
 border-bottom: 1px solid #5C974A;
}		
#mnucontenu,#mnuform{
   padding: 2px;
   margin: 0px;	
}	
#mnucde{
   	font-size: 12px;
   	font-size:1rem;
   	font-weight: normal; 
	border-bottom: 1px solid #5C974A;
	/*padding:4px;
	margin:0px;
	height:25px;*/
}	


#nom_eff_chx{
	 font-size: 12px;
	   font-size: 1rem;
	   font-weight: normal; 
	   color: #111311;
}
#deniv-modif .deniv-modifLbl {
	 font-size: 11px;
	   font-size: .8rem;
	   font-weight: normal; 
}

/* create page de droite */

#table_wpt {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

#table_wpt thead {
	text-align: left;
	display: block;
	/* background-color: #E8FFDF; */
	font-size: 12px;
	font-size: .9rem;
	font-weight: normal;
	color: #5C974A;
	/* height: 2.5rem; */
	/* margin-top: .7rem; */
	background-color: #edfbe7;
}

#table_wpt tbody tr:nth-child(2n+1){
	color: #000000;
	font-size: .9rem;
	border: 0px;
	background-color: #ffffff;
}
#table_wpt tbody tr:nth-child(2n){
	color: #000000;
	font-size: .9rem;
	border: 0px;
	background-color: rgb(240, 245, 245);
}

#table_wpt tbody {
display: block;
	text-align: left;
	height: 34vh;
	overflow-y: scroll;
	margin-bottom: 1rem;
	width: 100%;
}
/*
#table_wpt tbody tr td:nth-child(1), #table_wpt thead tr th:nth-child(1)  { width: 10% }
#table_wpt tbody tr td:nth-child(2), #table_wpt thead tr th:nth-child(2)  { width: 20% }
#table_wpt tbody tr td:nth-child(3), #table_wpt thead tr th:nth-child(3)  { width: 20% }
#table_wpt tbody tr td:nth-child(4), #table_wpt thead tr th:nth-child(4)  { width: 40% }
#table_wpt tbody tr td:nth-child(5), #table_wpt thead tr th:nth-child(5)  { width: 5% }
#table_wpt tbody tr td:nth-child(6), #table_wpt thead tr th:nth-child(6)  { width: 5% }
*/
#table_wpt tbody tr td:nth-child(1) { width: 10% }
#table_wpt tbody tr td:nth-child(2) { width: 20% }
#table_wpt tbody tr td:nth-child(3) { width: 20% }
#table_wpt tbody tr td:nth-child(4) { width: 40% }
#table_wpt tbody tr td:nth-child(5)  { width: 5% }
#table_wpt tbody tr td:nth-child(6) { width: 5% }
/*
.td_wpt {
	font-family: sans-serif;
	color: rgb(60, 36, 204);
	font-size: 10px;
	font-size: .8rem;
	}
*/
#titre_WP,#titre_loupe {
	font: bold 14px sans-serif;
   color: #FFFFFF;
}

#titre_loupe {display: flex; flex-direction: row; justify-content: space-around;  align-items: center; border-top-left-radius: 1px; border-top-right-radius: 1px;}
#titre_WP {border-bottom-left-radius: 1px; border-bottom-right-radius: 1px;}

#deltazoom { width: 3rem; text-align: center;}
.loupe-label { font-size: 10px; font-size: 1rem; }
.disp-zoom {display: flex; flex-direction: row; justify-content: space-around;  align-items: center;  }

#selcarte{ width: 5rem; font-size: .8rem;}
#selcarte-menu, #selcarte-button{ font-size: .9rem; padding: .2em; }
/**#selcarte-button{ height: 10px;}**/

#infos {
position: relative;
 left : 0px;
 top : 0px;
width: 100%;
height:25px;
padding: 0px 0px 0px 0px;
background-color:#5C974A;
		 
/*background: url(../images/infos3.png);
background-repeat: no-repeat;
border: 1px solid #5C974A;*/
font: bold 10px sans-serif;
color: #FFFFFF;
}	

.poi {
position: relative;
width: 100px;
text-align: left;
font-family: sans-serif;
 font-size: 10px;
 font-size: 1rem;
 color: #00FF00;
/*visibility: hidden;*/
z-index: 5;
}

#pagecreate{
float :left;
position: absolute;
 padding: 0px 0px 0px 0px;
border: 0px solid #5C974A;
/*width:100%;*/
width:inherit;
 height:70%;	  	
background-color:#FFFFFF;
 text-align: left;
font-family:  sans-serif;
 font-size: 10px;
 font-size: 1rem;
display: none;
}


.wText {
/*border: 0px solid #5C974A;*/
padding: 0px;
margin: 1px;
font: normal 10px sans-serif;
font-size: 1rem;
width: 100%;
}

.RteText,.WpText {
border: 0px;
padding: 0px;
margin: 0px;
 text-align: left;
 font-size: 8px;
 font-size: 0.8rem;
font-family: sans-serif;
color:#1943C3;
width: 100%;
height:65%;
overflow: auto;
}	

#msg-avant-wpts {
	padding: 5px;
	font-size: 1rem;
	color: rgb(135, 139, 135);
}

.Xmenu {
border: 0px solid gray;
padding: 5px;
margin: 2px;
font: normal 10px sans-serif;
width: 300px;
height:120px;
}

.button, .selectedButton {
background: #A6A8CC;
color: navy;
border: 2px solid navy;
text-align:center;
vertical-align:middle;
font: normal 10px sans-serif;
font-size: 1rem;
padding: 2px;
cursor: pointer;
margin: 3px;
}

.selectedButton {
border: 2px solid #008000;
background: #80FF80;
color: #008000;
}

.button {
border: 2px solid #ECB052;
background: #F6D84C;

}

.button:hover {
background: #EBB94D;
color: red;
border: 2px solid red;
}

#info
{
margin-top: 0px;
margin-left: 0px;
font-family: sans-serif;
font-size: 10px;
font-size: 1rem;
background-color:#D4FFD4;
color: #0000FF;	
}	
/*
.titre {
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
margin: 0px 0px 0px 0px;
font-family:  sans-serif;
font-size: 12px;
font-size: .8rem;
background-color:#5C974A;
color:#E7FFFF;	
}
*/
#boite2 {	
/*float :left;*/
 padding: 0px 0px 0px 0px;
/*border: 0px solid #5C974A;*/
width:100%;	
}


#fic{ font-size: 9pt; 
	font-size: 0.9rem;
	line-height: 11pt; 
	color: navy; 
	background: #fffbff; 
	border: 0px ridge #8888FF; 
	font-weight: normal; 
	font-family: sans-serif ;
	}

#debug {
	position:relative;
	top :735px;
	width: 650px;		
	font: normal 10px sans-serif;
	border: 1px;
}

/*- Menu popup --------------------------- */
#menu_context {
	z-index:500; 
	position:absolute; 
	width:215px;
	border:2px solid #5C974A; 
	cursor:default; 
	visibility:hidden; 
	padding:0px;
	top: 10px;
	left:600px;
	height:auto;
	background-color:#ffffff;
	font-size: 12px;
	font-size: .8rem;
	font-weight: normal; 
	font-family: sans-serif;
	display: flex;
    flex-direction: column;
} 



/* #menu_context{width:100px;}	*/
.width-100p { width: 100%;}
.intxt {
	width:100%;
	height: 100%;
	margin:4px 4px 4px 4px;
	padding: 0;
	font-size: 10px;
	font-size: .8rem;

}	  	   
.menu_txt,.menu_titre1,.menu_titre2,#editwp,#editdsc{
	margin:0;
	border:0px;
	font-size: 12px;
	font-size: .8rem;
	font-weight: normal; 
	font-family: sans-serif;
	color: #FFFFFF;
	padding: 0;
}
.menu_titre1{
	text-align: center;
	height: 20px;
	background-color: #5C974A;

}
#menutitre1 { width: 80%; }
.menu_titre2 {
	/*float: right; 
	background-color: #5C974A;
	display:inline;*/
	padding: 3px;
}
.menu_titrex{
	text-align: center;
	height: 20px;
	background-color: #5C974A;
	display: flex;
	flex-direction: row;
	justify-content: end;
}

#editwp,#editdsc {
	position: relative;
	float: left;
	margin:0;
	padding: 2px;	
	width:96%; 
	height:50px;	
	border:0px;
	font-size: 12px;
	font-size: .8rem;
	font-weight: normal; 
	font-family: sans-serif;
	color: #0000FF;
	border-bottom: 0px solid #5C974A;
}  

/*------------Jquery JQdialog --------------*/
	#dialog_color {display: flex; flex-direction: row; justify-content: space-between; }
	#color-block {display: flex; flex-direction: column; justify-content: space-between;}
	#colpicker { width: fit-content; height: fit-content; display: flex; flex-direction: column; }
	.pick-row { display: flex; flex-direction: row; }
	.pick { width:25px; height:25px; margin: 1px; text-align: center;}
	.pick:hover, .pickselect { width:21px; height:21px; margin: 2px; border: 1px solid; }
	#color-slides, #color-selected { display: flex; flex-direction: row;justify-content: space-between;}
	 
	/*#red, #green,*/
	#blue, #trans, #weight {
		float: left;
		clear: left;
		height: 100px;
		width: 10px;
		margin: 8px;
		border: 1px solid #5C974A;
		border-radius: 3px;
	}
	
	#Colour {
		width: 20px;
		height: 20px;
		margin-top: 10px;
		background-image: none;
		background-color: #0000ff;
	}
/*	#red .ui-slider-range { background: #ef2929; }
	#red .ui-slider-handle { border-color: #ef2929; }
	#green .ui-slider-range { background: #8ae234; }
	#green .ui-slider-handle { border-color: #8ae234; }
	#blue .ui-slider-range { background: #729fcf; }
	#blue .ui-slider-handle { border-color: #729fcf; }
*/
	#weight .ui-slider-handle, #trans .ui-slider-handle { border-radius: 3px;  text-align: center;  border-color: #ff7800; color: #ffffff; background-color: #5C974A;}
	/* #weight .ui-slider-range { border-color: #ff7800; color: #ffffff; background-color: #5C974A; }
	#trans  .ui-slider-range {border-color: #5C974A; color: #010f04; background-color: #ffffff; }*/
	/*#trans .ui-slider-handle { border-color: #5C974A; text-align: center; }*/
	
	.ui-slider-handle {	font-size: .9rem; }
	
	#dialog_connexion.ui-widget.ui-widget-content,
	#dialog_passPerdu.ui-widget.ui-widget-content,
	#dialog_identPerdu.ui-widget.ui-widget-content,
	#dialog_Enr_base.ui-widget.ui-widget-content,
	#dialog_Export_XML.ui-widget.ui-widget-content,
	#dialog-iso.ui-widget.ui-widget-content,
	/*#dialog-color.ui-widget.ui-widget-content,*/
	#dialog_inscription.ui-widget.ui-widget-content { border: 0px solid #c5c5c5; }
	
	.ui-widget-header,.ui-state-default, ui-button{
		background:#5C974A;
		border: 1px solid #99CC00;
		color: #FFFFFF;
		border-top-right-radius: 5px;
 		border-top-left-radius: 5px;
	}
	#commentb {	width: 275px;}
	
	#Trait {
		width: 50px;
		height: 5px;
		margin-top: 20px;
		background-color: rgb(0, 0, 255);
		border:0;
	}
	.ui-slider-range { background: #accaac; }
	.ui-widget.ui-widget-content {
		border: 0px solid #5C974A ;
		border-radius: 5px;
	}

	.ui-dialog .ui-dialog-buttonpane button {
		margin: .5em .4em .5em 0;
		cursor: pointer;
		background: #5c974a;
		color : #edfbe7; 
		border-radius: 10px;
	  }

	.ui-dialog .ui-dialog-buttonpane button:hover {
		background: #edfbe7;
		color : #5c974a;
	}
	.ui-dialog .ui-dialog-title{font-size: 1rem;}
	.ui-widget, .labelperso {font-size: .9rem;}
	.ui-widget-content {
			border: 1px solid #dddddd;
			background: #ffffff;
			color: #333333;
		}
		
	.ui-widget input, .ui-widget select, .ui-widget textarea {
		color: #2f5a1c;
		background: #edfbe7; 
	}

	/*  .ui-widget select, {font-size: 1.2em;}*/
	.ui-widget input, .ui-widget textarea {font-size: 1.1rem;}
	.ui-widget .ui-widget {		font-size: 1.1rem;	  }
	label, #name, #comments, #comment { display:block; font-size: 1.1rem; }
	input.text { margin-bottom:30px; width:80%; padding: .4em; margin-top: 8px;}
	fieldset { padding:0; border:0; margin-top:25px; }
	.ui-dialog .ui-state-error { padding: .3em; }
	.validateTips { border: 1px solid transparent; padding: 0.3em; }
	/* permet le fonctionnement de select dans dialog */ 
	radio.ui-selectmenu-open {
		position: absolute;
		z-index: 65535;
	} 
	.front{			z-index: 65535;	} 
	.fieldset-1 { padding:0; border:0; margin-top:5px; }
	.label-align{display: inline-block;}
	
	/* select travel mod css*/
	.ui-button.ui-state-active {
		border: 1px solid #5C974A;
		background: #ffffff; 
		font-weight: normal;
		color: #ffffff;
		display: inline-block;
	}
	/* inscription*/
	#name_insc, #mail_insc, #password_insc{ display:block; }
	
	
	/* permet le fonctionnement de select dans dialog */
	/*div.ui-selectmenu-open {
		position: absolute;
		z-index: 65535;
	}
	*/
	
	/* enregistrement base*/
	#group ,#chgt-group{
		width:100px;
	}
	
	 #mail_msg{	height: 80px; width: 80%; resize: none;}
	 
	 #mail_msg1{ margin-bottom: 30px; width: 80%; padding: .4em; font-size: 1.1em; color: #2f5a1c; background: #edfbe7;}
	 #mail_msg1 a{ color:#0000EE;}

	#totaldeniv ,#totaldeniv-modif {
		/*width:150px;*/
		visibility: visible;
        margin-left: 5px;
	}
	#smtbase, #smtbase-modif {
		display: inline-block;
		visibility: hidden;
	}
    #smtbase:hover,#smtbase-modif:hover  { filter: blur(1px);	}

	#Basefile{
		width: 265px;
	}
	.inputpartage, .labelPartage, .part-group{
		display: inline;
	}
	 
	 .ui-selectmenu-menu {
		padding: 0;
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}
	
	.ui-selectmenu-open {
		display: block;
		z-index: 65535;
	}
	
	.ui-selectmenu-button {
		display: inline-block;
		overflow: hidden;
		position: relative;
		text-decoration: none;
		cursor: pointer;
	}   
		
	.pwrd  {display: flex;} 
		
		
	.fa-eye-pwd{  color:#5C974A;  margin-left: -28px;  margin-top: 12px;}
	.fa-eye-pwd:hover{  color:#093d03;}
	.fa-eye-pwd::before {  font-size: 20px;}    
	 
	.fa-eye-poi{  color:#5C974A;  margin-top: 8%;}
	.fa-eye-poi:hover{  color:#093d03;}
	/*.fa-eye-poi::before {  font-size: 20px;}   */

	.fa-x-poi{  color:red;  margin-top: 8%;}
	.fa-x-poi:hover{  color:#cf587c;}
	/*.fa-x-poi::before {  font-size: 20px;}  */

	#dialog_travelmod {
		display: none;
		flex-direction: column;
		width: fit-content;
		position: absolute;
		top: 110px;
		left: 780px;
		z-index: 1000;
		border: 1px solid #5C974A;
		/*border-radius: 8px;
		background: #ffffff;*/
	}
	
	.imgtravmod {
		border: 0px;
		/* height: 40px; */
		width: 30px;
	}

	#group-edit{
		background: #edfbe7;
		padding: 3px;
		font-size: 1.4em;
	}

	.chxmod {
	background-color: #ffffff;
	padding: 0px 3px 0 3px;
    }
	
	/* #drive:hover,#velo:hover,#vtt:hover,#pedest:hover,#free:hover {*/
	.chxmod:hover{	
		background-color: #babdb6; /* #b2ec99; */
	}
	.chxmodsel {
		background: #b6f09f;
		padding-left: 3px;
	}
	.choix-export-g-vis{ display: flex; flex-direction: row; padding: 1.8rem; justify-content: space-between;}
	.chx-xpt-lbl {color: #5C974A;font-size: 1rem ;} 
	.choix-export{ display: flex; flex-direction: row;}

	.choix-export-vis{ display:flex}
	.choix-export-inv{ display:none}

	.partedit{
		font-size: 0.9em;
		padding: 10px;
		color: #000000;
	}
	/* #part-group" {
		background-color:  #b2ec99; 
		padding: 3px;
	}
	*/
	 #partage, #partage1{
		background: #edfbe7;
		padding: 3px;
	}
	#deniv-base,#deniv-modif {
		margin-top:10px;
		display: flex;
		flex-direction: row;
	}
	
	.info-dlg{ font-size: 1em;}
	/*
	incorporé dans leaflet.css*/
	.dist-marker {
		font-size: 12px;
		border: 1px solid #5C974A;
		border-radius: 15px;
		/*border-radius: 12px 12px 1px 1px;
		height: 70px;
		width: 60px; */
		text-align: center;
		color: #0000ff;
		background: #eeeeec;
		visibility: visible;
	}
	/* overflow menu select*/
		.mnuoverflow {
		  height: 160px;
		}
	
	#grp-button{
		background: #d9ffa2;/*#b2ec99;*/
		width: 9em;
		color: #fb4817;
		margin-right: 2em;
	}
	#locName {width: 14em;  margin-bottom: 1rem; padding-top: .5rem; padding-bottom: .5rem; border: 0;}
	#disc-button, #seloc-button { background: #edfbe7;	color: #295d1a;	}
	#disc-button { width: 7em;}
	#seloc-button { width: 20em;}
	#disc-button.ui-button,#seloc-button.ui-button {  border:0;	}
	#grp-button:hover,#disc-button:hover,.ui-button:hover {	color:#5c974a;	}
	
	#avertext{ color: #5c240aff; font-size: 1.1em;	}
	
	/*------------------combobox------------------*/
	.custom-combobox {	display: flex;	 }
	.custom-combobox input.ui-widget.ui-widget-content { border: 0px ;	}
	.custom-combobox-sel {
		background: #edfbe7;
		padding: .9em;
		border: 0;
	  }

	.ui-autocomplete.ui-front {
		max-height: 20em;
		width: 6em;
		overflow-y: auto;   /* prevent horizontal scrollbar */
		overflow-x: hidden; /* add padding to account for vertical scrollbar */
		z-index:1000 !important;
		/*background: #D4FFFF;*/
		border-radius: 1px;
	}
	
	.custom-combobox input {
		margin: 0;
		padding: 5px 0px 5px 5px;
		background: #edfbe7;
		width: 8rem;
		color:#295d1a;
		border-radius: 1px;
		border:0 ;
	  }  
	  .custom-combobox input:hover {
		color:#5C974A;
		border-radius: 1px; 
		border:0 ;
	  }   
	#disc-menu { border-radius: 1px;}
	#dialog_inscription{overflow-x: hidden; overflow-y: hidden;}
	/*--------------------------------------------*/
	/*.ui-widget-content {
		background: #D4FFFF;
	}
	*/

/* dialog creation groupe */
#visi-group{ display: flex; padding-top: 10px;}
.visi-group-label,.inputVisGroup{ flex: 1;color: #2f5a1c; }
.visi-group-label1{ flex: 1 100px; font-size: 1.1em; color: #333333;}
#site-group { padding-top: 10px;}

#imgin-group {
	overflow: hidden;
	width: 5px;
	height: 1px;
	/* margin-left: -50px; */
	margin-top: -30px;
	/* visibility: hidden; */
	opacity: 0;
}

#imgin-group-cont{ display: flex; align-items: center; }
.imgin-group-label { font-size: 1.1em;	padding-right: 20px;  } 
.imgin-group-logo { cursor: pointer; }
.imgin-group-logo:hover{ background: #D4FFFF;}


/*---------------- Choix Page droite -------*/
#pagechoix{
	/*position: absolute;*/
	padding: 0px;
	border: 0px solid #5C974A;
	width:inherit;
	height:inherit;	 	
	background-color:#FFFFFF;
	text-align: center;
	font-size: 1rem;
	display: flex;
	flex-direction: column;
	overflow: hidden;
  }
#menu-map-ch {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}	
#mapch a { width: 20px;height: 20px; line-height: 18px}

.titre_3-disp { display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.titre_3-off { display: none;}
#titre_3a {  margin-left: 3rem;}
#titre_3b {  margin-right: 6rem;}

#mapch {
	width: 22vw; 
	border: 0px solid #5C974A;
	height: 30vh ;
	z-index:1;
	/*order :2;*/
}  
/*
#Menu_b{ order : 3    }
#afflist {	order : 4    }
*/
#Menu_b {
	/* order: 2; */
	display: flex;
	flex-flow: column;
	padding: 0% .1rem 0.5rem .1rem;
	justify-content: space-between;
	flex: auto;
	/*min-height: 16rem;*/
}
/*
#dist-min,#dist-max,#deniv-min,#deniv-max{
	width: 2.1rem;
	text-align: right;
	padding-top: 0px;
	padding-bottom: 2px;
	margin: 0px 0px 0px 0px;
	color: #454545;
	font-size: .9rem;
}

#dist-min,#deniv-min{ padding-left: 1px; padding-right: 10px;}
#dist-max,#deniv-max{ padding-left: 20px;padding-right: 1px;}
*/

input[type="number"] {
  background-color: #EDFBE7;
}
.input-min-max{
	display: flex;
	flex-flow: row;
	justify-content: start;
	align-items: baseline;
}
#dist-min,#dist-max,#deniv-min,#deniv-max{
	width: 5em;
	/*height: 1em;*/
	box-sizing: border-box;
  	border: none;
  	border-bottom: 1px solid #5C974A;
}

.titreselect, .titreselect-r{
	padding-top: 4px;
	padding-bottom: 8px;
	padding-right: 5px;
	padding-left: 0px;
	margin: 0px 0px 0px 0px;
	color:#5C974A;
	font-weight: bold;
	font-size: .9rem;
	align-items: center;
}
.titreselect { text-align: center;}
.select-min-max{ font-size: .85rem; color:#5C974A; padding-right: 4px;}
#n-parc-title {	text-align: left;}
.titreselect-r  { text-align: right;}
/*#n-parc-title { width:100px; }*/

.titre_1  {
	/*text-align: center; */
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px 0px 0px 0px;
	background-color:#5C974A;
	color:#FFFFFF;	
	font-weight: bold;
	font-size: 1rem;
	/*border-top-left-radius: 8px;
	border-top-right-radius: 8px;*/
}

#sliders-choix-parc {
	display: flex;
	flex-direction: row;
	padding: 5px;
}

#sliders-dist-deniv {
	/* padding: 1rem; */
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	/*height: 4.5rem;*/
	width: 92%;
}
.sliders-cont { display: flex;	flex-direction: row; justify-content: space-evenly;}
#sliders-choix-dist, #sliders-choix-deniv {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 5px 5px 0 0;
}
.slid-dist-deniv { flex:auto; }

#sel-disc-grp {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 95%;
}
.sel-pos{ display: flex; flex-direction: row; align-items: center;}
.sel-disc, .sel-group { display: flex; flex-direction: column;}
.sel-group {  padding-left: 1rem;}
#n-parc {
	display: flex;
	flex-direction: row;
	/*
	padding-top: 5rem;
	padding-right: .5rem;
	flex: 0.5;*/
	align-items: center;
	justify-content: space-evenly;
}
.val-numparc{	display: flex; 	flex-direction: row; padding-right: .5rem;}
/* Pagination */
	/* pagination-container */
#pagination {
	max-width: 80rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	/*padding-left: 2rem;*/
	padding-right: 1.2rem;
}
#nameSlider {width: 40%; /* width: 10rem;*/ padding-right: .5rem; }
#nbpage { font-size: 1rem;  padding-left: .5rem; padding-right: .5rem; min-width: 3.5rem;}
#curpage { 	padding-right: 2px;	min-width: 3.5rem;}
#maxpage {	padding-left: 2px; 	}
#pages-cde { 
	padding-bottom: 2px;	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding-left: 2rem;
}
/* Next & previous buttons pagination */
.prev-page, .next-page {
	cursor: pointer;
	width: auto;
	padding: 1px;
	background-color: rgb(92, 151, 74);
	color: rgb(238, 246, 240);
	font-size: 1.2rem;
	font-weight: bold;
	}
.next-page {
	right: 0;
	border-radius: 0 3px 3px 0;
	}
.prev-page {
	left: 0;
	border-radius: 3px 0 0 3px ;
	}
	/* On hover, add a black background color with a little bit see-through */
.prev-page:hover, .next-page:hover {
	background-color: rgb(253, 253, 253);
	color: rgb(92, 151, 74);
	}

.wText {
	/*border: 0px solid #5C974A;*/
	padding: 0px;
	margin: 1px;
	font-weight: normal;
	font-size: 1rem;
	width: 100%;
}

.RteText,.WpText {
	border: 0px;
	padding: 0px;
	margin: 0px;
	  text-align: left;
	font-size: 0.8rem;
	color:#1943C3;
	width: 100%;
	height: 60%;
	overflow: auto;
}	

/*	.RteText {visibility : hidden;}
.WpText {visibility : visible;}	
*/	
.Xmenu {
	border: 0px solid gray;
	padding: 5px;
	margin: 2px;
	font-weight: normal;
	font-size: 1rem;
	width: 300px;
	height:120px;
}

.button, .selectedButton {
	background: #A6A8CC;
	color: navy;
	border: 2px solid navy;
	text-align:center;
	vertical-align:middle;
	font-weight: normal;
	font-size: 1rem;
	padding: 2px;
	cursor: pointer;
	margin: 3px;
}

.selectedButton {
	border: 2px solid #008000;
	background: #80FF80;
	color: #008000;
}

.button {
	border: 2px solid #ECB052;
	background: #F6D84C;

}

.button:hover {
	background: #EBB94D;
	color: red;
	border: 2px solid red;
}

#info
{
	margin-top: 0px;
	margin-left: 0px;
	font-size: 10px;
	font-size: 1rem;
	background-color:#D4FFD4;
	color: #0000FF;	
}	
.titre {
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-size: 1.0rem;
	background-color:#5C974A;
	color:#E7FFFF;	
	/*display: block;*/
}

#boite2 {	
	 float :left;
	  padding: 0px 0px 0px 0px;
	/*border: 0px solid #5C974A;*/
	width:100%;	
}

/*- Menu popup --------------------------- */
#menu_choix {
	z-index: 500;
	position: absolute;
	visibility: hidden; 
	top: 600px;
	left: 600px;
	height: auto;
	background-color: #ffffff;
	border: 2px solid #5C974A;
	width: 180px;
	width: 16rem;
	display:flex;
	flex-direction: column;
}
.menu-titre-chx1 {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	height: 18px;
	width: 100%;
	background-color: #467438;
}
#titre-chx1, #menutitre-coockies {
	color: #ffffff;
	font-weight: bold;
	padding-left:5px;
	font-size: 1rem;
}
#menu_txt_chx {
	margin:0;
	border:0px;
	padding: 0px;
	background-color: #467438;
	width: 100%;
	bottom: 0;
	display:flex;
	justify-content: space-between;
}
#menu-choix_date{
	display: flex;
	flex-direction: column;
}
#edit_name_chx {
	font-size: 12px;
	font-size: 1rem;
	font-weight: normal;
	font-family: sans-serif;
	color: #040603;
	padding-left: 15px;
	padding-bottom: 2px;
    padding-top: 2px;
}
#edit_date_chx{
	font-size: 10px;
	font-size: .9rem;
	font-weight: normal;
	font-family: sans-serif;
	color: #040603;
	padding-left: 15px;
	padding-bottom: 2px;
    padding-top: 2px;
}
.form-date {color: #071cdb; }

.li_chx{
	padding: 1px 1px 2px 5px;
	font-size: 12px;
	font-size: .9rem;
	font-family: sans-serif;
}
.li_chx a{
	color: #ffffff;
}
.li_chx a:hover{
	color: #204a87;
}

#info-coockies{ padding: 10px;}
.ul_coockies  {
	list-style-type: none;
	list-style-position: inside;
	display:inline;
	}  

.li_coockies  {
    padding: 1px 1px 2px 5px;
    font-size: 12px;
    font-size: .8rem;
    font-family: sans-serif;
    float: left;
    display: inline;
}

.li_coockies  a{
	color: #ffffff;
}
.li_coockies  a:hover{
	color: #204a87;
}

#menu_txt_coockies  {
	margin:0;
	border:0px;
	padding: 0px;
	background-color: #467438;
	position: absolute;
	width: 100%;
	/*bottom: 0;*/
	display:inline;
}


#aff-list-circ {
	width: 100%;
	/*border-collapse: collapse; */
	display: flex;
	flex-direction: column;
	flex-grow: 1;
 
}
#aff-list-circ thead {
	text-align: left;
	display:block;
	/*background-color: #E8FFDF;*/
	font-size: 12px;
	font-size: .9rem;
	font-weight: normal;
	color:#5C974A;
	/*height: 2.5rem;
	margin-top: .7rem;*/
	background-color: #edfbe7;
}

#aff-list-circ th td {	border:0 ;/*cellpadding="4" ;*/	/*cellspacing:0;*/}

#aff-list-circ th a { 	color:#24730d; }
#aff-list-circ th a:hover { color:rgb(19, 34, 19); }

#aff-list-circ tbody {
	text-align: left; 
	flex-direction: column;
	height:100%;
	width: 100%;
	overflow-y: auto;
	overflow-x: auto;
	flex-grow: 1;
	/*margin-bottom:1rem;*/
}

#aff-list-circ tbody tr:nth-child(odd) {
	color: #000000;
	border: 0px;
	background-color: #ffffff;
}
#aff-list-circ tbody tr:nth-child(even) {
	color: #000000;
	border: 0px;
	background-color: rgb(240, 245, 245);
}
#aff-list-circ tbody tr {height: 21px; }

/*#aff-list-circ thead tr th {padding-left: 16px; }*/
/*  colonne 1 à 6*/


/*
.arrow-desc,.arrow-asc {
	background-position: 0%,50%;
	background-repeat:no-repeat;
	background-size: 12px;
}

.arrow-desc {background-image: url("../images/arrow-desc.png");}
.arrow-asc {background-image: url("../images/arrow-asc.png");}
*/

/*
#aff-list-circ thead tr th:nth-child(1),
#aff-list-circ thead tr th:nth-child(2), #aff-list-circ thead tr th:nth-child(3),
#aff-list-circ thead tr th:nth-child(4), #aff-list-circ thead tr th:nth-child(5) { 
	background-color:rgb(239, 243, 239);color: rgb(92, 151, 74);
}

#aff-list-circ thead tr th:nth-child(1):hover,
#aff-list-circ thead tr th:nth-child(2):hover, #aff-list-circ thead tr th:nth-child(3):hover,
#aff-list-circ thead tr th:nth-child(4):hover, #aff-list-circ thead tr th:nth-child(5):hover { 
	color:rgb(239, 243, 239);background-color: rgb(92, 151, 74);
}
*/
#aff-list-circ thead tr th:nth-child(1) { width: 20vw;}
#aff-list-circ thead tr th:nth-child(2) { width: 8vw; }
#aff-list-circ thead tr th:nth-child(3) { width: 8vw; }
#aff-list-circ thead tr th:nth-child(4) { width: 15vw;}
#aff-list-circ thead tr th:nth-child(5) { width: 8vw; }
#aff-list-circ thead tr th:nth-child(6) { width: 20vw;}

#aff-list-circ tbody tr td:nth-child(1) { width: 20vw;}
#aff-list-circ tbody tr td:nth-child(2) { width: 8vw; }
#aff-list-circ tbody tr td:nth-child(3) { width: 8vw; }
#aff-list-circ tbody tr td:nth-child(4) { width: 15vw;}
#aff-list-circ tbody tr td:nth-child(5) { width: 8vw;}
#aff-list-circ tbody tr td:nth-child(6) { width: 20vw;}

#aff-list-circ tbody tr td{  padding-left: 3px;}
#aff-list-circ tbody tr td:nth-child(1) a {	color:#24730d;	font-size: .85rem;	/*font-weight: 600;*/ }
#aff-list-circ tbody tr td:nth-child(1) a:hover { color:  #6d6e6c;}
#aff-list-circ tbody tr td:nth-child(1)  a span {color: red; }
#aff-list-circ tbody tr td:nth-child(1)  a:hover span {color:  #ee4646; }


.profil-ign{color: blue ; font-style: italic;}

#val_num_parc{ margin-left: 0px;}
.val-numparcours { padding-left: 5px;}
/*  dialog similar */


#similar-name {	
	font-size: 1.2rem; 
	color: #333333;
	font-style: italic;	
	font-weight: bold; 	
	padding: 2px; 
	margin-bottom: 2px; 
}

#surface-titre { 
    display: flex;
	flex-direction: row;
    gap: 10px;	
    font-size: 1.2rem; 
	font-style: italic;	
	font-weight: bold; 	
	padding: 2px; 
	margin-left: .5em;
    width: 100%;

}
#msg-similar { color: #333; font-style: italic;}

#list-simil tbody tr:nth-child(2n+1), #list-proxi tbody tr:nth-child(2n+1), #list-surface tbody tr:nth-child(2n+1), #list-waytype tbody tr:nth-child(2n+1), #list-histo tbody tr:nth-child(2n+1){
	color: #000000;
	font-size: .9rem;
	border: 0px;
	background-color: #ffffff;
}
#list-simil tbody tr:nth-child(2n), #list-proxi tbody tr:nth-child(2n), #list-surface tbody tr:nth-child(2n), #list-waytype tbody tr:nth-child(2n), #list-histo tbody tr:nth-child(2n){
	color: #000000;
	font-size: .9rem;
	border: 0px;
	background-color: rgb(240, 245, 245);
}
#list-simil thead, #list-proxi thead, #list-surface thead, #list-waytype thead, #list-histo thead {
	text-align: left;
	display: block;
	/* background-color: #E8FFDF; */
	font-size: 12px;
	font-size: .9rem;
	font-weight: normal;
	color: #5C974A;
	/* height: 2.5rem; */
	/* margin-top: .7rem; */
	background-color: #edfbe7;
}

#list-simil, #list-proxi, #list-surface , #list-waytype , #list-histo {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

#list-simil tbody tr td:nth-child(1), #list-proxi tbody tr td:nth-child(1), #list-surface tbody tr td:nth-child(1), #list-waytype tbody tr td:nth-child(1), #list-histo tbody tr td:nth-child(1) { width: 100px; }
#list-simil tbody tr td:nth-child(2), #list-proxi tbody tr td:nth-child(2), #list-surface tbody tr td:nth-child(2), #list-waytype tbody tr td:nth-child(2), #list-histo tbody tr td:nth-child(2) { width: 100px; }
#list-simil tbody tr td:nth-child(3), #list-proxi tbody tr td:nth-child(3), #list-surface tbody tr td:nth-child(3), #list-waytype tbody tr td:nth-child(3), #list-histo tbody tr td:nth-child(3) { width: 100px; }
#list-simil tbody tr td:nth-child(4), #list-simil tbody tr td:nth-child(5), #list-surface tbody tr td:nth-child(4), #list-waytype tbody tr td:nth-child(4), #list-histo tbody tr td:nth-child(4) { width: 100px; }

#list-proxi tbody tr td:nth-child(4) { width: 100px; }
#list-proxi tbody tr td:nth-child(5) { width: 100px; }

#list-simil tbody tr td, #list-proxy tbody tr td {  padding-left: 3px;}
#list-simil tbody tr td:nth-child(1) a , #list-proxi tbody tr td:nth-child(1) a, #list-histo tbody tr td:nth-child(1) a {	color:#558d44;	font-size: .9rem; }
#list-simil tbody tr td:nth-child(1) a:hover, #list-proxi tbody tr td:nth-child(1) a:hover, #list-histo tbody tr td:nth-child(1) a:hover  { color:  #6d6e6c;}

#list-simil thead tr th:nth-child(1), #list-proxi thead tr th:nth-child(1), #list-histo thead tr th:nth-child(1) {   width: 100px;  }
#list-simil thead tr th:nth-child(2), #list-proxi thead tr th:nth-child(2), #list-histo thead tr th:nth-child(2) {   width: 100px; }
#list-simil thead tr th:nth-child(3), #list-proxi thead tr th:nth-child(3), #list-histo thead tr th:nth-child(3) {   width: 100px;  }
#list-simil thead tr th:nth-child(4), #list-simil thead tr th:nth-child(5), #list-histo thead tr th:nth-child(4) {   width: 100px;  } 

#list-proxi thead tr th:nth-child(4) {   width: 100px;  }
#list-proxi thead tr th:nth-child(5) {   width: 100px;  }

#list-surface thead tr th:nth-child(1), #list-waytype thead tr th:nth-child(1) {   width: 100px;  }
#list-surface thead tr th:nth-child(2), #list-waytype thead tr th:nth-child(2) {   width: 100px;  }
#list-surface thead tr th:nth-child(3), #list-waytype thead tr th:nth-child(3) {   width: 100px;  }

#list-surface tbody tr td:nth-child(1), #list-waytype tbody tr td:nth-child(1) { font-weight: bold;  }
#list-surface tbody tr td:nth-child(1):hover, #list-waytype tbody tr td:nth-child(1):hover {  font-style: italic; cursor: pointer;}

#titre-surface, #titre-waytype { background-color: #edfbe7; font-size: .9rem; font-weight: bold; font-family: sans-serif; color: #5C974A;text-align: center;}

#numparcours {
	margin-left: 2rem;
	margin-right: 2px;
	/* margin-bottom: .7rem; */
	width: 8.5em;
	border: 0px;
	background-color: #edfbe7;
}
#table-choix {
	position: relative;
	width:100%;
	border: 1px;
	/*border-collapse: collapse;*/
}

#table-choix tbody tr:first-child td:nth-child(1) { width:10%;}
#table-choix tbody tr:first-child td:nth-child(3) { width:18%;}
/*
#choix-nom,#choix-dist,#choix-deni,#choix-grp,#choix-num{
	background-image: url("../images/arrow-select.png");
	background-position: right;
	background-repeat:no-repeat;
}
*/
#dialog-histo { font-size: .9rem;}
#choix-num{margin-left: 3px;}

.mail_titre,contact_titre{
position: relative;
  margin:0;
  border:0px;
  font-weight: normal; 
  font-family: sans-serif;
  color: #FFFFFF;
  padding: 20px;
}    
/*.mail_titre:hover { 
background-image: url(../images/mail1.png);
} 
*/		
#maildest,#mailtext{
position: relative;
float: left;
   margin:0;
   padding: 0;	
   width:99%; 
   height:21px;	
   font-size: 10px;
   font-size: 1rem;
   font-weight: normal; 
font-family: sans-serif;
color: #0000FF;
border: 1px solid #5C974A;
}	

/*------------------- afflist ------*/

#afflist, #afflistgrp{background-color: #FFF; border-bottom: 0px solid #5C974A; overflow-y: auto;}
#afflist {display: flex;flex-direction: column;flex-grow: 1; font-size: .85rem;}
#afflistgrp{ font-size: .9rem; }

.afcrt1,.afcrt2 {color: #143F14; border: 0px;}
.afcrt1 { background-color: #D4FFAA; }
.afcrt2 { background-color: #D4FFFF; }  

a {text-decoration: none; }	

.headafflist{
	font-size: .9rem;
	font-weight: bold;
	color: #143F14;
	background-color: #D4FFFF;
	display: block;
	}

.btdescgrpv, .btdescgrph{
	cursor:pointer;  
	border:solid 1px blue;
	border-radius: 5px;
	color: #b2ec99;
	background-color:  #143F14;
	font-size: .8rem;
	margin-left: 2px;
	margin-right: 5px;
}

.modifGroupe , .effaceGroupe{ cursor: pointer; padding-left: 5px;	padding-right: 5px;}
.modiGroupe { color: #5c974a;}
.effaceGroupe{ color: #eb120b;}

.btdescgrpv {
visibility: visible;
}

.btdescgrph {
visibility: hidden;
}	
.btdescgrpv:hover, .btdescgrph:hover {
background-color:  #458826;
}

/* groupes */
#tabchxgrp tbody {
display: block;
text-align: left;
height: 84vh;
overflow-y: scroll;
margin-bottom: 1rem;
}


#tabchxgrp tbody tr:nth-child(odd) {
color: #143F14;
border: 0px;
background-color: #D4FFAA;
}
#tabchxgrp tbody tr:nth-child(even) {
color: #143F14;
border: 0px;
background-color: #D4FFFF;
}


#tabchxgrp tbody tr:nth-child(odd) td input {
color: #143F14;
border: 0px;
background-color: #D4FFAA;
}
#tabchxgrp tbody tr:nth-child(even) td input {
color: #143F14;
border: 0px;
background-color: #D4FFFF;
}

#tabchxgrp tbody tr:nth-child(odd) td select {
color: #143F14;
border: 0px;
background-color: #D4FFAA;
}
#tabchxgrp tbody tr:nth-child(even) td select {
color: #143F14;
border: 0px;
background-color: #D4FFFF;
}


/*  colonne 1 à 7*/

#tabchxgrp tbody tr td:nth-child(1) { 
width: 10em;
padding-left:3px;
}
#tabchxgrp tbody tr td:nth-child(2) { 
width:10em;
padding-left:3px;
}
#tabchxgrp tbody tr td:nth-child(3) { 
width:10em;
padding-left:3px;
}

#tabchxgrp tbody tr td:nth-child(4) { 
width:50em;
padding-left:3px;
}

#tabchxgrp tbody tr td:nth-child(5) { 
width: 8em;
padding-left:3px;
}

#tabchxgrp tbody tr td:nth-child(6) { 
	width:4em;
	padding-left:3px;
	}

#tabchxgrp tbody tr td:nth-child(7) { 
width:10em;
padding-left:3px;
}

#tabchxgrp thead tr th{ 
text-align: left;
padding-left: 5px;
}
.tabchxgrpdesc {
border: 0px;
}

#searchMsg { color: #f07253; }

.imginGrp {
	overflow: hidden;
	width: 5px;
	height: 1px;
	/* margin-left: -50px; */
	margin-top: -30px;
	/* visibility: hidden; */
	opacity: 0;
}

.imginGrp-label {cursor: copy;}
/*
.titre-aff-list {
text-align: center;
padding-top: 0px;
padding-bottom: 1px;
margin: 0px 0px 0px 0px;
font-size: 12px;
font-size: 1.2rem;
font-weight: normal;
background-color:#5C974A;
color:#E7FFFF;	
}
*/


.leaflet-control-messagebox {
	display: none; /* Initially hidden */
	border: 2px solid rgb(246, 103, 7);
	background-color: white;
	color: red;
	font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
	padding: 3px 10px;
}

#qr-pdf { visibility: hidden; height: 48px; width: 48px;}

#msg-proxi { background-color: #edfbe7;  margin: .5rem; }

#discip-pref-button, #carte-pref-button, #group-pref-button,#group-ajout-mbr-button,#droit-ajout-group-button { 
	background: #edfbe7;	color: #295d1a;	border: 0;
}

/*============================ Resolution écran ==============================================*/
@media (max-width: 1024px) and (orientation: landscape) {
	html {
		width: 100vw;
		font-family: Varela Round, sans-serif;
		font-size: 80%;  
	}
	
	#bloc_central { flex-wrap: nowrap; }
	#contenu {height: 100%;}
	.dia-front img {width:280px; height: auto;	}
	#bloc-cde {	padding: 0px; }
	#traces{ font-size: .9rem;	}
	.mail, .link, .frame, .save, .savekml{ display: none;}	
	.efface, .home-0, .home-1, .gpx,  .sommet, .Wpt, .base, .road,
	.libre, .showp-0, .showp-1, .hidewp, .pieton, .auto, .sens, .velo, 
	 .deroul, .Ok,  .size, .vent, .ventno, .tramod, .viskm,.color,
	 .calcParc, .calcIso, .calcIso-off, .base-on, .base-off,
	.essai, .clean, .clean-off {
		background-size: 2.5rem 2.5rem;
		/* width: 2.5rem;
		margin-top: 1.5em;*/
		height: 3rem;
		flex-wrap: wrap;
	   }

	.gpxin-0, .gpxin-1{
		background-size: 2.5rem 2.5rem;
		/*width: 5rem;*/
		height: 3rem;
		flex-wrap: wrap;
	   }
	/*.voirTrace-0, .voirTrace-1,.trplus-0,.trplus-1 , .color {
		background-size: 2.5rem 2.5rem;
		width: 5rem;
		height: 3rem;
		flex-wrap: wrap;
	   }*/
	   .infos3, .infos-num {
		min-width: 100px;
		font-weight: bold;
		font-size: 12px;
		font-size: 0.8rem;
		color: #5C974A;
		text-align: left;
	}
	#aff-list-circ tbody tr td { padding-left: 1px; }
	.custom-combobox input .ui-widget .ui-widget-content { width: 8em;  padding: 3px 3px;  border-radius: 1px; }
	#disc-button {	width: 5.5em;}
	#numparcours {	margin-left: 1em; margin-right: 2px; width: 7em; }
	#val_num_parc {	margin-left: 1.3em;	}
	#dialog_travelmod {	left: 44%;	top: 115px;	}
	#Menu_b { padding: .7rem .2rem 0rem .2rem; 	}
	#titre_3a {	margin-left: 1.5rem;	}
	#titre_3b { margin-right: 2rem;}
	.arrow-desc{ display: none;}
}

/*  ## Device = Desktops    ##Screen = 1281px to higher resolution desktops */
	@media (min-width: 1281px) {
  		html {
			/*width: 100vw;*/
			font-family: Varela Round, sans-serif;
			font-size: 80%;

		}
		#bloc_central { flex-wrap: nowrap; }
		/*#contenu {height: 84.5vh;}*/
		#contenu {height: 100%;}
		#traces{ font-size: 1rem;	}	
  }
  
  /*  ## Device = Desktops    ##Screen = 1025px to 1280px to higher resolution desktops */
  
  @media (min-width: 1025px) and (max-width: 1280px) {
	
		html {
			font-size: 75%;  /* 1rem vaut 10px */
	
		}
		#bloc_central { flex-wrap: nowrap; }
		#contenu {height: 100%;}
		#traces{
			/*width: 44rem;*/
			font-size: 14px;
			font-size: .8rem;
		}
		.arrow-desc{ display: none}
	/*	#menu_h {font-size: 14px; font-size: 1.4rem;}*/
	#titre_3a {	margin-left: 1rem;	}
	#titre_3b {	margin-right: 2rem;	}
  }
  
  /* 
	##Device = Tablets, Ipads (portrait) 	##Screen = B/w 768px to 1024px
  */
  
@media (min-width: 801px) and (max-width: 1024px) {
	
		html {
			font-size:10px;
			font-size: 100%; 
			font-size:1.1rem;
		}
		#bloc_central { flex-wrap: nowrap; }
		#contenu {height: 100%;}
		#traces{
			/*width: 44rem;*/
			font-size: 14px;
			font-size: .8rem;
		}

}
  
  /* ##Device = Tablets, Ipads (landscape) 	##Screen = B/w 768px to 1024px */
 
/* @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { */

/*##Device = Low Resolution Tablets, Mobiles (Landscape) 	##Screen = B/w 481px to 767px*/
@media (min-width: 481px) and (max-width: 800px) {
  	html {
		font-size:10px;
		font-family: arial, sans-serif;
		font-size: 100%;   /*1rem vaut 10px */
		font-size: 1.1rem;
	}
	#bienvenue {font-size: 10px; font-size: .6rem; 	}
	.dia-front img {	 width:100%; height: auto;	}
	#bloc_central {	flex-wrap: wrap; height: 150vh}
	#contenu{ height: 60vh; width: 100vw;}
	#menu_haut {flex-wrap: wrap;  height: auto;}
	#creer,#liens,#save, #savekml,#titre_3,#mapch,#tramod,#Groupes,#frame,#link,#mail{ display: none;}
	#base,#home,#wpts,#gpx_in,#infoLatLng,.trplus,.calcIso,.calcIso-off { display: none;}
	#nouveau { display: none;}
	#pagechoixgroup { display: none;}
	#infos-b{ display: inline;}
	#bloc-cde{margin-left:0;margin-right:0}
	#choisir,#aide,#mnuMbr {flex: auto;}
	input.gpx, input.sommet, input.sens {
		background-size: 2rem 2rem;
		width: 5rem;
		height: 2rem;
		margin-top: 1.5em;
	}
 	.gpx {margin-left: .5rem;}
    .sommet,.sens{margin-left: 1.0rem;} 
    .custom-combobox { padding-right: 1.5rem; }
    #boite1-a {	padding-left: .5rem; }
    #bienvenue{order: 2;}
	#menu_h { order: 3 ; /*margin-left: 1rem;*/ }
	#accueil {order: 1;}
	
	#numparcours {	margin-left: 0.4em;	margin-right: 0;	width: 9.5em;}
	input.color {
		background-image: url(../images/color.png);	
		width: 24px;
		height: 26px;
		background-size: 22px 22px; 
	} 
	#traces{
		width: 30rem;
		font-size: 12px;
		font-size: .8rem;
		margin:0;padding:0
	}
	.voirTrace{
		width: 24px;
		height: 24px;
		background-size: 24px 24px; 
		vertical-align: 6px;
		display: inline;
	}
	
	/*#menu_h {font-size: 14px; font-size: 1.4rem;}*/
	#menu_droit {width: 98vw; flex-direction: row;}
	#aff-list-circ { flex-grow: 0;}
	#aff-list-circ tbody { height:40vh;}
	.ui-widget,#afflist {font-size: 10px;font-size:0.7rem;}
	#n-parc-title {	width: 200px;}	
	.titre_1  {text-align: center; }
	#menu_choix {font-size:1.0rem;}
	#menu_coockies {font-size:.7rem;  width: 17rem; top: 40rem; left: 1rem; height: 8rem;}
	#sitelock {display :none}
	#sliders-dist-deniv {  height: 5rem; }
	.titreselect, .titreselect-r, #n-parc-title {padding-right: 1px; padding-left: 1px;	}
	.titreselect-r {text-align: left ;}
	#sel-disc-grp{	padding-left: 5px;}
	/*.ui-button { padding: .1em .1em;text-align: center;}*/
	.sel-pos { flex-direction: column;	}
	.lnk {font-size: 0.8rem;}

/*----  Css menu mobile -----*/
.main-navigation {
	flex: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 5px;
	display: inline;
	font-size: 14px; 
	font-size: .8rem;
	color: #ffffff;
	border-bottom: none;
}
.main-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
	background: #5C974A;
	z-index:100;
	border-bottom: none;	
}

.main-navigation ul li, .main-navigation ul li .conx_on {
	display: block;
	position: relative;
	float: left;
	background: #5C974A;
	padding: 0.5rem 0.3rem .5rem 0.1rem;
	border-bottom: none;
}

/* This hides the dropdowns */
.main-navigation li ul { display: none; }
.main-navigation ul li a {
	display: block;
	border-bottom: none;
	text-decoration: none;
	white-space: nowrap;
	color: #fff;
}
/* Display the dropdown */
.main-navigation li:hover > ul {display: block;	position: absolute;	}
.main-navigation li:hover li { float: none; }
.main-navigation li:hover a { background: #5C974A; border-bottom: none; }
.main-navigation li:hover li a:hover { background: #458826; border-bottom: none;}
.main-navigation li ul li { border-top: 0; z-index:100}
/* Displays second level dropdowns to the right of the first level dropdown */
/*.main-navigation ul ul ul {	left: 90%;	top: 0;	}*/
.main-navigation ul ul ul {	display: none;	}
/* Simple clearfix */
.main-navigation ul:before, .main-navigation ul:after {	content: " "; /* 1 */	display: table; /* 2 */	}
.main-navigation ul:after { clear: both; }
.main-navigation ul li .conx_off  {display: none;}
.main-navigation a.active {	color: #e7f1e4;	border-bottom: none; }

#main-grp-mob {display: none;}

.infos3, .infos-num {
		padding-left: 5px;
		min-width: 100px;
		font-weight: bold;
	}
#pied_page {font-size: .7rem; }
.notation { display: none;}
}

/*	##Device = Most of the Smartphones Mobiles (Portrait) 	##Screen = B/w 320px to 479px */
@media (min-width: 369px) and (max-width: 480px) {
	html {
		font-size:10px;
		font-family: arial, sans-serif;
		font-size: 80%;   /*1rem vaut 10px */
		/*font-size: 1.1rem;*/
	}
	#accueil-img-top {	background: url('../imgAccueil/image-top-mob.webp') no-repeat; }
	#bienvenue {font-size: 10px; font-size: 1rem; 	}
	.dia-front img {width:100%; height: auto;	}
	#bloc_central {	flex-wrap: wrap; height: 150vh;flex-direction: column;}
	#menu-bloc-cde { top: 100px; left:50px}
	#contenu{ height: 60vh; width: 100vw;}
	.menu-on-off {	font-size: 18px; font-size: 1.8rem; }
	/*#Menu_b { padding: 0; }*/
	#Menu_b { padding: .7rem .2rem 0.2rem .2rem; width: 100%;	}
	#traces { flex: auto; height: 2rem;}
	#menu_haut {flex-wrap: wrap;  height: auto;}
	#creer,#liens,#save,#savekml,#titre_3,#mapch,#tramod,#Groupes,#frame,#link,#mail{ display: none;}
	#base,#home,#wpts,#gpx_in,#infoLatLng,.trplus,.calcIso,.calcIso-off { display: none;}
	#nouveau { display: none;}
	#pagechoixgroup { display: none;}
	#infos-b{ display: inline;}
	#bloc-cde{margin-left:0;margin-right:0; top: 90px;}
	
	#choisir,#aide,#mnuMbr {flex: auto;}
	input.gpx, input.sommet, input.sens {
		background-size: 2.6rem 2.6rem;
		height: 2.6rem;
	}
	.altitude , .gpx-out{ display: none}
 	.gpx {margin-left: .5rem;}
    .sommet,.sens{margin-left: 1.0rem;} 
    /*.custom-combobox { padding-right: 0.1rem; }*/
    #boite1-a {	padding-left: .5rem; }
    
	#accueil {order: 1;}
	#bienvenue{order: 2;}
	#logout {order: 3; }
	#menu_h { order: 4 ; /*margin-left: 1rem;*/ }

	#n-parc { padding-top: 2px;	padding-bottom: 5px;	}
	#numparcours {	margin-left: 0.4em;	margin-right: 0;	width: 9.5em;}
	input.color {
		background-image: url(../images/color.png);	
		width: 24px;
		height: 26px;
		background-size: 22px 22px; 
	} 
	#traces{
		width: 25rem;
		font-size: 12px;
		font-size: 1rem;
		margin:0;
		padding:0;
		background: #ffffff;
	}
	.voirTrace{
		background-size: 24px 24px; 
		vertical-align: 6px;
		display: inline;
	}
	#cde-menu-droit { display: none; }
	#avertext {	font-size: 1.5em; }
	#sliders-dist-deniv {  height: 5rem; }
	#sliders-choix-dist, #sliders-choix-deniv {	padding: 10px 5px 0 0;	}
	#nameSlider { width: 10rem; }
	/*#menu_h {font-size: 14px; font-size: 1.4rem;}*/
	#menu_droit {width: 98vw; flex-direction: row;border-left: 0px solid #5C974A; }
	#aff-list-circ thead tr th:nth-child(1) { width: 34vw;}
	#aff-list-circ thead tr th:nth-child(2) { width: 12vw; }
	#aff-list-circ thead tr th:nth-child(3) { width: 13vw; }
	#aff-list-circ thead tr th:nth-child(4) { width: 13vw; }
	#aff-list-circ thead tr th:nth-child(5) { width: 25vw;}
	#aff-list-circ thead tr th:nth-child(6) { width: 0vw;}
	
	#aff-list-circ tbody tr td:nth-child(1) { width: 34vw;}
	#aff-list-circ tbody tr td:nth-child(2) { width: 12vw; }
	#aff-list-circ tbody tr td:nth-child(3) { width: 13vw; }
	#aff-list-circ tbody tr td:nth-child(4) { width: 13vw;}
	#aff-list-circ tbody tr td:nth-child(5) { width: 25vw;}
	#aff-list-circ tbody tr td:nth-child(6) { width: 0vw;}
	#aff-list-circ thead { font-size: 14px;	font-size: 1rem; }

	#aff-list-circ { flex-grow: 0;}
	#aff-list-circ tbody { height:40vh;}
	#aff-list-circ tbody tr td { padding-left: 1px; }
	#aff-list-circ tbody tr td:nth-child(1) a {	 font-size: 1rem;	}
	.ui-widget,#afflist {font-size: 12px;font-size: 1rem;}
	#n-parc-title {	width: 100px;}	
	.titre_1  {text-align: center; }
	#menu_choix {font-size:1.0rem;}
	#menu_coockies {font-size: .8rem; width: 20rem; top: 40rem; left: 1rem; height: auto;}
	#sitelock {display :none}

	.titreselect, .titreselect-r, #n-parc-title {padding-right: 10px; padding-left: 1px;	font-size: 1rem;}
	.titreselect-r {text-align: left ;}
	#sel-disc-grp{	padding-left: 5px;}
	/*.ui-button { padding: .1em .1em;text-align: center;}*/
	.sel-pos { flex-direction: column;	}
	.lnk {font-size: 0.8rem;}
	#disc-button { width: 8em;	}
	#pagination {
		padding-left: 4rem;
		padding-bottom: .5rem;
		padding-top: .5rem;
	}
	.prev-page, .next-page {padding: 5px; font-size: 1.2rem; }
	.next-page {margin-right: 2rem;}
	.arrow-desc{ display: none}

/*----  Css menu mobile -----*/
	.main-navigation {
		flex: auto;
		padding-top: 0px;
		padding-right: 10px;
		padding-bottom: 1px;
		padding-left: 5px;
		display: inline;
		font-size: 14px; 
		font-size: 1.2rem;
		color: #ffffff;
		border-bottom: none;
	}
	.main-navigation ul {
		list-style: none;
		padding: 0;
		margin: 0;
		background: #5C974A;
		z-index:100;
		border-bottom: none;	
	}

	.main-navigation ul li, .main-navigation ul li .conx_on {
		display: block;
		position: relative;
		float: left;
		background: #5C974A;
		padding: 0.5rem 0.3rem .5rem 0.1rem;
		border-bottom: none;
	}

	/* This hides the dropdowns */
	.main-navigation li ul { display: none; }
	.main-navigation ul li a {
		display: block;
		border-bottom: none;
		text-decoration: none;
		white-space: nowrap;
		color: #fff;
	}
	/* Display the dropdown */
	.main-navigation li:hover > ul {display: block;	position: absolute;	}
	.main-navigation li:hover li { float: none; }
	.main-navigation li:hover a { background: #5C974A; border-bottom: none; }
	.main-navigation li:hover li a:hover { background: #458826; border-bottom: none;}
	.main-navigation li ul li { border-top: 0; z-index:100}
	/* Displays second level dropdowns to the right of the first level dropdown */
	/*.main-navigation ul ul ul {	left: 90%;	top: 0;	}*/
	.main-navigation ul ul ul {	display: none;	}
	/* Simple clearfix */
	.main-navigation ul:before, .main-navigation ul:after {	content: " "; /* 1 */	display: table; /* 2 */	}
	.main-navigation ul:after { clear: both; }
	.main-navigation ul li .conx_off  {display: none;}
	.main-navigation a.active {	color: #e7f1e4;	border-bottom: none; }

	#main-grp-mob {display: none;}
	.dist-1 {padding-left: 5px;	padding-top: 5px;
	}
	.infos3, .infos-num {
		padding-left: 1px;
		min-width: 70px;
		/*font-weight: bold;*/
		font-size: 1rem;
	}

	/*#pied_page {	font-size: .7rem; }*/
	#pied_page { display: none; }
	.leaflet-control-layers { background: rgba(255, 255, 255, 0.8);}
	.notation { display: none;}
}
  
@media (min-width: 320px) and (max-width: 369px) {
	html {
		font-size:10px;
		font-family: arial, sans-serif;
		font-size: 80%;   /*1rem vaut 10px */
		/*font-size: 1.1rem;*/
	}
	#accueil-img-top {	background: url('../imgAccueil/image-top-mob.webp') no-repeat; }
	#bienvenue {font-size: 10px; font-size: 1rem; 	}
	.dia-front img {width:100%; height: auto;	}
	#bloc_central {	flex-wrap: wrap; height: 150vh;flex-direction: column;}
	#menu-bloc-cde { top: 100px;left: 50px}
	#contenu{ height: 60vh; width: 100vw;}
	.menu-on-off {	font-size: 18px; font-size: 1.8rem; }
	/*#Menu_b { padding: 0; }*/
	#Menu_b { padding: .7rem .2rem 0.2rem .2rem; width: 100%;	}
	#traces { flex: auto; height: 2rem;}
	#menu_haut {flex-wrap: wrap;  height: auto;}
	#creer,#liens,#save,#savekml,#titre_3,#mapch,#tramod,#Groupes,#frame,#link,#mail{ display: none;}
	#base,#home,#wpts,#gpx_in,#infoLatLng,.trplus,.calcIso,.calcIso-off { display: none;}
	#nouveau { display: none;}
	#pagechoixgroup { display: none;}
	#infos-b{ display: inline;}
	#bloc-cde{margin-left:0;margin-right:0; top: 90px;}
	#search { display: none;} 
	
	#choisir,#aide,#mnuMbr {flex: auto;}
	input.gpx, input.sommet, input.sens {
		background-size: 2.6rem 2.6rem;
		height: 2.6rem;
	}
	.altitude , .gpx-out{ display: none}
 	.gpx {margin-left: .5rem;}
    .sommet,.sens{margin-left: 1.0rem;} 
    /*.custom-combobox { padding-right: 0.1rem; }*/
    #boite1-a {	padding-left: .5rem; }
    
	#accueil {order: 1;}
	#bienvenue{order: 2;}
	#logout {order: 3; }
	#menu_h { order: 4 ; /*margin-left: 1rem;*/ }

	#n-parc { padding-top: 2px;	padding-bottom: 5px;	}
	#numparcours {	margin-left: 0.4em;	margin-right: 0;	width: 9.5em;}
	input.color {
		background-image: url(../images/color.png);	
		width: 24px;
		height: 26px;
		background-size: 22px 22px; 
	} 
	#traces{
		width: 25rem;
		font-size: 12px;
		font-size: 1rem;
		margin:0;
		padding:0;
		background: #ffffff;
	}
	.voirTrace{
		background-size: 24px 24px; 
		vertical-align: 6px;
		display: inline;
	}
	#cde-menu-droit { display: none; }
	#avertext {	font-size: 1.5em; }
	#sliders-dist-deniv {  height: 5rem; }
	#sliders-choix-dist, #sliders-choix-deniv {	padding: 10px 5px 0 0;	}
	#nameSlider { width: 10rem; }
	/*#menu_h {font-size: 14px; font-size: 1.4rem;}*/
	#menu_droit {width: 98vw; flex-direction: row;border-left: 0px solid #5C974A; }
	#aff-list-circ thead tr th:nth-child(1) { width: 34vw;}
	#aff-list-circ thead tr th:nth-child(2) { width: 12vw; }
	#aff-list-circ thead tr th:nth-child(3) { width: 13vw; }
	#aff-list-circ thead tr th:nth-child(4) { width: 25vw;}
	#aff-list-circ thead tr th:nth-child(5) { width: 13vw; }
	#aff-list-circ thead tr th:nth-child(6) { width: 0vw;}
	
	#aff-list-circ tbody tr td:nth-child(1) { width: 34vw;}
	#aff-list-circ tbody tr td:nth-child(2) { width: 12vw; }
	#aff-list-circ tbody tr td:nth-child(3) { width: 13vw; }
	#aff-list-circ tbody tr td:nth-child(4) { width: 25vw;}
	#aff-list-circ tbody tr td:nth-child(5) { width: 13vw;}
	#aff-list-circ tbody tr td:nth-child(6) { width: 0vw;}
	#aff-list-circ thead { font-size: 14px;	font-size: 1rem; }

	#aff-list-circ { flex-grow: 0;}
	#aff-list-circ tbody { height:40vh;}
	#aff-list-circ tbody tr td { padding-left: 1px; }
	#aff-list-circ tbody tr td:nth-child(1) a {	 font-size: 1rem;	}
	.ui-widget,#afflist {font-size: 12px;font-size: 1rem;}
	#n-parc-title {	width: 100px;}	
	.titre_1  {text-align: center; }
	#menu_choix {font-size:1.0rem;}
	#menu_coockies {font-size: .8rem; width: 20rem; top: 40rem; left: 1rem; height: auto;}
	#sitelock {display :none}

	.titreselect, .titreselect-r, #n-parc-title {padding-right: 10px; padding-left: 1px;	font-size: 1rem;}
	.titreselect-r {text-align: left ;}
	#sel-disc-grp{	padding-left: 5px;}
	/*.ui-button { padding: .1em .1em;text-align: center;}*/
	.sel-pos { flex-direction: column;	}
	.lnk {font-size: 0.8rem;}
	#disc-button { width: 8em;	}
	#pagination {
		padding-left: 4rem;
		padding-bottom: .5rem;
		padding-top: .5rem;
	}
	.prev-page, .next-page {padding: 5px; font-size: 1.2rem; }
	.next-page {margin-right: 2rem;}
	.arrow-desc{ display: none}

/*----  Css menu mobile -----*/
	.main-navigation {
		flex: auto;
		padding-top: 0px;
		padding-right: 10px;
		padding-bottom: 1px;
		padding-left: 5px;
		display: inline;
		font-size: 14px; 
		font-size: 1.2rem;
		color: #ffffff;
		border-bottom: none;
	}
	.main-navigation ul {
		list-style: none;
		padding: 0;
		margin: 0;
		background: #5C974A;
		z-index:100;
		border-bottom: none;	
	}

	.main-navigation ul li, .main-navigation ul li .conx_on {
		display: block;
		position: relative;
		float: left;
		background: #5C974A;
		padding: 0.5rem 0.3rem .5rem 0.1rem;
		border-bottom: none;
	}

	/* This hides the dropdowns */
	.main-navigation li ul { display: none; }
	.main-navigation ul li a {
		display: block;
		border-bottom: none;
		text-decoration: none;
		white-space: nowrap;
		color: #fff;
	}
	/* Display the dropdown */
	.main-navigation li:hover > ul {display: block;	position: absolute;	}
	.main-navigation li:hover li { float: none; }
	.main-navigation li:hover a { background: #5C974A; border-bottom: none; }
	.main-navigation li:hover li a:hover { background: #458826; border-bottom: none;}
	.main-navigation li ul li { border-top: 0; z-index:100}
	/* Displays second level dropdowns to the right of the first level dropdown */
	/*.main-navigation ul ul ul {	left: 90%;	top: 0;	}*/
	.main-navigation ul ul ul {	display: none;	}
	/* Simple clearfix */
	.main-navigation ul:before, .main-navigation ul:after {	content: " "; /* 1 */	display: table; /* 2 */	}
	.main-navigation ul:after { clear: both; }
	.main-navigation ul li .conx_off  {display: none;}
	.main-navigation a.active {	color: #e7f1e4;	border-bottom: none; }

	#main-grp-mob {display: none;}
	.dist-1 {padding-left: 5px;	padding-top: 5px;
	}
	.infos3, .infos-num {
		padding-left: 1px;
		min-width: 70px;
		/*font-weight: bold;*/
		font-size: 1rem;
	}

	/*#pied_page {	font-size: .7rem; }*/
	#pied_page { display: none; }
    .leaflet-control-layers { background: rgba(255, 255, 255, 0.8);}
	.notation { display: none;}
}