@font-face {
	font-family:'Roboto';
	src:url('../fonts/Roboto-Regular.ttf');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'OpenSans';
	src:url('../fonts/OpenSans-Regular');
	font-weight:normal;
	font-style:normal;
}

html, body {
	font-family:'OpenSans', sans-serif;
	font-size:1em;
	color:#000;
	height:100%;
}

#hp {
	background: center / cover no-repeat url("../imgs/background.png") rgb(0,0,0,1%);
}
/*
#page {
	background: center / cover no-repeat url("../imgs/bgd-registre-1.jpg") rgb(0,0,0,1%);
}
*/
a {
	position:relative;		/* positionne le span infobulle au début de texte*/
}
a:link {
	color:#0645ae;				/* couleur texte des liens */
	text-decoration:none;	/* pas de surligne sur les liens */
}
a:visited {
	color:#0b0080;
}

.orange {color:#F50 !important;}
.rouge {color:#F00 !important;}

.infobulle {
	--bs-tooltip-bg:#F00;
	--bs-tooltip-color:#FFF;
}

.myheader {text-align:center; color:#000;}
.myheader h1 {text-shadow: -1px -1px 0 white, 1px -0px 0 white, 1px 1px 0 white, 1px 1px 0 white !important;}
/*
.myheader h1 {text-shadow: -1px -1px 0 white, 1px -0px 0 white, 1px 1px 0 #F50, 1px 1px 0 #F50 !important;}
*/
#main {background-color:rgba(255, 255, 255, 100%);}

footer {
	/*background-color:rgba(0, 0, 0, .1);*/
	border-top:5px solid #F50;
	background-color:#252e38;
	color:#848f9a;
	padding:20px 0;
	padding-top:50px;
	margin-top: auto;
}

.cell-indi, .cell-indiP {
	background-color:#EDEDF0; /*#FA9; /*#DAF5DC; /* #4CE5DB; /* #F5E7DA; */
	border:1px solid black;
	border-radius:10px;
}
.cell-indiP {
	font-size:1.3em;
}

[class*=class-] {display:initial;}
	
.num-sosa {color:#7baa00;}
.ng {font-weight: normal; font-style: italic;} 
.box-titre {}
.box-sosa {color:#7baa00;}
.class-f, .color-f {color:#AC0253;}
.class-m, .color-m {color:#000080;}

.indi-info {clear:both;}

[class*=svg-icon-] {
	display:inline-block;
	background-repeat:no-repeat;
	background-position:0;
	background-size:12px;
	line-height:12px !important;
	padding-left:12px;
	height:12px;
}
h1 [class*=svg-icon-] {
	background-size:18px;
	line-height:18px !important;
	padding-left:18px;
	height:18px;
}
.svg-icon-f {
	background-image:url(/inc/imgs/icon-femme.svg);
}
.svg-icon-m {
	background-image:url(/inc/imgs/icon-homme.svg);
}
.svg-icon-ne {
	background-image:url(/inc/imgs/icon-ne.svg);
}
.svg-icon-union {
	background-image:url(/inc/imgs/icon-union.svg);
}
.svg-icon-dc {
	background-image:url(/inc/imgs/icon-dc.svg);
}
.svg-icon-sosa {
	background-image:url(/inc/imgs/icon-sosa.png);
	padding-left:16px !important;
}
.svg-icon-crownRoi {
	background-image:url(/inc/imgs/icon-crownRoi.svg);
	padding-left:16px !important;
}
.svg-icon-crownEmp {
	background-image:url(/inc/imgs/icon-crownEmp.svg);
	padding-left:16px !important;
}
.svg-icon-crownRei {
	background-image:url(/inc/imgs/icon-crownRei.svg);
	padding-left:16px !important;
}
.svg-icon-admin {
	background-image:url(/inc/imgs/icon-admin.svg);
	height:28px;
	line-height:28px !important;
	background-size:18px;
	padding-left:18px;
}

.navi {background-color: rgba(255, 255, 255, 80%) !important;}

/*-- index --*/
#stats .maj {font-size:0.8em;}

#today {padding-right:0 !important;}
@media (max-width:992px) {
	#today {
		margin-top:0.5rem !important;
		padding-right:0 !important;
		padding-left:0 !important;
	}
}

.counter {
	background-color:#f5f5f5;
	padding:20px 0;
	border-radius:5px;
}

.count-title {
	font-size:1.3em;
	font-weight:normal;
	margin-top:0.5rem;
	margin-bottom:0;
	text-align:center;
}

.count-text {
	font-size:1em;
	font-weight:normal;
	margin-top:0.25rem;
	margin-bottom:0;
	text-align:center;
}

.counter .fa {
	margin:0 auto;
	float:none;
	display:table;
	color:#F50;
}
.counter .fa.men {
	color:#000080;
}
.counter .fa.women {
	color:#AC0253;
}

.me-n2 {background-color: rgba(108, 117, 125, 50%);}
.me-n2 h3 {color:#FFF;}

/*-- voir les arbres --*/
#voir-arbres {
	text-align:right;
	margin-top:25px;
	margin-bottom:0px;
} 
.plus-infos {
} 
a.voir-plus {
	background-image:url(/inc/imgs/icon-chevron.png)
}
a.voir-plus,
a.voir-plus:hover {
	min-height:10px;
	background-position:0;
	padding-left:15px;
	display:inline-block;
	background-repeat:no-repeat;
	vertical-align:middle
}
a.voir-plus:hover {
	background-image:url(/inc/imgs/icon-chevron-hover.png)
}

/*-- menu --*/
.encours {text-decoration:underline !important;}
.nombre {font-size:0.8em;}

/*-- points sur la carte --*/
.bulle {
	position:absolute; 			/* position absolue */
	visibility:hidden;			/* invisible, attribut modifi? ensuite en javascript */
	background:#A0A0A0;
	padding:4px;
	text-align:left;				/* texte bulle aligne a gauche */
	border:2px solid black; /* double trait pour la bulle */
}

/*-- Tableaux --*/
.actes tr {vertical-align:top;}

/*-- Arbres --*/
.indi-arbre h2 {
	font-size:1.3rem !important;
	font-weight:700;
}
.arbre_mix {
	border-collapse:unset;
	border-spacing:0;
	width:100%;
}
.arbre_mix td {
	padding-left:0;
	padding-right:0;
}
.arbre_desc {
	border-collapse:separate;
}
.arbre_asc {
	border-collapse:separate;
	border-spacing:2px;
	width:100%;
}
.arbre_asc td {
	height:30px;
}
.branche {}
.branche-vh, .branche-vb {text-align:center; color:#666;} 
.branche-vh span, .branche-vb span {
	display:block;
	overflow:hidden;
}
.branche-vh span {
	margin-bottom:-5px;
}
.branche-vb span {
	margin-top:-10px;
}
.branche-hr hr {
	margin:0;
	border-style:none none solid;
	border-width:0 0 2px;
	color:#999;
	opacity:1;
}
.fleche-v {text-align:center; padding:10px 0;}
.indi-asc, .indi-desc, .indi-centre {
	background-color:#EDEDF0; /*#FA9; /*#DAF5DC; /* #4CE5DB; /* #F5E7DA; */
	border:1px solid black;
	border-radius:6px;
	font-size:0.9em;
}
.indi-centre {
	font-size:1em;
}

.cellule {padding:5px;}
.indi_name .cellule {padding:0 5px !important;}

/*-- Fiche --*/
#fiche-indi h1, #fiche-lateral h1 {
	font-size:1.5rem !important;
	font-weight:700;
}
#fiche-indi h2, #fiche-lateral h2, #fiche-arbre h2 {
	font-size:1.3rem !important;
	font-weight:700;
}
#fiche-indi h3, #fiche-lateral h3 {
	font-size:1.1rem !important;
	font-weight:700;
}
#fiche-indi ul, #fiche-lateral ul {
	list-style:none;
	padding-top:0.5em;
	padding-left:0;
}
span.htitle {
	display:block;
	position:relative;
	top:13px;
	background-color:#F50; /* #ddd */
	height:1px;
}
h2 > span, h3 > span {
	position:relative;
	background-color:#fff;
	padding-right:20px;
}
span.lelien {
	display:block;
	padding:5px 0;
	text-align:center;
}
span.lelienindi {
	display:block;
	padding:5px 0 1px;
	text-align:center;
}

.nav-tabs .nav-link {
  border-bottom-color: #478; /* #ddd */
}
.nav-tabs .nav-link.active {
	border-color: #478; /* #ddd */
  border-bottom-color: white;
}

#tab-content {
	padding:30px 20px 10px;
	border-left:1px solid #478; /* #ddd */
	border-right:1px solid #478; /* #ddd */
	border-bottom:1px solid #478; /* #ddd */
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}
#fiche-lateral #tab-container {
	padding:0;
}
#fiche-lateral #tab-content {
	padding:20px 10px 10px;
}