body {
    font-size: 14px;
    font-family: "'Times New Roman', Times, serif";
    background-image: url('../images/fond_2.jpg');
    background-repeat: no-repeat;
    background-position: center 0;
    background-color: #000000;
    margin-left: 0;
    margin-top: 0;
    min-width: 600;
    margin: 0;
    padding: 0;
    line-height: 1em;
    -webkit-user-select: text;
    /* webkit (safari, chrome) browsers */
    -moz-user-select: text;
    /* mozilla browsers */
    -khtml-user-select: text;
    /* webkit (konqueror) browsers */
    -ms-user-select: text;
    /* IE10+ */
    user-select: text;
}

img {
    -webkit-user-select: none;
    /* webkit (safari, chrome) browsers */
    -moz-user-select: none;
    /* mozilla browsers */
    -khtml-user-select: none;
    /* webkit (konqueror) browsers */
    -ms-user-select: none;
    /* IE10+ */
    user-select: none;
}
.unselectable {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
  }

.tooltip .tooltip-inner,
.popover .popover-inner {
    min-width: 190px;
    max-width: 250px;
    z-index: 99;
}

.popover {
    background-color: transparent;
    opacity: 0.90;
}

.customClass .tooltip-inner,
.customClass .popover-inner {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border: 2px solid Black;
    font-family: Verdana, Arial;
    color: black;
    font-size: 1.1rem;
    background-color: #FFFFFF;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px;
    opacity: 0.90;
}


/* Hide arrow */

.tooltip.customClass .tooltip-arrow {
    /* display: none; */
}

#arkaNav {
    width: 100%;
    height: 30px;
    padding-top: 25px;
    position: relative;
    top: -29px;
    margin-bottom: -29px;
    color: #fff;
    border-bottom: 1px solid #111;
    background: #111111;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMTExMTExIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI2MjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #111111 0%, #111111 0%, #262222 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #111111), color-stop(0%, #111111), color-stop(100%, #262222));
    background: -webkit-linear-gradient(top, #111111 0%, #111111 0%, #262222 100%);
    background: -o-linear-gradient(top, #111111 0%, #111111 0%, #262222 100%);
    background: -ms-linear-gradient(top, #111111 0%, #111111 0%, #262222 100%);
    background: linear-gradient(to bottom, #111111 0%, #111111 0%, #262222 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#262222', GradientType=0);
    overflow: hidden;
}

hr {
    margin-top: 7px;
    margin-bottom: 7px;
}

a,
a:hover,
a:active,
a:visited,
a:focus {
    font-size: 14px;
    text-decoration: none;
    color: #9C916A;
    outline: none;
}

table {
    font-size: 14px;
    padding: 0;
    border-spacing: 0;
    color: #9C916A;
}

table.radio_read {
    background-color: #947F69;
    border: 2px solid #67471A;
}

table.radio_unread {
    background-color: #947F69;
    border: 2px solid #990000;
}

a.black {
    font-size: 14px;
    color: #000000;
}

div.radio_mess {
    background-color: #947F69;
    border: 2px solid #67471A;
}

div.radio_close {
    background-color: #947F69;
    border: 1px solid #947F69;
}

div.radio_notice {
    background-color: #A47F69;
    border: 2px solid #660000;
}

div.radio_notice:hover {
    background-color: #bd9078;
}

div.radio_mess:hover {
    background-color: #A58F7A;
}

a.radio_mess {
    font-size: 12px;
    text-decoration: none;
    color: #FFEEDD;
    font-weight: bold;
    box-sizing: content-box;
}

a[title] {
    background-color: transparent;
}

a.radio_close {
    font-size: 12px;
    text-decoration: none;
    color: #FFEEDD;
    font-weight: bold;
}

a.radio_notice {
    font-size: 12px;
    text-decoration: none;
    color: #FFEEDD;
    font-weight: bold;
    box-sizing: content-box;
}


/*===================*/


/*=== Main Styles ===*/


/*===================*/

.theme-default #slider {
    margin: 0 auto 0 auto;
    width: 630px;
    /* Make sure your ../images are the same size */
    height: 390px;
    /* Make sure your ../images are the same size */
}


/*====================*/


/*=== Other Styles ===*/


/*====================*/

.clear {
    clear: both;
}

#tchatbox_messages {
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
}

.mainContent {
    position: relative;
    width: 979px;
    height: 1050px;
    border: 0;
    top: 0px;
    left: 0px;
    background-image: url(../images/page_accueil/fond_centre_accueil.jpg);
}

.red_text {
    color: #DD0000 !important;
}
.zone_vie{
    position: absolute;
    top:300px;
    left:50px;
    height: 50px;
    width: 150px;
}
.thermique_zone {
    /* filter: xray !important; */
    /* filter: invert(100%) grayscale(100%) !important; */
    /* test nouvelle option */
    filter: hue-rotate(45deg) saturate(4) !important;
}
.thermique_zone2 {
    filter: invert(100%) grayscale(100%) !important;
}

.green_text {
    color: #3c763d!important;
}
.femme_text{
    color: darkmagenta
}
.homme_text{
    color: mediumblue;
}
.mainContent.snow {
    background-image: url(../images/page_accueil/fond_centre_accueil_snow.jpg);
}

.mainContent.game {
    background-image: url(../images/fond_centre_1.jpg);
}
.mainContent.game.admin {
    background-image: url(../images/page_accueil/fond_centre_accueil_top.jpg);
    background-repeat: no-repeat;
}
.mainContent.game.admin.snow {
    background-image: url(../images/page_accueil/fond_centre_accueil_top_snow.jpg);
    background-repeat: no-repeat;
}

.mainContent.game.snow {
    background-image: url(../images/fond_centre_1_snow.jpg);
}


.big_right_arrow {
    background-image: url(../images/fleche.png);
    background-size: cover;
    height: 50px;
    width: 67px;
}

.big_right_arrow:hover {
    background-image: url(../images/fleche_rollover.png);
    cursor: pointer;
    height: 50px;
    width: 67px;
}

.big_cross {
    background-image: url(../images/page_radio/false.png);
    background-size: cover;
    height: 30px;
    width: 30px;
}

.big_cross:hover {
    background-image: url(../images/page_radio/false_rollover.png);
    cursor: pointer;
    height: 30px;
    width: 30px;
}
.big_lock, .big_lock.locked:hover {
    background-image: url(../images/page_radio/verrou_gris.gif);
    background-size: cover;
    height: 30px;
    width: 30px;
}

.big_lock:hover, .big_lock.locked {
    background-image: url(../images/page_radio/verrou.gif);
    cursor: pointer;
    height: 30px;
    width: 30px;
}
.myicons {
    height: 30px;
    width: 30px;
    cursor: pointer;
    background-color: transparent !important;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
.myicons.on:hover {
    height: 30px;
    width: 30px;
    cursor: pointer;
    background-color: transparent !important;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(0deg);
}

.myicons:hover, .myicons.on {
    height: 30px;
    width: 30px;
    cursor: pointer;
    background-color: transparent !important;
    color: #660000;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-45deg);
}

.forget_pwd {
    background-image: url(../images/page_accueil/bout_mdp_oublie_off.png);
    position: absolute;
    border: 0;
    top: 192px;
    left: 43px;
    width: 169px;
    height: 23px;
}

.forget_pwd.on {
    background-image: url(../images/page_accueil/bout_mdp_oublie_on.png);
}

.forget_pwd:hover {
    cursor: pointer;
    background-image: url(../images/page_accueil/bout_mdp_oublie_on.png);
}

.registerbtn {
    background-image: url('../images/page_accueil/bout_inscription_off.png');
    height: 38px;
    width: 375px;
}

.registerbtn:hover {
    cursor: pointer;
    background-image: url('../images/page_accueil/bout_inscription_on.png');
    height: 38px;
    width: 375px;
}

.registerbtn2 {
    background-image: url('../images/page_inscription/devenir_survivant.png');
    height: 39px;
    width: 415px;
}

.registerbtn2:hover {
    cursor: pointer;
    background-image: url('../images/page_inscription/devenir_survivant_rollover.png');
}

.helpbtn {
    background-image: url('../images/page_bonus/aide.png');
    background-size: cover;
    width: 64px;
    height: 75px;
}

.helpbtn:hover {
    cursor: pointer;
    background-image: url('../images/page_bonus/aide_rollover.png');
}

.back_to_game {
    background-image: url('../images/bout_retour_au_jeu.png');
    width: 130px;
    height: 27px;
}

.back_to_game:hover {
    cursor: pointer;
    background-image: url('../images/bout_retour_au_jeu_rollover.png');
}

.mainbg {
    content: url(../images/page_accueil/fond_centre_accueil.jpg)
}

.mainbg.snow {
    content: url(../images/page_accueil/fond_centre_accueil_snow.jpg)
}

.lnk:hover {
    cursor: pointer !important;
    text-decoration: underline !important;
}

.Back_Arrow_Text {
    background-image: url('../images/page_inscription/bout_retour_off.png');
    height: 28px;
    width: 103px;
}

.Back_Arrow_Text:hover {
    background-image: url('../images/page_inscription/bout_retour_on.png');
    cursor: pointer;
}

.Send_Btn {
    background-image: url('../images/page_inscription/bout_envoyer_off.png');
}

.Send_Btn:hover {
    background-image: url('../images/page_inscription/bout_envoyer_on.png');
    cursor: pointer;
}

.bgpanneau {
    background-image: url('../images/page_accueil/fond_panneau.png');
    width: 616px;
    height: 126px;
}

.bgpanneau:hover {
    background-image: url('../images/page_accueil/fond_panneau_snow.png');
}


/*snow*/

body.snow {
    background-image: url('../images/fond_2_snow.jpg');
}

.centerh {
    background-image: url('../images/page_accueil/centre_h.jpg')
}

.centerh.snow {
    background-image: url('../images/page_accueil/centre_h_snow.jpg')
}

#wrapper {
    background-image: url('../images/page_accueil/screen_fond.jpg');
}

.tick.good {
    background-image: url('../images/page_inscription/ok_new.png');
}

.tick.false {
    background-image: url('../images/page_inscription/false_new.png');
}

#fl_perso_select:hover,
#fl_perso_select.opened,
#fl_ville_select:hover,
#fl_ville_select.opened,
#fl_travaux:hover,
#fl_travaux.opened {
    background-image: url('../images/fleche_deroulement_on.png');
}

