/*
    Document   : design_admin_connexion
    Created on : 22 octobre 2010, 12:08:03
    Author     : Nelth
    Description:
        Graphisme de la page de connexion du Centre d'Administration NelthCorp.
*/

/* Réinitialisation */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: 0; }

/* Coeur du Graphisme */
body {
    background-color: #f6f6f6 ;
}
em {
    font-style: italic;
}

/* Haut du site - Logo */
#bloc_haut {
    height: 154px;
    background-image: url("design/texture_haut_connexion.png");
    background-repeat: repeat-x;
}
#bloc_logo {
    text-align: center;
}
/* Haut du site - Header */
#fond {
    margin: auto;
    margin-top: -5px;
    margin-bottom: 0px;
    padding-top : 5px;
    width: 950px;
    height: 381px;
    background-image: url("design/fond_connexion.jpg");
    background-repeat: no-repeat;
}
#header {
    text-align: center;
    font-size: 11px;
    font-family: Verdana, serif;
    font-weight: bold;
    color: black;
}
#header a, #header a:focus, #header a:active, #header a:visited {
    text-decoration: none;
    color: black;
}
#header a:hover {
    color: #9a9a9a;
}

/* Centre du site */
.formulaire {
    width: 379px;
    height: 165px;
    margin: auto;
    margin-top: 20px;
    background-image: url("design/cadre_connexion.png");
    background-repeat: no-repeat;
}
table {
    margin-top: 10px;
}
td {
    padding: 5px;
}
label {
    font-size: 18px;
    font-family: "Book antiqua", Verdana, serif;
    font-weight: bold;
    color: #9a9a9a;
    padding-left: 40px;
}
legend {
    font-size: 28px;
    font-family: "Book antiqua", Verdana, serif;
    font-weight: bold;
    color: #9a9a9a;
    padding-top: 7px;
    padding-left: 15px;
}
.champs {
    font-size: 18px;
    font-family: "Book antiqua", Verdana, serif;
    font-weight: bold;
    color: black;
    border: #9a9a9a 1px solid;
}
.bouton {
    width: 75px;
    height: 53px;
    background-color: transparent ;
    border: none;
    background-image: url("design/sprite_connexion.png");
    background-repeat: no-repeat;
    background-position : top center;
    margin-left: 300px;
    margin-top: -30px;
}
.bouton:hover {
    background-position : center center;
}
.bouton:active {
    background-position : bottom center;
}
.mdp_oubli {
    font-size: 10px;
    color: #9a9a9a;
    font-family: "Book antiqua", Verdana, serif;
    font-weight: bold;
    padding-left: 25px;
}
.mdp_oubli a, .mdp_oubli a:focus, .mdp_oubli a:active, .mdp_oubli a:visited {
    text-decoration: none;
    color: #9a9a9a;
}
.mdp_oubli a:hover {
    color: black;
}
.avertissement {
    font-size: 18px;
    color: #d23838;
    font-family: "Book antiqua", Verdana, serif;
    font-weight: bold;
    text-align: center;
    margin-top: -20px;
}
/* Bas du site */
#footer {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 0px;
    width: 950px;
    text-align: center;
    font-size: 10px;
    font-family: Verdana, serif;
    color: #9a9a9a;
}
#footer a, #footer a:focus, #footer a:active, #footer a:visited {
    text-decoration: none;
    font-weight: bold;
    color: black;
}
#footer a:hover {
    color: #9a9a9a;
}
.separateur_bas {
    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 255px;
    height: 7px;
    background-image: url("design/separateur_bas_connexion.png");
    background-repeat: no-repeat;
}