body {
    background-color: WHITE;
    font-family: 'Roboto Condensed', univers, sans-serif;
    font-style: Normal;
    font-weight: 400;
}
#header {
    position:relative;
}
/*#banner {
    height:364px;
    background:url('beeguard/banniere.png');
    position:relative;
}
#banner > h1 {
    display:none;
}*/

.responsive-banner {
    /*width: 100%;
    height: 100px;
    background-image: url('beeguard/banniere_426.png');
    background-position: center top;
    background-repeat: no-repeat;*/
}


.responsive-banner a.beta-link{
    float: right;
    color: rgb(22, 13, 15);
    background-color: rgb(245, 181, 74);
    padding: 5px 15px;
    margin-top: 5px;
    margin: 8px;
    border-radius: 5px;
}


/* On all screen types with a window width of between 680px and 1024px */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .responsive-banner {
        width: 1024px;
        height: 133px;
        background-image: url('beeguard/banniere_680.png');
        background-position: left top;
        background-repeat: no-repeat;
    }
    .filet-banner {
        width: 100%;
        height: 133px;
        background-image: url('beeguard/filet_680.png');
        background-position: right top;
        background-repeat: repeat-x;
    }
}

/* On all screens with a maximum window width of 1280px */
@media screen and (min-width: 1024px) {
    .responsive-banner {
        width: 100%;
        height: 200px;
        background-image: url('beeguard/banniere_1024.png');
        background-position: left top;
        background-repeat: no-repeat;
    }
    .filet-banner {
        width: 100%;
        height: 200px;
        background-image: url('beeguard/filet_1024.png');
        background-position: right top;
        background-repeat: repeat-x;
    }
}

.bee_text li {
    padding-top: 5px;
    margin-left: 20px;
    list-style-image: url('beeguard/puce_bee.png');
}

h1 {
    font-style: Bold;
    font-weight: 700;
    font-size: 180%;
    text-align: left;
}

h2 {
    font-style: Bold;
    font-weight: 700;
    font-size: 140%;
    text-align: left;
}

a.bee {
    color: BLACK;
}
a.bee:link {
    color: CORNFLOWERBLUE;
    text-decoration: none;
}
a.bee:visited {
    color: CHOCOLATE;
    text-decoration: none;
}
a.bee:hover {
    color: GOLD;
    text-decoration: none;
}
#inputform {
    width:250px;
    float:left;
    margin:0;
    padding:0;
}

#inputform input {
    margin-top: 10px;
    margin-bottom: 10px;
}

#logform {
    width:100px;
    padding:0;
    margin-left: 250px;
}
.navbar-fixed-bottom {height: 24px; min-height: 24px;}
.navbar .navbar-brand {
    height: 50px;
    color: GOLD;
    display: block;
}
.navbar-brand {
    width: 100px;
    height: 50px;
}
.navbar-brand {
    transition: all 2s ease;
}
.navbar-brand{
    background-image: url('beeguard/menu_100x50.png');
}
.navbar-brand span{
    display: none;
}

/* On all screen types with a window width minimum 680px */
@media screen and (min-width: 768px) {
    .navbar-brand[show]{
        background-image: url('beeguard/menu_100x50.png');
    }
    .navbar-brand[show] span{
        display: none;
    }
    .navbar-brand[hide]{
        background-image: none;
    }
    .navbar-brand[hide] span{
        display: block;
    }
}
.navbar-nav > li > a {
    color: BLACK;
    text-shadow:none;
    text-align: right;
}
.navbar-nav > li > a.active {
    color: GOLD;
    text-shadow:none;
}
.navbar .nav > li > a:hover {
    color: GOLD;
    text-shadow:none;
}
.navbar .nav .active > a,
.navbar .nav .active > a:hover {
    color: BLACK;
  background: transparent;
}
.navbar-text {
    color:BLACK;
}
/*.navbar .navbar-toggle {
  padding: 10px;
  margin: 25px 15px 25px 0;
}*/
.navbar .navbar-right {
    margin-right: 0px;
}
#content {
    background-color: WHITE;
    background-image: url('beeguard/trame.png');
    background-repeat: repeat-y;
    background-position:top left;
    font-size: 105%;
}