#fl_perso_select,
#fl_ville_select,
#fl_travaux {
    background-image: url('../images/fleche_deroulement_off.png');
}

#wiki {
    background-image: url('../images/bout_aide_off.png');
    position: absolute;
    border: 0;
    top: 15px;
    left: 895px;
    width: 51px;
    height: 61px;
}

#wiki:hover {
    background-image: url('../images/bout_aide_on.png');
}

#radio_wiki {
    background-image: url('../images/page_bonus/aide.png');
    position: absolute;
    border: 0;
    top: 83px;
    left: 450px;
    width: 127px;
    height: 148px;
}

#radio_wiki:hover {
    background-image: url('../images/page_bonus/aide_rollover.png');
}

#account_wiki {
    background-image: url('../images/page_bonus/aide.png');
    position: absolute;
    border: 0;
    top: 90px;
    left: 470px;
    width: 90px;
    height: 105px;
    background-size: contain;
    background-repeat: no-repeat;
}

#account_wiki:hover {
    background-image: url('../images/page_bonus/aide_rollover.png');
}

#logout {
    background-image: url('../images/bout_sortie_off.png');
    position: absolute;
    border: 0;
    top: 83px;
    left: 890px;
    width: 67px;
    height: 38px;
}

#logout:hover {
    background-image: url('../images/bout_sortie_on.png');
}

#grade1 {
    position: absolute;
    top: 255px;
    left: 265px;
    width: 40px;
    height: 40px;
}

#grade2 {
    position: absolute;
    top: 253px;
    left: 265px;
    width: 40px;
    height: 40px;
}

#grade3 {
    position: absolute;
    top: 252px;
    left: 265px;
    width: 40px;
    height: 40px;
}

#grade4 {
    position: absolute;
    top: 245px;
    left: 265px;
    width: 40px;
    height: 40px;
}

#grade5 {
    position: absolute;
    top: 246px;
    left: 262px;
    width: 50px;
    height: 50px;
}

#grade6 {
    position: absolute;
    top: 244px;
    left: 262px;
    width: 50px;
    height: 50px;
}

#grade7 {
    position: absolute;
    top: 243px;
    left: 262px;
    width: 50px;
    height: 50px;
}

#grade8 {
    position: absolute;
    top: 242px;
    left: 262px;
    width: 50px;
    height: 50px;
}

#grade9 {
    position: absolute;
    top: 241px;
    left: 262px;
    width: 50px;
    height: 50px;
}

#grade10 {
    position: absolute;
    top: 239px;
    left: 256px;
    width: 60px;
    height: 60px;
}

#btn_parainage {
    background-image: url("../images/bout_parrainage_off.png");
    position: absolute;
    border: 0;
    top: 870px;
    left: 170px;
    width: 140px;
    height: 40px;
    border: 0;
}

#btn_parainage:hover {
    background-image: url("../images/bout_parrainage_on.png");
}

#btn_mod_avatar {
    background-image: url("../images/bout_modifier_avatar_off.png");
    position: absolute;
    border: 0;
    top: 262px;
    left: 0px;
    width: 86px;
    height: 34px;
    border: 0;
}

#btn_mod_avatar:hover {
    background-image: url("../images/bout_modifier_avatar_on.png");
}

#btn_xp_up_left {
    background-image: url("../images/up_off.png");
    position: absolute;
    border: 0;
    top: 250px;
    left: 203px;
    width: 45px;
    height: 36px;
    border: 0;
}

#btn_xp_up_left:hover {
    background-image: url("../images/up_on.png");
}

.btn_xp_up {
    background-image: url("../images/sinistre/upxp.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.btn_xp_up:hover {
    background-image: url("../images/sinistre/upxp_rollover.png");
}

#btn_bling_left {
    background-image: url('../images/bout_bling_bling.png');
    position: absolute;
    border: 0;
    top: 195px;
    left: 0px;
    width: 23px;
    height: 28px;
}

#btn_bling_left:hover {
    background-image: url('../images/bout_bling_bling_rollover.png');
}


/* Ce style CSS ne dois pas être enlevé, sinon les divs ne se cacherons pas ... */

.cachediv {
    overflow: hidden;
    position: absolute;
    border-radius: 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    visibility: hidden;
    border: 2px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    color: black;
    font-size: 10px;
    background-color: #FFFFFF;
    border-radius: 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    opacity: 0.85;
}

#listeperso tr,
#listevilles tr,
#listetravaux tr {
    background-image: url('../images/transparence_3.png');
    border: 1px solid #6a5b37;
}

#listeperso tr.selected,
#listevilles tr.selected,
#listetravaux tr.selected {
    background-image: url('../images/transparence_6.png'), url('../images/transparence_6.png');
}

#listeperso tr:hover.selected,
#listevilles tr:hover.selected,
#listetravaux tr:hover.selected {
    background-image: url('../images/transparence_4.png'), url('../images/transparence_6.png');
}

#listeperso tr:hover,
#listevilles tr:hover,
#listetravaux tr:hover {
    background-image: url('../images/transparence_4.png'), url('../images/transparence_3.png');
    cursor: pointer;
}

