.aside {
   float: right;
   width: 27%;
	overflow: hidden;
	padding: 0px;
}

@media screen and (max-width: 768px) {
	.aside {
		margin-top: 0%;
		width: 100%; /* Prend toute la largeur disponible */
		float: none; /* Supprime le flottement */
		padding: 0 10px;
		box-sizing: border-box; /* Inclut le padding dans la largeur */
	}
}

.menu {
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

.menu-item {
  cursor: pointer;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background-color: #46B4E0;
  padding: 10px 2px;
  text-align: center;
}

.menu-item:hover {
  text-decoration: underline;
}