﻿
.erreur-conteneur {
	z-index: 7000;
	position: fixed;
	width: 80%;
	bottom: 35%;
	left: 50%;
	padding: 15px;
	background-color: #F5F5F4;
	border-radius: 10px; 
	border: 1px solid red;
	box-shadow: 6px 8px 8px grey;
	transform: translate(-50%, -50%);
	animation-name: warning;
	animation-duration: 1.5s;
	animation-iteration-count: 1; 
}
.erreur {
	z-index: 7000;
	position: relative;
	background-color: white;
	border-radius: 20px; 
	padding: 10px;
}
@keyframes warning {
  0% {
	bottom:  -10%;
  }
  100% {
	bottom: 35%;
  }
}
.erreur-eject {
	z-index: 6000;
	position: fixed;
	width: 80%;
	bottom: 35%;
	left: 50%;
	padding: 15px;
	background-color: #F5F5F4;
	border-radius: 10px; 
	border: 1px solid red;
	box-shadow: 6px 8px 8px grey;
	transform: translate(-50%, -50%);
	animation-name: eject;
	animation-duration: 1s;
	animation-iteration-count: 1; 
}
@keyframes eject {
  0% {
	left:  50%;
  }
  100% {
	left: 150%;
  }
}

.supprimer {
	z-index: 6001;
	position: relative;
	pointer-events: auto;
	transition: all .1s ease;
}
.supprimer:hover {
	z-index: 6001;
	transition: all .1s ease;
	transform: scale(2);
	padding: 2px;
	box-shadow: 4px 5px 5px black;
	border: 1px solid White;
	border-radius: 2px;
}