#listeperso tr.disabled,
#listevilles tr.disabled,
#listetravaux tr.disabled {
    cursor: no-drop !important;
}

#btn_radio {
    background-image: url('../images/radio_off.png');
    position: absolute;
    border: 0;
    top: 408px;
    left: 6px;
    width: 81px;
    height: 44px;
}

#btn_radio:hover,
#btn_radio.radioon {
    background-image: url('../images/radio_on.png');
}

#btn_radio_blink {
    opacity: 0;
}

#btn_radio_blink.blink {
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease;
    animation-direction: normal;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: blink;
    animation-timing-function: ease;
}

@-webkit-keyframes blink {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes blink {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

#btn_histoire {
    width: 200px;
    height: 179px;
    position: absolute;
    border: 0;
    top: 60px;
    left: 25px;
    background-image: url('../images/page_magasins/librairie.png');
}

#btn_histoire:hover {
    cursor: pointer;
    background-image: url('../images/page_magasins/librairie_rollover.png');
}

#btn_colony_mag {
    width: 160px;
    height: 240px;
    position: absolute;
    border: 0;
    top: 245px;
    left: 40px;	
    background-image: url('../images/page_histoire/news.png');
	background-position: center;
  	background-repeat: no-repeat;
  	background-attachment: scroll;
  	background-size: contain;
}

#btn_colony_mag:hover {
    cursor: pointer;
    background-image: url('../images/page_magasins/news_on.png');
}

#btn_banque {
    width: 180px;
    height: 150px;
    position: absolute;
    border: 0;
    top: 500px;
    left: 45px;
    background-image: url('../images/page_magasins/banque.png');
    background-repeat: no-repeat;
}

#btn_banque:hover {
    cursor: pointer;
    background-image: url('../images/page_magasins/banque_rollover.png');
}

#btn_magasin {
    background-image: url('../images/magasin_off.png');
    position: absolute;
    border: 0;
    top: 415px;
    left: 100px;
    width: 90px;
    height: 37px;
}

#btn_magasin:hover,
#btn_magasin.on {
    background-image: url('../images/magasin_on.png');
}

#btn_compte {
    background-image: url('../images/compte_off.png');
    position: absolute;
    border: 0;
    top: 417px;
    left: 197px;
    width: 99px;
    height: 41px;
}

#btn_compte:hover,
#btn_compte.on {
    background-image: url('../images/compte_on.png');
}

#btn_paypal {
    background-image: url('../images/page_bonus/paypal.png');
}

#btn_paypal:hover {
    background-image: url('../images/page_bonus/paypal_rollover.png');
}

.btn_join_speed_gt {
    background-color: transparent;
    background: url('../images/menu_gauche/new_speed_gt.png') 0 0 no-repeat;
    border: 0;
    width: 137px;
    height: 50px;
    margin: auto auto;
}

.btn_join_speed_gt:hover {
    background-position: 0 -50px;
}
.btn_join_speed_st {
    background-color: transparent;
    background: url('../images/menu_gauche/new_speed_st.png') 0 0 no-repeat;
    border: 0;
    width: 137px;
    height: 50px;
    margin: auto auto;
}

.btn_join_speed_st:hover {
    background-position: 0 -50px;
}

#btn_chuchoter {
    position: absolute;
    top: 840px;
    left: 39px;
    background-image: url('../images/menu_gauche/com_chuchoter.png');
    width: 85px;
    height: 21px;
}

#btn_chuchoter:hover {
    background-image: url('../images/menu_gauche/com_chuchoter_rollover.png');
    cursor: pointer;
}

#btn_chuchoter.chien {
    background-image: url('../images/menu_gauche/com_content.png') !important;
}

#btn_chuchoter:hover.chien {
    background-image: url('../images/menu_gauche/com_content_rollover.png') !important;
}

#btn_chuchoter.zombie {
    background-image: url('../images/menu_gauche/com_chuchoter1.png');
}

#btn_parler {
    position: absolute;
    top: 840px;
    left: 130px;
    background-image: url('../images/menu_gauche/com_parler.png');
    width: 72px;
    height: 22px;
}

#btn_parler:hover {
    background-image: url('../images/menu_gauche/com_parler_rollover.png');
    cursor: pointer;
}

#btn_parler.chien {
    background-image: url('../images/menu_gauche/com_grogner.png') !important;
}

#btn_parler:hover.chien {
    background-image: url('../images/menu_gauche/com_grogner_rollover.png') !important;
}

#btn_parler.zombie {
    background-image: url('../images/menu_gauche/com_parler1.png');
}

#btn_crier {
    position: absolute;
    top: 840px;
    left: 205px;
    background-image: url('../images/menu_gauche/com_crier.png');
    width: 74px;
    height: 21px;
}

#btn_crier:hover {
    background-image: url('../images/menu_gauche/com_crier_rollover.png');
    cursor: pointer;
}

#btn_crier.chien {
    background-image: url('../images/menu_gauche/com_aboyer.png') !important;
}

#btn_crier:hover.chien {
    background-image: url('../images/menu_gauche/com_aboyer_rollover.png') !important;
}

#btn_crier.zombie {
    background-image: url('../images/menu_gauche/com_crier1.png');
}

#helico {
    position: absolute;
    border: 0;
    top: 18px;
    left: 298px;
    background-image: url('../images/fond_helicoptere_off.png');
    width: 150px;
    height: 79px;
}

#helico.on {
    background-image: url('../images/fond_helicoptere_on.png');
}

#btn_switch_lang {
    position: absolute;
    border: 0;
    top: 840px;
    left: 280px;
    background-image: url('../images/banniere/upxp.png');
    width: 25px;
    height: 20px;
}

#btn_switch_lang:hover {
    background-image: url('../images/banniere/upxp_rollover.png');
}

#btn_cartes {
    position: absolute;
    top: 875px;
    left: 90px;
    background-image: url('../images/menu_gauche/cartes.png');
    width: 40px;
    height: 33px;
}

#btn_cartes:hover {
    background-image: url('../images/menu_gauche/cartes_rollover.png');
    cursor: pointer;
}

#btn_cartes.tricheur {
    background-image: url('../images/menu_gauche/cartes1.png');
}

#btn_des {
    position: absolute;
    top: 883px;
    left: 130px;
    background-image: url('../images/menu_gauche/d6.png');
    width: 40px;
    height: 33px;
}

#btn_des:hover {
    background-image: url('../images/menu_gauche/d6_rollover.png');
    cursor: pointer;
}

#btn_des.tricheur {
    background-image: url('../images/menu_gauche/d61.png');
}

#helicotbl {
    position: absolute;
    border: 0;
    top: 30px;
    left: 30px;
    color: #cff42e;
}

#helicotbl.cantake {
    position: absolute;
    border: 0;
    top: 25px;
    left: 30px;
}

#helicotbl.finished {
    position: absolute;
    border: 0;
    top: 25px;
    left: 30px;
}

#helicotbl.test {
    position: absolute;
    border: 0;
    top: 30px;
    left: 30px;
    color: #cff42e;
}

#info_boire {
    position: absolute;
    border: 0;
    top: 19px;
    left: 464px;
    width: 30px;
    height: 32px;
    background-image: url('../images/icone_soif.png');
}

#info_boire:hover.on {
    background-image: url('../images/icone_soif_rollover.png');
    cursor: pointer;
}

#info_manger {
    position: absolute;
    border: 0;
    top: 66px;
    left: 464px;
    width: 28px;
    height: 28px;
    background-image: url('../images/icone_faim.png');
}

#info_manger:hover.on {
    background-image: url('../images/icone_faim_rollover.png');
    cursor: pointer;
}

