/* ################################### */
/* ########### Navigation ############ */
/* ########### petit écran ########### */
/* ################################### */

@media all and (max-width: 750px){
#divFormVerger
{
	display : none;
	border: 2px solid var(--themeDarkColor);
	background: white;
	z-index: 9998;
	position:fixed;
	top:20px;
	bottom : 20 px;
	left:10px;
	right:10px;
	min-height : calc(100% - 40px);
	max-height : calc(100% - 40px);
	border-radius: 30px;
	overflow: auto;
	text-decoration: none;
	color : var(--themeGrisColor);
}
#formVergerIdMsgSubmitForm
{
	display : none;
	cursor : pointer;
	border: 2px solid var(--themeDarkColor);
	background: var(--themeLightColor);
	z-index: 9999;
	max-width : auto;
	margin-left: auto;
    margin-right: auto;
	max-height : 65px;
	margin-top : 5px;
	overflow: auto;
	border-radius: 30px;
	text-decoration: none;
	padding : 5px;
	font-size : 19px;
	align-items: center;
	text-align: center;
	animation-duration: 3s;
	animation-name: slid;
}  

#formVergerTypeVergerChoix
{
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left : 5%;
}

@keyframes slid{
	from {
		margin-top: -50px;
	}
	to {
		margin-top: 5px;
	}	
}
    
}

/* ################################### */
/* ########### Navigation ############ */
/* ########### grand écran ########### */
/* ################################### */

@media all and (min-width: 751px){
#divFormVerger
{
	display : none;    
	border: 2px solid var(--themeDarkColor);
	background: white;
	z-index: 9998;
	max-width : 700px;
	margin-left: auto;
    margin-right: auto;
	min-height : calc(100% - 24px);
	max-height : calc(100% - 24px);
	margin-bottom : 10px; 
	margin-top : 10px;
	overflow: auto;
	border-radius: 30px;
	text-decoration: none;
	color : var(--themeGrisColor);
}

#formVergerIdMsgSubmitForm
{
	display : none;
	cursor : pointer;
	border: 2px solid var(--themeDarkColor);
	background: var(--themeLightColor);
	z-index: 9999;
	max-width : auto;
	margin-left: auto;
    margin-right: auto;
	max-height : 65px;
	margin-top : 5px;
	overflow: auto;
	border-radius: 30px;
	text-decoration: none;
	padding : 5px;
	font-size : 19px;
	align-items: center;
	text-align: center;
	animation-duration: 3s;
	animation-name: slid;
}  

#formVergerTypeVergerChoix
{
  column-count: 2;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left : 10%;
  margin-right: 10%;
}

@keyframes slid{
	from {
		margin-top: -100px;
	}
	to {
		margin-top: 5px;
	}	
}
  
}

/* ################################### */
/* ########### Navigation ############ */
/* ########### tous écran ############ */
/* ################################### */
	
/**//**//**//**//**//**//**//**//**//**//**/
/* Fenetre formulaire saisi d'observation */
/**//**//**//**//**//**//**//**//**//**//**/


/**//**//**//**//**//**//**//**/
/*  Bloc titre du formulaire  */
/**//**//**//**//**//**//**//**/
 
#titreFormVerger
{
	background: var(--themeLightColor);
	padding: 6px 6px 6px 6px ;
	text-align: center ; 
	font-size: 19px;
	color : white;	
}

/**//**//**//**//**//**//**//**//**/
/*  Bloc d'ensemble du formulaire */ 
/**//**//**//**//**//**//**//**//**/

#formVerger
{
	padding : 8px;
}

/**//**//**//**//**//**//**//**//**/
/*  Bloc coordonnées lat et long  */
/**//**//**//**//**//**//**//**//**/


#coordonneesFormVerger
{
	border: 2px solid var(--themeDarkColor);
	border-radius: 10px;
	padding : 4px;
	margin-bottom : 8px;
}

#formVergerLatit, #formVergerLongi
{
	width: 55px;
	background : none;
	border : none;
	color : white;
}

#formVergerLabelLatit, #formVergerLabelLongi
{
	font-size : 14px;
}
	
/**//**//**//**/
/* Bloc date  */
/**//**//**//**/

#dateFormVerger
{
	table-layout: fixed;
	border: 2px solid var(--themeDarkColor);
	border-radius: 10px;
	padding : 6px;
	margin-bottom : 8px;
}

#formVergerDatepicker
{
	height : 20px;
	border: 2px solid var(--themeLightColor);
	border-radius : 5px;
}

#formVergerLabelDatepicker
{
	font-size : 14px;
}	
	
/**//**//**//**//**//**//**//**/
/*  Bloc nom de l'observateur */ 
/**//**//**//**//**//**//**//**/

#nameFormVerger
{
	table-layout: fixed;
	border: 2px solid var(--themeDarkColor);
	border-radius: 10px;
	padding : 4px;
	margin-bottom : 8px;
}


.formVergerTabNameLabel
{  
    width:98%;
	display : inline-table;
	text-align : left;
	font-size : 12px;
}

.formVergerTabNameInput
{
	height : 20px;
	width:90%;
	border: 2px solid var(--themeLightColor);
	border-radius : 5px;
}

.formVergerTabNameInputAjoutNameObs
{
	height : 15px;
	width:90%;
	border: 2px solid var(--themeLightColor);
	border-radius : 5px;
}

#formVergerBoutonAjoutName
{
	height : 22px;
	border-radius: 5px;
	border : 2px solid var(--themeLightColor);
	padding : 2px;
	margin-left : 4px;
	cursor: pointer;
	background : var(--themeDarkColor);
	color : white;
	text-align : center;
	font-size : 12px;
	vertical-align: middle;
	
}

