@import url("general.css");

/* Tout le tableau des images et du texte */

#tableau{
    display: flex;
    justify-content: space-around;
    align-items: baseline;
    text-align: center;
    max-width: 100%;
}


.personnages a{
    text-decoration: none;
}

/* Les images*/

.personnages{
    list-style-type: none;
    font-size: 2em;
    text-align: center;
    background-color: rgba(255, 255, 255, .2);
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.personnages a:hover {
    opacity: 0.6;
}

/* Le texte sous les images */

.img-text{
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: black;
    display: block;
    font-weight: bold;
    text-decoration: none;
    width: 450px;
}

.invisible{
    color: rgba(0, 0, 0, 0);
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 5em;
    cursor: default;
}

#nbrArticles{
    text-align: center;
    margin-bottom: 2em;
    background-color: rgba(255, 255, 255, .2);
    font-size: 2.1em;
}

/* Informations déroulantes */

.plusInfo {
    display: none;
    width: fit-content;
}

.boutonPlusInfo {
    cursor: pointer;
    display: block;
    font-weight: bolder;
}

.voirPlus .plusInfo{
    display: inline;
    height: auto;
}