html {font-size: 100%;}
body { color: #ffefc0; font-family: verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif; background-color: #010101; text-align: justify; margin: 0; border: 0 }
a { color: #dacca3; font-family: verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;}
img {border : 0;}
p {}
td {}
caption { font-style: italic;}
.texte_principal { color: #ffefc0; font-size: 12px; font-family: verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif; font-weight: normal; line-height: normal; text-decoration: none; text-align: justify; margin: 0; border: 0; }
.texte_principal a { color: #0cf; }
.titre_1 { font-size: 126%; font-weight: bold; }
.titre_2 { font-size: 118%; font-weight: bold; }
.titre_3 { font-size: 112%; font-weight: bold; }
.t3g { color: #ffefc0; font-size: 112%; font-weight: bold; font-style: italic; }
.t3gs { color: #ffefc0; font-size: 112%; font-style: italic; font-weight: bold; text-decoration: underline; }
.chapo { font-style: italic; }
.exergue { color: #ff0; font-size: 112%; font-weight: bold; }
.titre_3_division { color: #ffefc0; font-size: 14px; font-weight: bold; margin-bottom: 6px; border-bottom: 1px solid white; }
.titre_h3 { color: #ffefc0; font-weight: bold; margin-bottom: 6px; border-bottom: 1px solid white; }
.titre_4 { color: #ffefc0; font-weight: bold; }
.titre_4_slsl { color: #ffefc0; font-weight: bold; font-style: italic; border-top-style: groove; border-top-width: 10px; border-bottom-style: ridge; border-bottom-width: 10px; }
.wingdings { font-family: Wingdings }
.box { background-color: #111; background-image: none; background-repeat: repeat; z-index: 99; }
.texte_principal_tbl_de_navig { color: #ffefc0; font-size: 12px; text-align: left }
.texte_principal_tbl_de_navig a { color: #dacca3; line-height: normal; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; text-decoration: none }
.texte_navigation { color: #ffefc0; font-size: 0.86em; line-height: normal; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; text-align: justify; margin: 0; border: 0 }
.sauvegarder { color: #ffefc0; font-weight: bold; background: #030 url(../Commun/media/template/sauvegarde.png) no-repeat left top; padding-top: 18px; padding-bottom: 18px; padding-left: 60px }
.external { background: url(../Commun/media/template/external.png) 100% no-repeat; padding-right: 18px; }

/** Remarquer cela ! **/
.trouve { color: #010101; font-weight: 600; background: #ff0 url(../Commun/media/template/main.png) no-repeat left top; padding-left: 32px  }

.num { font-weight: bold; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; background-color: #f90; margin: 0; padding-right: 6px; padding-left: 6px; border: solid 2px #f00 }

/* pop d'une infobulle pour expliquer un mot lorsque le curseur traîne sur le mot */
a.tooltip em { display:none; }
a.tooltip:hover { border: 0; position: relative; z-index: 500; text-decoration:none; }
a.tooltip:hover em { font-style: italic; display: block; position: absolute; top: 20px; padding: 5px; color: #000; font-size: smaller; border: solid 1px #bbb; background: #ffc; left: 15px !important; width:300px; }
a.tooltip:hover em span { font-size: smaller; font-style: italic; position: absolute; top: -7px; left: 15px; height: 7px; width: 11px; background: url(../Commun/media/template/fleche_infobulle.png); margin:0; padding: 0; border: 0; }

/** Discret - identique à <a> **/
.discret { font-size: 85%; }
.discret_ital { font-size: 85%; font-style: italic; }
.micro { font-size: 60%; }
.fort { font-size: 125%; }
.g { font-weight: 700; text-decoration: none; }
.gs { font-weight: bold; text-decoration: underline; }
.ligne { font-size: 0; background : transparent; border-color : #351900; border-width : 0 0 1px; border-style : solid; }

/** Listes à puce - niveau 1 **/
.liste_puce_1 ul { margin-bottom:6px ; }
.liste_puce_1 li { left: -12px; list-style-type: disc; list-style-position: outside; margin-bottom: 8px ; margin-left: -24px; }

/** Listes à numéro - niveau 1 **/
.liste_num_1 ul { margin-bottom: 6px }
.liste_num_1 li { list-style-type: decimal; list-style-position: outside; margin-bottom: 8px }

/** Les surligneurs **/
.surligner_jaune { color: #010101; font-weight: 600; background-color: #ff0 }
.surligner_jaune a { color: #00f; font-weight: bold }
.surligner_vert { color: #010101; background-color: #0f3 }
.surligner_rouge { color: #010101; background-color: #ff0101 }
.surligner_bleu { color: #010101; background-color: #30c }

/** Bords du cadre principal **/
.bord_v_gauche { background: url(../Commun/media/template/bord_g.gif) #111 repeat-y; }
.bord_v_gauche_vide { background: #111 repeat-y; }
.bord_v_droite { background: url(../Commun/media/template/bord_d.gif) #111 repeat-y; }
.bord_v_droite_vide { background: #111 repeat-y; }
.bord_h_haut { background: url(../Commun/media/template/bord_h.gif) #111 repeat-x; }
.bord_h_bas { background: url(../Commun/media/template/bord_b.gif) #111 repeat-x; }
.bord_h0_bas { background: url(../Commun/media/template/bord_b0.gif) #111 repeat-x; }
.separateur_v { background: url(../Commun/media/template/separateur_v.gif) #111 repeat-y; }
.separateur_v_vide { background: #111 repeat-y; }
.separateur_h { line-height: 5px; background: url(../Commun/media/template/separateur_h.gif) #111 repeat-x; margin: 0; padding: 0; border: 0 }
.reseau { background-color: #111; background-image: url(../Commun/media/template/fond_reseau.gif); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; border: 0 }

/** Faire une indentation sans puce **/
.indent { margin-left: 18px }
.indent_negative { margin-left: -18px; }

/** Signaler un bug **/
.bug { color: #ffefc0; font-style: italic; background-color: #600; margin-left: 18px; }
.bug_titre { font-weight: bold; font-size: 112% ; }
.bug_stitre { font-size: 80% }

/** Citations - Dialogues des personnages **/
.citation { color: #ffefc0; font-size: inherit; font-style: italic; background-color: #006; margin-left: 18px; }
.citation_titre { font-weight: bold; font-size: 112% }
.citation_stitre { font-size: 80%}

/** Alternativess - Présentation et commentaires sur des actions alternatives **/
.alternative { color: #ffefc0; font-style: italic; background-color: #030; margin-left: 18px; }
.alternative_titre { font-weight: bold; font-size: 112% }
.alternative_stitre { font-size: 80%}

/** Tableau de description facultatif - identification visuelle verte **/
.tabdes_contener { color: #ffefc0; font-style: italic; background-color: #010101; padding-left: 10px; }
.tabdes { color: #ffefc0; font-style: italic; background-color: #030; }
.tabdes_titre { font-weight: bold; font-size: 112% }
.tabdes_stitre { font-size: 80%}

/** Tableau de téléchargement facultatif - identification visuelle bleue **/
.tabdld_contener { color: #ffefc0; font-style: italic; background-color: #111; padding-left: 10px; }
.tabdld { color: #ffefc0; font-style: italic; background-color: #162065; }
.tabdld_titre { font-weight: bold; font-size: 112% }
.tabdld_stitre { font-size: 80%}

/** Astuces - Présentation et commentaires sur des astuces ponctuelles, hors celles faisant l'objet de pages compl?tes **/
.astuce { color: #ffefc0; font-style: italic; background-color: #300; margin-left: 18px; }
.astuce_titre { font-weight: bold; font-size: 112%; background-color: #300 }
.astuce_stitre { font-size: 80%; background-color: #300 }

/** TSLRCM - Uniquement si le MOD TSLRCM est installé - The Sith Lords Restauration Content Mod **/
.tslrcm { color: #ffefc0; background: url(../Commun/media/template/tslrcm.gif) #090922 no-repeat left top; margin-left: 18px; padding-top: 50px; padding-bottom: 18px; }
.tslrcm_titre { font-weight: bold; font-size: 112% }
.tslrcm_stitre { font-size: 80% }

/** Enigmes - Résolution des énigmes **/
.enigme { color: #ffefc0; background-color: #090922; padding-top: 18px; padding-bottom: 18px; }
.enigme_titre { font-weight: bold; font-size: 112% }
.enigme_stitre { font-size: 80% }

/** Notes dans le texte **/
.note { color: #ffefc0; background-image: url(../Commun/media/template/separateur_v.gif); background-repeat: repeat-y; padding-left: 12px; border-style: none; }
.note_titre { font-weight: bold; font-size: 112% }
.note_titre_ul1 { font-weight: bold; font-size: larger }

/** Légendes des tableaux et des illustrations **/
.tableau { color: #ffefc0; font-size: 90%; font-weight: bold; text-align: center; }
.tableau_legende { color: #ffefc0; font-style: italic; font-size: 90% }
.illustration { font-size: 11px !important; font-style: italic; text-align: center  }
.illustration_legende { font-size: 11px; }

/** Faites une sauvegarde **/
.sauvegarde { color: #010101; background-color: #ff0 }

/** Tableaux **/
.tblobj_conteneur { font-size: 12px; background-color: #29363e; padding: 0; border: solid 2px #56422e }
.tblobj_conteneur_wide { font-size: 12px; background-color: #29363e; padding: 0; border-top: 2px solid #56422e; border-bottom: 2px solid #56422e; border-right-color: #56422e; border-right-style: solid; border-left-color: #56422e; border-left-style: solid; }
.tblobj { font-size: 12px; border: none }
.tblobj_sub_conteneur { font-size: 12px; background-color: #191816; padding: 0; border: solid 1px #56422e }
.tblobj_cel_head_1 { font-weight: bold; background-color: #010101; text-align: center; vertical-align: bottom; padding: 0px; border: none }
.tblobj_cel_head_1_d { font-weight: bold; background-color: #010101; text-align: center; vertical-align: bottom; border-top: none; border-right: 2px solid #444240; border-bottom: none; border-left: none }
.tblobj_cel_head_2 { background-color: #010101; vertical-align: bottom; border: none }
.tblobj_cel_head_2_d { background-color: #010101; vertical-align: bottom; border-top: none; border-right: 2px solid #444240; border-bottom: none; border-left: none }
.tblobj_cel { font-size: 12px; background-color: #010101; border: none }
.tblobj_cel_ev { font-size: 12px; background-color: #010101; padding-top: 4px; padding-bottom: 4px; border: none }
.tblobj_cel_ev_description { font-size: 85%; background-color: #010101; padding-top: 4px; padding-bottom: 4px; border: none; }
.tblobj_cel_ev_discret { font-size: 85%; background-color: #091a24; padding-top: 4px; padding-bottom: 4px; border: none; }
.tblobj_cel_jaune { color: #000; font-weight: 600; background-color: #ff0; border: none }
.tblobj_cel_vert { font-size: 12px; background-color: #060; border: none }
.tblobj_cel_bleu { font-size: 12px; background-color: #30c; border: none }
.tblobj_cel_gris { font-size: 12px; background-color: #333; border-style: none; border-width: medium; }
.tblobj_cel_rouge { font-size: 12px; background-color: #600; border: none }
.tblobj_cel_bleu { font-size: 12px; background-color: #306; border: none }
.tblobj_cel_d { font-size: 12px; background-color: #010101; border-style: none solid none none; border-width: medium 2px medium medium; border-right-color: #444240; }
.tblobj_cel_d_gris { font-size: 12px; background-color: #333; border-style: none solid none none; border-width: medium 2px medium medium; border-right-color: #444240; }
.tblobj_cel_d_jaune { color: #000; font-size: 12px; background-color: #ff0; border-style: none solid none none; border-width: medium 2px medium medium; border-right-color: #444240; }
.tblobj_cel_d_vert { font-size: 12px; background-color: #060; border-style: none solid none none; border-width: medium 2px medium medium; border-right-color: #444240; }
.tblobj_cel_d_rouge { font-size: 12px; background-color: #600; border-style: none solid none none; border-width: medium 2px medium medium; border-right-color: #444240; }
.tblobj_cel_d_bleu { font-size: 12px; background-color: #306; border-style: none solid none none; border-width: medium 2px medium medium; border-right-color: #444240; }
.tblobj_cel_c { font-size: 12px; background-color: #010101; border: 0 }
.tblobj_cel_c_rouge { font-size: 12px; background-color: #600; border: 0 }
.tdm_nav_header { font-weight: bold; background-image: url(../Commun/media/template/degrade_1.gif); padding-left:5px }

/* ##### Liens rapides ###### */
div#links_vertical { position:fixed; top:35%; margin-left:inherit; width:27px; text-align:center; z-index: 1; padding-left:2px; display: block; }
div#links_vertical_top { width:29px; background:url(../Commun/media/template/vertical_menu_top.png) no-repeat; text-align:center; height:32px; }
div#links_vertical_central { width:29px; text-align:center; background:url(../Commun/media/template/vertical_menu_repeat.png) repeat-y; height: 32px; }
div#links_vertical_bottom { background-image: url(../Commun/media/template/vertical_menu_bottom.png); width:29px; text-align:center; height:32px; }
#fil_vertical { background-image: url(../Commun/media/template/fil_vertical.png); background-repeat: repeat-y; }
.fil_vertical { background-image: url(../Commun/media/template/fil_vertical.png); background-repeat: repeat-y; }

/* ##### Boutons ###### */
.bouton { color: #ffefc0; background-color: #351900; border: solid 1px #4a301a; }

/* Barre de menu horizontale */
.barre { background-image: url(../Commun/media/template/fond_barre_menu.png); background-repeat: repeat-x; }

/* Menu vertical déroulant */
.navigation { margin: 0 0 0 0; list-style: none; font-size: 12px; font-family: verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif; font-weight: normal; line-height: normal; padding: 0; }
.navigation a, .navigation span { display: block; padding: 4px 0 4px 8px; background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; text-decoration: none; }
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span { }
.navigation .open a, .navigation .open span { }
.navigation a:hover, .navigation a:focus, .navigation a:active { text-decoration: underline;}
.navigation .subMenu { background-position: 0 0; }
.navigation ul.subMenu a { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0; }
.navigation .open li { background: #280f0f ; }
.navigation .toggleSubMenu li { background: #280f0f ; }
