.resume {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.resume>a {
    width: 250px;
    border: 1px solid #ffffff;
    border-radius: 25px;
/*--------------------*/    
/*-*/height: 400px;/*-*/
/*--------------------*/    
    margin: 10px;
    overflow: hidden;
    text-align: center;
    background-color: rgba(1, 1, 1, 30%);
}

#histoire,
#les-jeux,
#manga-anime,
#les-cartes,
#mon-avis {
    width: 100%;
    border-bottom: 2px dashed #ffffff;
}

.titre {
    color: #ffffffbf;
    font-size: medium;
    font-weight: bold;
    border-bottom: 1px dashed #ffffff;
}

.bref-resu, .bref-resu+p {
    font-weight: normal;
    text-align: justify;
    color: #9b9b9b;  
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0;  
}

.resume>a:hover {
    transform: scale(1.1);
    box-shadow: 4px 4px 3px 3px rgba(45, 45, 45, 0.3);
}