.smallText {
	font-size : 80% ;
}

td.smallText {
	text-align : center ;
}

#contactKupuna {
    position: fixed;
    top: 3.5em;
    left: 5em;
    font-size: 60%;
	color: gray !important;
	text-decoration: none;
}

/* ================================ Biblio =================================== */
#divBibliographie {
	position : fixed ;
	top : 3em ;
	left : 1em ;
	height : 90vh ;
	width : 25em ;
	overflow-x: hidden ;
	overflow-y: hidden ;
	background-color: white ;
	border: 1px solid darkgrey ;
	z-index : 999999 ;
}

header .note {
	font-size: 10pt;
	text-align: center;
	color: #0090C0 !important;
}

#divBibliographie .content {
	position : absolute ;
	top : 2em ;
	height : calc(100% - 2.4em) ;
	width : 100% ;
	overflow-x: hidden ;
	overflow-y: auto ;
}

#divBibliographie .content > p {
	font-size : 85% ;
	width: 95%;
	text-align: justify;
}

#divBibliographie .content .ouvrage {
	margin-top : 1em ;
	width: 95%;
	text-align: justify;
}

#divBibliographie .content .ouvrage {
	margin-top : 1em ;
	width: 95%;
	text-align: justify;
	border-top : 0.5px solid #1997fc;
}

#divBibliographie .content .ouvrage.surligne {
	background-color : #00a20033 ;
}

#divBibliographie .content .ouvrage .code {
	font-variant : small-caps;
	font-weight : 700 ;
	color: #1997fc;
}

#divBibliographie .content .ouvrage .titre {
	font-style : italic ;
}

#divBibliographie .content .ouvrage .auteurs {
	font-variant : small-caps;
	font-weight : 500 ;
	display: block;
	font-size: 90%;
	margin: 0.4em 0;
}

#divBibliographie .content .ouvrage .note {
	display : block;
}

.biblio {
    cursor: pointer;
    user-select: none;
    color: blue;
    text-decoration: underline;
}

/* ================================ Arbre =================================== */

#arbre {
	margin-top : 3.8em ;
	position : absolute ;
	transform-origin: top left;
	top : 0 ;
	left : 0 ;
	padding-right : 50vw ;
	background-color: #dedede;
}

#listPreviousRoots {
	z-index : 310000 ; /* au dessus du header */
	padding-top : 0.2em;
}
#listPreviousRoots li {
	cursor : pointer ;
	padding-bottom : 0.3em;
}
#listPreviousRoots li:hover {
	color : var(--basic-blue) ;
	font-weight: 900 ;
}
#listPreviousRoots .rootsList {
	max-height: 40vh;
	overflow-x: hidden;
	overflow-y: auto;
}

/* ================================ Bulles =================================== */

.bulle {
	text-align : center ;
	position : absolute ;
	z-index : 200 ;
	box-sizing: border-box;
	padding : 0 0.2em;
	user-select: none ;
}

.bulle .nom, table td .nom, .listePersonne .nom, .cartePersonne .nom, .listePersonnesSelection .nom, span.nom {
	font-weight : 700 ;
	font-variant: small-caps slashed-zero;
}

.bulle.personne.certaine, .bulle.union.certaine .infos {
	border : var(--border-weigth) solid var(--color-certaine) !important ;
	/* color : var(--color-certaine) !important ; */
	background-color : var(--bg-color-certaine) !important ;
}

.bulle.racine {
	background-color: var(--couleur-acte-racine) !important ;
}

/* ============================= Bulles Mariages ================================ */

.bulle.union .infos {
	border : var(--border-weigth) solid var(--texte-union) ;
	display:grid ;
	grid-template-columns: repeat(5,1fr);
	grid-template-rows: repeat(3,1fr);
	grid-gap : 0 ;
	padding : 0.25em;
	font-size : 60% ;
}

body .bulle.union .infos {
	color : var(--texte-union) ;
	background-color : var(--fond-union) ;
} 

/* body[colors="revert"] .bulle.union .infos {
	color : lightgrey ;
	background-color : darkgreen !important ;
	border-color: #238c23 !important;
}  */

.bulle.union .actions {
	height : 12px;
	display : block ;
	margin-top : 0.5em ;
	background-color: #ffffffe6;
	padding: 2px;
}

.bulle.union img.indicateur, .bulle.personne .medaille {
	float : right ;
	position : relative ;
	top : 1px ;
	transition-duration: 400ms ;
	color: #F2C000;
}

