body[displayMode="dark"] {
	--line-color-lignee : #c1b763 ;
}
body[displayMode="dark"], body[displayMode="dark"] #arbre {
	background-color: #303030;
}
body[displayMode="dark"] > header {
	background-color: #404040;
}

/* ============================================================== Bulles des femmes */
body[displayMode="dark"] .bulle.personne.femme {
	background-color: #593e3f ; /* #865558; */
	border-color: #C86469;
	/* color : #f2c2c2 ; */
	background-image : none ;
}
body[displayMode="dark"] #arbre .arrowUp.femme {
	border-color: transparent transparent #C86469 transparent;
}
body[displayMode="dark"] #arbre .arrowDown.femme {
	border-color: #C86469 transparent transparent transparent;
}
body[displayMode="dark"] #arbre .arrowRight.femme {
	border-left-color: #C86469 ;
}
body[displayMode="dark"] .nbGenerationsUpAndDown.femme {
	color : #f2c2c2 ;
}
body[displayMode="dark"] .bulle.personne .mortSansEnfant, body[displayMode="dark"] .bulle.personne .parentsIntrouvables {
	color: #f9c495;
}

/* ============================================================== Bulles des hommes */
body[displayMode="dark"] .bulle.personne.homme {
	background-color: #244260 ; /* #326395; */
	border-color: #3e90e6;
	/* color : #98b4d7 ; */
	background-image : none ;
}
body[displayMode="dark"] #arbre .arrowUp.homme {
	border-color: transparent transparent #3e90e6 transparent;
}
body[displayMode="dark"] #arbre .arrowDown.homme {
	border-color: #3e90e6 transparent transparent transparent;
}
body[displayMode="dark"] #arbre .arrowRight.homme {
	border-left-color: #3e90e6 ;
}
body[displayMode="dark"] .nbGenerationsUpAndDown.homme {
	color : #98b4d7 ;
}

body[displayMode="dark"] .bulle.personne.unknown {
		background-color: #4d4d4d;
}

/* ============================================================== Unions */
body[displayMode="dark"] .bulle.union .infos {
	color: #c0c0c0;
	background-color: #4B4A4A;
	border-color: #797979 !important;
}

body[displayMode="dark"] .bulle.union.certaine .infos {
	color: #66b079;
	background-color: #265e26 !important;	
	border-color: #5e9f6e !important;
}

body[displayMode="dark"] .bulle.union.greyed .infos,  .bulle.union.greyed .infos {
	color: black;
	background-color: #EFEFEF !important;
	border-color: #8c8c8c !important;
}

.bulle.personne.withIndicateur .indicateur, .bulle.union .certain .symbol, .bulle.withIndicateur .indicateur.certain .symbol.fa-book-open {
	color: #6e6e6e !important
}


/* ============================================================== Elements communs aux bulles */
body[displayMode="dark"] .bulle.personne {
	color : #c4c4c4 ;
}
body[displayMode="dark"] .bulle.root {
	background-color: #484817 !important;
	color: #b5b567 !important;
	border-color: #c1b763 !important;
}

body[displayMode="dark"] .bulle.personne.virtual {
	color: #27caa1;
	background-image : none ;
	background-color : #18604e ;
}

body[displayMode="dark"] .bulle.withIndicateur .indicateur.certain .symbol.fa-book-open,
body[displayMode="dark"] .bulle.personne.withIndicateur .indicateur, 
body[displayMode="dark"] .bulle.union .certain .symbol {
	color: #3bb93b !important;
}

body[displayMode="light"] .bulle.withIndicateur .indicateur.certain .symbol.fa-book-open,
body[displayMode="light"] .bulle.personne.withIndicateur .indicateur, 
body[displayMode="light"] .bulle.union .certain .symbol {
	color: var(--color-certaine-light) !important ; /* Sinon la règle de la ligne 74 efface la couleur */
}

body[displayMode="dark"] .bulle.personne .symbole {
	color: #b3b3b3;
	}

body[displayMode="dark"]  .pic {
	filter: brightness(80%);
}

/* ============================================================== Liens */
body[displayMode="dark"] svg.incertaine line {
	stroke : #AEAEAE ;
}


body[displayMode="dark"] svg.decalageVertical line {
	stroke : violet ;
}

body[displayMode="dark"] svg.incertaine.decalageVertical line {
	stroke: orange ;
}

body[displayMode="dark"] svg.lignee line {
	stroke-width: 2 !important;	
}


/* ============================================================== Icons */
body[displayMode="dark"] .helpIcon, body[displayMode="dark"] .saveIcon, body[displayMode="dark"] .okIcon, body[displayMode="dark"] .optionIcon {
	color: #46d96b !important;
	/* background-color: #303030; */
}
body[displayMode="dark"] #menu .actionIcon {
	color: #98b4d7 ;
}
body[displayMode="dark"] .pinkIcon {
	color:#ff8fed !important;
}
body[displayMode="dark"] .blueIcon {
	color:#5f9abd !important;
}

body[displayMode="dark"] .adminIcon {
	color: #C8789A;
}
body[displayMode="dark"]  #menu .actionIcon:hover, body[displayMode="dark"]  #menu .adminIcon:hover {
	background-color: #404040 !important;
}

/* ============================================================== Wait */
body[displayMode="dark"] #wait {
	background-color: #303030e0;
}
body[displayMode="dark"] #wait .interactionArea {
	color: white ;
}

/* ============================================================== Menu */
body[displayMode="dark"] form.search input#search {
	color : #EFEFEF ;
}

body[displayMode="dark"] .bigPopup {
	background-color : #4a4646e8 ;
	color : #B7B7B7 ;
}

body[displayMode="dark"] .iconSubAction {
	color: white !important;
	background-color: transparent !important;
	border: none !important;
}

body[displayMode="dark"] .iconSubAction.blueIcon {
	color: #AFE3F4 !important;
}
body[displayMode="dark"] .iconSubAction.pinkIcon {
	color: #f9a8d2 !important ;
}

body[displayMode="dark"] header #menu .btnPlusMoins {
	background-color: #909090;
	color: #DEDEDE;
	border-color: #606060;
}

body[displayMode="dark"] .animaux.evenements {
	box-shadow: 10px 10px 10px 5px rgba(0, 0, 0, 0.7);
}

body[displayMode="dark"] .iconSubAction {
	background-color: #303030;
}