.Menu
	{
	display : flex;
	justify-content : center;
	flex-wrap : wrap;
	}
	
	
/*
	Modifié par KM le 14/10/2025
	
	demande de Mme Pluvieux

.MenuImage
	{
	position:relative;
	float:left;
	width:300px;
	height:200px;
	margin:10px;
	background-size:cover;
	border-radius:3px;
	overflow:hidden;
	}
*/
.MenuImage{
  position:relative;
  float:left;
  width:300px; 
  height:200px;
  margin:10px;
  background-size:cover;
  border-radius:3px;
  overflow:hidden;

  display:flex;
  flex-direction:column;
  justify-content:center;   /* centre verticalement l’ensemble */
  align-items:center;       /* centre horizontalement */
  gap:6px;                  /* espace entre titre et texte */
}

	
.MenuImage:hover
	{
	opacity: 0.8;
	}	


/*
	Modifié par KM le 14/10/2025
	
	demande de Mme Pluvieux

.MenuTitle
	{
	position:absolute;
	inset:0;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	margin:0 !important;
	width:100%;
	font:bold 20px Calibri,sans-serif;
	color:#fff;
	text-shadow:#000 1px 0 10px;
	}
*/
.MenuTitle{
  position:static;          /* plus d’absolu */
  margin:0;
  font:bold 20px Calibri,sans-serif;
  color:#fff; 
  text-shadow:#000 1px 0 10px;
}



/*
	Modifié par KM le 14/10/2025
	
	demande de Mme Pluvieux

.MenuText
	{
	margin : 40px 0px 0px 120px;
	font : 24px Calibri,sans-serif;
	color : #ffffff;
	}	
*/
.MenuText{
  position:static;
  margin:0;
  font:16px Calibri,sans-serif;
  color:#fff; 
  
  
  /*
	Modifié par KM le 17/11/2025
	
	demande de Mme Pluvieux
  
  text-shadow:#000 1px 0 6px;
  */
  text-shadow:#000 1px 0 10px;
}
	
	
/* Smartphone */
@media only screen and (max-width:480px)
	{
	.Menu	
		{
		flex-direction : column;
		}	
		
	.MenuImage
		{
		width : 100%;
		
		margin : 0px 0px 10px 0px; 
		height : 66vw;
		}