#info_manger.zombie,
#info_manger.zombieon {
    background-image: url('../images/icone_faim1.png');
}

#info_manger:hover.zombieon {
    background-image: url('../images/icone_faim1_rollover.png');
    cursor: pointer;
}

#info_rats {
    position: absolute;
    border: 0;
    top: 66px;
    left: 460px;
}

#info_rats:hover,
#sinistre_incendie:hover {
    cursor: pointer;
}

#btn_bonus_txt {
    position: absolute;
    border: 0;
    top: 152px;
    left: 17px;
    width: 160px;
    height: 35px;
    background-image: url('../images/texte_bonus.png');
}

#btn_bonus_txt:hover,
#btn_bonus_txt.on {
    background-image: url('../images/texte_bonus_rollover.png');
}

#eau_zone_warn {
    position: absolute;
    border: 0;
    top: 77px;
    left: 608px;
    width: 14px;
    height: 12px;
}

#eau_zone_warn.on {
    background-image: url('../images/bout_allume.png');
}

#eau_zone_warn.off {
    background-image: url('../images/bout_eteint.png');
}

#btn_eau_zone:hover {
    cursor: default;
}

#btn_eau_zone:hover.on {
    cursor: pointer;
}

#elec_zone_warn {
    position: absolute;
    border: 0;
    top: 41px;
    left: 608px;
    width: 14px;
    height: 12px;
}

#elec_zone_warn.on {
    background-image: url('../images/bout_allume.png');
}

#elec_zone_warn.off {
    background-image: url('../images/bout_eteint.png');
}

#btn_elec_zone:hover {
    cursor: default;
}

#btn_elec_zone:hover.on {
    cursor: pointer;
}

#comm_parler {
    position: absolute;
    top: 20px;
    left: -15px;
    z-index: 98;
    width: 72px;
    height: 22px;
    background-image: url('../images/menu_gauche/com_parler.png');
}

#comm_parler:hover {
    background-image: url('../images/menu_gauche/com_parler_rollover.png');
    cursor: pointer;
}
.ouverte {
    background-color: #485814
}
.fermeture {
    background-color: #d7aa20
}
.fermeture_1 {
    background-color: #904415
}
.fermeture_2 {
    background-color: #d0a217
}
.fermeture_3 {
    background-color: #e2d43b
}
.fermee {
    background-color: #83130e
}

.paisible {
    color: #486f00;
}

.devaste {
    color: #eca306;
}

.apocalyptique {
    color: #cc3737;
}

.privee {
    color: blue;
}

#btn_chat {
    position: absolute;
    border: 0;
    top: 175px;
    left: 785px;
    width: 96px;
    height: 41px;
    background-image: url('../images/bout_chat_off.png');
}

#btn_chat:hover {
    background-image: url('../images/bout_chat_on.png');
    cursor: pointer;
}

#btn_carte {
    position: absolute;
    border: 0;
    top: 94px;
    left: 795px;
    width: 84px;
    height: 37px;
    background-image: url('../images/carte_off.png');
}

#btn_carte:hover {
    background-image: url('../images/carte_on.png');
    cursor: pointer;
}

/* #btn_news_top {
    position: absolute;
    border: 0;
    top: 130px;
    left: 896px;
    width: 56px;
    height: 82px;
    background-image: url('../images/news.png');
} 

 #btn_news_top:hover {
    background-image: url('../images/news_on.png');
    cursor: pointer;
} */

/*
#btn_news_mag {
    position: absolute;
    border: 0;
    top: 240px;
    left: 30px;
    width: 130px;
    height: 180px;
    background-image: url('../images/page_histoire/news.png');
	background-position: center;
  	background-repeat: no-repeat;
  	background-attachment: scroll;
  	background-size: contain;
}

#btn_news_mag:hover {
	width: 130px;
    height: 180px;
    background-image: url('../images/page_histoire/news_on.png');
    cursor: pointer;
	background-position: center;
  	background-repeat: no-repeat;
  	background-attachment: scroll;
  	background-size: contain;
}
*/

#btn_miam_mag {
    position: absolute;
    border: 0;
    top: 90px;
    left: 360px;
    width: 220px;
    height: 180px;
    background-image: url('../images/page_histoire/mlma1.png');
	background-position: center;
  	background-repeat: no-repeat;
  	background-attachment: scroll;
  	background-size: contain;
}

#btn_miam_mag:hover {
	width: 220px;
    height: 180px;
    background-image: url('../images/page_histoire/mlma2.png');
    cursor: pointer;
	background-position: center;
  	background-repeat: no-repeat;
  	background-attachment: scroll;
  	background-size: contain;
}

/* #btn_miam_mag1 {
    position: absolute;
    border: 0;
    top: 90px;
    left: 360px;
    width: 220px;
    height: 180px;
    background-image: url('../images/page_histoire/mlm1_a.png');
	background-position: center;
  	background-repeat: no-repeat;
  	background-attachment: scroll;
  	background-size: contain;
}

#btn_miam_mag1:hover {
	width: 220px;
    height: 180px;
    background-image: url('../images/page_histoire/mlm1_a2.png');
    cursor: pointer;
	background-position: center;
  	background-repeat: no-repeat;
  	background-attachment: scroll;
  	background-size: contain;
}
*/

#mod_bod_mlmp img {
	width: 100%;
	background-position: center;
  	background-repeat: no-repeat;
	background-attachment: scroll;
  	background-size: contain;
}


#btn_travaux,
#frappes_plus,
#barricade_plus,
#power_plus,
#agilite_plus,
#endurance_plus,
#perception_plus,
#chance_plus {
    position: absolute;
    border: 0;
    top: 188px;
    left: 436px;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 22px;
    height: 21px;
    background-image: url('../images/bout_ajouter_off.png');
}

#btn_travaux:hover,
#frappes_plus:hover,
#barricade_plus:hover,
#power_plus:hover,
#agilite_plus:hover,
#endurance_plus:hover,
#perception_plus:hover,
#chance_plus:hover {
    background-image: url('../images/bout_ajouter_on.png');
    cursor: pointer;
}

#btn_travaux.ok,
#btn_travaux:hover.ok {
    position: absolute;
    border: 0;
    top: 188px;
    left: 436px;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 22px;
    height: 21px;
    background-image: url('../images/valider_on.png');
}

#btn_travaux:hover.ok {
    cursor: pointer;
}

#frappes_plus {
    position: absolute;
    border: 0;
    top: 170px;
    left: 876px;
    z-index: 99;
}

#barricade_plus {
    position: absolute;
    border: 0;
    top: 193px;
    left: 930px;
    z-index: 98;
    height: 30px;
    width: 35px;
}

#frappes_moins,
#barricade_moins,
#power_moins,
#agilite_moins,
#endurance_moins,
#perception_moins,
#chance_moins {
    position: absolute;
    border: 0;
    top: 174px;
    left: 845px;
    height: 22px;
    width: 21px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url('../images/bout_moins_off.png');
}

#frappes_moins:hover,
#barricade_moins:hover,
#power_moins:hover,
#agilite_moins:hover,
#endurance_moins:hover,
#perception_moins:hover,
#chance_moins:hover {
    background-image: url('../images/bout_moins_on.png');
    cursor: pointer;
}

#barricade_moins {
    position: absolute;
    border: 0;
    top: 200px;
    left: 800px;
    z-index: 98;
    height: 24px;
    width: 35px;
}

#btn_colony {
    position: absolute;
    border: 0;
    top: 160px;
    left: 930px;
    height: 62px;
    width: 100px;
    background-image: url('../images/psp.png');
}

#btn_colony:hover {
    background-image: url('../images/psp_rollover.png');
    cursor: pointer;
}

#city_type {
    position: absolute;
    border: 0;
    top: 66px;
    left: 256px;
    width: 117px;
    height: 26px;
    border: 0px;
}

