.titre{
    display : flex;
    flex-direction : column;
}
 
header{
    display : flex ;
    justify-content: space-between;
    align-items: center;
}

.titre p,
.titre, h1 {
    margin : 0;
}

main{
    display: flex;
    border : black 1px solid ;
}

aside{
        border : black 1px solid ;
        padding : 1em;

}
ul {
    padding-left : 0;
}
.chat{
    display:flex;
    flex-direction: column;
    padding : 1em;
}

.message {
    border : black 1px solid;
    border-radius : 0.5em;
    margin : 1em;
    padding : 0.5em;
}

.fa-solid {
    font-size : 10px;
}

li button,
h3 button
{
    padding : 0 0.5em;
}

button:hover {
    cursor: pointer;
}
.erreur{
    color:red;
}

.cat, .sal
{
    display:flex;
    align-items: center;
    justify-content: space-between;
}


h3{
    margin-right : 1em;
}