/*
    Document   : design_nc_fr
    Created on : 16 avril 2011, 12:08:03
    Author     : Nelth
    Description:
        Graphisme du Portail NelthCorp.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* 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; }

/* Communs */
.cache { display: none; }
em { font-style: italic; }
strong { font-weight: bold; }
.center { text-align: center; }

/* Liens */
    a { color: #b7d271; text-decoration: none; }
    a:hover, a:visited:hover { color: #5b8225; }
    a:focus, a:active { color: #b7d271; text-decoration: underline; }
    a:visited { color: #b7d271; text-decoration: underline; }
    .lien_bloc { display: block; width: 100%; height: 100%; }

    .common { color: #b7d271; font-weight: bold; }
    .common:hover, .common:visited:hover { color: #5b8225; }
    .common:focus, .common:active, .common:visited { color: #b7d271; text-decoration: none; }

/* Coeur du graphisme */
body {
    background-color: black;
    background-image: url("../../design/fond.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    color: #b7d271;
    font-family: Georgia, Arial;}

#header { width: 950px; height: 26px; margin: auto; }
    #menu_langues { display: block; float: left; margin: 0px; padding: 0px; color: #b7d271; font-family: Georgia, Arial; font-size: 0.7em; font-weight: bold; text-align: left; }
    #menu_langues li { display: block; float: left; margin: 0px; margin-left: 2px; margin-right: 2px; }
            #titre_langues { padding-top: 4px; }
            #fr, #fr:focus, #fr:visited, #fr:hover { height: 23px; width: 31px; background-repeat: no-repeat; background-image: url("../../design/sprite_langue.png"); background-position: center right; }
            #en, #en:focus, #en:visited { height: 23px; width: 31px; background-repeat: no-repeat; background-image: url("../../design/sprite_langue.png"); background-position: top left; }
            #en:hover { background-position: center left; }
            #fr:active { background-position: bottom right; }
            #en:active { background-position: bottom left; }
    #menu_header { margin: 0px; padding: 5px; color: #b7d271; font-family: Georgia, Arial; font-size: 0.7em; text-align: right; }

#footer { clear: both; width: 950px; font-size: 0.7em; text-align: center; margin: auto; margin-top : 30px; padding-bottom: 5px; }
    #footer p { margin-top : 5px; }
    .separateur_footer { width: 255px; height: 7px; margin: auto; margin-top: 5px; }
    #validation { width: 200px; margin:auto; margin-top: 10px;}
        #validation p {float: left; width: 100px; height: 31px;}
    #copyright, .statistiques_page { clear: both; color: #8d8d8d; font-size: 0.9em; padding-top: 10px; }

#bloc_logo { clear: both; width: 950px; height: 550px; margin: auto; padding: 0px; background-image: url("../design/cadre_fond.jpg"); background-repeat: no-repeat; }
    #bloc_haut_logo { width: 950px; height: 400px; }