#city_type.paisible {
    background-image: url('../images/panneau_ville_paisible.png');
}

#city_type.devaste {
    background-image: url('../images/panneau_ville_devastee.png');
}
#city_type.private {
    background-image: url('../images/panneau_ville_privee.png');
}
#city_type.payed {
    background-image: url('../images/panneau_ville_payante.png');
}

#city_type.apocalyptique {
    position: absolute;
    border: 0;
    top: 66px;
    left: 250px;
    width: 150px;
    height: 26px;
    border: 0px;
    background-image: url('../images/fond_ville_apocalyptique.png');
}

#city_type.privee {
    background-image: url('../images/panneau_ville_privee.png');
}

#ville_prev {
    position: absolute;
    top: 29px;
    left: 22px;
    width: 130px;
    height: 27px;
    background-image: url('../images/bout_ville_precedente.png');
}

#ville_prev:hover {
    background-image: url('../images/bout_ville_precedente_rollover.png');
    cursor: pointer;
}

#ville_next {
    position: absolute;
    top: 29px;
    left: 482px;
    width: 121px;
    height: 29px;
    background-image: url('../images/bout_ville_suivante.png');
}

#ville_next:hover {
    background-image: url('../images/bout_ville_suivante_rollover.png');
    cursor: pointer;
}

tr.apocalyptique {
    background-color: #333333;
}

tr.devaste {
    background-color: #946F59;
}

tr.player {
    background-color: #7F8469 !important;
}

.bold_font {
    font-weight: bold;
}

.underline_font {
    text-decoration: underline !important;
}

.Back_Arrow_btn {
    height: 28px;
    width: 130px;
    background-image: url('../images/bout_precedent.png');
}

.Back_Arrow_btn:hover {
    background-image: url('../images/bout_precedent_rollover.png');
    cursor: pointer;
}

#map .infranchissable {
    background-image: url('../images/transparence_0.png');
    background-size: cover;
}

#map .franchissable {
    background-image: url('../images/transparence_1.png');
    background-size: cover;
}

#map .franchissable.piege {
    background-image: url('../images/piege.png'), url('../images/transparence_1.png');
    background-size: cover;
}

.piege {
    background-image: url('../images/piege.png');
    background-size: cover;
}

.canAct:hover {
    cursor: pointer !important;
}

.special.on,
.ressources.on {
    background-image: url('../images/minie_fleche.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 90;
    position: absolute;
}

.special.off,
.ressources.off {
    background-image: url('../images/minie_croix.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 90;
    position: absolute;
}

.teleporteur0.haut {
    background-image: url('../images/flzone_haut.png');
    background-size: cover;
}

.teleporteur0.haut:hover {
    background-image: url('../images/flzone_haut_rollover.png');
    background-size: cover;
}

.teleporteur0.bas {
    background-image: url('../images/flzone_bas.png');
    background-size: cover;
}

.teleporteur0.bas:hover {
    background-image: url('../images/flzone_bas_rollover.png');
    background-size: cover;
}

.teleporteur0.gauche {
    background-image: url('../images/flzone_gauche.png');
    background-size: cover;
}

.teleporteur0.gauche:hover {
    background-image: url('../images/flzone_gauche_rollover.png');
    background-size: cover;
}

.teleporteur0.droite {
    background-image: url('../images/flzone_droite.png');
    background-size: cover;
}

.teleporteur0.droite:hover {
    background-image: url('../images/flzone_droite_rollover.png');
    background-size: cover;
}

.teleporteur1.haut {
    background-image: url('../images/flzone_haut_orange.png');
    background-size: cover;
}

.teleporteur1.haut:hover {
    background-image: url('../images/flzone_haut_orange_rollover.png');
    background-size: cover;
}

.teleporteur1.bas {
    background-image: url('../images/flzone_bas_orange.png');
    background-size: cover;
}

.teleporteur1.bas:hover {
    background-image: url('../images/flzone_bas_orange_rollover.png');
    background-size: cover;
}

.teleporteur1.gauche {
    background-image: url('../images/flzone_gauche_orange.png');
    background-size: cover;
}

.teleporteur1.gauche:hover {
    background-image: url('../images/flzone_gauche_orange_rollover.png');
    background-size: cover;
}

.teleporteur1.droite {
    background-image: url('../images/flzone_droite_orange.png');
    background-size: cover;
}

.teleporteur1.droite:hover {
    background-image: url('../images/flzone_droite_orange_rollover.png');
    background-size: cover;
}

.teleporteur0.haut.closed,
.teleporteur1.haut.closed {
    background-image: url('../images/croix_haut.png');
    background-size: cover;
}

.teleporteur0.haut.closed:hover,
.teleporteur1.haut.closed:hover {
    background-image: url('../images/croix_haut_rollover.png');
    background-size: cover;
}

.teleporteur0.bas.closed,
.teleporteur1.bas.closed {
    background-image: url('../images/croix_bas.png');
    background-size: cover;
}

.teleporteur0.bas.closed:hover,
.teleporteur1.bas.closed:hover {
    background-image: url('../images/croix_bas_rollover.png');
    background-size: cover;
}

.teleporteur0.gauche.closed,
.teleporteur1.gauche.closed {
    background-image: url('../images/croix_gauche.png');
    background-size: cover;
}

.teleporteur0.gauche.closed:hover,
.teleporteur1.gauche.closed:hover {
    background-image: url('../images/croix_gauche_rollover.png');
    background-size: cover;
}

.teleporteur0.droite.closed,
.teleporteur1.droite.closed {
    background-image: url('../images/croix_droite.png');
    background-size: cover;
}

.teleporteur0.droite.closed:hover,
.teleporteur1.droite.closed:hover {
    background-image: url('../images/croix_droite_rollover.png');
    background-size: cover;
}

.hover_elem {
    cursor: pointer;
}

#btn_encourager {
    background-image: url('../images/encourager.png');
    background-size: cover;
}

#btn_encourager:hover {
    background-image: url('../images/encourager_rollover.png');
    background-size: cover;
    cursor: pointer;
}

#btn_Treat {
    background-image: url('../images/medecin.png');
    background-size: cover;
}

#btn_Treat:hover {
    background-image: url('../images/medecin_rollover.png');
    background-size: cover;
    cursor: pointer;
}

#move_up_left {
    background-image: url('../images/deplacement_h_gauche.png');
    background-size: cover;
}

#move_up_left:hover {
    background-image: url('../images/deplacement_h_gauche_rollover.png');
    background-size: cover;
    cursor: pointer;
}

#move_up {
    background-image: url('../images/deplacement_haut.png');
    background-size: cover;
}

#move_up:hover {
    background-image: url('../images/deplacement_haut_rollover.png');
    background-size: cover;
    cursor: pointer;
}

#move_up_right {
    background-image: url('../images/deplacement_h_droit.png');
    background-size: cover;
}

#move_up_right:hover {
    background-image: url('../images/deplacement_h_droit_rollover.png');
    background-size: cover;
    cursor: pointer;
}

#move_left {
    background-image: url('../images/deplacement_gauche.png');
    background-size: cover;
}

#move_left:hover {
    background-image: url('../images/deplacement_gauche_rollover.png');
    background-size: cover;
    cursor: pointer;
}

#move_right {
    background-image: url('../images/deplacement_droit.png');
    background-size: cover;
}

#move_right:hover {
    background-image: url('../images/deplacement_droit_rollover.png');
    background-size: cover;
    cursor: pointer;
}

#move_down_left {
    background-image: url('../images/deplacement_b_gauche.png');
    background-size: cover;
}

#move_down_left:hover {
    background-image: url('../images/deplacement_b_gauche_rollover.png');
    background-size: cover;
    cursor: pointer;
}

