

#dropDownMenuCarte {
    right: inherit;
    max-width: 100%;
    width:600px;
}
/* hauteur du menu : calcul dynamique
#dropDownMenuCarte .yamm-content {
    height: calc(100vh - 40px);
} */


/* Accordion */
#accordion {
    background: #EBEBEB;
    margin-bottom: 0px;
    padding: 0 15px;
    /* si impossible d'afficher toutes les entrées : ex. mobile horizontal */
    overflow: auto;
}

#accordion .panel {
    background-color: transparent;
    box-shadow: none;
}
#accordion .panel-default {
    border: none;
    border-bottom: 1px solid #ccc;
}
#accordion .panel-default:last-of-type {
    border-bottom: 1px solid #EBEBEB;
}
#accordion .panel-default.active {

}
#accordion .panel-heading {
    cursor: pointer;
    background-color: transparent;
    padding: 8px 0;
}
#accordion .panel-title {
    font-weight: 700;
    color: #222;
    text-transform: uppercase;
}
#accordion .collapse.in {
    overflow-y: auto;
    border-bottom: 1px solid #888;
}
#accordion .panel:last-of-type .collapse.in {
    border-bottom: none;
}

/* corection */
#accordion.panel-group .panel {
    border-radius: 0;
}
#accordion.panel-group .panel+.panel {
    margin: 0;
}
#accordion .panel-default .panel-body {
    border: none;
}

/* marge entre les cartes */
.ListeDesCartes .item {
     cursor: pointer;
     margin-bottom: 15px;
}
.ListeDesCartes .item:last-child {
     margin-bottom: 0;
}
/* contenu de la liste */
.ListeDesCartes .item .name {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2em;
    color: #444;
}
.ListeDesCartes .item .summary {
    line-height: 1.2em;
}
.ListeDesCartes .item .update {
    color: #666;
    font-weight: 700;
    font-size: 0.8em;
}
.ListeDesCartes .item .credit {
    font-size: 0.8em;
}
.ListeDesCartes .vignetteCarte {
    padding: 0;
    padding-right: 66px;
}
.ListeDesCartes .vignetteCarte div.thumb {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    overflow: hidden;
}
.ListeDesCartes .item.active .vignetteCarte div.thumb {
    border: 2px solid #E41600;
    background: white;
}
.ListeDesCartes .item.active .vignetteCarte div.thumb div {
    border-radius: 50%;
    margin: 3px;
    width: 60px;
    height: 60px;
    overflow: hidden;
}
.ListeDesCartes .item .vignetteCarte img {
    margin: -30%;
}

.ListeDesCartes .item:hover .vignetteCarte img {
    -webkit-filter: brightness(70%) ;
    -moz-filter: brightness(70%);
    -o-filter: brightness(70%);
    -ms-filter: brightness(70%);
    filter: brightness(70%);
}




