@media (min-width: 768px) {
	#menupromo .conseil {
		width: 272px;
		display: flex;
		flex-direction: column;
		gap: 10px;
		background: var(--background-primary-color);
		font-size: 14px;
		pointer-events: auto;
		box-shadow: var(--box-shadow);
		z-index: 2;
	}
	#menupromo .conseil .titre {
		font-weight: bold;
		font-size: 22px;
		font-weight: 500;
		padding: 10px;
		background: var(--secondary-color);
		color: var(--text-invert-color);
	}
	.cadre_conseil {
		padding: 10px;
	}
	.cadre_conseil > p {
		padding: 10px;
	}
}

@media (min-width: 1024px) {
	#menupromo {
		display: flex;
	}
}