
#divContact{
    width: 90%;
    
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 1em;
    font-size: 90%;
    
    border: solid 1px #666666;
    border-collapse: separate;
    
    background: -webkit-linear-gradient(#FFFFFF, #8B7F77);
    background: -moz-linear-gradient(#FFFFFF, #8B7F77);
    background: -ms-linear-gradient(#FFFFFF, #8B7F77);
    background: -o-linear-gradient(#FFFFFF, #8B7F77);
    background: linear-gradient(#FFFFFF, #8B7F77);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#8B7F77', GradientType=0);
    
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
}

#divContact form fieldset:first-child p:first-child {
    padding-top: 20px;
    padding-bottom: 10px;
}

#divContact form fieldset {
    padding-bottom: 10px; border: solid;
}

#divContact form fieldset p {
    padding-bottom: 4px;
}

@media (min-width: 701px)
{
    
}

@media (min-width: 0px) and (max-width: 700px)
{
    
}

#contact fieldset{
    margin-top: 1em;
}

#divContact legend{
    font-weight: bolder;
}

#divContact textarea{
    width: 70%;
}

#divContact fieldset input{
    width: 70%;
}

#divContact p label{
    margin-right: 10px;
    font-size: 90%;
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

#mailOk, #mailNOk, #mailErreur{
    font-size: 110%;
    font-weight: bolder;
}

#mailOk{
    color:#03CA0B;
}

#mailNOk, #mailErreur{
    color:#E91D25;
}

#echecASpam, #infoErreur{
    color:#E91D25;
    font-weight: bolder;
    margin-left: 1em;
}

#btnEnvoie{
    width: 15em;
    height: 2em;
    font-weight: bold;
    margin-top: 3px;
    
    background: -webkit-linear-gradient(#FFFFFF, #7F87EE);
    background: -moz-linear-gradient(#FFFFFF, #7F87EE);
    background: -ms-linear-gradient(#FFFFFF, #7F87EE);
    background: -o-linear-gradient(#FFFFFF, #7F87EE);
    background: linear-gradient(#FFFFFF, #7F87EE);
    
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
}

#btnEnvoie:hover{
    background: -webkit-linear-gradient(#EEF1F3, #8E91B9);
    background: -moz-linear-gradient(#EEF1F3, #8E91B9);
    background: -ms-linear-gradient(#EEF1F3, #8E91B9);
    background: -o-linear-gradient(#EEF1F3, #8E91B9);
    background: linear-gradient(#EEF1F3, #8E91B9);
}

#btnEnvoie:active{
    background: -webkit-linear-gradient(#FFFFFF, #A3A4A7);
    background: -moz-linear-gradient(#FFFFFF, #A3A4A7);
    background: -ms-linear-gradient(#FFFFFF, #A3A4A7);
    background: -o-linear-gradient(#FFFFFF, #A3A4A7);
    background: linear-gradient(#FFFFFF, #A3A4A7);
}

#section1 {
    height: auto;
}
