.conversation {
    max-width: 40em;
}
.conversation .discussion {
    max-height: 30em;
    overflow-y: scroll;
    display: flex;
    flex-flow: column nowrap;
}
.conversation .message {
    display: inline-block;
    /* clear: both; */
    max-width: calc(100% - 5em);
    min-width: 16em;
    width: auto;
    margin: 0.2em;
    padding: 0.5em;
    margin-top: 0.5em;
    border-radius: 0.5em;
}
.conversation .message.gauche {
    align-self: flex-start;
    margin-right: 5em;
    background-color: #D1F1FF;
}
.conversation .message.droite {
    align-self: flex-end;
    margin-left: 5em;
    background-color: #D3F5CC;
}
.conversation .message .nom {
    font-size: 0.9em;
}
.conversation .message .heure {
    font-size: 0.9em;
}
.conversation .message.gauche .nom,
.conversation .message.gauche .photo,
.conversation .message.gauche .icone_suppr,
.conversation .message.gauche .texte,
.conversation .message.droite .heure, {
    float: left;
}
.conversation .message.droite .nom,
.conversation .message.droite .photo,
.conversation .message.droite .icone_suppr,
.conversation .message.droite .texte,
.conversation .message.gauche .heure {
    float: right;
}
.conversation .message.gauche .texte {
    text-align: left;
}
.conversation .message.droite .texte {
    text-align: right;
}
.conversation .message.gauche .photo .vignette_util {
    margin: -0.1em 0.4em 0.2em -0.2em;
}
.conversation .message.droite .photo .vignette_util {
    margin: -0.1em -0.4em 0.2em 0.5em;
}
.conversation .message.gauche .icone_suppr {
    margin: -0.2em 0.5em 0.2em -0.5em;
}
.conversation .message.droite .icone_suppr {
    margin: -0.2em -0.5em 0.2em 0.5em;
}
.conversation .message .texte {
    width: 100%;
    margin-top: 0.2em;
    padding-top: 0.2em;
    border-top: 1px solid #ccc;
    white-space: pre-line;
}
.conversation .date {
    width: 100%;
    text-align: center;
    padding: 0.5em;
    margin: 0 auto;
    border-top: 1px solid #ddd;
}
.conversation .statut {
    width: 100%;
    text-align: center;
    font-style: oblique;
    padding: 0.5em;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
}
.conversation .icone_update {
    width: 100%;
    text-align: center;
}