body {
	  margin: 0px; padding: 0; 
	  /*font: 0.8em Arial, Verdana, sans-serif;*/
	  /*background: url('./../img/fond_k0.png') repeat-y;*/
	  background: linear-gradient(90deg, #DCE7C4, #FAFBF6);
}
#branches ul {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px; 
}	
#branches ol {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}		
#branches ul li ol li {
	list-style-type: normal;
	margin: 0px 0px 0px 0px;
	border: 1px solid green;
	border-bottom:0px;
	border-right:0px;
   }
   
   
#branches ul li {  
  list-style-type:decimal; /* upper-roman*/
  margin: 0px 0px 2px 0px;
  border-bottom:1px solid white;
  border-left:1px solid white;
}  
#branches p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
ABBR {
    font-size: 0.9em;
	cursor: help;
}
ABBR.k{
    font-size: 0.8em;
    font-weight:600; 
} 

/* --- --- */
.branches { font:normal 8pt Verdana; }

.branches fieldset { 
    margin:1px 0;
}
#branches fieldset legend { font-weight: bold;
        height: 15px;
		padding-left:22px;  /* --- pour aligner le texte sur l image patriarch.gif --- */
		padding-top:2px;
		background-color: #ECF5FF;
		background-image: url(./../img/rela.png);
		background-position: left top;
        background-repeat: no-repeat;
		border:1px solid #CCD5FF;;
}
.branches fieldset legend span{ font-weight: normal;}	
}
/* --- --- */
 
img { margin: 1px;
	vertical-align:middle; } 

.magenta {
	color: magenta;
}
/* --- mise en evidence debbug --- */
#branches ul li a {
	color: magenta;
	font-size: 1em;
}



/* --- pour eviter les trop nombreux <img src= --- */
span {
    color: #000066;
	font: 0.9em arial, helvetica, sans-serif;
	text-decoration: none;
    margin-left:3px;
    padding-left: 12px;
}

.date {
   font: 0.9em tahoma, arial, helvetica, sans-serif;
   margin-left:1px;
   padding-left: 0px;
}
.date.red { font-weight:600;}
.date.magenta{ font-weight:600;}
.date.bleu_perso{ font-weight:600;color:#33AAEE;}

span.red { color:red; }
span.m { background:url(./../img/m.gif) no-repeat left center; }
span.f { background:url(./../img/f.gif) no-repeat left center; }
span.u { background:url(./../img/u.gif) no-repeat left center; }



span.age {  padding-left: 2px; /*border:1px solid red;*/}

b.red { color:red; }

span.date b.red { color:red; }

/* --- info bulles --- */
abbr {
  position: relative;
  /*background: #eaeaea;*/
  cursor: help;
  display: inline-block;
  text-decoration: underline;
  text-decoration-style:wavy;
  color: #222;
  outline: none;
}

abbr span {
  visibility: hidden;
  position: absolute; 
  bottom: 15px;    /* info bulle en haut de la souris*/
  /*top:20px;*/    /* info bulle en bas  de la souris*/
  left: 50%;
  z-index: 99999;  /* plus que celui de la barre de menu */
  
  width: 160px; 
  margin-left: -50px; 
  padding: 5px; 
  
  border: 1px solid #ccc;
  opacity: .95;
  background-color: #ddd;                     
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));   
  -moz-border-radius: 4px;
  border-radius: 4px;
 
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; 
  text-shadow: 0 1px 0 rgba(255,255,255,.4); 

    font-size: 1.2em;
    font-weight: bold;
		
	
}

abbr:hover {
  border: 0; /* IE6 fix */
}

abbr:hover span {
  visibility: visible;
}

abbr span:before,
abbr span:after {
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -8px;
  /*top:-7px;*/
  left: 40%;
  margin-left: -8px;  
  border-top: 8px solid #bbb;
  /*border-top: 0;*/  
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;        
}

abbr span:before {
  /* border-top-color: #ccc; */
  /* bottom: -8px;*/
  /* border-bottom-color: #ccc; */
  /* top: -8px;*/
}

abbr span hr {
/* https://css-tricks.com/examples/hrs/ */
   border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

abbr span div.birt{
    background-image:url(img/birt.gif);
	background-repeat: no-repeat;
}
abbr span div.deat{
    background-image:url(img/deat.gif);
	background-repeat: no-repeat;
}

span.marr { 	/* --- celui du texte de la ligne --- */
   background-image:url(./../img/rings.gif); 
   background-repeat: no-repeat;
   background-position:2px center;
   padding-left:12px; 
}

abbr span.MARR { /* --- celui de l info bulle --- */
	min-height:42px;
	background-image:url(./../img/marr.gif);
	background-repeat: no-repeat;
	background-position: 2px center; 
	padding-top:10px;
	padding-left:35px;
}	
/* --- --- */