#formVergerBoutonAjoutName:hover 
{
	background-color: var(--themeLightColor);
	border : 2px solid var(--themeLightColor);
	color : white;
}

#formVergerBoutonAjoutName:active
{
	box-shadow: inset 1px 1px 1px var(--themeDarkColor),
	inset -1px -1px 1px var(--themeDarkColor);
}

/**//**//**//**//**//**//**//**//**/
/*  Bloc liste de choix Espèces  */ 
/**//**//**//**//**//**//**//**//**/

#especeFormVerger
{
	table-layout: fixed;
	border: 2px solid var(--themeDarkColor);
	border-radius: 10px;
	padding : 6px;
	margin-bottom : 8px;
	font-size : 14px;
}

textarea[name=formVergerEspeceTxt]
{
	min-width : calc(100% - 8px);
}

#formVergerEspeceTxt
{
	border: 2px solid var(--themeLightColor);
	border-radius : 5px;
}

/**//**//**//**//**/
/*  Bloc variété  */ 
/**//**//**//**//**/

#varieteFormVerger
{
	table-layout: fixed;
	border: 2px solid var(--themeDarkColor);
	border-radius: 10px;
	padding : 6px;
	margin-bottom : 8px;
	font-size : 14px;
}

textarea[name=formVergerVarieteTxt]
{
	min-width : calc(100% - 8px);
}

#formVergerVarieteTxt
{
	border: 2px solid var(--themeLightColor);
	border-radius : 5px;
}

/**//**//**//**//**//**//**//**/
/*  Bloc liste de choix Type */
/**//**//**//**//**//**//**//**/
#hauteTige, #basseTige, #tourMain, #tourBras
{
	color:  var(--themeLightColor);
}

#hauteTige span, #basseTige span, #tourMain span, #tourBras span
{
  display: none;
}

#hauteTige:hover span, #basseTige:hover span, #tourMain:hover span, #tourBras:hover span
{
  display:flex;
}

#hauteTige span img, #basseTige span img, #tourMain span img, #tourBras span img
{
  height:50px;
}
 


/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
/*  Bloc liste de choix Type, nombre d'arbres, age, herbe, arbres */ 
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/

#typeFormVerger, #nombreFormVerger, #ageFormVerger, #herbeFormVerger, #arbresFormVerger, #proprietaireFormVerger
{
	table-layout: fixed;
	border: 2px solid var(--themeDarkColor);
	border-radius: 10px;
	padding : 6px;
	margin-bottom : 8px;
	font-size : 14px;	
}

/**//**//**//**//**//**//**//**//**//**//**//**/
/*  Bloc liste de choix via checkbox toogle   */ 
/**//**//**//**//**//**//**//**//**//**//**//**/

#listeChoixFormVerger
{
	table-layout: fixed;
	border: 2px solid var(--themeDarkColor);
	border-radius: 10px;
	padding : 6px;
	margin-bottom : 8px;
	font-size : 14px;
	
}

#formVergerMail
{
  margin-top : 8px;

}

#formVergerInputAdresseMail
{
	border: 2px solid var(--themeLightColor);
	border-radius : 5px;
}

/**//**//**//**//**//**/
/*  Bloc commentaire  */ 
/**//**//**//**//**//**/

#commentaireFormVerger
{
	border: 2px solid var(--themeDarkColor);
	border-radius: 10px;
	padding : 4px;
	margin-bottom : 8px;
	font-size : 14px;
}

#formVergerCommentaire
{
	border: 2px solid var(--themeLightColor);
	border-radius : 5px;
}

textarea[name=formVergerCommentaire]
{
	width : 90%;
	max-width: 90%;
	min-width: 90%;
}

/**//**//**//**/
/*  Bloc photo */ 
/**//**//**//**/

#photoFormVerger
{
	table-layout: fixed;
	border: 2px solid var(--themeDarkColor);
	border-radius: 10px;
	padding : 6px;
	margin-bottom : 8px;
	font-size : 14px;
}

/**//**//**//**//**/
/*Mentions légales*/
/**//**//**//**//**/
#mentionsLegalesFormVerger
{
	table-layout: fixed;
	border: 2px solid var(--themeDarkColor);
	border-radius: 10px;
	padding : 6px;
	margin-bottom : 8px;
	font-size : 14px;
}	

#formVergerBouttonMentionsLegales
{
	cursor : pointer;
	text-decoration: underline;
}

/**//**//**//**//**//**//**//**//**/
/*Bouttons controle du formulaire */
/**//**//**//**//**//**//**//**//**/
#bouttonFormVerger
{
	display: flex;
	justify-content: center;
}

#submitFormVerger, #resetFormVerger, #closeFormVerger
{
	height : 30px;
	width : 120px;
	border-radius: 5px;
	border : 2px solid var(--themeDarkColor);
	padding : 4px;
	margin-left : 4px;
	cursor: pointer;
	background : var(--themeLightColor);
	color : white;
	font-size : 16px;
	vertical-align: middle;
}

#submitFormVerger:hover , #resetFormVerger:hover , #closeFormVerger:hover 
{
	background-color: var(--themeDarkColor);
	border : 2px solid var(--themeDarkColor);
	color : white;
}
		
#submitFormVerger:active , #resetFormVerger:active , #closeFormVerger:active 
{
	box-shadow: inset 2px 2px 2px var(--themeLightColor),
	inset -2px -2px 2px var(--themeLightColor);
}