body, #wrapper
{
    background-color: #ccc;
}

img
{
    border          : 0;
}

a
{
    text-decoration : none;
}

#wrapper
{
    width           : 800px;
    height          : 420px;
    margin          : 30px 0 0 200px;
    background      : url(../img/fond.jpg) 0 0 no-repeat;
}

#errors
{
    color           : #f00;
}

#bien_envoye, #couriel_form
{
    position        : absolute;
    left            : 30px;
    top             : 30px;
    padding         : 0.8em;
    width           : 350px;
    border          : 1px solid #777;
    font-size       : 10px;
    display         : none;
    background-color: #eee;
    font-family     : verdana, 'sans serif';
}

#bien_envoye
{
    height          : 50px;
}

#couriel_form
{
    height          : 350px;
}

#couriel_form #fermer_ce_formulaire, #bien_envoye #fermer_cette_fenetre
{
    cursor          : pointer;
    margin          : 10px 0 0 0;
    font-style      : italic;
    font-size       : 10px;
    font-family     : verdana, 'sans serif';
    text-align      : center;
}

#couriel_form #votre_couriel
{
    width           : 100%;
    font-family     : verdana, 'sans serif';
    font-size       : 10px;
}

#couriel_form #sujet
{
    width           : 100%;
    font-family     : verdana, 'sans serif';
    font-size       : 10px;
}

#couriel_form #message
{
    width           : 100%;
    height          : 200px;
    margin          : 5px 0 20px 0;
    font-family     : verdana, 'sans serif';
    font-size       : 10px;
}

#couriel_form #submit_form, #couriel_form #reset_form
{
    cursor          : pointer;
}
/*************************/

#couriel, #couriel:hover
{
    position        : relative;
    float           : left;
    margin-top      : 220px;
    width           : 200px;
    height          : 25px;
}

#couriel
{
    background      : url(../img/couriel.jpg) 0 0 no-repeat;
}

#couriel:hover
{
    background      : url(../img/couriel_over.jpg) 0 0 no-repeat;
}

#services, #services:hover
{
    position        : relative;
    float           : left;
    clear           : both;
    margin-top      : 60px;
    width           : 290px;
    height          : 25px;
}

#services 
{
    background      : url(../img/services.jpg) top left no-repeat;
}

#services:hover 
{
    background      : url(../img/services_over.jpg) top left no-repeat;
}

#docenstock, #docenstock:hover
{
    position        : relative;
    float           : left;
    clear           : both;
    margin-top      : 3px;
    width           : 500px;
    height          : 25px;
}

#docenstock
{
    background      : url(../img/docenstock.jpg) top left no-repeat;
}

#docenstock:hover
{
    background      : url(../img/docenstock_over.jpg) top left no-repeat;
}