/* ---------------------------------------------------	*/
/*	Menus contextuels								*/
/* ---------------------------------------------------	*/
.mContextMenu {
	display:flex;
	flex-direction:column;
	background-color: lightgrey;
	text-align:center;
	padding:3px;
	z-index:103;
	position:fixed; 
	width:280px;
	cursor:context-menu;
	border:2px solid orange;
	border-radius:5px;
}

//dans admin menu gauche
.mContextLogo {
	display:flex;
	flex-direction:column;
	background-color: lightgrey;
	text-align:center;
	padding:1px;
	z-index:11;
	cursor:pointer;
	position: fixed;
	top:40px;
	left:70px;
	width:160px;
	border-radius: 5px; 
}

.mContextItem {
	/*background-color: #ffffff;  /* Fond blanc */
	/*background-color: #f7fbe0; /* vert jaune pastel */
	background-color: #deffd6; /* vert  pastel */
	color: #333333;  /* Couleur du texte gris foncé pour une meilleure lisibilité */
	text-align: center;
	font-size: 0.9rem;
	margin: 2px;
	padding: 5px 10px;  /* Un peu plus d'espace intérieur pour un look plus aéré */
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;  /* Police moderne et lisible */
	border: 1px solid #ddd;  /* Bordure plus douce, gris clair */
	border-radius: 10px;  /* Bord arrondi plus prononcé pour un style plus moderne */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);  /* Légère ombre pour donner de la profondeur */
	transition: background-color 0.3s ease, transform 0.2s ease;  /* Transition douce pour les interactions */
	z-index: 110;
	cursor: context-menu;  /* Pour indiquer que l'élément est cliquable */
}

.mContextItem:hover {
	background-color: #f5f5f5;  /* Changement de fond au survol pour plus d'interaction */
}

.mContextItem:active {
	background-color: #e0e0e0;  /* Changement de fond lors du clic */
	transform: translateY(1px);  /* Effet de "pression" lors du clic */
}