.annuaire-container {
    display : flex;
    margin-bottom : 32px;
}
.annuaire {
    flex-grow : 1;
    width : 0;
    overflow-x : scroll;
    overflow-y : hidden;
}
.annuaire::-webkit-scrollbar {
    display : none;
}
.annuaire .edit {
    width : 40px;
    height : 40px;
    margin-left : auto;
}
.annuaire .row {
    display : flex;
    height : 32px;
    align-items : center;
    flex-direction : row-reverse;
    justify-content : left;
}
.annuaire .row-header {
    font-weight : 600;
    flex-direction : row;
}
.nom, .prénom, .statut, .équipe {
    width : 150px;
    flex-shrink : 0;
}
.annuaire-edit {
    height : 0;
    overflow : hidden;
    transition : height 0.24s;
}
.annuaire-menu {
    width : fit-content;
    display : flex;
    flex-direction : column;
    margin-left : auto;
    align-items : flex-end;
}
.annuaire-menu a {
    display : flex;
    align-items : center;
    flex-direction : row-reverse;
    color : #808080;
    fill : #808080;
    transition : fill, color 0.24s;
    cursor : pointer;
}
.annuaire-menu a:hover {
    fill : #404040;
    color : #404040;
}
.annuaire-menu svg {
    margin : 10px;
}
.member-row {
	display : flex;
	height : 32px;
	align-items : center;
	color: #404040;
	min-width : auto;
}
.member-row a{
	display : flex;
	min-width : auto;
}
.edit:hover + .member-row, 
.member-row:hover {
	background-color : #F0F0F0;
}
