#genealogie {
  position: relative;
  font-weight: bold;
}

.branch {
  position: relative;
  margin-left: 173px;
}
.lv1 {
	margin-left: 110px;

}
.branch:before {
  content: "";
  width: 50px;
  border-top: 2px solid #eee9dc;
  position: absolute;
  left: -100px;
  top: 50%;
  margin-top: 1px;
}

.entry {
  position: relative;
  min-height: 40px;
}
.entry:before {
  content: "";
  height: 100%;
  border-left: 2px solid #eee9dc;
  position: absolute;
  left: -50px;
}
.entry:after {
  content: "";
  width: 50px;
  border-top: 2px solid #eee9dc;
  position: absolute;
  left: -50px;
  top: 50%;
  margin-top: 1px;
}
.entry:first-child:before {
  width: 10px;
  height: 50%;
  top: 50%;
  margin-top: 2px;
  border-radius: 10px 0 0 0;
}
.entry:first-child:after {
  height: 10px;
  border-radius: 10px 0 0 0;
}
.entry:last-child:before {
  width: 10px;
  height: 50%;
  border-radius: 0 0 0 10px;
}
.entry:last-child:after {
  height: 10px;
  border-top: none;
  border-bottom: 2px solid #eee9dc;
  border-radius: 0 0 0 10px;
  margin-top: -11px;
}
.entry.sole:before {
  display: none;
}
.entry.sole:after {
  width: 50px;
  height: 0;
  margin-top: 1px;
  border-radius: 0;
}

.label {
    display: block;
    min-width: 84px;
    padding: 0px 4px;
    line-height: 20px;
    text-align: center;
    border: 0px solid #eee9dc;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -18px;
    font-size: 12px;
    color: #b6878f;
}

/*.label a{
	color: #b6878f;
}*/

.label.male a{
	color:#00ADD9;
}

.label.male{
	color:#00ADD9;
}

.cacheGen{
	visibility:hidden;
}
.label,
.branch:before,
.entry:before,
.entry:after,
.entry:last-child:after {
	border-color: rgb(194,213,94) !important;
}

#firstTaureau a{
	color: #00ADD9;
}

@media print {
	
	
	#genealogie {
	  position: relative;
	  font-weight: bold;
	}
	
	.branch {
	  position: relative;
	  margin-left: 180px;
	}
	.branch:before {
	  content: "";
	  width: 10px;
	  border-top: 2px solid #eee9dc;
	  position: absolute;
	  left: -100px;
	  top: 50%;
	  margin-top: 1px;
	}
	
	.entry {
	  position: relative;
	  min-height: 24px;
	}
	.entry:before {
	  content: "";
	  height: 100%;
	  border-left: 2px solid #eee9dc;
	  position: absolute;
	  left: -90px;
	}
	.entry:after {
	  content: "";
	  width: 10px;
	  border-top: 2px solid #eee9dc;
	  position: absolute;
	  left: -90px;
	  top: 50%;
	  margin-top: 1px;
	}
	.entry:first-child:before {
	  width: 10px;
	  height: 50%;
	  top: 50%;
	  margin-top: 2px;
	  border-radius: 10px 0 0 0;
	}
	.entry:first-child:after {
	  height: 10px;
	  border-radius: 10px 0 0 0;
	}
	.entry:last-child:before {
	  width: 10px;
	  height: 50%;
	  border-radius: 0 0 0 10px;
	}
	.entry:last-child:after {
	  height: 10px;
	  border-top: none;
	  border-bottom: 2px solid #eee9dc;
	  border-radius: 0 0 0 10px;
	  margin-top: -11px;
	}
	.entry.sole:before {
	  display: none;
	}
	.entry.sole:after {
	  width: 50px;
	  height: 0;
	  margin-top: 1px;
	  border-radius: 0;
	}
	
	.label {
	    display: block;
	    min-width: 84px;
	    padding: 0px 4px;
	    line-height: 20px;
	    text-align: center;
	    border: 0px solid #eee9dc;
	    border-radius: 5px;
	    position: absolute;
	    left: -80px;
	    top: 50%;
	    margin-top: -10px;
	    font-size: 10px;
	    color: #b6878f;
	}
	
	/*.label a{
		color: #b6878f;
	}*/
	
	.label.male a{
		color:#00ADD9;
	}
	
	.label.male{
		color:#00ADD9;
	}
	
	.cacheGen{
		visibility:hidden;
	}
	.label,
	.branch:before,
	.entry:before,
	.entry:after,
	.entry:last-child:after {
		border-color: rgb(194,213,94) !important;
	}
		
	.branch .lv2 {
    	margin-left: 100px !important;
	}
	
	.branch .lv3 {
	    margin-left: 100px !important;
	}
	
}



@media screen and (max-width: 640px) {

		#genealogie {
	  position: relative;
	  font-weight: bold;
	}
	
	.branch {
	  position: relative;
	  margin-left: 180px;
	}
	.branch:before {
	  content: "";
	  width: 10px;
	  border-top: 2px solid #eee9dc;
	  position: absolute;
	  left: -100px;
	  top: 50%;
	  margin-top: 1px;
	}
	
	.entry {
	  position: relative;
	 /* min-height: 24px;*/
	}
	.entry:before {
	  content: "";
	  height: 100%;
	  border-left: 2px solid #eee9dc;
	  position: absolute;
	  left: -90px;
	}
	.entry:after {
	  content: "";
	  width: 10px;
	  border-top: 2px solid #eee9dc;
	  position: absolute;
	  left: -90px;
	  top: 50%;
	  margin-top: 1px;
	}
	.entry:first-child:before {
	  width: 10px;
	  height: 50%;
	  top: 50%;
	  margin-top: 2px;
	  border-radius: 10px 0 0 0;
	}
	.entry:first-child:after {
	  height: 10px;
	  border-radius: 10px 0 0 0;
	}
	.entry:last-child:before {
	  width: 10px;
	  height: 50%;
	  border-radius: 0 0 0 10px;
	}
	.entry:last-child:after {
	  height: 10px;
	  border-top: none;
	  border-bottom: 2px solid #eee9dc;
	  border-radius: 0 0 0 10px;
	  margin-top: -11px;
	}
	.entry.sole:before {
	  display: none;
	}
	.entry.sole:after {
	  width: 50px;
	  height: 0;
	  margin-top: 1px;
	  border-radius: 0;
	}
	
	.label {
	    display: block;
	    min-width: 84px;
	    padding: 0px 4px;
	    line-height: 20px;
	    text-align: center;
	    border: 0px solid #eee9dc;
	    border-radius: 5px;
	    position: absolute;
	    left: -80px;
	    top: 50%;
	    margin-top: -18px;
	    font-size: 10px;
	    color: #b6878f;
	}
	
	/*.label a{
		color: #b6878f;
	}*/
	
	.label.male a{
		color:#00ADD9;
	}
	
	.label.male{
		color:#00ADD9;
	}
	
	.cacheGen{
		visibility:hidden;
	}
	.label,
	.branch:before,
	.entry:before,
	.entry:after,
	.entry:last-child:after {
		border-color: rgb(194,213,94) !important;
	}
		
	.branch .lv2 {
    	margin-left: 100px !important;
	}
	
	.branch .lv3 {
	    margin-left: 100px !important;
	}

}