/* (Rappel)

***
Classe  : "."
ID      : "#"
***
margin  : ext
padding : intérieur
***
position :
    - static (Default) : Elements render in order, as they appear in the document flow
    - absolute : The element is positioned relative to its first positioned (not static) ancestor element
    - fixed : The element is positioned relative to the browser window
    - relative : The element is positioned relative to its normal position, so "left:20" adds 20 pixels to the element's LEFT position
    - inherit : The value of the position property is inherited from the parent element
***
*/
    html {
        height: 100%;
    }

    * {
        margin: 0;
        padding: 0;
    }

    body {
        height: 100%;
        background-color: #000000;
        /*background-size: 100%;*/
        font-family: Arial, Arial, Verdana, serif;
        text-align: justify;
        color: #8ba480;
        font-size: 10pt;
        font-style: normal;
        margin: 0px;
        padding: 0px;
        border: 0px;
        background-image:url(/img/background_general/bg_1920.jpg);
        background-repeat: repeat-y;
        background-attachment:fixed;
        background-position: center center;
    }

    /* POLICE */
    /*@font-face { font-family: "font_title";   src: url('/fonts/OldLondon.ttf'); }
    @font-face { font-family: "font_title_2";   src: url('/fonts/OldLondon.ttf'); }
    @font-face { font-family: "font_default";   src: url('/fonts/TrajanPro-Regular.ttf');}*/

    /* LIENS */
    a:link, .lnk_txt {
        color: #396638;
        font-weight: bold;
        text-decoration: none;
    }

    a:visited, .lnk_txt:visited {
        color: #396638;
        font-weight: bold;
        text-decoration: none;
    }

    a:hover, a:active, .lnk_txt:hover, .lnk_txt:active {
        color: #299f9b;
        font-weight: bold;
        text-decoration: underline;
        cursor:pointer;
    }

    .report_link {
        color:#c6f030;
        font-weight: bold;
        text-decoration: none;
    }

    .report_link:visited {
        color:#c6f030;
        font-weight: bold;
        text-decoration: none;
    }

    .report_link:hover, .report_link:active {
        color: #bb2e15;
        font-weight: bold;
        text-decoration: underline;
        cursor:pointer;
    }

    .report_link_reported {
        color:#d7ee87;
        font-weight: bold;
        text-decoration: none;
    }

    .report_link_reported:visited {
        color:#d7ee87;
        font-weight: bold;
        text-decoration: none;
    }

    .report_link_reported:hover, .report_link:active {
        color: #bb2e15;
        font-weight: bold;
        text-decoration: underline;
        cursor:pointer;
    }

    .vote-widget {
        display: inline-block;
        margin-top: 4px;
        font-size: 0.9em;
        white-space: nowrap;
    }
    .vote-widget a {
        cursor: pointer;
        text-decoration: none;
        padding: 1px 4px;
        border-radius: 4px;
    }
    .vote-widget a:hover {
        background: #333;
    }
    .vote-yes b { color: #7ed957; }
    .vote-no  b { color: #ee4d4d; }
    .vote-widget.voted a { opacity: 0.6; }
    .vote-widget .vote-msg {
        display: block;
        font-size: 0.85em;
        color: #d7ee87;
    }

    td {
        padding: 2px;
    }

    ul {
        padding-top: 5px;
        padding-bottom: 10px;
        margin-left: 30px;
        list-style-image: url("/img/puces/puce_8_8.png");
        /*list-style-image: url("/img/puces/moyenne_8_8.png");*/
    }

    ol {
        padding-top: 5px;
        padding-bottom: 10px;
        margin-left: 30px;
    }

    h1 {
        text-align:center;
        /*font-family:font_title, font_title_2, Arial, Arial, sans-serif;*/
        font-style: normal;
        font-weight:bold;
        /*font-size: 50pt;*/
        margin: 0px;
        padding: 0px;
        color: #bf2f15;
    }

    h2 {
        text-align:center;
        /*font-family:font_title, font_title_2, Arial, Arial, sans-serif;*/
        font-style: normal;
        font-weight:bold;
        /*font-size: 30pt;*/
        margin: 0;
        margin-bottom: 10px;
        color: #bf2f15;
        text-align: center;
        /*background-image:url(/img/puces/fond_titre_h3_mini_box.jpg);*/
        background-image:url(/img/puces/fond_titre.png);
        display: inline-block;
        height: 28px;
        width: 100%;
        vertical-align: top;
        padding-top: 11px;
        -webkit-box-shadow:  0px 2px 1px 0px rgba(57, 57, 57, 0.7);
        box-shadow:  0px 2px 1px 0px rgba(57, 57, 57, 0.7);
    }

    h3 {
        text-align:center;
        /*font-family:font_title, font_title_2, Arial, Arial, sans-serif;*/
        font-style: normal;
        font-weight:bold;
        /*font-size: 30pt;*/
        margin: 0;
        margin-bottom: 10px;
        color: #bb6715;
        text-align: center;
        /*background-image:url(/img/puces/fond_titre_h3_mini_box.jpg);*/
        background-image:url(/img/puces/fond_titre.png);
        display: inline-block;
        height: 28px;
        width: 100%;
        vertical-align: top;
        padding-top: 11px;
        -webkit-box-shadow:  0px 2px 1px 0px rgba(57, 57, 57, 0.7);
        box-shadow:  0px 2px 1px 0px rgba(57, 57, 57, 0.7);
    }

    h4 {
        color:#bb6715;
        /*font-style:italic;*/
        font-weight:bold;
        text-decoration: underline;
    }

    h5
    {
        /*font-family:font_title, font_title_2, Arial, Arial, sans-serif;*/
        font-style: normal;
        font-weight: bold;
        font-size: 11pt;
        color: #dd8b1c;
    }

    /* TABLEAUX CENTRES */

    /* AUTRES */
    .katmsg {
        text-align: center;
        color:green;
        font-style:italic;
        font-weight:bold;
    }
    .status_positif {
        color:#508d0e;
        /*font-style:italic;*/
        font-weight:bold;
    }
    .status_negatif {
        color: #bb2e15;
        /*font-style:italic;*/
        font-weight:bold;
    }
    .status_warning {
        color:#bb6715;
        /*font-style:italic;*/
        font-weight:bold;
    }
    .status_fight {
        color:#156dbb;
        font-weight:bold;
        /*font-style:italic;*/
    }
    .status_reported {
        color:#d7ee87;
        font-weight: bold;
        /*font-style:italic;*/
    }
    .status_custom {
        color:#28d010;
        font-weight: bold;
        /*font-style:italic;*/
    }
    .status_market {
        color:#e680b9;
        /*font-style:italic;*/
    }

    .katmsg_tooltip {
        text-align: center;
        /*font-weight:bold;*/
    }

    #tooltip_messages {
        position:absolute;
        top:250px;
        left:0px;
        /*bottom:0px;*/
        right:0px;
        width: 700px;
        z-index: 100000;
    }

    #header {
        z-index: 1000;
    }

    /* Barre d'infos (ressources, etc) */

    /* Barre de login */

    ::-webkit-input-placeholder {
        color: #cbcccb;
    }
    :-moz-placeholder {
        color: #cbcccb;
    }
    :-ms-input-placeholder {
        color: #cbcccb;
    }

    /* Menu principal */

    /*#menu_pp_02 {
        background-image: url(/img/background_text//background_text_2.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #menu_pp_03 {
        background-image: url(/img/background_text//background_text_2.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        margin-left: auto;
        margin-right: auto;
    }*/

    /*#menu_pp_02 {
        background-image:url(sous_menu/fond_menu_pp.jpg);
        background-size: 100%;
        margin-left: auto;
        margin-right: auto;
        width: 220px;
    }*/

    #main_page {
        position: absolute;
        top: 0px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #corps_page {
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }

    /*#colonne_02_map {
        width:100%;
        height:100%;
    }*/

    .box_type_1 {
        margin: auto;
        margin-bottom: 10px;
        padding: 0px;
        /*width: 185px;*/
        /*width: 168px;*/
        min-height: 50px;
        border-style: solid; border-width: 8px 7px 7px;
        -moz-border-image: url(/img/block_box/border.png) 7 7 7 repeat;
        -webkit-border-image: url(/img/block_box/border.png) 7 7 7 repeat;
        -o-border-image: url(/img/block_box/border.png) 7 7 7 repeat;
        border-image: url(/img/block_box/border.png) 7 7 7 repeat;
        /*background-image:url(/img/background_text/background_text_2.jpg);*/
        background-color: #080C0D;
        /*z-index:160;*/
    }

    .box_type_admin{
        margin: auto;
        margin-bottom: 10px;
        /*padding: 4px;*/
        width:1200px;
        min-height:20px;
        border-style: solid; border-width: 7px 7px 7px;
        -moz-border-image: url(/img/block_box/border.png) 7 7 7 repeat;
        -webkit-border-image: url(/img/block_box/border.png) 7 7 7 repeat;
        -o-border-image: url(/img/block_box/border.png) 7 7 7 repeat;
        border-image: url(/img/block_box/border.png) 7 7 7 fill repeat;
        background-image:url(/img/background_text/background_text_1.jpg);
        /*z-index:160;*/
        -webkit-box-shadow: inset 0px 0px 15px 15px rgba(55, 55, 55, 0.3);
        box-shadow: inset 0px 0px 15px 15px rgba(55, 55, 55, 0.3);
    }

    #footer {
        font-size: 8pt;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
        position:fixed;
        bottom:0;
        left:0;
        clear: both;
        background-image:url(/img/background_general/footer.png);
        background-repeat: repeat;
        background-position: right top;
        width:100%;
        height:76px;
        z-index: 1000;
        /*padding-top: 10px;*/
    }

    #contenu_footer_home {
        margin-top: 20px;
        padding: 0px;
    }

    #contenu_footer {
        margin-top: 15px;
        padding: 0px;
    }

    #logo {
        /*z-index: 9999;*/
        /*position: absolute;
        /*top : 100px;*/
    }

    /*.fond_bouton_menu_gauche:hover {
        background-image:url(/img/menus/menu_gauche/fond_bouton_menu_gauche_hover.jpg);
        background-size: 100%;
        display: table-cell;
    }*/

    /* Grosse div */
    /*.fond_menu_gauche {
        width: 168px;
        height: 136px;
        background-image:url(/img/menus/menu_gauche/fond_menu_gauche.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
    }*/

    /* MENU GAUCHE */
    .menu_chateau:hover{
        background-image:url(/img/menus/menu_pp/chateau-hover.png);
    }
    .menu_recherches:hover{
        background-image:url(/img/menus/menu_pp/recherches-hover.png);
    }
    .menu_monde:hover{
        background-image:url(/img/menus/menu_pp/monde-hover.png);
    }
    .menu_troupes:hover{
        background-image:url(/img/menus/menu_pp/troupes-hover.png);
    }
    .menu_defense:hover{
        background-image:url(/img/menus/menu_pp/defense-hover.png);
    }
    .menu_classement:hover{
        background-image:url(/img/menus/menu_pp/classement-hover.png);
    }
    .menu_pvp:hover{
        background-image:url(/img/menus/menu_pp/pvp-hover.png);
    }
    .menu_rapports:hover{
        background-image:url(/img/menus/menu_pp/rapports-hover.png);
    }

    /* MENU PRINCIPALE 1 */

    .menu_poste_pp:hover{
        background-image:url(/img/menus/menu_pp/poste_de_combat-hover.png);
    }

    .menu_recrutement:hover{
        background-image:url(/img/menus/menu_pp/recrutement-hover.png);
    }

    .menu_troupes_pp:hover{
        background-image:url(/img/menus/menu_pp/mes_troupes-hover.png);
    }

    .menu_marche:hover{
        background-image:url(/img/menus/menu_pp/marche-hover.png);
    }

    .menu_academie:hover{
        background-image:url(/img/menus/menu_pp/academie-hover.png);
    }

    .menu_journal:hover{
        background-image:url(/img/menus/menu_pp/journal-hover.png);
    }

    .menu_simulateur:hover{
        background-image:url(/img/menus/menu_pp/simulateur-hover.png);
    }

    .menu_chateau:hover{
        background-image:url(/img/menus/menu_pp/chateau-hover.png);
    }

    .menu_pouvoirs:hover{
        background-image:url(/img/menus/menu_pp/pouvoirs-hover.png);
    }

    .menu_classement:hover{
        background-image:url(/img/menus/menu_pp/classement-hover.png);
    }

    .menu_en_ligne:hover{
        background-image:url(/img/menus/menu_pp/online-hover.png);
    }

    .menu_registre:hover{
        background-image:url(/img/menus/menu_pp/registre-hover.png);
    }

    .menu_taverne:hover{
        background-image:url(/img/menus/menu_pp/taverne-hover.png);
    }

    .menu_messages:hover{
        background-image:url(/img/menus/menu_pp/messages-hover.png);
    }

    .menu_options:hover{
        background-image:url(/img/menus/menu_pp/options-hover.png);
    }

    .menu_presentation:hover{
        background-image:url(/img/menus/menu_pp/le_jeu-hover.png);
    }

    .menu_bestiaire:hover{
        background-image:url(/img/menus/menu_pp/bestiaire-hover.png);
    }

    .menu_aide_de_jeu:hover{
        background-image:url(/img/menus/menu_pp/aide-hover.png);
    }

    .menu_faq:hover{
        background-image:url(/img/menus/menu_pp/faq-hover.png);
    }

    .menu_editor:hover{
        background-image:url(/img/menus/menu_pp/editeur-hover.png);
    }

    .menu_view_map:hover{
        background-image:url(/img/menus/menu_pp/les_maps-hover.png);
    }

    .menu_news:hover{
        background-image:url(/img/menus/menu_pp/news-hover.png);
    }

    .menu_changelog:hover{
        background-image:url(/img/menus/menu_pp/changelog-hover.png);
    }

    .menu_bug:hover{
        background-image:url(/img/menus/menu_pp/bugs-hover.png);
    }

    .katmsg {
        text-align: center;
        color:#508d0e;
        font-style:italic;
        font-weight:bold;
    }

    /* Tableau MAP */
    /* pour la map
    (à changer)*/
    #main
    {
        /*padding: 5pt;*/
    }

    #tab_page_map
    {
        margin-left:auto;
        margin-right:auto;
        padding: 5px;
    }

    /*#map_tab_container {
        width:100%;
        top: 40px;
        left: 0px;
        text-align: center;
        z-index: 998;
    }*/

    #status {
        font-weight: bold;
    }
    #console{
        /*width: 300px;*/
        font-size:8pt;
        padding: 5pt;
    }
    #console_refresh{
        text-align: center;
        margin: 0;
        font-size: 8pt;
        padding: 5pt;
        /*border: 1px solid black;*/
    }
    .titre_console{
        color: #bb6715;
        text-align: center;
        font-size: 11pt;
        font-style:italic;
    }

    /*}*/

    .cursor{
        color: #c15555;
        font-weight: bold;
        cursor:pointer;
    }

    #tooltip {
        position: absolute;
        visibility: hidden;
        background-color:#000000; border:1px solid black;
        margin: auto;
        margin-bottom: 10px;
        padding: 5px;
        /*width: 300px;*/
        max-width: 300px;
        min-height: 10px;
        border-style: solid; border-width: 7px 7px 7px;
        -moz-border-image: url(../img/block_box/border.png) 7 7 7 repeat;
        -webkit-border-image: url(../img/block_box/border.png) 7 7 7 repeat;
        -o-border-image: url(../img/block_box/border.png) 7 7 7 repeat;
        border-image: url(../img/block_box/border.png) 7 7 7 fill repeat;
        background-image:url(../img/background_text/background_text_2.jpg);
        z-index: 10001;
    }

    .entry-content td, .comment-content td {
    border: 0;
}

    #map_fleche_d{
        width: 40px;
        height: 40px;
        background-image:url(/img/design/fleche-d-g.png);
        text-decoration: none;
        border: none;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background 1s;
        -webkit-transition: background 1s;
        -moz-transition: background 1s;
        -o-transition: background 1s;
    }

    #map_fleche_d:hover{
        background-image:url(/img/design/fleche-d-r.png);
        text-decoration: none;
        border: none;
        transition: background 1s;
        -webkit-transition: background 1s;
        -moz-transition: background 1s;
        -o-transition: background 1s;
    }

    #map_fleche_g{
        width: 40px;
        height: 40px;
        background-image:url(/img/design/fleche-g-g.png);
        text-decoration: none;
        border: none;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background 1s;
        -webkit-transition: background 1s;
        -moz-transition: background 1s;
        -o-transition: background 1s;
    }

    #map_fleche_g:hover{
        background-image:url(/img/design/fleche-g-r.png);
        text-decoration: none;
        border: none;
        transition: background 1s;
        -webkit-transition: background 1s;
        -moz-transition: background 1s;
        -o-transition: background 1s;
    }

