/* VARIABLES */
:root.chezlepicier {
	/* --epicerie_inverse: rgba(215, 92, 84); */
	--epicerie_inverse: rgba(110, 6, 0, 0.5);
	--img-epicerie_inverse: brightness(0) saturate(100%) invert(8%) sepia(55%) saturate(5298%) hue-rotate(356deg) brightness(99%) contrast(105%);
	--img-epicerie_inverse_estompe: brightness(0) saturate(100%) invert(8%) sepia(55%) saturate(5298%) hue-rotate(356deg) brightness(99%) contrast(105%) opacity(50%);
	--bordeau: #1e9f38;
	--bordeau-transparent: rgba(30, 159, 56, 0.9);
	--bordeau-fonce: #044f13;
	--bordeau-clair: #79d38b;
	
	--vert-menthe: #fdb400;
	--vert-menthe-transparent: rgba(253, 180, 0, 0.5);
	--jaune-clair: rgba(255, 228, 162, 1);

	--jaune-tres-clair: #fff8e0;


/*
	--jaune-tres-clair: #fff8e0;
	--jaune: #ffe280;
	--jaune-transparent: rgba(255, 226, 128, 0.3);
*/	
	--orange: #fdb400;
	--orange-clair: #ffe4a4;
	--violet-clair: var(--orange-clair);

/*	--turquoise: #80bdaf;
	--violet-clair: #e0b8e0;
	--rose-tres-clair: #feebff;
*/

	/* https://angel-rs.github.io/css-color-filter-generator/ */
	--img-bordeau: brightness(0) saturate(100%) invert(47%) sepia(60%) saturate(577%) hue-rotate(81deg) brightness(93%) contrast(97%);
}


.chezlepicier #footer {
	background-color: var(--jaune-clair);

}
.chezlepicier #contexte_haut {
	background: rgba(255, 228, 162, 1);
	background: linear-gradient(180deg, rgba(255, 228, 162, 1) 30%, #D9F2DB 100%);
}
.chezlepicier #contenu_fond {
	background: #D9F2DB;
}
.chezlepicier #contenu.rubrique_accueil {
	padding-bottom: 0px;

}
.prop_fond_article_,
#article_liste.admin > li.statut_8 {
	background-color: #ebebeb !important;
	background-color: #ffaeaa !important;
	opacity: 80% !important;
}
.prop_fond_article_ {
	opacity: 40% !important;
}
#article_liste.publique .badge .badge_web .icone * {
	fill: var(--epicerie_patou);	
}
#partenaire {
	/* background-color: var(--bordeau-clair); */
	background-color: var(--jaune-tres-clair);
}
.boutique {	
	background-color: var(--violet-clair);
}
.horaire {
	background-color: var(--orange-clair);
}
.dynamic-select-option:hover {
	/* background-color: #D9F2DB !important; */
}