body,
html {
	margin: 0;
	font-family: Arial, sans-serif;
	background: #333;
	box-sizing: border-box;
}

.conteneur_accueil {
	width: 100%;
	padding: 15px;
	display: flex;
	flex-wrap: wrap;
}

.conteneur {
	width: 80%;
	padding: 15px;
	display: flex;
	flex-wrap: wrap;
	background: white;
}

.conteneur_formulaire {
	display: grid;
	/*grid-template-columns: repeat(2, 1fr); /* Deux colonnes de largeur égale */
	grid-template-columns: 1fr 2fr;
	gap: 10px;
	/* Espacement entre les éléments */
	width: 80%;
	background: white;
	padding: 15px;
}

.conteneur_tableaux {
	width: 80%;
	padding: 15px;
	display: flex;
	flex-wrap: wrap;
	background: white;
	flex-direction: column;
	overflow-x: auto;
}

.menuVertical {
	background-color: grey;
	padding: 10px;
	position: fixed;
	left: 0px;
	top: 78px;
	text-align: left;
	width: 50vw;
	overflow: auto;
	/* Ajoute un ascenseur si nécessaire */
	box-sizing: border-box;
	/* Pour inclure padding et border dans les dimensions */
	height: 100vh;
	/* Hauteur de 80% de la fenêtre */
	/*overflow-y: auto;  /* Ajoute un ascenseur vertical si nécessaire */
	/*height:500px;*/
}



@media screen and (max-width: 768px) {
	.menuVertical {
		display: none;
	}

	.conteneur {
		width: 100%;
	}

	.conteneur_formulaire {
		width: 100%;
	}

	.conteneur_tableaux {
		width: 100%;
	}
}

@media screen and (min-width: 768px) {
	.conteneur {
		position: relative;
		left: 250px;
	}

	.conteneur_formulaire {
		position: relative;
		left: 250px;
		max-width: 500px;
	}

	.conteneur_tableaux {
		position: relative;
		left: 250px;
	}
}

.countdown {
	font-size: 3em;
	font-weight: bold;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: pulse 1s infinite alternate;
	padding-left: 80px;
	padding-right: 80px;
}

@keyframes pulse {
	0% {
		transform: translate(-50%, -50%) scale(1);
	}

	100% {
		transform: translate(-50%, -50%) scale(1.2);
	}
}