.bulle.personne img.medaille {
	height : 1.3em;
}

/* .bulle.union img.indicateur:hover {
	transform : scale(2,2) ;
	z-index : 99999 ;
	transform-origin: top center ;
	position : relative ;	
} */

.bulle.union .infos > * {
	overflow : hidden ;
	text-overflow : ellipsis ;
	white-space: nowrap;
}

.bulle.union .infos .typeUnion {
	grid-column: 1/6 ;
	grid-row:1/2 ;
	/* font-weight : 700 ; */
}

.bulle.union .infos .typeUnion img {
	width: 1em;
	position: relative;
	top: 2px;
}

.bulle.union .infos .dateUnion {
	grid-column: 1/6 ;
	grid-row:2/3 ;
	text-align : left ;
}

.bulle.union .infos .lieuUnion {
	grid-column: 1/6 ;
	grid-row:3/4 ;
	text-align : left ;
}

.bulle.union .infos .buttonsBar {
	grid-row:4/5 ;
}
/* .bulle.union .buttonsBar #button1 {
	grid-column: 1/2 ;
}
.bulle.union .buttonsBar #button2 {
	grid-column: 2/3 ;
}
.bulle.union .buttonsBar #button3 {
	grid-column: 3/4 ;
}
.bulle.union .buttonsBar #button4 {
	grid-column: 4/5 ;
}
.bulle.union .buttonsBar #button5 {
	grid-column: 5/6 ;
} */

/* =========================== Bulles Personnes ============================== */

.bulle.personne {
	border-radius : 0.6em;
	padding : 0.25em;
	background-color: #e9d6fb;
	border: var(--border-weigth) solid #a54ffb;
	font-size:80%;
	z-index : 400 !important ;
	display:grid ;
	grid-template-columns: repeat(11,1fr);
	grid-template-rows: 1.2fr 1fr 1fr 1fr 1fr ; /* Ligne identité un peu plus haute */
	grid-gap : 0.01em ;
	box-shadow: 5px 5px 3px 0px rgba(0, 0, 0, 0.5);
}

.bulle.personne.toPrint {
	grid-template-rows: 1.2fr 1fr 1fr 1fr ; /* Ligne identité un peu plus haute, pas de ligne 'Actions' */
}

.bulle.personne:hover {
	z-index : 600 !important ;
}

.bulle.personne.homme {
	background-color: var(--bg-color-homme);
	/* background-image: url("../img/textures/ciel.jpg"); */
	border: var(--border-weigth) solid var(--color-homme);
}

/* body[colors="revert"] .bulle.personne.homme {
	background-color: var(--bg-color-homme-revert) ;
	background-image : unset ;
	border-color: var(--color-homme-revert) ; 
} */

.bulle.personne.femme {
	background-color: var(--bg-color-femme);
	/* background-image: url("../img/textures/lac.jpg"); */
	border: var(--border-weigth) solid var(--color-femme);
}

/* body[colors="revert"] .bulle.personne.femme {
	background-color: var(--bg-color-femme-revert) ;
	background-image : unset ;
	border-color: var(--color-femme-revert) ; 
} */

.bulle.personne.trans {
	background-color: var(--bg-color-trans);
	border: var(--border-weigth) solid var(--color-trans);
}

.bulle.personne.unknown {
	background-color: var(--bg-color-unknown);
	border: var(--border-weigth) solid var(--color-unknown);
}

.bulle.personne.virtual {
	background-color: var(--bg-color-virtual);
	/* background-image: url("../img/textures/herbe.jpg"); */
	border: var(--border-weigth) solid var(--color-virtual);
	color: var(--color-virtual);
}

.bulle.personne.root {
	/* background-color: var(--bg-color-root); */
	/* border: 3px solid #f2c000;; */
	/* box-shadow: -6px 6px 7px 4px #bababa; */
	background-image: url("../img/textures/or_sombre.jpg");
}

/* body[colors="revert"] .bulle.personne.root {
	background-image: unset ;
	background-color: #8e0202 !important ;
} */

.bulle.personne.itsMe {
	border: var(--border-weigth) solid #FFAAAA !important;
}