/* Style des sorts */

    a.status_warning:link {
        color:#bb6715;
        font-style:italic;
        font-weight:bold;
    }
    a.status_warning img {
        width:15px;
    }

/**
 * Tooltip
*/

    /* Add this attribute to the element that needs a tooltip */
    [data-tooltip] {
      position: relative;
      z-index: 2;
      cursor: pointer;
    }

    /* Hide the tooltip content by default */
    [data-tooltip]:before,
    [data-tooltip]:after {
      visibility: hidden;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      pointer-events: none;
    }

    /* Position tooltip above the element */
    [data-tooltip]:before {
      position: absolute;
      bottom: 150%;
      left: 50%;
      margin-bottom: 5px;
      margin-left: -80px;
      padding: 7px;
      width: 160px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      background-color: #000;
      background-color: hsla(0, 0%, 20%, 0.9);
      color: #fff;
      content: attr(data-tooltip);
      text-align: center;
      font-size: 14px;
      line-height: 1.2;
    }

    /* Triangle hack to make tooltip look like a speech bubble */
    [data-tooltip]:after {
      position: absolute;
      bottom: 150%;
      left: 50%;
      margin-left: -5px;
      width: 0;
      border-top: 5px solid #000;
      border-top: 5px solid hsla(0, 0%, 20%, 0.9);
      border-right: 5px solid transparent;
      border-left: 5px solid transparent;
      content: " ";
      font-size: 0;
      line-height: 0;
    }

    /* Show tooltip content on hover */
    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after {
      visibility: visible;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1;
    }

/* POUBELLE */
/* Top Movers panel on event 55 */
.topflop-row > td {
    padding: 6px;
    background-color: #1a1a1a;
}
.topflop-panel {
    display: flex;
    gap: 10px;
}
.topflop-panel > .topflop-half {
    width: 50%;
}
.topflop-panel table {
    width: 100%;
    border-collapse: collapse;
}

table[border="1"] tr.ts-sep td,
table[border="1"] tr.ts-sep:hover td,
table[border="1"] tr.ts-sep:nth-child(even) td {
    padding: 0;
    height: 4px;
    background: #156dbb;
    border: none;
}