/****************** Règles pour affichage standard (écran, sans couleurs) ******************/

body {
    background-color : white;
    padding-left : 2em;
    padding-bottom : 1em;
    border-color : #ccc;
}
ul {
    margin : 0;
    padding : 0;
}
#banniere {
    height : 120px;
    background : #bcbcbc url(images/nb_banniere.gif) no-repeat;
}
#degrade {
    display : none;
}


/* Navigation */

#boutons {
    background : url(images/nb_degrade-droite.jpg) repeat-y;
    background-position : right;
    height : 120px;
    padding : 0;
    margin : 0;
    width : 100%;
}
#boutons ul {
    position : relative;
    top : 94px;
    float : left;
    list-style-type : none;
    margin-left : 10px;
}
#boutons li {
    display : block;
    float : left;
    height : 25px;
    border-bottom : 1px solid #bcbcbc;
}
#boutons .current {
    border-color : white;
}
#boutons .sep { width : 10px; }
#boutons a, #boutons .title, #boutons .gauche, #boutons .droite {
    margin : 0;
    padding : 0;
    display : block;
    float : left;
    height : 25px;
    color : black;
}
#boutons .gauche, #boutons .droite { width : 10px; }
#boutons a {
    text-decoration : none;
}
#boutons .title { background : url(images/out-milieu.gif) repeat-x; }
#boutons .gauche { background : url(images/out-gauche.gif) no-repeat; }
#boutons .droite { background : url(images/out-droite.gif) no-repeat; }
#boutons a:hover .title { background : url(images/over-milieu.gif) repeat-x; }
#boutons a:hover .gauche { background : url(images/over-gauche.gif) no-repeat; }
#boutons a:hover .droite { background : url(images/over-droite.gif) no-repeat; }
#boutons .current .title, #boutons .current a:hover .title { background : url(images/nb_current-milieu.gif) repeat-x; }
#boutons .current .gauche, #boutons .current a:hover .gauche { background : url(images/nb_current-gauche.gif) no-repeat; }
#boutons .current .droite, #boutons .current a:hover .droite { background : url(images/nb_current-droite.gif) no-repeat; }



/* Contenu */

#contenu {
    padding : 1em;
    padding-right : 3em;
    border-left : 2px solid #999;
}
#contenu a {
    color : black;
    text-decoration : none;
    border-bottom : 1px dotted;
}
#contenu a:hover {
    border-bottom : 1px solid;
}
#contenu a:active, #contenu a:focus {
    border : 2px solid;
}
#contenu ul {
    margin-left : 3em;
    list-style-image : url(images/nb_puce1.gif);
}
#contenu ul ul {
    list-style-image : url(images/nb_puce2.gif);
}
.footer {
    display : block;
    width : 100%;
    text-align : center;
    margin : 0;
}
ul.footer {
    padding-top : 10px;
    background : url(images/degrade-bas.gif) no-repeat;
    list-style-type : none;
}
ul.footer li {
    display : inline;
    margin : 5px;
}
.footer img {
    opacity : 0.50;
}
.footer a {
    border : none;
}
table, .login {
    border : 1px solid;
    padding : 0.5em;
}
.login {
    margin : 0.5em;
    padding : 0.5em;
    width : 18em;
    text-align : center;
}
.login label span {
    display : block;
    width : 8em;
    float : left;
    text-align : right;
}
.login input {
    width : 8em;
}
.float-left {
    float : left;
}
.float-right {
    float : right;
}
.center {
    margin : auto;
}
h1,h2,h3,h4,h5,h6 { margin : 0.5em; }
h1 { margin-left : 2em; }
h2 { margin-left : 1em; }
h3 { margin-left : 0.5em; }
img {
    border : none;
}

dl {
    margin-top : 1em;
    margin-left : 1em;
    padding : 1em;
    background : #e3e3e3;
}
dt {
    margin-left : 0;
    display : inline;
    font-weight : bold;
    border-bottom : 1px solid;
}
dd {
    margin-left : 0;
    padding-left : 1em;
    padding-top : 0.5em;
    border-left : 1px solid;
}

.footer dl, .footer dt, .footer dd {
    margin : 0;
    padding : 0;
    border : none;
}
.footer dl {
    border-left : 2px solid #999;
    border-right : 2px solid #999;
    padding-left : 10px;
    padding-right : 10px;
    margin : 5px;
}
.footer dt {
    color : black;
    font-weight : bold;
}
.footer dd {
    margin-left : 5px;
}
.footer dd a {
    color : #333;
    text-decoration : none;
    border : none;
}
.footer dd a:hover {
    color : black;
}
.footer dd a:active, .footer dd a:focus {
    color : white;
    background : black;
}

ul#aide-a-la-navigation {
    left : 235px;
    list-style-type : none;
}
ul#aide-a-la-navigation li {
    margin-left : 5px;
    display : inline;
    background : none;
}
ul#aide-a-la-navigation a {
    color : #ccc;
    border : none;
    text-decoration : none;
}
ul#aide-a-la-navigation a:hover {
    color : #fff;
    border : none;
    text-decoration : underline;
}
ul#aide-a-la-navigation a:active, ul#aide-a-la-navigation a:focus {
    font-weight : bold;
    border : 1px solid white;
    background : black;
}