a.btn-menu {
    height:62px;
    display:block;
    margin:auto;
    padding-top:10px;
    color:GOLD;
    background-image: url('beeguard/cat_selected.png');
    background-repeat: no-repeat;
    background-position:top left;
    font-style: Bold;
    font-weight: 700;
    font-size: 120%;
    text-align: center;
    text-decoration: none;
}
a.btn-menu-collapse {
    height:62px;
    display:block;
    margin:auto;
    padding-top:10px;
    color:BLACK;
    background-image: url('beeguard/cat_unselected.png');
    background-repeat: no-repeat;
    background-position:top left;
    font-style: Bold;
    font-weight: 700;
    font-size: 120%;
    text-align: center;
    text-decoration: none;
}

a.btn-menu:hover {
    height:62px;
    display:block;
    margin:auto;
    padding-top:10px;
    color:GOLD;
    background-image: url('beeguard/cat_selected.png');
    background-repeat: no-repeat;
    background-position:top left;
    font-style: Bold;
    font-weight: 700;
    font-size: 120%;
    text-align: center;
    text-decoration: none;
}

a.btn-menu-collapse:hover {
    height:62px;
    display:block;
    margin:auto;
    padding-top:10px;
    color:GOLD;
    background-image: url('beeguard/cat_selected.png');
    background-repeat: no-repeat;
    background-position:top left;
    font-style: Bold;
    font-weight: 700;
    font-size: 120%;
    text-align: center;
    text-decoration: none;
}

a.inactive {
    color: BLACK;
    text-decoration: none;
    line-height:60px;
    font-style: Bold;
    font-weight: 700;
    font-size: 120%;
    text-decoration: none;
    border-bottom: none;
}

a.active {
    color: GOLD;
    line-height:60px;
    font-style: Bold;
    font-weight: 700;
    font-size: 120%;
    text-decoration: none;
    border-bottom: none;

}
a.inactive:hover {
    color: GOLD;
    font-style: Bold;
    font-weight: 700;
    font-size: 120%;
    text-decoration: none;
    border-bottom: none;
}
a.active:hover {
    color: GOLD;
    font-style: Bold;
    font-weight: 700;
    font-size: 120%;
    text-decoration: none;
    border-bottom: none;
}

#unit-add-button  {
    position: relative;
    max-width: 100%;
    width: 790px;
    height: 110px;
}

#unit-add-button.unit-add-button-group-out {
    background: url('beeguard/addapiarybutton.png') no-repeat left top;
}

#unit-add-button.unit-add-button-group-in {
    background: url('beeguard/addapiarybutton_light.png') no-repeat left top;
}

#unit-add-button.unit-add-button-exploitation-out {
    background: url('beeguard/addapiarybutton.png') no-repeat left top;
}

#unit-add-button.unit-add-button-exploitation-in {
    background: url('beeguard/addapiarybutton_light.png') no-repeat left top;
}

#unit-add-button.unit-add-button-rucher-out {
    background: url('beeguard/addhivebutton.png') no-repeat left top;
}

#unit-add-button.unit-add-button-rucher-in {
    background: url('beeguard/addhivebutton_light.png') no-repeat left top;
}

a.btnscan {
    height:100px;
    font-size:36px;
    font-weight:bold;
    color : WHITE;
    text-align:right;
    line-height:60px;
    padding:0px;
    border-radius: 5px;
    cursor:pointer;
    text-decoration: none;
    background: url('beeguard/scanbutton.png') no-repeat center top;
}

a.btnscan : hover{
    text-decoration: none;
    background: url('beeguard/scanbutton_light.png') no-repeat center top;
}

#bottom {
    background-color: #d6d4d5;
    text-align:center;
}
#bottom p {
    margin:0px;
}

#footer {
    background-color: BLACK;
    color: WHITE;
    text-align: center;
    font-size: 90%;
}

.bigtitle {
    font-style: Bold;
    font-weight: 700;
    font-size: 200%;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 25px;
}

