/***********************************************************/
/******************CADRE DES INFORMATIONS*******************/
/***********************************************************/

/* Base commune modernisée */
.messages_infos {
	align-items: center;
	max-width: 800px; /* Évite que le message soit trop large sur grand écran */
	margin: 20px auto;
	padding: 16px 24px;
	border-radius: 12px;
	border: 1px solid;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
	line-height: 1.5;
	border-left: 10px solid;
}

/* Liste de messages */
.messages_infos ul {
	margin: 0;
	padding: 0;
	list-style: none; /* Plus moderne sans les puces par défaut */
}

.messages_infos ul li {
	margin-bottom: 4px;
}

.messages_infos ul li:last-child {
	margin-bottom: 0;
}

/* --- Variantes de couleurs (Palettes modernes) --- */

/* ERREUR */
.cadre_error {
	--color-message: #991B1B;
}

/* SUCCÈS */
.cadre_success {
	--color-message: #166534;
}

/* ATTENTION / WARNING */
.cadre_attention {
	--color-message: #92400E;
}

/* INFO / ACCÈS RÉSERVÉ */
.cadre_info, .cadre_acces_reserve {
	--color-message: #1E40AF;
}

/* ATTENTION / WARNING */
.cadre_attention,
.cadre_info,
.cadre_acces_reserve,
.cadre_success,
.cadre_error {
	color: var(--color-message);
	background-color: color-mix(in srgb, var(--color-message), #FFFFFF 92%);
	border-color: var(--color-message);
}

/* --- Adaptabilité Mobile --- */
@media (max-width: 600px) {
	.messages_infos {
		flex-direction: column;
		text-align: center;
		padding: 20px;
	}
}