input,
textarea {
    margin: 8px 0;
    padding: 0 5px;
    border: 1px solid #ccc;
    background: none;
    border-radius: 5px;
    color: #bbb;
    box-sizing: border-box;
}

input:focus,
textarea:focus {
    outline: none;
    border: 1px solid #fff;
}

ul.messages {
    position: relative;
    margin-bottom: 20px;
}

.invalide:focus {
    outline: 1px solid red;
}

.invalide,
.invalide:focus {
    border: 1px solid red;
}