#chat-p3x { max-width: 600px; margin: auto; font-family: Arial; }
#message { height: 300px; overflow-y: scroll; border: 1px solid #ccc; padding: 5px; border-radius: 5px; background: #f3f2f7; }
#utilisateur { list-style: none; padding: 0; height: 100px; overflow-y: scroll; border: 1px solid #ccc; border-radius: 5px; background: #f3f2f7; margin-bottom: 10px; }
.utilisateur { padding: 5px; font-size: 0.9em; color: #3e3e3e; cursor: default; }
.utilisateur:nth-child(2n+2) { background-color: #fff; }
#send { width: 100%; padding: 5px; border-radius: 5px; border: 1px solid #ccc; box-sizing: border-box; }
.button { cursor: pointer; padding: 10px 15px; font-weight: bold; border-radius: 5px; color: #fff; border: none; background: #3e679b; }
.button:hover { background: #5980B8; }
.clear { clear: both; }