/*
    Document   : design_chine
    Created on : 27 août 2010, 12:08:03
    Author     : Nelth
    Description:
        Graphisme du Journal Chine / 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; }

/* Eléments à cacher */
.cache { display: none; }

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

#fond_centre { background-color: black; width: 950px; margin: auto; background-image: url("design/fond-centre.jpg"); background-position: top center; background-repeat: no-repeat; }

#header, #bloc_logo, #bloc_corps, #footer, #footererror { margin: auto; color: #f6b26b; font-family: Georgia; }
em { font-style: italic; }
strong { font-weight: bold; }
.center { text-align: center; }
.espace { margin-top: 10px; }
img { display: block; float: right; margin: 5px; }

#galerie img { display: inline; float: none; width: 50px; height: 75px; margin: 10px; padding: 5px; border: 1px #ea9999 solid; }
#galerie img:hover { border: 1px #ea9999 solid; margin: 15px; padding: 0px;}
.new { background-color: #f6b26b; }

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

/* Header et Footer */
    /* Texte Header et Footer */
    #header, #footer, #footererror { font-size: 0.7em; }

    /* Liens header et footer */
    .common { color: #ea9999; font-weight: bold; }
    .common:hover { color: #f6b26b; }
    .common:focus, .common:active, .common:visited { color: #ea9999; text-decoration: none; }
    .common:visited:hover { color: #f6b26b; text-decoration: none; }

    /* Agencement Header*/
    #header { width: 950px; padding-top : 5px; margin-bottom: 20px; }
    #menu_langue { float: left; margin: auto; width: 80px; height: 17px; text-align: center; }
    #menu_liens { float: left; margin: auto; width: 85px; height: 20px; text-align: center; margin-left: -7px; }
    #menu_header { margin-left: 170px; text-align: right; }

        /* Agencement menu_langue */
        .flag { display: block; float: left; text-align: center; background-image: url("design/sprite_langue.png"); background-repeat: no-repeat; width: 25px; height: 17px; margin-right: 5px; margin-left: 5px; }
        .fr, .fr:focus, .fr:visited { background-position: top left; }
        .en, .en:focus, .en:visited { background-position: top right; }
            .fr:hover { background-position: center left; }
            .en:hover { background-position: center right; }
            .fr:active { background-position: bottom left; }
            .en:active { background-position: bottom right; }

        /* Agencement menu_liens */
        .lien { display: block; float: left; text-align: center; background-image: url("design/sprite_liens.png"); background-repeat: no-repeat; width: 20px; height: 20px; margin-left: 5px; margin-top: -2px; }
        .sk, .sk:focus, .sk:visited { background-position: top left; }
        .fb, .fb:focus, .fb:visited { background-position: top center; }
        .tw, .tw:focus, .tw:visited { background-position: top right; }
            .sk:hover { background-position: center left; }
            .fb:hover { background-position: center center; }
            .tw:hover { background-position: center right; }
            .sk:active { background-position: bottom left; }
            .fb:active { background-position: bottom center; }
            .tw:active { background-position: bottom right; }

    .separateur_langue { clear: both; float: left; background-image: url("design/separateur_langue.png"); background-repeat: no-repeat; width: 77px; height: 7px; margin-left: -5px; }
    .separateur_haut { margin-left: 80px; margin-top: 3px; background-image: url("design/separateur_menu_haut.png"); background-repeat: no-repeat; background-position: center right; height: 7px; }

    /* Agencement Footer */
    #footer { clear: both; width: 950px; text-align: center; margin-top : 30px; padding-bottom: 5px; }
    #bouton_don { clear: both; width: 167px; height: 26px; margin: auto; background-image: url("design/sprite_don.jpg"); background-position: top left; background-repeat: no-repeat; margin-top : 10px; margin-bottom: 10px; }
    #bouton_don:hover, #bouton_don:visited:hover { background-position: center left; }
    #bouton_don:focus, #bouton_don:active { background-position: bottom left; }
    #footererror { clear: both; text-align: center; margin-top : 30px; background-image: none; background-color: black; padding-bottom: 5px; }
    #footer p, #footererror { margin-top : 5px; }
    .separateur_bas { background-image: url("design/separateur_menu_bas.png"); background-repeat: no-repeat; 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: 20px; }

/* bloc_logo */
#bloc_logo { width: 950px; }
#cadre_logo { width: 656px; float: left; }
#logo { width: 479px; height: 185px; margin: auto; position: relative; top: -40px; }
/* bloc_connexion */
#bloc_connexion { width: 272px; height: 145px; margin-left: 678px; font-family: Georgia; font-size: 0.7em; background-image: url("design/cadre_connexion.png"); background-repeat: no-repeat; }
#bloc_connexion fieldset { margin-bottom: 5px; }
.separateur_titre_connexion { width: 184px; height: 1px; margin-left: 1px; background-image: url("design/separateur_presentation.png"); background-repeat: no-repeat; }
#bloc_connexion legend { font-size: 1.4em; color: #f6b26b; font-family: Georgia; text-align: left; padding-top: 2px; padding-left: 5px; }
#bloc_connexion .separateur_titre_connexion { padding-top: 5px; padding-bottom: 3px; }
#bloc_connexion label { display: block; float: left; width: 90px; color: #f6b26b; font-family: Georgia; padding-left: 10px; padding-top: 1px; padding-bottom: 1px; text-align: left; }
#bloc_connexion .champs { width: 160px; }
#bloc_connexion input { display: inline-block; clear: left; font-family: Georgia; color: black; border: 1px #804b4b solid; }
#bloc_connexion .separateur_titre_presentation { padding-top: 2px; }
#bloc_connexion .bouton_validation, #bloc_connexion .bouton_validation:visited { width: 72px; height: 16px; background-color: transparent ; border: none; background-image: url("design/sprite_bouton_validation.png"); background-repeat: no-repeat; background-position : top center; font-weight: bold; font-family: Georgia; color: #ea9999; padding-bottom: 5px; vertical-align: middle; }
#bloc_connexion .bouton_validation:hover { background-position : center center; }
#bloc_connexion .bouton_validation:active, #bloc_connexion .bouton_validation:focus { background-position : bottom center; }

/* bloc_corps */
#bloc_corps { width: 950px; clear:both; }
#menu { width: 272px; margin-left: 678px; font-family: Georgia; }
#haut_presentation { width: 272px; height: 73px; background-image: url("design/haut_cadre_presentation.png"); background-repeat: no-repeat; }
#avatar { width: 70px; height: 70px; float: left; background-image: url("design/avatar_nk.jpg"); background-repeat: no-repeat; margin-left: 2px; margin-top: 1px; border: 1px #804b4b solid; }
.titre_presentation { width: 198px; height: 65px; font-size: 0.8em; color: #f6b26b; margin-left: 74px; text-align: center; font-family: Georgia; padding-top: 7px; }
.separateur_titre_presentation { width: 141px; height: 3px; background-image: url("design/separateur_titre_presentation.png"); background-repeat: no-repeat; margin: auto; margin-top: 4px; margin-bottom: 0px; }
.separateur_presentation { width: 184px; height: 1px; margin-left: 74px; background-image: url("design/separateur_presentation.png"); background-repeat: no-repeat; }
#corps_presentation { width: 272px; background-image: url("design/texture_cadre_presentation.png"); background-repeat: repeat-y; }
.texte_presentation { font-size: 0.8em; color: #f6b26b; margin-left: 10px; margin-right: 10px; text-indent: 10px; padding-top: 7px; font-family: Georgia; }
.texte_presentation p { margin-top: 5px; }
#bas_presentation { width: 272px; height: 14px; background-image: url("design/bas_cadre_presentation.png"); background-repeat: no-repeat; }
#bouton_accueil, #bouton_accueil:visited { width: 272px; height: 38px; margin-top: 15px; background-image: url("design/sprite_galerie.jpg"); background-repeat: no-repeat; background-position: top left; }
#bouton_accueil:hover { background-position: center left; }
#bouton_accueil:focus, #bouton_accueil:active { background-position: bottom left; }
#bouton_galerie, #bouton_galerie:visited { width: 272px; height: 38px; margin-top: 15px; background-image: url("design/sprite_accueil.jpg"); background-repeat: no-repeat; background-position: top left; }
#bouton_galerie:hover { background-position: center left; }
#bouton_galerie:focus, #bouton_galerie:active { background-position: bottom left; }
.haut_menu { width: 272px; height: 32px; margin-top: 15px; background-image: url("design/haut_cadre_menu.png"); background-repeat: no-repeat; }
.puce_menu { display: block; width: 17px; height: 16px; background-image: url("design/icone_cadre_menu.png"); background-repeat: no-repeat; }
.gauche { float: left; margin-left: 60px; }
.droite { float: right; margin-right: 60px; }
.table_menu { height: 32px; padding: 0px; margin: 0px; }
h5 { font-size: 1em; color: #f6b26b; font-family: Georgia; padding-top: 2px; text-align: center; }
.titre_menu { width: 272px; height: 39px; background-image: url("design/milieu_cadre_menu.png"); background-repeat: no-repeat; }
.corps_menu { width: 272px; background-image: url("design/texture_cadre_menu.png"); background-repeat: repeat-y; }
.texte_menu { font-size: 0.8em; color: #ea9999; margin-left: 10px; margin-right: 10px; padding-top: 7px; font-family: Georgia; }
.texte_menu p { padding-bottom: 5px; }
.bas_menu { width: 272px; height: 15px; background-image: url("design/bas_cadre_menu.png"); background-repeat: no-repeat; }
#bloc_text { float: left; width: 656px; margin-bottom: 30px; }
h1 { font-size: 1.5em; color: #f6b26b; font-family: Georgia; padding-top: 3px; padding-left: 10px; }
.titre_page { width: 656px; height: 33px; background-image: url("design/haut_cadre_news.png"); background-repeat: no-repeat; }
.separateur_navigation { width: 656px; height: 6px; background-image: url("design/separateur_navigation.jpg"); background-repeat: no-repeat; }
h2 { font-size: 1em; color: #f6b26b; font-family: Georgia; padding-top: 5px; padding-bottom: 5px; background-image: url("design/texture_cadre_news.png"); background-repeat: repeat-y; text-align: center; }
h3 { font-size: 1em; color: #ea9999; font-family: Georgia; padding-left: 20px; }
h4 { font-size: 0.8em; color: #f6b26b; font-family: Georgia; padding: 5px; background-image: url("design/texture_cadre_news.png"); background-repeat: repeat-y; text-align: center; }
.titre_galerie { width: 656px; height: 44px; background-image: url("design/cadre_titre_news.png"); background-repeat: no-repeat; clear: both; }
.dl, .dl:visited { display: inline-block; width: 24px; height: 24px; background-image: url("design/sprite_icone_dl_gros.png"); background-repeat: no-repeat; background-position: top left; }
.dl_petit, .dl_petit:visited { display: inline-block; width: 22px; height: 17px; background-image: url("design/sprite_icone_dl_petit.png"); background-repeat: no-repeat; background-position: top left; }
.dl_petit2, .dl_petit2:visited { display: inline-block; width: 10px; height: 10px; background-image: url("design/sprite_icone_dl_petit2.png"); background-repeat: no-repeat; background-position: top left; }
.dl:hover, .dl_petit:hover, .dl_petit2:hover { background-position: center left; }
.dl:focus, .dl:active, .dl_petit:focus, .dl_petit:active, .dl_petit2:focus, .dl_petit2:active { background-position: bottom left; }

.text { padding: 5px; padding-left: 10px; clear: both; background-image: url("design/texture_cadre_news.png"); background-repeat: repeat-y; text-align: center; }
.texte { padding: 15px; padding-top: 5px; padding-bottom: 5px; font-family: Georgia; font-size: 0.9em; background-image: url("design/texture_cadre_news.png"); background-repeat: repeat-y; text-indent: 20px; }
.text_bas { width: 656px; height: 23px; font-size: 0.9em; background-image: url("design/bas_cadre_news.png"); background-repeat: no-repeat; }

.puce { display: block; float: left; width: 22px; height: 20px; background-image: url("design/icone_cadre_news.png"); margin-top: 3px; background-repeat: no-repeat; margin-right: 10px; }
.large { width: 100%; }
td { padding-right: 5px; height: 44px; }
.bouton_haut_page, .bouton_haut_page:visited { float: right; width: 93px; height: 24px; font-size: 0.6em; text-align: left; vertical-align: bottom; background-image: url("design/sprite_haut_page.png"); background-position: top left; background-repeat: no-repeat; }
.bouton_haut_page:hover { background-position: center left; }
.bouton_haut_page:active, .bouton_haut_page:focus { background-position: bottom left; }
.hpage { width: 88px; height: 16px; position: relative; top: 8px; left: 5px; }
#bouton_sept, #bouton_sept:visited { display: inline-block; width: 129px; height: 17px; background-image: url("design/navigation/sprite_sept.png"); background-repeat: no-repeat; background-position: top left; }
#bouton_sept:hover {background-position: center left; }
#bouton_sept:focus, #bouton_sept:active { background-position: bottom left; }
#bouton_oct, #bouton_oct:visited { display: inline-block; width: 129px; height: 17px; background-image: url("design/navigation/sprite_oct.png"); background-repeat: no-repeat; background-position: top left; }
#bouton_oct:hover { background-position: center left; }
#bouton_oct:focus, #bouton_oct:active { background-position: bottom left; }
#bouton_nov, #bouton_nov:visited { display: inline-block; width: 129px; height: 17px; background-image: url("design/navigation/sprite_nov.png"); background-repeat: no-repeat; background-position: top left; }
#bouton_nov:hover { background-position: center left; }
#bouton_nov:focus, #bouton_nov:active { background-position: bottom left; }
#bouton_dec, #bouton_dec:visited { display: inline-block; width: 129px; height: 17px; background-image: url("design/navigation/sprite_dec.png"); background-repeat: no-repeat; background-position: top left; }
#bouton_dec:hover { background-position: center left; }
#bouton_dec:focus, #bouton_dec:active { background-position: bottom left; }
#bouton_retour, #bouton_retour:visited { display: inline-block; width: 129px; height: 17px; background-image: url("design/navigation/sprite_retour.png"); background-repeat: no-repeat; background-position: top left; }
#bouton_retour:hover { background-position: center left; }
#bouton_retour:focus, #bouton_retour:active { background-position: bottom left; }
#bouton_divers, #bouton_divers:visited { display: inline-block; width: 129px; height: 17px; background-image: url("design/navigation/sprite_divers.png"); background-repeat: no-repeat; background-position: top left; }
#bouton_divers:hover { background-position: center left; }
#bouton_divers:focus, #bouton_divers:active { background-position: bottom left; }
#bouton_videos, #bouton_videos:visited { display: inline-block; width: 151px; height: 17px; background-image: url("design/navigation/sprite_videos.png"); background-repeat: no-repeat; background-position: top left; }
#bouton_videos:hover { background-position: center left; }
#bouton_videos:focus, #bouton_videos:active { background-position: bottom left; }
.bouton_navigation { display: block; float: left; margin-left: 2px; margin-right: 2px; }
ul, li { margin: 0px; padding: 0px;}
.bloc_navigation { clear: both; width: 656px; height: 43px; font-size: 0.7em; font-family: Georgia; background-image: url("design/texture_cadre_news.png"); background-repeat: repeat-y; }
.centrage_navigation_haut { width: 620px; margin: auto; }
.centrage_navigation_bas { width: 465px; margin: auto; }
.bloc_navigation ul { line-height: 17px; }
.bloc_navigation li { width: 151px; }
.bloc_navigation li ul { position: absolute; width: 151px; left: -999em; }
.bloc_navigation li li, .bloc_navigation li li li { background-image: url("design/navigation/sprite_navig.png"); background-position: 0px 0px; text-indent: 5px; height: 17px; }
.bloc_navigation li li a, .bloc_navigation li li li a, .bloc_navigation li li a:visited, .bloc_navigation li li li a:visited { color: #ea9999; font-weight: bold; text-decoration: none; }
.bloc_navigation li li:hover, .bloc_navigation li li li:hover { background-position: 0px -17px; }
.bloc_navigation li li.extension { background-position: 0px -34px; }
.bloc_navigation li li.extension:hover { background-position: 0px -51px; }
.bloc_navigation li ul ul { margin: -17px 0 0 150px; }
.bloc_navigation li:hover ul ul { left: -999em; }
.bloc_navigation li:hover ul, .bloc_navigation li li:hover ul { left: auto; }

.lion { float: right; margin-right: 20px; margin-left: 10px; width: 197px; height: 315px; background-image: url("design/apropos/lion.jpg"); background-repeat: no-repeat; }