.animaux {
	position: fixed;
	z-index: 1000;
	color: #bfbebe;
	border: 1px solid #0090C0;
	top: 4em;
	background-color: #303030;
	min-width: 10em;
}
.animaux.tags {
	min-width: 18em;
}

.animaux header {
	width : 100% ;
	padding : 0.2em 0 0.2em 0.2em ;
	box-sizing: border-box;
	text-align: center;
	border-bottom: 0.5px solid #0090C0;
	padding: 0.5em 0;
}
.animaux > ul {
	list-style: none;
	padding : 0 ;
	padding: 0 1em;
	max-height: calc(100vh - 10em);
	overflow-y: auto;
	
}

.animaux li {
	list-style: none;
	padding : 0 ;
	white-space : nowrap;
	min-width: 12em;
}
.animaux li:hover {
	background-color : #014055 ;
}

.animaux li:not(:last-child) {
    margin-bottom: 5px;
}

.animaux li .symbolIcon {
	margin-right : 0.5em ;
}

.animaux li .symbolIcon.male {
	color : #0090C0 ;
}

.animaux li .symbolIcon.female {
	color : pink ;
}

.animaux li .symbolIcon.other {
	color : violet ;
}
.animaux li img {
  max-width: 1em;
  max-height: 1em;
}

.animaux li .datesAnimal {
	user-select : none ;
}

.animaux li a {
	color: inherit !important;
}

.editionPersonne img.identite {
	height: 3em;
	float: right;
	margin-right: 1em;
	width: auto;
	margin-left: 0;
	transition: none;
	position: relative;
	top: 5px;
	border: 1px solid #606060;
}

.imageAnimal {
  position: fixed;
  top: 1em;
  left: 20em;
  max-width: calc(100vw - 22em);
  max-height: calc(100vh - 10em);
  z-index: 10000000;
}

.imageAnimal header {
	background-color : #0090C0 ;
	color : white ;
	font-weight : 900 ;
	padding: 0.5em 1em;
	border-top-right-radius: 1em;
	border-top-left-radius: 1em;
}

.imageAnimal img {
  max-width: calc(100vw - 30em);
  max-height: calc(100vh - 5em);
  border: 2px solid #0090C0;
}

li[typeLieu="L"] {
	padding-left: 2em;
}