#move_down {
    background-image: url('../images/deplacement_bas.png');
    background-size: cover;
}

#move_down:hover {
    background-image: url('../images/deplacement_bas_rollover.png');
    background-size: cover;
    cursor: pointer;
}

#move_down_right {
    background-image: url('../images/deplacement_b_droit.png');
    background-size: cover;
}

#move_down_right:hover {
    background-image: url('../images/deplacement_b_droit_rollover.png');
    background-size: cover;
    cursor: pointer;
}

#radio_freq {
    background-image: url('../images/page_radio/frequences_pre.png');
    position: absolute;
    border: 0;
    top: 215px;
    left: 3px;
    width: 608px;
    height: 398px;
}

#radio_freq1 {
    background-image: url('../images/page_radio/frequences_pre1.png');
    position: absolute;
    border: 0;
    top: 48px;
    left: 9px;
    width: 600px;
    height: 557px;
}

#radio_head {
    background-image: url('../images/page_radio/radio.png');
    position: absolute;
    border: 0;
    top: 25px;
    left: 15px;
    width: 299px;
    height: 197px;
}

#radio_freq_perso {
    background-image: url('../images/page_radio/frequence.png');
    position: absolute;
    border: 0;
    top: 76px;
    left: 280px;
    width: 133px;
    height: 205px;
}

#radio_perso_read_btn {
    background-image: url('../images/page_radio/next.png');
    position: absolute;
    border: 0;
    top: 177px;
    left: 387px;
    width: 50px;
    height: 50px;
}

#radio_perso_read_btn:hover,
#radio_perso_read_btn:hover.on {
    background-image: url('../images/page_radio/next_rollover.png');
    cursor: pointer;
}

#radio_perso_read_btn.on {
    background-image: url('../images/page_radio/next_rouge.png');
}

.up0 {
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    background-image: url("../images/page_bonus/4/energie_new.png");
    background-size: contain;
    width: 55px;
    height: 69px;
    float: right;
    display: flex;
}
/*
.bup0 {
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    background-image: url("../images/page_bonus/4/energie_new.png");
    background-size: contain;
    width: 196px;
    height: 245px;
    float: right;
    display: flex;
    position: absolute;
    border: 0;
    top: 8px;
    left: 418px;
}
*/
.up0:hover,
.bup0:hover {
    cursor: pointer;
    background-image: url("../images/page_bonus/4/energie_new_rollover.png");
}

.up0.off,
.up0.off:hover,
.bup0.off,
.bup0.off:hover {
    background-image: url("../images/page_bonus/4/energie_new_gris.png");
    cursor: default;
}

.up1 {
	margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    background-image: url("../images/page_bonus/4/energie1_new.png");
    background-size: contain;
    width: 55px;
    height: 69px;
    float: right;
    display: flex;
}
/*
.bup1 {
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    background-image: url("../images/page_bonus/4/energie1_new.png");
    background-size: contain;
    width: 196px;
    height: 245px;
    float: right;
    display: flex;
    position: absolute;
    border: 0;
    top: 8px;
    left: 418px;
}
*/
.up1:hover,
.bup1:hover {
    cursor: pointer;
    background-image: url("../images/page_bonus/4/energie1_new_rollover.png");
}

.up1.off,
.up1.off:hover,
.bup1.off,
.bup1.off:hover {
    background-image: url("../images/page_bonus/4/energie1_new_gris.png");
    cursor: default;
}

.camouflage {
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    background-image: url("../images/page_bonus/4/camouflage.png");
    background-size: contain;
    width: 55px;
    height: 69px;
    float: right;
}

.camouflage:hover {
    cursor: pointer;
    background-image: url("../images/page_bonus/4/camouflage_rollover.png");
}

.camouflage.off,
.camouflage.off:hover {
    background-image: url("../images/page_bonus/4/camouflage_gris.png");
    cursor: default;
}
/*
.camouflage2 {
    position: absolute;
    border: 0;
    top: 440px;
    left: 490px;
    background-size: contain;
    width: 137px;
    height: 171px;
    background-image: url("../images/page_bonus/4/camouflage.png");
}

.camouflage2:hover {
    cursor: pointer;
    background-image: url("../images/page_bonus/4/camouflage_rollover.png");
}
*/
/* Chien de la page bonus */
.dog {
    position:absolute;border:0;top:15px;left:495px;
    background-size: contain;
    width: 135px;
    height: 195px;
    background-image: url("../images/page_bonus/4/chien10.png");   
}

.dog:hover {
    cursor: pointer;
    background-image: url("../images/page_bonus/4/chien_rollover10.png"); 
} 

/*Chien du sac */
.dog1 {
	margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 10px;
    background-image: url("../images/page_bonus/4/chien10.png");
    background-size: contain;
    width: 49px;
    height: 69px;
    float: right;
}
.dog1:hover {
    cursor: pointer;
    background-image: url("../images/page_bonus/4/chien_rollover10.png");
}

.caisse_vivres {
    margin-top: 10px;
    margin-left: 5px;
    margin-right: -10px;
    background-image: url("../images/sac/c_vivres.png");
    background-size: cover;
    width: 80px;
    height: 51px;
    float: right;
}

.caisse_vivres:hover {
    cursor: pointer;
    background-image: url("../images/sac/c_vivres_rollover.png");
}

.caisse_materiaux {
    /*margin-bottom: 5px;*/
    margin-left: 5px;
    margin-right: -10px;
    background-image: url("../images/sac/c_matos.png");
    background-size: cover;
    width: 80px;
    height: 51px;
    float: right;
}

.caisse_materiaux:hover {
    cursor: pointer;
    background-image: url("../images/sac/c_matos_rollover.png");
}

.powerup_brute {
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    background-image: url("../images/page_bonus/brute_small0.png");
    background-size: contain;
    width: 60px;
    height: 90px;
    float: right;
}

.powerup_brute:hover {
    cursor: pointer;
    background-image: url("../images/page_bonus/brute_small0_rollover.png");
}

.powerup_goule {
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    background-image: url("../images/page_bonus/goule_small0.png");
    background-size: contain;
    width: 60px;
    height: 90px;
    float: right;
}

.powerup_goule:hover {
    cursor: pointer;
    background-image: url("../images/page_bonus/goule_small0_rollover.png");
}

.powerup_goule_2 {
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    background-image: url("../images/page_bonus/goule_small0.png");
    background-size: contain;
    width: 60px;
    height: 90px;
    float: right;
}

.powerup_goule_2:hover {
    cursor: pointer;
    background-image: url("../images/page_bonus/goule_small0_rollover.png");
}

.fire {
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    background-image: url("../images/sinistre/sinistre_feu.png");
    background-size: contain;
    width: 50px;
    height: 47px;
    float: right;
}

.fire:hover {
    cursor: pointer;
    background-image: url("../images/sinistre/sinistre_feu_rollover.png");
}

.talent_piege {
    margin-top: 25px;
    margin-left: 5px;
    margin-right: 12px;
    background-image: url("../images/piege_t.png");
    background-size: contain;
    width: 40px;
    height: 40px;
    float: right;
}

.talent_piege:hover {
    cursor: pointer;
    background-image: url("../images/piege_t_rollover.png");
}

.bg_detail_bag {
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    background-image: url("../images/sac/reserve.png");
    background-size: cover;
    background-repeat: no-repeat;
    float: right;
    height: 19px;
    width: 50px;
}