.bulle.personne.greyed {
	background-color: #EFEFEF !important ;
	border-color: #8c8c8c !important;
}
#arbre .arrowDown.greyed {
	border-color: #8c8c8c transparent transparent transparent !important;
}
#arbre .arrowUp.greyed {
	border-color: transparent transparent #8c8c8c transparent !important;
}
#arbre .arrowRight.greyed {
	border-color: transparent #8c8c8c transparent transparent !important;
}
.bulle.personne.greyed .pic {
	filter: grayscale(0.9);
}

.bulle.personne > :not(.actions) {
	text-align : left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.bulle.personne .identite {
	grid-column: 1/12 ;
	grid-row:1/2 ;
	text-align : center ;
	cursor : default ;
	font-size : 80%;
}

.bulle.personne .mortSansEnfant, .bulle.personne .parentsIntrouvables {
	position: absolute;
	color: #b4753d;
	width: 100%;
	text-align: center !important;
	transform: translate(0,-50%);
	font-size: 80%;
}

.bulle.personne .mortSansEnfant {
	top: 115%;
}

.bulle.personne .parentsIntrouvables {
	top: -15%;
}


#arbre .bulle.personne .identite.isFamily {
	text-decoration : underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1.5px;
	text-decoration-color : #1997fc;
}

/* body[colors="revert"] #arbre .bulle.personne .identite.isFamily {
	text-decoration-color : lightgray;
} */

/* Qu'il y ait ou non la photo d'identité */
.bulle.personne .naissance {
	grid-row:2/3 ;
	font-size : 80% ;
	cursor : default ;
}
.bulle.personne .deces {
	grid-row:3/4 ;
	font-size : 80% ;
	cursor : default ;
}
.bulle.personne .metier {
	grid-row:4/5 ;
	font-size : 80% ;
	cursor : default ;
}
.bulle.personne a {
  color: inherit !important;
}

.bulle.personne:not(.toPrint) .actions {
	grid-row:5/6 ;
	grid-column: 1/12;
}

.bulle.personne .actions div {
	display: flex;
	justify-content: space-between;
	padding: 0 0.2em;
}

.bulle.personne .actions div > .lightIcon {
	transition-duration: 400ms ;
	cursor : pointer ;
}

.bulle.personne .actions div > .lightIcon:hover {
	transform : scale(2,2) ;
	z-index : 99999 ;
	/* background-color:#FFFFFF90 ; Supprimé le 09/09/2026 car fait un carré autour des icônes sur une bulle personne */
}

.bulle.personne .actions img {
    opacity: 0.5;
	height : 1em ;
	transition-duration: 400ms ;
	cursor : pointer ;
}

.bulle.personne .actions img.noOpacity {
    opacity: 1;
}

.bulle.personne .actions div > img:hover {
	transform : scale(2,2) ;
	z-index : 99999 ;
	background-color:#FFFFFF90 ;
	opacity: 1;
}

.bulle.personne .symbole {
	font-size: 70%;
	line-height:1em;
	text-align: center;
	color: #909090;
}

.bulle.personne.withIndicateur .indicateur { /* L'indicateur de source est toujours en dernière colonne */
	grid-column: 11/12 ;
}

.bulle.personne.withIndicateur .indicateur, .bulle.union .certain .symbol { /* L'indicateur de source est toujours en dernière colonne */
	color: var(--color-certaine1);
	text-align: center;
}
/* body[colors="revert"] .bulle.personne.withIndicateur .indicateur, body[colors="revert"]  .bulle.union .certain .symbol{
	color : lightgray ;
} */

.bulle.withIndicateur .indicateur.certain .symbol {
    color: var(--color-certaine1) !important;
	margin-top: 15%;
}
/* body[colors="revert"] .bulle.withIndicateur .indicateur.certain .symbol {
	color : lightgray !important ;
} */


.bulle.personne.withIndicateur .indicateur, .bulle.union .certain .symbol.fa-book-open { /* L'indicateur de source est toujours en dernière colonne */
	color: var(--color-certaine-light) !important ;
	text-align: center;
}
/* body[colors="revert"] .bulle.personne.withIndicateur .indicateur, body[colors="revert"] .bulle.union .certain .symbol.fa-book-open {
	color : lightgray !important ;
} */

.bulle.withIndicateur .indicateur.certain .symbol.fa-book-open {
    color: var(--color-certaine-light) !important;
	margin-top: 15%;
}
/* body[colors="revert"] .bulle.withIndicateur .indicateur.certain .symbol.fa-book-open {
	color : lightgray !important ;
} */


