/*
    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: white; text-decoration: none; }
    a:hover { color: #d3edfd; }
    a:focus, a:active, a:visited:hover { color: white; text-decoration: underline; }
    a:visited { color: white; text-decoration: underline; }
    .lien_bloc { display: block; width: 100%; height: 100%; }

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

/* Coeur du graphisme */
html { height: 100%; }
body {
    height : 100%;
    background-color: #000a13;
    background-image: url("../../design/accueil/fond.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    color: #d3edfd;
    font-family: Georgia, Arial;}

#hauteur_page { min-height: 100%; position: relative; }
#hauteur_contenu_page { min-height: 100% ; position: relative; padding-bottom: 320px; }

#header { width: 950px; height: 26px; margin: auto; background-image: url("../../design/accueil/header.jpg"); background-repeat: no-repeat; }
    #menu_langues { display: block; float: left; margin: 0px; padding: 0px; color: #d3edfd; 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: #d3edfd; font-family: Georgia, Arial; font-size: 0.7em; text-align: right; }

#bloc_logo { clear: both; width: 950px; height: 603px; margin: auto; padding: 0px; background-image: url("../../design/accueil/bloc_logo.jpg"); background-repeat: no-repeat; }
    #bloc_haut_logo { width: 950px; height: 208px; }
        #bloc_haut_logo_gauche { float: left; width: 449px; }
            #logo_titre { width: 449px; height: 89px; margin: 0px; padding: 0px; background-image: url("../../design/accueil/sprite_logo_titre.jpg"); background-repeat: no-repeat; background-position: top left; }
                #logo_titre:hover { background-position: bottom left; }
            #logo_sous_titre { clear: both; width: 171px; height: 84px; margin-left: 230px; padding: 0px; background-image: url("../design/accueil/sprite_logo_sous_titre.jpg"); background-repeat: no-repeat; background-position: top left; }
                #logo_sous_titre:hover { background-position: bottom left; }
        #bloc_haut_logo_droit { width: 501px; height: 208px; margin-left: 449px; padding: 0px; background-image: url("../design/accueil/logo_bienvenue.jpg"); background-repeat: no-repeat; }
    #bloc_bas_logo { width: 950px; height: 395px; }
        #titre_cadre_accueil { width: 253px; height: 26px; margin-left: 537px; padding: 0px; }
            #titre_cadre_accueil h1 { text-align: center; font-weight: bold; font-size: 1em; color: #d3edfd; padding-top: 2px; }
        #message_cadre_accueil { width: 253px; height: 137px; margin-left: 537px; padding: 0px; }
            #message_cadre_accueil p { text-align: left; font-size: 0.7em; color: #d3edfd; padding-left: 5px; margin-top: 1px; margin-bottom: 1px; margin-left: 15px; margin-right: 16px; }
            #message_cadre_accueil .signature { text-align: right; margin-top: 0px; margin-bottom: 0px; margin-right: 18px; }

#cadre_realisations {clear: both; width: 950px; height: 666px;  margin: auto; padding: 0px; background-image: url("../../design/accueil/cadre_realisations.jpg"); background-repeat: no-repeat; }
    #bloc_haut_rea { width: 950px; height: 53px; }
        #realisations_titre { float: left; width: 629px; height: 53px; background-image: url("../design/accueil/rea_titre.jpg"); background-repeat: no-repeat; }
        #realisations_pro { float: left; width: 321px; height: 53px; }
            #ppts { width: 321px; height: 20px; background-image: url("../../design/accueil/sprite_cv.jpg"); background-repeat: no-repeat; background-position: top left; }
                #ppts:hover { background-position: bottom left; }
                #ppts p { height: 20px; text-align: right; margin-right: 15px; font-family: Georgia, Arial; font-size: 0.7em; font-weight: bold; }
            #cv { width: 321px; height: 19px; background-image: url("../../design/accueil/sprite_ppts.jpg"); background-repeat: no-repeat; background-position: top left; }
                #cv:hover { background-position: bottom left; }
                #cv p { height: 19px; text-align: right; margin-right: 15px; font-family: Georgia, Arial; font-size: 0.7em; font-weight: bold; }
            .ppts_alignement { display: block; padding-top: 4px; }
            .cv_alignement { display: block; padding-top: 1px; }
    #bloc_milieu_rea { width: 950px; height: 254px; }
        #realisations_chine { clear: both; float: left; width: 305px; height: 254px; margin-left: 13px; padding: 0px; background-image: url("../../design/accueil/sprite_rea_chine.jpg"); background-repeat: no-repeat; background-position: top left; }
            #realisations_chine:hover { background-position: bottom left; }
        #realisations_part { float: left; width: 320px; height: 254px; margin: 0px; padding: 0px; background-image: url("../../design/accueil/sprite_rea_part.jpg"); background-repeat: no-repeat; background-position: top left; }
            #realisations_part:hover { background-position: bottom left; }
        #realisations_usa { float: left; width: 304px; height: 254px; margin: 0px; padding: 0px; background-image: url("../../design/accueil/sprite_rea_usa.jpg"); background-repeat: no-repeat; background-position: top left; }
            #realisations_usa:hover { background-position: bottom left; }
    #bloc_bas_rea { width: 950px; height: 359px; }
        #warcraft { float: left; width: 308px; height: 359px; margin-left: 12px; }
            #realisations_tft { width: 222px; height: 95px; margin-left: 86px; margin-top: 68px; padding: 0px; background-image: url("../design/accueil/sprite_rea_tft.jpg"); background-repeat: no-repeat; background-position: top left; }
                #realisations_tft:hover { background-position: bottom left; }
            #realisations_dp { width: 222px; height: 91px; margin-left: 86px; padding: 0px; background-image: url("../design/accueil/sprite_rea_dp.jpg"); background-repeat: no-repeat; background-position: top left; }
                #realisations_dp:hover { background-position: bottom left; }
            #realisations_nexus { width: 222px; height: 97px; margin-left: 86px; padding: 0px; background-image: url("../design/accueil/sprite_rea_nexus.jpg"); background-repeat: no-repeat; background-position: top left; }
                #realisations_nexus:hover { background-position: bottom left; }
        #diadis { float: left; width: 318px; height: 359px; }
            #diablo { clear: both; width: 318px; height: 193px; margin: 0px; }
                #realisations_arreat { width: 243px; height: 111px; margin-left: 76px; margin-top: 82px; padding: 0px; background-image: url("../design/accueil/sprite_rea_arreat.jpg"); background-repeat: no-repeat; background-position: top left; }
                    #realisations_arreat:hover { background-position: bottom left; }
            #disney { clear: both; width: 318px; height: 162px; margin: 0px; }
                #realisations_raiponce { width: 283px; height: 117px; margin-right: 35px; margin-top: -37px; padding: 0px; background-image: url("../design/accueil/sprite_rea_raiponce.jpg"); background-repeat: no-repeat; background-position: top left; }
                    #realisations_raiponce:hover { background-position: bottom left; }
        #cnc { float: left; width: 304px; height: 359px; }
            #realisations_obe { width: 230px; height: 84px; margin-right: 74px; margin-top: 80px; padding: 0px; background-image: url("../design/accueil/sprite_rea_obe.jpg"); background-repeat: no-repeat; background-position: top left; }
                #realisations_obe:hover { background-position: bottom left; }
            #realisations_tib { width: 230px; height: 90px; margin-right: 74px; padding: 0px; background-image: url("../design/accueil/sprite_rea_tib.jpg"); background-repeat: no-repeat; background-position: top left; }
                #realisations_tib:hover { background-position: bottom left; }
            #realisations_vest { width: 230px; height: 88px; margin-right: 74px; padding: 0px; background-image: url("../design/accueil/sprite_rea_vest.jpg"); background-repeat: no-repeat; background-position: top left; }
                #realisations_vest:hover { background-position: bottom left; }

#bloc_cadres { clear: both; width: 950px; height: 233px; margin: auto; margin-top: 10px; }
    #cadre_maj { float: left; width: 463px; height: 233px; margin-left: 8px; margin-right: 10px; }
        #cadre_maj_haut { width: 463px; height: 34px; padding: 0px; background-image: url("../../design/accueil/cadre_maj_titre.jpg"); background-repeat: no-repeat; }
            #cadre_maj_haut h2 { text-align: center; font-weight: bold; font-size: 1em; color: #d3edfd; padding-top: 4px; }
        #cadre_maj_corps { width: 463px; height: 183px; padding: 0px; background-image: url("../../design/accueil/cadre_maj_corps.jpg"); background-repeat: no-repeat; }
            #cadre_maj_corps h3 { float: left; text-align: left; font-weight: bold; font-style: italic; font-size: 0.8em; color: #d3edfd; padding-top: 2px; padding-left: 5px; margin-bottom: 2px; margin-left: 17px; }
            #cadre_maj_corps .date { text-align: right; font-size: 0.6em; font-weight: bold; color: #d3edfd; padding-top: 2px; margin-left: 0px; margin-right: 20px; }
            #cadre_maj_corps .separateur_titre_maj { clear: both; width: 284px; height: 1px; background-image: url("../../design/accueil/separateur_titre_maj.png"); background-repeat: no-repeat; margin-left: 17px; }
            #cadre_maj_corps p { text-align: left; font-size: 0.8em; color: #d3edfd; padding-top: 4px; padding-left: 5px; margin-bottom: 4px; margin-left: 17px; }
            #cadre_maj_corps .separateur_maj { clear: both; width: 431px; height: 3px; background-image: url("../../accueil/design/separateur_maj.png"); background-repeat: no-repeat; margin-bottom: 2px; margin-left: 17px; }
        #cadre_maj_bas { width: 463px; height: 16px; padding: 0px; background-image: url("../../design/accueil/cadre_maj_bas.jpg"); background-repeat: no-repeat; }

    #cadre_compte { float: left; width: 463px; height: 233px; }
        #cadre_compte_haut { width: 463px; height: 34px; padding: 0px; background-image: url("../../design/accueil/cadre_compte_titre.jpg"); background-repeat: no-repeat; }
            #cadre_compte_haut h2 { text-align: center; font-weight: bold; font-size: 1em; color: #d3edfd; padding-top: 4px; }
        #cadre_compte_corps { width: 463px; height: 183px; padding: 0px; background-image: url("../../design/accueil/cadre_compte_corps.jpg"); background-repeat: no-repeat; }
            #cadre_compte_corps p { text-align: center; padding: 10px; padding-top: 20px; color: #d3edfd; font-family: Georgia, Arial; font-size: 1em; font-weight: bold; }
        #cadre_compte_bas { width: 463px; height: 16px; padding: 0px; background-image: url("../../design/accueil/cadre_compte_bas.jpg"); background-repeat: no-repeat; }