.conversations {
    max-width: 40em;
}
.conversations .discussion {
    max-height: 30em;
    overflow-y: scroll;
}
.conversations .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;
}
.conversations .message.gauche {
    float: left;
    background-color: #D1F1FF;
}
.conversations .message.droite {
    float: right;
    background-color: #D3F5CC;
}
.conversations .message .nom {
    font-size: 0.9em;
}
.conversations .message .heure {
    font-size: 0.9em;
}
.conversations .message.gauche .nom,
.conversations .message.gauche .photo,
.conversations .message.gauche .icone_suppr,
.conversations .message.gauche .texte,
.conversations .message.droite .heure, {
    float: left;
}
.conversations .message.droite .nom,
.conversations .message.droite .photo,
.conversations .message.droite .icone_suppr,
.conversations .message.droite .texte,
.conversations .message.gauche .heure {
    float: right;
}
.conversations .message.gauche .texte {
    text-align: left;
}
.conversations .message.droite .texte {
    text-align: right;
}
.conversations .message.gauche .photo .vignette_util {
    margin: -0.1em 0.4em 0.2em -0.2em;
}
.conversations .message.droite .photo .vignette_util {
    margin: -0.1em -0.4em 0.2em 0.5em;
}
.conversations .message.gauche .icone_suppr {
    margin: -0.2em 0.5em 0.2em -0.5em;
}
.conversations .message.droite .icone_suppr {
    margin: -0.2em -0.5em 0.2em 0.5em;
}
.conversations .message .texte {
    width: 100%;
    margin-top: 0.2em;
    padding-top: 0.2em;
    border-top: 1px solid #ccc;
}
.conversations .date {
    clear: both;
    width: 100%;
    text-align: center;
    margin-top: 0.5em;
    border-top: 1px solid #ddd;
}
.conversations .icone_update {
    width: 100%;
    text-align: center;
}