#menu

a:hover {
    border-bottom: var(--mine-primary-color) solid 3px;
}

a.active {
    font-weight: bold;
    border-bottom: var(--mine-primary-color) solid 3px;
}


#mylist {

li {
    list-style-type: none;
}

li:before {
    content: '\f006';
    font-family: FontAwesome;
    margin-left: 1px;
    margin-right: 1px;
}

}

.thumbnail:hover {
    background-color: white;
    opacity: 0.75;
}




.boxshadow {

    box-shadow: 5px 5px 5px #333333;
}

.infobulle {
    position: relative;  /* les .infobulle deviennent référents */
    cursor: help;
}

/* on génère un élément :after lors du survol et du focus :*/

.infobulle:hover::after,
.infobulle:focus::after {
    content: attr(aria-label);  /* on affiche aria-label */
    position: absolute;
    top: -14em;
    left: 50%;
    background-color: ivory;
    transform: translateX(-50%); /* on centre horizontalement  */
    padding: 4px 4px;
    color: #333333;
    border-radius: 10px;
    border: 1px solid #333333;
    font-size: 0.7rem;
    width:400px;

}