.bulle.personne.withIndicateur .indicateur img {
	width: 1em;
	position: relative;
	top: 2px;
}

/* S'il n'y a pas la photo d'identité */
.bulle.personne.noPic .symbole {
	grid-column: 1/2 ;
}
.bulle.personne.noPic .details {
	grid-column: 2/12 ;
}
.bulle.personne.noPic.withIndicateur .details {
	grid-column: 2/11 ;
}

/* S'il y a la photo d'identité */
.bulle.personne.withPic .pic { /* La photo occupe 2 colonnes et 3 lignes */
	grid-row : 2/5 ;
	grid-column: 1/3 ;
	max-width : 100% ;
	max-height : 100% ;
	transition-duration: 500ms ;
}

/* body[colors="revert"] .pic {
	filter: brightness(80%);
} */


.bulle.personne .pic:hover {
	transform : scale(5,5) translate(0.8em, 0.4em) ;
	transform-origin: right center ;
	z-index : 10000 ;
	position:relative;
	box-shadow: 2px 2px 1px 1px #40404030;
	filter: brightness(100%);
}

.bulle.personne.homme .pic:hover {
	border : 0.2px solid var(--color-homme);
}

.bulle.personne.femme .pic:hover {
	border : 0.2px solid var(--color-femme);
}

.bulle.personne.trans .pic:hover {
	border : 0.2px solid var(--color-trans);
}

.bulle.personne.unknown .pic:hover {
	border : 0.2px solid var(--color-unknown);
}

.bulle.personne.root .pic:hover {
	border : 0.2px solid var(--color-root);
}

.bulle.personne.withPic .symbole {
	grid-column: 3/4 ;
}
.bulle.personne.withPic .details {
	grid-column: 4/12 ;
}
.bulle.personne.withPic.withIndicateur .details {
	grid-column: 4/11 ;
}
.bulle.personne:not(.toPrint) .naissance.details.estimation, .bulle.personne:not(.toPrint) .deces.details.estimation {
	text-align: center;
	color: gray;
}
body.modePrint .naissance.details.estimation, body.modePrint .deces.details.estimation {
	display : none ;
}

.nbGenerationsUpAndDown {
	display: inline-block;
	position: absolute;
	top: 0.3em;
	left: 162px;
	font-size: 50%;
	font-weight: 900;
	z-index: 110;
	font-family: arial;
	white-space: nowrap;
}

.btnLiensDivers {
	position: absolute;
	z-index: 110;
	height:0.7em;
	transition-duration: 400ms ;
}

.btnLiensDivers:hover {
	transform : scale(2,2) ;
	z-index : 1000 ;
}

div.lienDivers {
    position: absolute;
    font-size: 60%;
    width: 5vw;
    height: 4vh;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.4em;
    border-radius: 1em;
    z-index: 9998;
    text-align: center;
    background-color: rgb(255, 234, 220);
    -webkit-filter: opacity(80%);
    filter: opacity(80%);
    border: 1px solid rgb(255,128,43);
        border-top-color: rgb(255, 128, 43);
        border-right-color: rgb(255, 128, 43);
        border-bottom-color: rgb(255, 128, 43);
        border-left-color: rgb(255, 128, 43);
    -webkit-box-shadow: 5px 5px 3px 0px rgba(30,30,30,0.3);
    box-shadow: 5px 5px 3px 0px rgba(30,30,30,0.3);
	color: white;
}

svg.parrain {
	z-index: 1000000;
}

.lienDivers:hover {
	height: auto;
}

.nbGenerationsUpAndDown:hover {
  scale: 2;
  transform-origin: left center;
}

.nbGenerationsUpAndDown.homme {
	color : var(--color-homme);
}

.nbGenerationsUpAndDown.femme {
	color : var(--color-femme);
}

.nbGenerationsUpAndDown.trans {
	color : var(--color-trans);
}

.nbGenerationsUpAndDown.unknown {
	color : var(--color-unknown);
}


/* ================================ Arrows =================================== */
#arbre .arrowUp {
	position:absolute ;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 15px 10px;
	border-color: transparent transparent var(--color-unknown) transparent;
	z-index : 70 ;
}

#arbre .arrowUp.homme {
	border-color: transparent transparent var(--color-homme) transparent;
}
/* body[colors="revert"] #arbre .arrowUp.homme {
	border-color: transparent transparent var(--color-homme-revert) transparent;
} */

