/*
    Document   : design_tft_fr_accueil
    Created on : 14 mai 2011, 12:08:03
    Author     : Nelth
    Description:
        Graphisme du site du Trône de Glace.
*/

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

/* Communs */

#bloc_corps { width: 753px; }
#bloc_corps_haut { width: 753px; height: 37px; background-image: url("../design/haut_bloc_corps.png"); background-position: 0px 0px;  background-repeat: repeat-y; }
    #icone_page { float: left; width: 26px; height: 26px; background-image: url("../design/icone_usa.png"); background-position: 0px 0px;  background-repeat: repeat-y; margin-left: 10px; margin-top: 9px; }
    #bloc_corps_haut h1 { margin-left: 45px; text-align: left; font-size: 1.2em; color: #b10000; font-weight: bold; font-style: italic; text-decoration: none; padding-top: 9px; }
    #rss { float: right; width: 30px; height: 30px; background-image: url("../design/sprite_icone_rss.png"); background-position: top center;  background-repeat: repeat-y; margin-right: 7px; margin-top: 6px; }
        #rss:hover { background-position: center center; }
        #rss:focus, #rss:active { background-position: bottom center; }
#bloc_corps_centre { width: 753px; background-image: url("../design/texture_bloc_corps.png"); background-position: 0px 0px;  background-repeat: repeat-y; }
    .titre_categorie { width: 753px; height: 35px; background-image: url("../design/titre_bloc_corps.png"); background-position: 0px 0px;  background-repeat: no-repeat; }
        .titre_categorie h2 { float: left; text-align: left; font-size: 1em; color: #b10000; font-weight: bold; font-style: italic; text-decoration: none; padding-top: 7px; padding-left: 25px; padding-right: 15px; }
        .titre_categorie p { text-align: right; font-size: 0.7em; color: grey; font-weight: bold; padding-top: 9px; padding-right: 15px; }
        .titre_categorie h2 a, .titre_categorie h2 a:visited { color: #b10000; }
        .titre_categorie h2 a:hover, .titre_categorie h2 a:visited:hover { color: grey; }
        .titre_categorie h2 a:focus, .titre_categorie h2 a:active { color: #b10000; text-decoration: none; }
    .texte_categorie { width: 753px; }
        .texte_categorie p { color: black; font-size: 0.9em; text-align: left; text-indent: 25px; padding-left: 25px; padding-right: 25px; padding-top: 5px; padding-bottom: 5px; }
        .texte_categorie .noindent { text-indent: 0px; }
        .texte_categorie .grey { color: grey; }
        .texte_categorie ul { list-style: disc; color: black; font-size: 0.9em; text-align: left; margin-left: 45px; margin-right: 15px; margin-top: 0px; padding-bottom: 5px; }
            .texte_categorie li { padding-bottom: 2px; }
        .texte_categorie .figure, .texte_categorie figure { display: block; }
        .texte_categorie .onmiddle { margin: auto; text-align: center; margin-top: 5px; }
        .texte_categorie .onright { float: right; margin-right: 25px; margin-left: 10px; }
        .texte_categorie .onleft { float: left; margin: 0px; padding: 0px; margin-right: 15px; margin-left: 25px; margin-top: 5px; }
        .texte_categorie .figcaption, .texte_categorie figcaption { color: #b10000; font-size: 0.7em; text-align: center; text-indent: 0px; padding-left: 15px; padding-right: 15px; margin-top: 2px; margin-bottom: 5px; }
        .texte_categorie img { margin-top: 0px; }
    .texte_commentaire { width: 753px; height: 34px; background-image: url("../design/separateur_texte_bloc_corps.png"); background-position: bottom center;  background-repeat: no-repeat; }
        .texte_commentaire p { color: grey; font-size: 0.7em; text-align: right; text-indent: 0px; padding-left: 15px; padding-right: 15px; padding-top: 5px; }
        
    .navigation_commentaire { width: 753px; height: 50px; background-image: url("../design/separateur_texte_bloc_corps.png"); background-position: top center;  background-repeat: no-repeat; }
        .navigation_commentaire p { color: #b10000; font-size: 0.9em; text-align: center; text-indent: 0px; padding-left: 15px; padding-right: 15px; padding-top: 5px;}
    .titre_commentaire { width: 700px; margin: auto; margin-top: 0px; margin-bottom: 0px; border-left: 1px solid whitesmoke; border-right: 1px solid whitesmoke; border-top: 1px solid whitesmoke; margin-top: 5px; background-image: url("../design/texture_commentaire.png"); background-position: top center;  background-repeat: repeat-y; }
        .titre_commentaire p { color: #b10000; font-size: 0.9em; text-align: left; padding: 5px; padding-left: 15px; padding-right: 15px; }
        .titre_commentaire label { color: #b10000; font-size: 0.9em; text-align: left; padding: 15px; font-family: Georgia, Arial; }
        .titre_commentaire .icone_drapeau { display: block; float: right; height: 11px; width: 16px; margin-right: 5px; padding-top: 3px; }
        .titre_commentaire .icone_site_web { display: block; float: right; height: 16px; width: 20px; margin-right: 10px; }
        .titre_commentaire .icone_mail { display: block; float: right; height: 16px; width: 21px; margin-right: 10px; }
    .corps_commentaire { width: 700px; margin: auto; margin-top: 0px; margin-bottom: 0px; border-right: 1px solid whitesmoke; border-left: 1px solid whitesmoke; background-image: url("../design/texture_commentaire.png"); background-position: top center;  background-repeat: repeat-y; }
        .corps_commentaire p { color: black; font-size: 0.9em; text-align: left; text-indent: 0px; padding: 5px; padding-left: 15px; padding-right: 15px; background-image: url("../design/separateur_texte_commentaire.png"); background-position: top center;  background-repeat: no-repeat; }
    .bas_commentaire { width: 700px; height: 5px; margin: auto; margin-top: 0px; margin-bottom: 0px; border-right: 1px solid whitesmoke; border-left: 1px solid whitesmoke; border-bottom: 1px solid whitesmoke; background-image: url("../design/texture_commentaire.png"); background-position: top center;  background-repeat: repeat-y; }
        .bas_commentaire p { color: #b10000; font-size: 0.9em; text-align: right; padding: 5px; padding-left: 15px; padding-right: 15px; }
        
    #bloc_commentaire textarea { display: block; width: 670px; height: 90px; margin: auto; margin-bottom: 3px; font-size: 0.9em; color: black; font-family: Georgia, Arial; border: 1px solid whitesmoke; padding: 5px; padding-left: 15px; padding-right: 15px; }
        #bloc_commentaire .warning { color: black; font-size: 0.9em; text-align: center; text-indent: 0px; padding: 5px; padding-left: 15px; padding-right: 15px; }

    .texte_erreur { width: 700px; color: #b10000; margin: auto; text-align: center; color: #b10000; text-indent: 0px; padding: 5px; }

    #bouton_validation input { width: 100%; height: 100%; border: none; background-color: transparent; font-size: 1em; text-align: left; font-weight: bold; padding-bottom: 35px; color: black; font-family: Georgia, Arial; }
    #bouton_validation input:hover { color: grey; }
    #bouton_validation { display: inline-block; width: 80px; height: 53px; margin: auto; border: none; background-color: transparent; background-image: url("../design/sprite_connexion.png"); background-repeat: no-repeat; background-position: top right; margin-top: 10px; margin-bottom: 10px; margin-left: 280px; }
         #bouton_validation:hover { background-position: center right; }
         #bouton_validation:active,  #bouton_validation:focus { background-position: bottom right; }

    #bouton_preview input { width: 100%; height: 100%; border: none; background-color: transparent; font-size: 1em; text-align: left; font-weight: bold; padding-bottom: 35px; color: black; font-family: Georgia, Arial; }
    #bouton_preview input:hover { color: grey; }
    #bouton_preview { display: inline-block; width: 140px; height: 53px; margin: auto; border: none; background-color: transparent; background-image: url("../design/sprite_preview.png"); background-repeat: no-repeat; background-position: top right; margin-top: 10px; margin-bottom: 10px; }
         #bouton_preview:hover { background-position: center right; }
         #bouton_preview:active,  #bouton_preview:focus { background-position: bottom right; }

#bloc_corps_bas { width: 753px; height: 45px; background-image: url("../design/bas_bloc_corps.png"); background-position: 0px 0px;  background-repeat: repeat-y; }

    #bloc_corps_bas p, #bloc_navigation_bas p { text-align: center; font-size: 0.7em; padding-top: 7px; }

#bouton_don { clear: both; width: 202px; height: 46px; background-image: url("../design/sprite_dons.jpg"); background-position: top left; background-repeat: no-repeat; }
    #bouton_don:hover, #bouton_don:visited:hover { background-position: center left; }
    #bouton_don:focus, #bouton_don:active { background-position: bottom left; }
.titre_don,  .titre_don:visited { text-align: left; font-size: 1.2em; color: #b10000; font-weight: bold; font-style: italic; text-decoration: none; padding-top: 12px; padding-left: 20px; }
    .titre_don:hover,  .titre_don:visited:hover { color: black; font-weight: bold; text-decoration: none; }
    .titre_don:focus,  .titre_don:active { color:black; text-decoration: none; }