/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 26 2026 | 09:16:17 */
/* 
Dans cette feuille de style, les couleurs définies dans Avada sont mises en correspondance avec des classes CSS.
De cette façon, il est possible de personnaliser l'affichage des éléments aux couleurs des maison
en ajoutant la classe CSS correspondante sur l'élément

Par exemple : "c-jardin" applique la couleur du Jardin Méditerranéen
*/

:root {
	--color-primary: var(--wp--preset--color--awb-color-5);
	--color-background: var(--wp--preset--color--awb-color-4); /* fond blanc */
}

.c-les-maisons {
	--color-primary: var(--wp--preset--color--awb-color-5);
	--color-background: var(--wp--preset--color--awb-color-4); /* fond blanc */
}

.c-clair-plume {
    --color-primary: var(--wp--preset--color--awb-color-6);
	--color-background: var(--wp--preset--color--awb-color-4); /* fond blanc */
}

.c-maison-privee {
    --color-primary: var(--wp--preset--color--awb-color-7);
	--color-background: var(--wp--preset--color--awb-color-4); /* fond blanc */
}

.c-jardin {
    --color-primary: var(--wp--preset--color--awb-color-8);
	--color-background: var(--wp--preset--color--awb-color-4); /* fond blanc */
}

.c-boutique {
    --color-primary: var(--wp--preset--color--awb-color-custom-1);
	--color-background: var(--wp--preset--color--awb-color-4); /* fond blanc */
}

.c-chapouton {
    --color-primary: var(--wp--preset--color--awb-color-custom-2);
	--color-background: var(--wp--preset--color--awb-color-4); /* fond blanc */
}

.c-bistro {
    --color-primary: var(--wp--preset--color--awb-color-custom-3);
	--color-background: var(--wp--preset--color--awb-color-4); /* fond blanc */
}

:root {
	--color-front: var(--color-primary)!important;
	--color-back: var(--color-background)!important;
}

.plein {
	--color-front: var(--color-background)!important;
	--color-back: var(--color-primary)!important;
}

.bordure {
	--color-front: var(--color-primary)!important;
	--color-back: var(--color-background)!important;
}

.fusion-button {
	--color-front: var(--color-background);
	--color-back: var(--color-primary);
}

.fusion-button {
	background: var(--color-back)!important;
	color: var(--color-front)!important;
	border-color: var(--color-front)!important;
}

.fusion-button:hover{
	background: var(--color-front)!important;
	color: var(--color-front)!important;
	border-color: var(--color-back)!important;
}

.fusion-button > * {
	color: var(--color-front)!important;
}

.fusion-button:hover > * {
	color: var(--color-back)!important;
}

h1,h2,h3,h4,h5,h6 {
	color: var(--color-primary)!important;
}