#tdf_game{
    position:relative;
}
#tdf_game{
    background-repeat: no-repeat;
    top : 0;
    left : 0;
    position: absolute;
}
.tdf_velo{
    position: absolute;
    margin : 0;
}
.tdf_bg_velo{
    background-repeat: repeat-x;
    width : 75px;
    height : 69px;
    position: absolute;
    top : -66px;
    left : -36px;
}
#tdf_arrow{
    position:absolute;
}
/*style header du hud*/
#tdf_header_ingame{
    position:relative;
    overflow: hidden;
}
#tdf_header_ingame > *{
    display:inline-block;
    vertical-align:top;
    margin-top:10px;
}
/*style mini map*/
#tdf_minimap{
    position:relative;
    float:left;
    overflow:hidden;
    margin-left:10px;
}
.tdf_point_minimap{
    position:absolute;
}
/*style message radio*/
#tdf_message_ingame_rad5{
    float:right;
    position:relative;
    margin-right:20px;
    padding-left:88px;
    padding-right:10px;
    background-color:#00c4cc;
    background-image: url('../IMAGES/bg-message.png');
    background-repeat: no-repeat;
    background-position: 0 center;
    width:302px;
    min-height:88px;
    opacity:0;
    filter:alpha(opacity=0);
}
#tdf_message_ingame_rad5 > *{
    display:inline-block;
    vertical-align: middle;
}
#tdf_ref_message{
    height:88px;
}
#tdf_message{
    margin:0;
    font-size:20px;
}
/*style menu actions*/
#tdf_menu_action{
    float:right;
    background-image: url('../IMAGES/bg-btn-action.png');
    background-repeat: no-repeat;
    margin-right:10px;
    width: 66px;
    height: 180px;
}
#tdf_menu_action button{
    background-image: url('../IMAGES/sprite-btn-action.png');
    background-repeat: no-repeat;
    width: 62px;
    height: 58px;
    position : relative;
    margin-left: 2px;
    padding-top : 10px;
    padding-right : 5px;
    border : none;
    cursor : pointer;
    display:block;
    text-align: right;
    color:#fff;
    font-size: 20px;
}
#tdf_btn_h2o{
    margin-top: 2px; 
    background-position:0px 0px;
}
#tdf_btn_energy{
    margin-top: 1px;
    background-position:0px -58px;
}
#tdf_btn_echappe{
    margin-top: 1px;
    background-position:0px -116px;
}
/*style jauge power*/
#tdf_jauge_power{
    bottom:100px;
    right:30px;
    position:absolute
}
#tdf_label_jauge_power{
    color:#fff;
    font-size:14px;
    font-family: Arial,sans-serif;
    text-align: center;
    font-weight: bold;
    margin:0 0 5px 0;
}
#tdf_bg_jauge_power{
    overflow:hidden;
}
#tdf_bg_jauge_power img{
    position:absolute;
}
#tdf_zone_click, #tdf_bg_jauge_power{
    position:absolute;
    width:57px;
    height:90px;
    top:24px;
    left:2px;
}
#tdf_zone_click{
    cursor: url('../IMAGES/cursor-grab.png'), pointer;
    background-color: #FFF;
    opacity:0;
    filter:alpha(opacity=0);
}
#tdf_stroke_power{
    position:absolute;
}
#tdf_indic_power{
    position:absolute;
    height:15px;
    background-image:url('../IMAGES/arrow-indic-power.png');
    background-repeat:no-repeat;
}
#tdf_indic_power p{
    margin:0 0 0 8px;
    padding-right:2px;
    font-family:arial,sans-serif;
    font-size:12px;
    background-color:#43A7B9;
}
#tdf_border_up_power{
    position:absolute;
    background-color:#43A7B9;
    width:100%;
    height:2px;
}
#tdf_power_boost_anim{
    position:absolute;
    background-image:url('../IMAGES/anim-boost-bg.png');
    background-repeat:no-repeat;
    display:none;
}
/*style jauges infos*/
.tdf_jauge_infos{
    position:absolute;
    bottom:21px;
}
.tdf_jauge>*{
    position:absolute;
}
.tdf_jauge{
    width:233px;
    height:23px;
}
.tdf_label_jauge_infos{
    color:#fff;
    font-size:16px;
    font-family: Arial,sans-serif;
    font-weight: bold;
    margin: 0 0 0 7px;
}
#tdf_jauge_h2o{
    left:14px;
}
#tdf_jauge_energy{
    left:284px;
}
#tdf_jauge_fatigue{
    left:554px;
}
.tdf_bg_jauge_infos{
    overflow:hidden;
    width:229px;
    height:19px;
    margin:2px 0 0 2px;
}
/*style text tutoriel*/
#tdf_text_tutorial_rad5{
    top:0px;
    left:0px;
    width:0px;
    height:0px;
    padding:0;
    margin:0;
    position:absolute;
    background-color:#e74b3b;
    text-align:center;
}