.contenu_individu {
	width:80% !important;
	margin:auto;
	}
	
.contenu_arbre {
	width:100%;
	overflow-x:scroll;
	padding-bottom:160px;
	}
	
.zone_arbre {
	position:relative;
	left:0;
	}

.case {
	/* border:2px solid #555555; */
	padding:10px;
	width:220px;
	position:relative;
	margin:10px;
	display:inline-block;
	color:#555555;
	background-color:#FFFFFF;
	border:1px solid #555555;
	}
	
.case.complet {
	width:auto;
	min-width:250px;
	display:inline-block;
	border-left-width:5px !important;
	border-right-width:2px !important;
	}
	
.case .sosa {
	position:absolute;
	top:10px;
	right:10px;
	font-size:0.7em;
	font-weight:500;
	width:70px;
	text-align:right;
	}
	
.case:not(.complet) {
	text-align:center;
	border-bottom-width:5px !important;
	border-top-width:2px !important;
	}
	
.case.sexe0.color_valid {
	background-color:#FFB3CB;
	}
	
.case.sexe0,
.case.sexe0 hr {
	border-color:#FF0C58;
	}
	
.case.sexe0 .nom {
	color:#FF0C58;
	}
	
.case.sexe0 .nom_epoux {
	color:#3C7AB3;
	}
	
.case.sexe1.color_valid {
	background-color:#A7DEFF;
	}
	
.case.sexe1,
.case.sexe1 hr {
	border-color:#3C7AB3;
	}
	
.case.sexe1 .nom {
	color:#3C7AB3;
	}
	
.case.sexe1 .nom_epoux {
	color:#FF0C58;
	}
	
.case.no_valid {
	background-color:#FFFFFF !important;
	}
	
.case.lock {
	border-color:#AAAAAA;
	background-color:#AAAAAA;
	height:50px;
	}
	
.case.lock img {
	width:20px;
	}
	
.masqued {
	color:#AAAAAA;
	background-color:#AAAAAA;
	line-height:1em;
	display:inline-block;
	}
	
.masqued img {
	height:1em;
	}
	
.case p {
	margin:0;
	}
	
.case .nom {
	font-weight:bold;
	}

.case .profession {
	font-style:italic;
	}

.case.complet .date,
.case.complet .note {
	text-align:left;
	}
	
.case .nom {
	font-weight:bold;
	}

.case .profession {
	font-style:italic;
	}

.case.complet .nom,
.case.complet .profession,
.case.complet .date {
	padding-right:75px;
	}
	
.case .nom_epoux {
	font-weight:bold;
	}
	
.case .valid {
	font-size:0.7em;
	position:absolute;
	bottom:5px;
	right:5px;
	}
	
.case .edit {
	height:100%;
	background-color:#F45F0B;
	position:absolute;
	top:0;
	right:0;
	width:45px;
	text-align:center;
	line-height:100%;
	display:none;
	}
	
	
.case:hover .edit {
	display:block;
	}
	
.case .edit img{
	width:25px;
	margin-top:5px;
	}
	
.case .medailles {
	text-align:center;
	margin-top:10px;
	}
	
.case .medailles img {
	width:50px;	
	margin:0 5px;
	}
	
.titre_sources {
	margin-bottom:0;
	}
	
.list_sources {
	margin-top:0;
	padding-left:50px !important;
	}
	
.list_sources li {
	list-style-type: disc !important;
	}
	
.arbre tr {
	border:none;
	}
	
.arbre td {
	text-align:center;
	padding:0;
	}
	
.zone_cases_arbre {
	text-align:center;
	}
	
.zone_cases_arbre > * {
	vertical-align:top;
	}
	
.zone_button {
	text-align:right;
	width:80vw;
	margin:auto;
	margin-bottom:20px;
	}
	
.zone_button .button {
	margin-left:20px;
	}
	
.filiation {
	width:100px;
	height:100px;
	background-color:#FFFFFF;
	margin-left:10px;
	border:1px solid #555555;
	border-left-width:5px !important;
	border-right-width:2px !important;
	background-size:100% 100%;
	display:inline-block;
	}
	
.filiation img {
	width:25px;
	margin-top:60px;
	margin-left:50px;
	}
	
.buttons_arbres_generation {
	text-align:center;
	width:100%;
	position:fixed;
	background-color:#FFFFFF;
	width:100vw;
	bottom:0;
	left:0;
	height:160px;
	}
	
.buttons_arbres_generation a {
	margin:20px 15px;
	width:120px;
	height:120px;
	text-align:center;
	display:inline-block;
	background-color:#f0f0f0;
	border-radius:10px;
	font-weight:bold;
	color:#5e606c;
	font-size:0.8em;
	}
	
.buttons_arbres_generation img {
	width:50px;
	margin:20px;
	margin-bottom:0;
	}

#individu_map {
	margin-top:50px;
	height: 600px;
	width: 100%;
	}