#arbre .arrowUp.femme {
	border-color: transparent transparent var(--color-femme) transparent;
}
/* body[colors="revert"] #arbre .arrowUp.femme {
	border-color: transparent transparent var(--color-femme-revert) transparent;
} */

#arbre .arrowUp.trans {
	border-color: transparent transparent var(--color-trans) transparent;
}
#arbre .arrowUp.virtual {
	border-color: transparent transparent var(--color-virtual) transparent;
}
#arbre .arrowUp.root {
	border-color: transparent transparent var(--color-root) transparent;
}
#arbre .arrowUp.familleRepliee {
	border-color: transparent transparent var(--bg-color-repli) transparent;
}

#arbre .arrowDown {
	position:absolute ;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 10px 0 10px;
	border-color: var(--color-unknown) transparent transparent transparent;
	z-index : 70 ;
}
#arbre .arrowDown.homme {
	border-color: var(--color-homme) transparent transparent transparent;
}
/* body[colors="revert"] #arbre .arrowDown.homme {
	border-color: var(--color-homme-revert) transparent transparent transparent;
} */

#arbre .arrowDown.femme {
	border-color: var(--color-femme) transparent transparent transparent;
}
/* body[colors="revert"] #arbre .arrowDown.femme {
	border-color: var(--color-femme-revert) transparent transparent transparent;
} */

#arbre .arrowDown.trans {
	border-color: var(--color-trans) transparent transparent transparent;
}
#arbre .arrowDown.virtual {
	border-color: var(--color-virtual) transparent transparent transparent;
}
#arbre .arrowDown.root {
	border-color: var(--color-root) transparent transparent transparent;
}
#arbre .arrowDown.familleRepliee {
	border-color: var(--bg-color-repli) transparent transparent transparent;
}

#arbre .arrowRight {
	position:absolute ;
	/* display : inline-block; */
	width: 0;
	height: 0;
	border-top : 4px solid transparent;
	border-bottom : 6px solid transparent;
	border-left : 8px solid var(--color-unknown);
}
#arbre .arrowRight.homme {
	border-left-color: var(--color-homme) ;
}
#arbre .arrowRight.femme {
	border-left-color: var(--color-femme) ;
}
#arbre .arrowRight.trans {
	border-left-color: var(--color-trans) ;
}
#arbre .arrowRight.virtual {
	border-left-color: var(--color-virtual) ;
}
#arbre .arrowRight.root {
	border-left-color: var(--color-root) ;
}
#arbre .arrowRight.familleRepliee {
	border-left-color: var(--bg-color-repli) ;
}

body.modePrint #arbre .arrowUp, body.modePrint #arbre .arrowDown, body.modePrint #arbre .arrowRight {
	display : none !important ;
}


/* ================================ Lignes =================================== */

svg {
	position : absolute ;
	z-index : 60 ;
}

svg.certaine {
	transform : translate(-3, +3) ;
}

svg.incertaine {
	z-index : 50 ;
}

line {
	stroke: var(--ligne);
	stroke-width: 2;
	/* stroke-dasharray:4,3 ; */
}

line.certaine {
	stroke : var(--color-certaine) ;
	stroke-dasharray:none ;
}

line.decalageVertical {
	stroke: orange ;
}

line.decalageVertical.certaine {
	stroke : violet ;
}

svg.enfantNaturel line {
	stroke-dasharray:4, 3 ;
}

line.verticale.incertaine {
	stroke-width: 3;
	stroke-dasharray: 2,2 ;
}

/* line.union1 {
	stroke-dasharray: 10,2 ;
} */
line.certaine.union1 {
	stroke : var(--color-certaine1) !important ;
}

/* line.union2 {
	stroke-dasharray: 6,4,6 ;
} */
line.certaine.union2 {
	stroke : var(--color-certaine2) !important ;
}

/* line.union3 {
	stroke-dasharray: 10,6 ;
} */
line.certaine.union3 {
	stroke : var(--color-certaine3) !important ;
}

svg.lignee line {
	stroke: var(--line-color-lignee) !important;
	stroke-dasharray: 10 7;
	stroke-width: 1 !important;	
}

svg.decalageGeneration line {
	stroke : #00cfff !important ;
}

svg.parrain path {
	stroke-width: 2;
	stroke: #ca5d1c;
	stroke-dasharray: 5 3 2 3;
	fill: transparent;
}

