/* 
.grid-snap {
  width: 40%;
  border-radius: 4px;
  padding: 2%;
  margin: 1rem 0 0 1rem;
  background-color: #29e;
  color: #fff;
  font-size: 1.2em;
}
	.draggable {
    width: 200px;
    height: 20px;
    text-align: center;
    //background: white;
  }

  .dropzone{
    width: 200px;
    height: 20px;
    background: lightgreen;
    margin-bottom: 10px;
    padding: 10px;
  }*/
	
	.panel{
		background: lightgreen;
		/*opacity:0.4;*/
	}
	
	/*#liste_ajout .draggable {
		width:calc(100% - 10px) !important;
		height:20px !important;
		margin:5px !important;
		
	}
	#liste_ajout .draggable span{
		display:flex !important;
	}*/
	
	#liste_ajout .bouton{
		font-family:Lato;
		background-color:#AAAAAA55;
		margin:3px;
		text-align:center;
	}
	#liste_ajout .bouton:hover{
		background-color:#AAAAAA;
		
	}

.t_prairie{
		background-color:#e6ffcc;
	}
	.t_riviere{
		background-color:#ccf1ff;
		/*background-color:#11a2d9;*/
	}
	.t_foret{
		background-color:#39a84c;
	}
	/*.t_montagne{
		background-color:#9c6028;
	}*/

.hauteur_txt, .dx_txt, .dy_txt, .d_txt{
	color: black;
	display:none;
}
.dx_txt, .dy_txt{
	font-size:6px;
}

.terrain, .hauteur{
		position : absolute;
		
		display:flex;
		justify-content:center;
		align-items:center;
	}
.case{
		position : absolute;
		border-top:solid 1px lightgray; 
		border-left:solid 1px lightgray;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	
	.gradient{
		background: rgb(2,0,36);
		background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(124,156,255,1) 28%, rgba(204,241,255,1) 48%, rgba(255,251,204,1) 50%, rgba(230,255,204,1) 52%, rgba(172,231,118,1) 68%, rgba(189,137,55,1) 90%, rgba(121,85,28,1) 95%, rgba(255,255,255,1) 99%);
		background-size: 200px 1px;
	}