body{
	
	background-image:url(motif.png);
	font-family: Verdana, sans-serif;
}
.container {
			display: flex;
			flex-wrap: wrap;
			position: relative;
			justify-content: center;
		}

.contenu {
	position: relative;
	z-index: 1000; /* Le contenu doit rester au-dessus */
	background-color:#f0f0f0;
	padding: 10px;
	margin: 10px;
	border-radius: 1em;
	border-style : solid;
	border-color:#c0c0c0;
	/*width: 100%;*/
	box-sizing: border-box; /* Inclut padding et border dans la taille totale */
}

.shadow {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1; /* Ombre sous le contenu */
	pointer-events: none;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	border-radius: 1em;
	
	box-sizing: border-box; /* Inclut padding et border dans la taille totale */
	margin: 0; /* Pas de marge pour éviter les décalages */
	padding: 0; /* Pas de padding pour éviter les décalages */
}
.page{
	background-color:#f9f9f9;
	margin:1em;
	padding:1em;
	box-shadow: 10px 10px 5px 5px rgba(0, 0, 0, 0.2);
	border-radius:2em;
}
/*
.contenu{
	background-color:#f0f0f0;
	margin:0em 0.25em 1em 0.25em;
	padding: 0.5em 1em;
	border-radius:1em;
	box-shadow: 5px 5px 2px 2px rgba(0, 0, 0, 0.2);*/
}
.depot{
	display:block;
	
	border-radius:1em;
	border-style:dotted;
	border-width:4px;
	border-color:#c0c0c0;
	padding:0.5em 1em;
	text-align:center;
	margin:1em 1em;
	
}
.succes{
	background-color:#a0ffb0;
	padding:1em;
	
}
.erreur{
	background-color:#ffb0a0;
	padding:1em;
	border-radius:2em;
	
}
.info{
	text-align:center;
}

.bouton{
	font-family: Verdana, sans-serif;
	background-color:#b0a0ff;
	padding:1em;
	border-radius:2em;
}

.bouton:hover{
	background-color:#8090df;
}