.bigwarning {
    font-style: Bold;
    font-weight: 500;
    font-size: 150%;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

img.imgadroite {
    float:right;
}
img.clearfloat {
    clear:both;
}

.img_centre {
    display: block;
    margin: 0 auto;
    padding: 5px;
}

li.puce2 {
padding-top: 2px;
margin-left: 30px;
list-style-image: url('beeguard/puce_ball.png');

}

.titleshow {
    margin-top: 5px;
    margin-bottom:5px;
}

.ov-btn {
    position:relative;
    width:132px;
    display:inline-block;
    vertical-align:top;
    padding-top:5px;
    cursor:pointer;
}
.ov-btn a {
    text-align:center;
    display:block;
    width:130px;
    margin:auto;
}
.ov-btn-img {
    width:130px;
    height:70px;
    margin:auto;
}

#datasets-btn {
    background:url('beeguard/list1.png') no-repeat center top;
}
#datasets-btn:hover {
    background:url('beeguard/list2.png') no-repeat center top;
}
#routes-btn {
    background:url('beeguard/routes1.png') no-repeat center top;
}
#routes-btn:hover {
    background:url('beeguard/routes2.png') no-repeat center top;
}
#data-btn {
    background:url('beeguard/export1.png') no-repeat center top;
}
#data-btn:hover {
    background:url('beeguard/export2.png') no-repeat center top;
}
#relocation-btn {
    background:url('beeguard/move1.png') no-repeat center top;
}
#relocation-btn:hover {
    background:url('beeguard/move2.png') no-repeat center top;
}
#markers-btn {
    background:url('beeguard/marker1.png') no-repeat center top;
}
#markers-btn:hover {
    background:url('beeguard/marker2.png') no-repeat center top;
}
#page-beeguard2Config-btn {
    background:url('beeguard/config1.png') no-repeat center top;
}
#page-beeguard2Config-btn:hover {
    background:url('beeguard/config2.png') no-repeat center top;
}
#comment-btn {
    background:url('beeguard/rename1.png') no-repeat center top;
}
#comment-btn:hover {
    background:url('beeguard/rename2.png') no-repeat center top;
}
#userTriggers-btn {
    background:url('beeguard/notification1.png') no-repeat center top;
}
#userTriggers-btn:hover {
    background:url('beeguard/notification2.png') no-repeat center top;
}

[class^="icon-"], [class*=" icon-"] {
    vertical-align:middle;
}

.btn-menu {
    cursor:pointer;
}
.btn-menu-collapse {
    cursor:pointer;
}

.btn-menu a {
    text-decoration:none;
}

#tooltip {
    position:absolute;
    display:none;
    z-index:100;
    border:1px solid BLACK;
    background:GREY;
    color:WHITE;
    padding:3px;
    border-radius: 5px;
}

/* ====== UNITS ====== */

.unit-rucher {
    height:130px;
    border:none;
    margin-bottom:10px;
    padding-left: 20px;
    border-radius:5px;
    background: url('beeguard/apiary_background.png') no-repeat center top;
    cursor:pointer;
}

.unit-rucher h2{
    font-size:36px;
    font-weight:bold;
    color : WHITE;
    text-align:right;
    line-height:60px;
    padding-top: 15px;
    padding-right: 40px;
}

