p {
    color:#E9EAE8;
    font-family:Arial, Helvetica, sans-serif;
    text-align:center;
    font-size:17px;
    text-shadow: 2px 2px 5px #000;
    margin: 0
}
#contenu {
    width:600px;
    position:relative;
    left: 230px;
    top: 30px;
}
form{
    color:#E9EAE8;
    font-family:Arial, Helvetica, sans-serif;
    text-align:center;
    font-size:17px;
    text-shadow: 2px 2px 5px #000;
    margin-top: 20px;
}
form div{
    margin-bottom: 10px;
}
#nom{
    display: inline-block;
    position: absolute;
    left: 0;
    width: 276px;
}
#mail{
    display: inline-block;
    position: relative;
    left: 162px;
    width: 276px;
    display: inline-block;
}
#submit{
    position: absolute;
}
label{
    display: block;
    text-align: left;
}
input, textarea{
    border: 1px solid #D9E1E7;
    padding: 10px;
    border-radius: 4px;
    width: 100%;
}
textarea{
    width: 100%
}
input:focus:invalid, textarea:focus:invalid{
    border-color: #F00;
    box-shadow: #dd5252 0 0 5px;
    transition-duration: 0.5s;
}
input:focus:valid, textarea:focus:valid{
    border-color: #95c93f;
    box-shadow: #95c93f 0 0 5px;
    transition-duration: 0.5s;
}
#contenu a{
   text-decoration: none; 
}
#contenu a p{
    color: #302929;
    text-shadow: none;
}
#contenu a p:hover{
    color: #d9cccc;
}
.red{
    color: #D00;
}