body {
	font-family:'calibri';
}

#map {
	height: calc(100vh - 50px);
	position: relative;
	z-index:5;
}
.image-overlay {
	position: absolute;	top: 0;	left: 0;
	width: 100%; height: 100%;
	background: url('fonds/sunny-meadow-landscape.jpg') no-repeat center center;
	background-size: cover;
	opacity: .8; /* Ajustez l'opacité selon vos besoins */
	pointer-events: none; /* Permet de cliquer à travers l'image */
}
				
#info {
	position: absolute;
	bottom: 10vh; left: 10px;
	background-color: white;
	padding: 2px 8px;
	border-radius:5px;
	z-index:15;
}
#infoUser {
	position: absolute;
	top: 10px; right: 10px;
	background-color: white;
	padding: 5px;
	border-radius:5px;
	z-index:15;
}
#infoUser span {
	margin:2px 9px;
}


#infoStock {
	position: absolute;
	top: 10px; left:40%;
	background-color: white;
	padding: 5px;
	border-radius:5px;
	z-index:15;
}
#infoUser span,
#infoStock span {
	margin:2px 9px;
}
#infoUser img,
#infoStock img {
	height:20px;
}
.entete {
	background:#555; margin:0; padding:5ox;
}

#ficheParc {
	position:fixed; bottom:20px; right:20px; width:350px;
	background:#FFF; border:solid 3px #555; 
	border-radius:10px;
/*	border-radius: 25% 49% 9% 10% / 17% 15% 25% 8%;*/
	cursor:default; font-size:12pt;
	z-index:10;
	transition: transform 0.8s ease;
}
#ficheParc table {
	width:100%;
}
#ficheParc label {
	font-size:8pt;
	display:block; width:100%;
	margin-bottom:-3px;
}
#ficheParc td,
#ficheParc th  {
	text-align:center;
}
#ficheParc td:hover {
	cursor:pointer;
	background:#88d4fa;
}

#ficheParc td:nth-child(1):hover,
#ficheParc tr.bloc td:hover {
  background-color: inherit; /* Prevent hover effect */
}
#ficheParc tr.bloc {
	opacity:.3;
}
#ficheParc img {
	height:20px;
}
#ficheParc img.nav  {
	height:40px;
}


#ficheParc td.ec {
	background:tomato;
}
.bouge {
	border:solid 30px #555;
	/*animation: tilt-n-move-shaking 0.25s linear;*/
	animation: skew-x-shaking 1s linear;
	
}



.icon-foin {
	background-image: url('ico/foin.svg');
	background-size: cover;
}

.icon-mais {
	background-image: url('ico/mais.svg');
	background-size: cover;
	/*animation: pulse 2s infinite;*/
}


@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.7;
  }
}

@keyframes tilt-n-move-shaking {
  0% { transform: translate(0, 0) rotate(0deg); }
  25% { transform: translate(5px, 5px) rotate(5deg); }
  50% { transform: translate(0, 0) rotate(0eg); }
  75% { transform: translate(-5px, 5px) rotate(-5deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}
@keyframes skew-x-shaking {
 0% { transform: skewX(-5deg); }
 5% { transform: skewX(5deg); }
 10% { transform: skewX(-5deg); }
 15% { transform: skewX(5deg); }
 20% { transform: skewX(0deg); }
 100% { transform: skewX(0deg); }
}

.btnTest {
	position:fixed; top:10px; right:10px;
}


.culture div {
	width:28px; height:28px;
	background-size: contain;
	background-repeat: no-repeat;
}
.culture div.ec {
	animation: tilt-n-move-shaking 1.5s infinite;
}
.culture:hover div {
	transform: scale(2);
}

.culture div.idc0 {
	background-image:none;
}
.culture div.idc1 {
	background-image: url('ico/ble.svg');
}
.culture div.idc2 {
	background-image: url('ico/orge.svg');
}
.culture div.idc3 {
	background-image: url('ico/ble.svg');
}
.culture div.idc4 {
	background-image: url('ico/mais.svg');
}
.culture div.idc5 {
	background-image: url('ico/tournesol.svg');
}
.culture div.idc6 {
	background-image: url('ico/herbe.svg');
}

/*
.custom-icon .pictogram {
	width:20px; height:20px;
	background-image: url('ico/foin.svg');
	background-size: contain;
	background-repeat: no-repeat;
	animation: scaleAnimation 1s infinite;
}
.custom-icon:hover .pictogram {
	transform: scale(2);
	background-image: url('marker2.svg');
}
*/
@keyframes scaleAnimation {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(2);
	}
}