.ecranBamophar {
     position         : relative;
     width            : 1000px;
     height           : 500px;
     background-color : #656565;
     border-radius    : 8px;
     border-style     : solid;
     border-width     : 1px;
     border-color     : #656565
}

.ecranBamophar .symboleRelai {
     width  : 100px;
     height : 100px;
}

.ecranBamophar .relais {
     position         : absolute;
     top              : 0;
     left             : 0;
     height           : 500px;
     width            : 300px;
     background-color : #ffffff;
     border-radius    : 8px 0 0 8px
}

.ecranBamophar .serie {
     position      : absolute;
     bottom        : 0;
     width         : 300px;
     margin-bottom : 5px
}

.ecranBamophar .droite {
     padding-left : 300px
}

.ecranBamophar .mesures {
     position     : absolute;
     top          : 200px;
     left         : 30px;
     padding-left : 300px;
     color        : #ffffff;
     font-size    : 40px
}

.ecranBamophar .mesure {
     position  : absolute;
     top       : 62px;
     right     : 270px;
     color     : #ffffff;
     font-size : 90px
}

.ecranBamophar .unite {
     position  : absolute;
     top       : 100px;
     right     : 150px;
     color     : #ffffff;
     font-size : 50px
}

.ecranBamophar .dernierReleve {
     position      : absolute;
     right         : 0;
     bottom        : 0;
     margin-right  : 4px;
     margin-bottom : 4px;
     color         : #ffffff;
}

.baseActif, .baseInactif, .extensionActif, .extensionInactif {
     float            : right;
     padding          : 6px;
     border-radius    : 4px;
}

.baseActif, .baseInactif        { margin-right:6px }
.baseInactif, .extensionInactif { background-color:#656565 }
.baseActif, .extensionActif     { background-color:#16660f }

.baseActif a, .extensionActif a {
     color           : #ffffff;
     text-decoration : none;
     font-weight     : bold;
}

.baseInactif a, .extensionInactif a {
     color           : blanchedalmond;
     text-decoration : none;
}