.boire_bag {
    position: relative;
    border: 0;
    top: -5px;
    left: -20px;
    width: 30px;
    height: 32px;
    background-image: url('../images/icone_soif.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.boire_bag:hover {
    background-image: url('../images/icone_soif_rollover.png');
    cursor: pointer;
}

.manger_bag {
    position: relative;
    border: 0;
    top: -3px;
    left: -20px;
    width: 28px;
    height: 28px;
    background-image: url('../images/icone_faim.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.manger_bag:hover {
    background-image: url('../images/icone_faim_rollover.png');
    cursor: pointer;
}

.matos_bag {
    position: relative;
    border: 0;
    left: -20px;
    width: 36px;
    height: 24px;
    background-image: url('../images/materiaux.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.matos_bag:hover {
    background-image: url('../images/materiaux_rollover.png');
    cursor: pointer;
}

.buy_weapon_empty {
    position: relative;
    border: 0;
    left: 10px;
    top: 15px;
    width: 80px;
    height: 50px;
    background-image: url('../images/sac/c_armes.png');
    background-repeat: no-repeat;
    background-size: cover;
    float: right;
}

.buy_weapon_empty:hover {
    background-image: url('../images/sac/c_armes_rollover.png');
    cursor: pointer;
}

.buy_weapon_empty0 {
    position: relative;
    border: 0;
    left: 15px;
    top: 12px;
    width: 80px;
    height: 50px;
    background-image: url('../images/sac/c_armes.png');
    background-repeat: no-repeat;
    background-size: cover;
    float: right;
}

.buy_weapon_empty0:hover {
    background-image: url('../images/sac/c_armes_rollover.png');
    cursor: pointer;
}

.buy_weapon {
    position: relative;
    border: 0;
    left: 15px;
    width: 80px;
    height: 51px;
    background-image: url('../images/sac/c_armes.png');
    background-repeat: no-repeat;
    background-size: cover;
    float: right;
}

.buy_weapon:hover {
    background-image: url('../images/sac/c_armes_rollover.png');
    cursor: pointer;
}

.spinner {
    width: 100px;
    height: 100px;
    position: fixed;
    top: calc(50% - 70px);
    left: calc(50% - 50px);
    z-index: 20;
}

.double-bounce1,
.double-bounce2 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #9c9;
    border: solid 3px #fff;
    opacity: 0.6;
    position: absolute;
    z-index: 20;
    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
    0%,
    100% {
        -webkit-transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bounce {
    0%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.overlay {
    opacity: .85;
    background-color: #000;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: fixed;
    z-index: 15;
    margin: 5px -5px -5px 5px;
    border-radius: 20px;
}

.please-wait {
    text-align: center;
    position: fixed;
    top: calc(50% + 45px);
    left: calc(50% - 45px);
    color: #fff;
    z-index: 20;
}

.map_canvas {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#preloader_4 {
    position: relative;
}

#preloader_4 span {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #3498db;
    opacity: 0.5;
    border-radius: 20px;
    -webkit-animation: preloader_4 1s infinite ease-in-out;
    -moz-animation: preloader_4 1s infinite ease-in-out;
    animation: preloader_4 1s infinite ease-in-out;
}

#preloader_4 span:nth-child(2) {
    left: 20px;
    animation-delay: .2s;
}

#preloader_4 span:nth-child(3) {
    left: 40px;
    animation-delay: .4s;
}

#preloader_4 span:nth-child(4) {
    left: 60px;
    animation-delay: .6s;
}

#preloader_4 span:nth-child(5) {
    left: 80px;
    animation-delay: .8s;
}

@keyframes preloader_4 {
    0% {
        opacity: 0.3;
        transform: translateY(0px);
        box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    }
    50% {
        opacity: 1;
        transform: translateY(-10px);
        background: #f1c40f;
        box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05);
    }
    100% {
        opacity: 0.3;
        transform: translateY(0px);
        box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    }
}

.grade0.rang0,
.grade1.rang1,
.grade0.rang1,
.grade1.rang0 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/1/1.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade0.rang2,
.grade1.rang2 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/2/1.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade0.rang3,
.grade1.rang3 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/3/1.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade0.rang4,
.grade1.rang4 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/4/1.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade0.rang5,
.grade1.rang5 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/5/1.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade2.rang0,
.grade2.rang1 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/1/2.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade2.rang2 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/2/2.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade2.rang3 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/3/2.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade2.rang4 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/4/2.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade2.rang5 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/5/2.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade3.rang0,
.grade3.rang1 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/1/3.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade3.rang2 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/2/3.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade3.rang3 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/3/3.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade3.rang4 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/4/3.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade3.rang5 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/5/3.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade4.rang0,
.grade4.rang1 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/1/4.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade4.rang2 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/2/4.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade4.rang3 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/3/4.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade4.rang4 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/4/4.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade4.rang5 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/5/4.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade5.rang0,
.grade5.rang1 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/1/5.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade5.rang2 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/2/5.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade5.rang3 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/3/5.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade5.rang4 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/4/5.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade5.rang5 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/5/5.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade6.rang0,
.grade6.rang1 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/1/6.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade6.rang2 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/2/6.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade6.rang3 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/3/6.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade6.rang4 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/4/6.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade6.rang5 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/5/6.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade7.rang0,
.grade7.rang1 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/1/7.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade7.rang2 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/2/7.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade7.rang3 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/3/7.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade7.rang4 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/4/7.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade7.rang5 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/5/7.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade8.rang0,
.grade8.rang1 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/1/8.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade8.rang2 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/2/8.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade8.rang3 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/3/8.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade8.rang4 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/4/8.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade8.rang5 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/5/8.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade9.rang0,
.grade9.rang1 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/1/9.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade9.rang2 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/2/9.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade9.rang3 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/3/9.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade9.rang4 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/4/9.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade9.rang5 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/5/9.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade10.rang0,
.grade10.rang1 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/1/10.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade10.rang2 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/2/10.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade10.rang3 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/3/10.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade10.rang4 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/4/10.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.grade10.rang5 {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 250px;
    left: 267px;
    background-image: url('../images/grades/5/10.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.infobulle {
    position: absolute;
    z-index: 100;
    left: 0px;
    top: 0px;
    visibility: hidden;
    border: 2px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    color: black;
    font-size: 1.1rem;
    background-color: #FFFFFF;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px;
    opacity: 0.85;
    min-width: 190px;
    max-width: 250px;
}

.teleporteur {
    border: 2px double #000000;
    background: #FFFFFF;
    text-align: left;
    padding: 5px 10px;
    width: 180px;
    filter: alpha(opacity=80);
    opacity: 0.8;
    border-radius: 10px;
}

#talent_cuisiner {
    background-image: url('../images/up_off.png');
    background-size: cover;
    height: 27px;
    width: 36px;
    position: absolute;
    border: 0;
    top: 80px;
    left: 530px;
}

#talent_cuisiner:hover {
    background-image: url('../images/up_on.png');
}