.unit-ruche {
    width:790px;
    height:450px;
    display:inline-block;
    padding:0px;
    background-color:WHITE;
    border:none;
    border-radius:5px;
    position:relative;
    margin-bottom:10px;
}
.unit-ruche-title {
    margin:10px;
    font-size:26px;
}
.unit-ruche-title a {
    font-size:12px;
}
.unit-ruche[on_off='on'] .unit-ruche-title{
    color: DARKGREEN;
}
.unit-ruche[on_off='off'] .unit-ruche-title{
    color: FIREBRICK;
}
.unit-ruche-img {
    position:absolute;
    top:35px;
    left:10px;
    cursor:pointer;
}
.unit-ruche[on_off='on'] .unit-ruche-img {
    opacity: 1.0;
}
.unit-ruche[on_off='off'] .unit-ruche-img {
    opacity: 0.5;
}
.unit-ruche-help {
    position:absolute;
    top:192px;
    left:33px;
    cursor:pointer;
}
.unit-ruche-beeguard-type {
    position:absolute;
    top:108px;
    left:98px;
    font-size:12px;
    cursor:pointer;
}
.unit-ruche-beeguard-name {
    position:absolute;
    top:118px;
    left:98px;
    font-size:8px;
    cursor:pointer;
}
.unit-ruche-beeguard-left-wing {
    font-weight:bold;
    font-size:20px;
    position:absolute;
    top:112px;
    left:88px;
}
.unit-ruche-beeguard-right-wing {
    font-weight:bold;
    font-size:20px;
    position:absolute;
    top:112px;
    left:158px;
}
.unit-ruche-data {
    position:absolute;
    top:0px;
    left:180px;
}
.unit-ruche-icons {
    position:absolute;
    right:15px;
    top:15px;
    width: 210px;
}
.unit-ruche-icon {
    width:100px;
    height:85px;
    display:inline-block;
    margin:0px 0px 5px 0px;
    cursor:pointer;
    text-align:center;
    vertical-align: top;
    line-height:0.8;
}
.unit-ruche-icons img {
    display:block;
    width:55px;
    height:55px;
    margin:auto;
    margin-bottom:3px;
}
.unit-ruche-icon a:hover {
    text-decoration:none;
    color:CORNFLOWERBLUE;
}
.unit-ruche-balance-name {
    position:absolute;
    font-size:12px;
    cursor:pointer;
}
.unit-ruche-balance-name .wing {
    font-size:20px;
    font-weight:bold;
}
.unit-ruche-balance1-name {
    top:230px;
    left:40px;
}
.unit-ruche-balance2-name {
    top:230px;
    left:120px;
}
.unit-ruche-beeguard-mode {
    font-size: 16px;
    position:absolute;
    top: 220px;
    left:10px;
    cursor:pointer;
    background: url('beeguard/backgroundmode.png') no-repeat left top;
    border:none;
    padding-top: 10px;
    padding-bottom: 20px;
}
.unit-ruche-beeguard-mode .beeguard-mode-on {
    width:200px;
    display: block;
    background: url('beeguard/selectmode.png') no-repeat left top;
    color: GOLD;
    margin-left: 10px;
    padding: 0px 12px 10px 20px;
}
.unit-ruche-beeguard-mode .beeguard-mode-off {
    width:200px;
    display: block;
    background: none;
    color: SILVER;
    margin-left: 10px;
    padding :0px 12px 10px 20px;
}
.unit-ruche-whitespace {
    height:260px;
}
.unit-ruche-info {
    width:525px;
    padding:5px;
}

/* ======== alarm ======== */

.alarm-button {
    background:url('beeguard/marker2.png') no-repeat center top;
}
.alarm-markers {
    background:url('beeguard/marker2.png') no-repeat center top;
}
.alarm-cancel {
    background:url('beeguard/raz_light2.png') no-repeat center top;
}
.alarm-image-low_bat {
    background:url('beeguard/lowbat_level2.png');
}
.alarm-image-low_vbat {
    background:url('beeguard/lowbat_level2.png');
}
.alarm-image-timeout_msg {
    background:url('beeguard/nocom.png');
}
.alarm-image-mvt {
    background:url('beeguard/alarm.png');
}
.alarm-image-movement3 {
    background:url('beeguard/alarm.png');
}
.alarm-image-etor1_alarm {
    background:url('beeguard/alarms/etor1_alarm.png');
}
.alarm-image-etor1_alarm.alarm-level-1 {
    background:url('beeguard/alarms/etor1_alarm_1.png');
}
.alarm-image-etor1_alarm.alarm-level-2 {
    background:url('beeguard/alarms/etor1_alarm_2.png');
}
.alarm-image-etor1_alarm.alarm-level-3 {
    background:url('beeguard/alarms/etor1_alarm_3.png');
}
.alarm-image-etor1_alarm.alarm-level-4 {
    background:url('beeguard/alarms/etor1_alarm_4.png');
}