svg.parrain path:hover, svg.survol line, svg.survol line.certaine, svg.survol line.certaine.union1, svg.survol line.certaine.union2, svg.survol line.certaine.union3 {
	/* stroke : red !important ; */
	stroke-width: 5;
	stroke-dasharray: none;
}

div.fichePersonne, .listePersonne, .cartePersonne {
	width : 25vw ;
	max-height : 100% ;
	position : fixed ;
	top : 3.5em ;
	left : calc(75vw - 18px) ; /* Place pour l'ascenseur */
	z-index : 310000 ;
	-webkit-box-shadow: -11px 10px 15px 3px rgba(112,112,112,1);
	-moz-box-shadow: -11px 10px 15px 3px rgba(112,112,112,1);
	box-shadow: -11px 10px 15px 3px rgba(112,112,112,1);
}

div.fichePersonne, body.fichePersonne {
	background-color : #E4D7CC ;
	border : 1px solid #343436 ;
	color : #92806F ;
	margin : 0 ;
}

body.fichePersonne table {
	width : 100% ;
}

body.fichePersonne td:first-child:NOT(.siecle) {
    width: 16em;
    text-align: right;
    padding-right: 1em;
    vertical-align: top;
}

.fichePersonne header {
	position: absolute;
	right: 0;
}

.fichePersonne header .actionButton {
    margin-left: 0.5em;
    float: initial;
}

.closeButton {
	margin-right : 0.5em;
	float : right ;
}

.fichePersonne[othersVisible="0"] .evenements tr[direct="0"] {
	display : none ;
}

.fichePersonne[commentsVisible="0"] div.comment {
	display : none ;
}

.fichePersonne[transcriptionsVisible="0"] div.transcription {
	display : none ;
}

div.fichePersonne.fullScreen {
	width : 96vw ;
	left : 2vw ;
}

div.fichePersonne.withAnticChars .withoutAnticFont {
	display : none ;
}

div.fichePersonne:not(.withAnticChars) .withAnticFont {
	display : none ;
}

.fichePersonne .pdfViewer {
	width : calc(100% - 20px) ;
	height : 30vh;
}

.fichePersonne img {
	max-height : 30vh ;
	max-width : calc(100% - 18px) ;
}

.fichePersonne img.photoIdentite {
	margin: 12px 0 6px 12px;
}

.fichePersonne.fullScreen .pdfViewer {
	height : 40vh;
	width : 60vw ;
}

.fichePersonne.fullScreen img {
	max-height : 15vh ;
	max-width : 20vw ;
}

.fichePersonne video {
	max-width : 50vw ;
	max-height : 70vh ;
}

/* .fichePersonne.fullScreen td.vignetteDocument img {
	max-height : 60vh ;
	max-width : 40vw ;
} */

.fichePersonne tr {
	break-inside: avoid;
}

.fichePersonne div.histoire {
	padding: 0.5em 1em 0 1em;
	border-top: 1px solid #92806F;
}

@media print {
	body {
		border : none ;
		font-size : 10px;
	}
}


.fichePersonne .siecle {
	font-size : 80pt ;
	text-align : center ;
	break-after: always ;
	break-before : always;
	color : white ;
	padding-top : 20px ;
	background-color : #92806F ;
}

/* .fichePersonne.fullScreen td.vignetteDocument img.paysage {
	width : 15vw !important ;
	max-width : none !important;
	max-height: none !important;
	height:auto !important;
}
.fichePersonne.fullScreen td.vignetteDocument img.portrait {
	height : 15vw !important ;
	max-width : none !important;
	max-height: none !important;
	width:auto !important;
} */

.listePersonne, .cartePersonne {
	background-color : var(--bg-color-base) ;
	border : 1px solid var(--color-base) ;
	color : var(--color-base) ;
}

.listePersonne {
	width : auto ;
	max-width : 35em ;
	text-overflow : clip ;
	overflow-x : hidden ;
	left :auto ;
	right : 1em ;
}

.listePersonne li img {
  height: 0.8em;
  margin-right: 0.5em;
}

.listePersonne #nbResultsSearch {
  float: left;
  margin-left: 1em;
  color: white;
  font-weight: 200;
  font-size: 80%;
  margin-top: 1%;
}

.listePersonne ul {
	margin-right : 1em ;
}
.listePersonne li {
	white-space : nowrap ;
}

