.form
{
    position: relative;
    display: block;
    margin-top: 0;
}
.form .two-boxes .box
{
    width: 420px;
    float: left;
}
.form .two-boxes .box + .box
{
    float: right;
}
.form .box
{
    padding-bottom: 10px;
    vertical-align: baseline;
    border: none !important;
}
input[type="text"],
textarea,
#envoi
{
    position: relative;
    display: block;
    width: 100%;
    height: 30px;
    padding: 0 10px;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    box-shadow:0px 1px 0px #fff, inset -3px 0 0 #f2f2f2;
    vertical-align: middle;
    font-size: 15px;
    color: #333;
    outline: none;
    resize: none;
    box-sizing: border-box;
    transition:all 0.23s;
}
textarea
{
    height:90px;
    padding:10px;
}
#envoi
{
    border:1px solid #437062;
    background-color:#5e9d89;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    font-size:15px;
    height:45px;
    line-height:45px;
    text-shadow:0px -1px 0px rgba(0,0,0,0.4);
    box-shadow:0px 1px 0px #fff;
}
#envoi:hover,
#envoi:focus
{
    background-color:transparent;
    color:#437062;
    text-shadow:0 1px 0 #fff;
}
input[type="text"]:hover,
textarea:hover
{
    box-shadow:0px 1px 0px #fff, inset 3px 0 0 #5e9d89;
    border:1px solid #5e9d89;
}
.two-boxes input[type="text"]:focus
{
    box-shadow:0px 1px 0px #fff, inset 500px 0 0 #5e9d89;
    color:#fff;
    border:1px solid #437062;
}
textarea:focus,
input[type="text"]:focus
{
    box-shadow:0px 1px 0px #fff, inset 1005px 0 0 #5e9d89;
    color:#fff;
    border:1px solid #437062;
}
input:focus:placeholder,
textarea:focus:placeholder {
    color: #34584d;
}
.cb
{
    clear:both;
}
.center
{
    text-align:center;
}
#copyMailLabel
{
    text-align: right;
    font-size: 14px;
}
#copyMail
{
    margin-left: 0;
    height: 15px;
}
.msg
{
    font-family: 'Open Sans Condensed', sans-serif;
    color: #6e4e32;
    font-size: 16px;
}
@media (max-width: 850px)
{
    .form .two-boxes .box
    {
        width: auto;
    }
}