form  
	{
	width: 25em;
	margin-left: 10px;
	margin-right: 10px;
	}
.couverture  
	{
	min-height:300px !important;
	}

.conteneur-astuce {
	width: 400px;
	max-height: 200px;
	align-content: center;
	padding: 10px;
	background-color: #ECFCCA;
	border-radius: 20px; 
	box-shadow: 0px 0px 25px #171717;
	animation-name: depliage;
	animation-duration: 1.5s;
	animation-iteration-count: 1; 
}
.conteneur-astuce:has(.astuce:empty) {
    display: none;
}

.astuce {
	color: #ECFCCA ;
	font-family: 'pacifico', cursive;
	font-size: 1.2rem;
	text-transform: none;       
	color: black;
}
@keyframes depliage {
  0% {
	transform: translate(100%, 0%);
  }
  100% {
	transform: translate(0%, 0%);
  }
}