.btn_event {
    height: 44px;
    width: 50px;
    position: absolute;
    border: 0;
    top: -25px;
    left: -25px;
    background-image: url('../images/even.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}

.btn_event:hover {
    background-image: url('../images/even_rollover.png');
    cursor: pointer;
}

.btn_event2 {
    height: 44px;
    width: 50px;
    position: absolute;
    border: 0;
    top: -25px;
    left: -25px;
    background-image: url('../images/even2.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}

.btn_event2:hover {
    background-image: url('../images/even2_rollover.png');
    cursor: pointer;
}

.mapborder {
    border-width: 1px !important;
}

.incarner_femme {
    position: absolute;
    top: 400px;
    left: 180px;
    height: 180px;
    width: 120px;
    background-image: url('../images/page_perso/incarner_femme_mini.png');
}

.incarner_femme:hover {
    background-image: url('../images/page_perso/incarner_femme_mini_rollover.png');
    cursor: pointer;
}

.incarner_homme {
    position: absolute;
    top: 400px;
    left: 340px;
    height: 180px;
    width: 120px;
    background-image: url('../images/page_perso/incarner_homme_mini.png');
}

.incarner_homme:hover {
    background-image: url('../images/page_perso/incarner_homme_mini_rollover.png');
    cursor: pointer;
}

.btn_valider {
    position: absolute;
    top: 400px;
    left: 340px;
    height: 28px;
    width: 102px;
    background-image: url('../images/bout_valider_off.png');
}

.btn_valider:hover {
    background-image: url('../images/bout_valider_on.png');
    cursor: pointer;
}

.btn_valider2 {
    height: 28px;
    width: 102px;
    background-image: url('../images/bout_valider_off.png');
}

.btn_valider2:hover {
    background-image: url('../images/bout_valider_on.png');
    cursor: pointer;
}

.talent_up {
    background: url('../images/menu_gauche/upxp.png') top left no-repeat, url('../images/page_evolution/etoile.png') top left no-repeat;
    background-size: contain;
}

.talent_up:hover {
    cursor: pointer;
    background: url('../images/menu_gauche/upxp_rollover.png') top left no-repeat, url('../images/page_evolution/etoile.png') top left no-repeat;
    background-size: contain;
}

.talent_up.on {
    background: url('../images/page_evolution/ok.png') 3px no-repeat, url('../images/page_evolution/etoile.png') top left no-repeat;
}

.talent_up.on:hover {
    cursor: pointer;
}

.talent_up.pending {
    background: url('../images/menu_gauche/upxp4.png') top left no-repeat, url('../images/page_evolution/etoile.png') top left no-repeat;
    background-size: contain;
}

.talent_up.pending:hover {
    cursor: pointer;
    background: url('../images/menu_gauche/upxp4_rollover.png') top left no-repeat, url('../images/page_evolution/etoile.png') top left no-repeat;
    background-size: contain;
}

.google_pub_bas {
    position: relative !important;
    top: 920px !important;
}

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: white;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: white;
}

.ingenieur_btn {
    background: url('../images/page_radio/next_bleu.png');
    background-size: contain;
}

.ingenieur_btn:hover {
    cursor: pointer;
    background: url('../images/page_radio/next_bleu_rollover.png');
    background-size: contain;
}

.chooseside {
    width: 120px;
    height: 180px;
    background-size: contain;
}

.chooseside.human {
    background: url('../images/page_perso/incarner_humain_mini.png');
}

.chooseside.human:hover {
    cursor: pointer;
    background: url('../images/page_perso/incarner_humain_mini_rollover.png');
}

.chooseside.zombie {
    background: url('../images/page_perso/incarner_zombie_mini.png');
}

.chooseside.zombie:hover {
    cursor: pointer;
    background: url('../images/page_perso/incarner_zombie_mini_rollover.png');
}

.grade_lower {
    background-color: #948A69;
}

.grade_current {
    background-color: #89993C;
}

.yellow {
    color: #FFFF00;
}

.lightred {
    color: #FFA080;
}

.modal-sm {
    width: 300px !important;
}

@media (max-width: 767px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
}

.rank_up {
    background-image: url('../images/menu_gauche/upxp.png');
    width: 41px;
    height: 32px;
}

.rank_up:hover {
    background-image: url('../images/menu_gauche/upxp_rollover.png')
}

.bagtimer {
    background-color: #000;
    border: #df0000 1px solid;
    color: #df0000;
    margin: auto;
    height: 20px;
    width: 57px;
    text-align: center;
}

.bonustimer {
    background-color: #000;
    border: #df0000 1px solid;
    color: #df0000;
    margin: auto;
    height: 40px;
    width: 100%;
    text-align: center;
    font-size: 2em;
}

.progress-bar-survival {
    background-color: #89693C;
    background-image: linear-gradient(to bottom, #89693C 0, #302b1a 100%);
    background-image: -webkit-linear-gradient(top, #89693C 0, #805f30 100%);
    background-image: -o-linear-gradient(top, #89693C 0, #805f30 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#89693C), to(#805f30));
    background-image: linear-gradient(to bottom, #89693C 0, #805f30 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff89693C', endColorstr='#ff805f30', GradientType=0);
}
.progress-bar-danger {
    background-color: #d9534f;
}
.progress-bar-warning {
    background-color: #f0ad4e;
}
.progress-bar-info {
    background-color: #5bc0de;
}
.progress-bar-success {
    background-color: #28a745!important;
}
.progress {
    margin: 5px;
    background-image: -webkit-linear-gradient(top, #302b1a 0, #231f13 100%);
    background-image: -o-linear-gradient(top, #302b1a 0, #231f13 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#302b1a), to(#231f13));
    background-image: linear-gradient(to bottom, #302b1a 0, #231f13 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff302b1a', endColorstr='#ff231f13', GradientType=0);
}

.btn {
    min-width: 85px;
    max-height: 42px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}
.btn-dark.focus, .btn-dark:focus {
    box-shadow: 0 0 0 0.2rem rgba(52,58,64,.5);
}
.alert-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.gstattable {
    margin-bottom: 5px;
}

.hidden {
    display: none;
}

#weaponbonus {
    position:absolute;border:0;top:7px;left:224px;
    background-image: url(../images/page_bonus/achat_points.png);
    height: 77px;
    width: 197px;
}
#weaponbonus:hover {
    background-image: url(../images/page_bonus/achat_points_rollover.png);
    cursor: pointer;
}
.firstbullet {
    position: relative;
    top: 6px;
}
.survivor {
    width:225px; height:324px;
    position:absolute;border:0;top:274px;left:60px;
    background-image: url(../images/page_bonus/4/survivor.png);
    background-size: cover;
}
.survivor:hover {
    background-image: url(../images/page_bonus/4/survivor_rollover.png);
    cursor: pointer;
}
.fdo {
    width:225px; height:324px;
    position:absolute;border:0;top:274px;left:360px;
    background-image: url(../images/page_bonus/4/forcedelordre.png);
    background-size: cover;
}
.fdo:hover {
    background-image: url(../images/page_bonus/4/forcedelordre_rollover.png);
    cursor: pointer;
}

.buy {
    background-color: transparent;
    position: relative;
    top: 20px;
    padding: 10px;
    left: 100px;
    color: white;
}
.buy:hover {
    cursor: pointer;
    background-color: #660000;
}

.recharge {
    background-color: transparent;
    position: relative;
    top: 20px;
    padding: 10px;
    left: 100px;
    color: white;
}
.recharge:hover {
    cursor: pointer;
    background-color: #660000;
}
.pub_cabane{
    width:170px; height:201px;
    position:absolute;border:0;top:90px;left:380px;
    background-image: url(../images/page_bonus/pub_cabane.png);
    background-size: cover;
}
.pub_cabane:hover{
    background-image: url(../images/page_bonus/pub_cabane_rollover.png);
    cursor: pointer;
}
.bling_cabane{
    width:29px; height:32px;
    position:absolute;border:0;top:324px;left:390px;
    background-image: url(../images/menu_gauche/bling.png);
    background-size: cover;
}
.bling_cabane:hover{
    background-image: url(../images/menu_gauche/bling_rollover.png);
    cursor: pointer;
}
.bling_cabane2{
    width:29px; height:32px;
    background-image: url(../images/menu_gauche/bling.png);
    background-size: cover;
}
.bling_cabane2:hover{
    background-image: url(../images/menu_gauche/bling_rollover.png);
    cursor: pointer;
}
.del_perso{
    width:220px; height:130px;
    position:absolute;border:0;top:520px;left:190px;
    background-image: url(../images/fusil.png);
    background-size: cover;
}
.del_perso:hover{
    background-image: url(../images/fusil_rollover.png);
    cursor: pointer;
}