.ordinateur form  
	{
	width: 25em;
	margin-left: 10px;
	margin-right: 10px;
	}
.mobile form  
	{
	width: 90%;
	margin-left: 10px;
	margin-right: 10px;
	}
.couverture  
	{
	min-height:300px !important;
	}
img.logo  
	{
	width: 150px;
	position: absolute;
	transform: translateY(10%) translateX(-90px);
	}
	
.conteneur-info {
	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-info:has(.info:empty) {
    display: none;
}

.info {
	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%);
  }
}