.listePersonne header {
	text-align : right ;
	padding : 0.2em 0.5em 0.2em 0 ;
	background-color: #096AB7;
	font-weight:900 ;
}

.fichePersonne .evenements, .listePersonne ul {
	width : 100% ;
	height : calc(100vh - 10em) ;
	overflow-x : hidden ;
	overflow-y : auto ;
	position : relative ;
	box-sizing: border-box;
}

.listePersonne ul {
	padding-top: 0;
	margin-top : 0 ;
}

.fichePersonne .evenements, .listePersonne ul {
	padding-top: 1em;
	top: -1px;
}


.fichePersonne > .identite {
	display : flex ;
	justify-content: space-between;
	align-items: center ;
	color : #92806F ;
	font-size : 120% ;
	font-weight : 900 ;
}

.fichePersonne.fullScreen > .identite {
	font-family: 'Niconne', cursive;
	font-size: 350%;
	margin-right: 2em;
}

.fichePersonne .identite .photoIdentite {
	max-width : 50% ;
	max-height : 5rem ;
}

.fichePersonne .evenements, .listePersonne ul {
	width : 100% ;
	overflow-x : hidden ;
	overflow-y : auto ;
	position : relative ;
	padding-top: 1em;
	box-sizing: border-box;
	top: -1px;
}

.fichePersonne .evenements {
	height : calc(100vh - 10em) ;
}

.listePersonne ul {
	max-height : calc(100vh - 10em) ;
	height : auto ;
	margin-right: 1em;
}

.listePersonne li {
	cursor : pointer ;
}

.listePersonne li .infoBulle {
	color: #606060;
	font-size: 70%;
	display: block;
	max-width: 95%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.anneeEstimee {
	color: gray;
	font-weight: 100;
	font-size: 90%;
}

.listePersonne li:hover {
	/* background-color : var(--color-base) ; */
	color : orange ;
}

.fichePersonne .evenements {
	border-top: 0.5px solid #92806F;
}

.fichePersonne .evenements table {
	/* position : absolute ;
	top : 0 ; */
	width : 94vw ;
}

/* .fichePersonne .evenements table tr td:first-child {
	width: 20em;
}

.fichePersonne .evenements table tr td:nth-child(2) {
    width: calc(100% - 20em);
} */

/* .fichePersonne .evenements tr.direct td {
	font-weight : 900 ;
} */

.fichePersonne .evenements tr.debutSection td {
	border-top : 1px solid #92806F ;
	padding-top : 1em ;
}

.fichePersonne .evenements td {
	font-size : 70%;
	vertical-align : top ;
	color : #92806F ;
}

.fichePersonne .evenements td t, .preview t {
	display: inline;
	color: black;
	font-family: 'Dancing', cursive;
	font-size: 140%;
}

.fichePersonne .evenements td o, .preview o {
	text-decoration: line-through black;
}

.fichePersonne .evenements td .revert {
	background-color: #92806F8C;
	margin-right: 0em;
	padding: 0.1em 0.5em;
	position: relative;
	top: -0.2em;
	color: #ECE6E2;
}

.fichePersonne .smallTable {
	width : 90% !important ;
}

.fichePersonne .smallTable td:first-child {
    text-align: left !important;
}

.fichePersonne .smallTable td:not(:first-child) {
    text-align: center !important;
}

.personneCentrale {
	color : white ;
	background-color: var(--basic-blue) ;
	padding : 0 0.2em;
	border-radius : 0.2em;
}

.fichePersonne .evenements td:first-child {
	width : 30% ;
	text-align : right ;
	padding-right : 1em;
}

.fichePersonne .evenements td.histoire {
	text-align : justify ;
	padding-right : 0em;
}

.fichePersonne .evenements td.histoire > div {
	text-align : justify ;
	padding : 0.5em;
	margin : 1em 3em 2em 3em ;
	border : 1px solid #92806F ;
}

.fichePersonne .evenements td.histoire div header {
	text-align : center ;
	font-family: 'Niconne', cursive;
	font-size: 150%;
	margin-bottom : 0.5em;
}

.fichePersonne .vignetteDocument > img, .fichePersonne .evenements td.vignetteDocument > img {
	position : relative ;
	margin : auto ;
	/* text-align : center ; */
}

.fichePersonne .vignetteDocument img.multipleVignettes {
	border : 1px solid rgb(96, 31, 3) ;
	margin-right : 1em !important ;
}

.fichePersonne .evenements tr:hover td {
	background-color : #E5E4E3;
}

.fichePersonne .evenements td .noteEvt {
	color : grey ;
	font-size : 80% ;
}

.fichePersonne .notesBasPage {
	border-top: 0.5px solid #606060;
	color: #606060;
	font-size: 90%;
	margin-left: 0;
	padding-left: 1em;
	text-align: justify;
}

.fichePersonne .notesBasPage li {
	margin-bottom : 1em;
}

form.search {
	width : 1.5em ;
	padding : 0.2em 0.2em 0.2em 0.2em ;
	margin : 0 ;
	display:flex ;
	justify-content: space-between;
	align-items: center ;
	border-radius : 0.4em ;
}

form.search input#search {
	width : 0 ;
	box-sizing: border-box;
	border: none;
	padding: 0;
	background-color : transparent ;
	height : 1.5em;
}


.listeLieux {
	border: 1px solid var(--color-base);
	margin-left: 10.5em;
}

.listeLieux ul {
	width: calc(100% - 0.5em);
	max-height: 10vh;
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	padding-left: 0.8em;
	margin-left: 0.5em;
}

.listeLieux ul li {
	cursor : pointer ;
}

/* ================================ Textes =================================== */
.ajout {
	font-size : 80% ;
	color : #606060 ;
}

t .ajout {
	font-size : 100% !important ;
	color : #909090 ;
}

.surligne {
	background-color : yellow ;
}

.discussion .parole {
	max-width: 60%;
	margin-bottom: 0.4em;
	padding: 0.5em 0.8em ;
	border-radius: 0.4em;
	color : #606060 ;
	clear : both ;
	box-sizing: border-box;
}

.discussion .parole br:first-child {
	display : none ;
}

.discussion .orateur1 {
	background-color : #0090C030 ;
	float : left ;
}

.discussion .orateur2 {
	background-color : #00C09030 ;
	float : right ;
}

.discussion .comment {
	font-size : 80% ;
	color : grey ;
}

.fichePersonne .evenements td.histoire .discussion .parole {
	width : 100%;
}

.fichePersonne .evenements td.histoire .discussion .orateur1 {
	margin-right : 40% ;
	float : none;
	margin-left : 1em ;
}

.fichePersonne .evenements td.histoire .discussion .orateur2 {
	margin-left : 40% ;
	float : none;
	margin-right : 1em ;
}

.searchNetBetweenPersons {
	position : fixed ;
	top : 50vh ;
	left : 50vw ;
	transform : translate(-50%, -50%) ;
	max-height : none ;
	max-width: 40em !important ;
}

.searchNetBetweenPersons .buttonsBar {
	margin-top : 0 !important ;
	transform: translate(-50%, 0) !important;
	margin-bottom : 1em ;
}

.searchNetBetweenPersons .selectionPersonne {
	white-space : nowrap ;
}

.searchNetBetweenPersons .hidden {
	display : none ;
}

.searchNetBetweenPersons section {
	padding: 1em;
}

.searchNetBetweenPersons label {
	width: 4em;
	display: inline-block;
	text-align: right;
}

.blasonCentral {
	z-index: 100000000;
	position: fixed;
	top: 50vh;
	left: 50vw;
	transform: translate(-50%,-50%);
	width: 25em;
}

#pagesFocus {
  position: fixed;
  top: 5em;
  left: 1em;
  background-color: #8A8A8A;
  padding: 0.5em 1em;
  display : none ;
  border: 0.5px solid white;
}

#pagesFocus a {
	display : block ;
	color : white;
}

#pagesFocus a:not(:first-child) {
	margin-top:0.4em;
}

#pagesFocus header {
  background-color: #0090C0 !important;
  width: calc(100% + 2em);
  position: relative;
  left: -1em;
  top: -0.5em;
  padding: 0.5em;
  box-sizing: border-box;
  color : white ;
}

.animaux.evenements {
	max-width : none ;
	width : 40vw ;
	box-shadow: 5px 5px 3px 0px rgba(30,30,30,0.3);
}

li.eventsList {
	display: flex;
	column-gap: 1em;
	margin-top: 1em;
}

li.eventsList {
	white-space : wrap !important ;
}

del {
	text-decoration-thickness: 2px; 
	text-decoration-color: #FF0000A0;
}