@font-face {
    font-family: "Metric";
    font-weight: normal;
    font-style: normal;
    src: url("../font/MetricF-Regular.otf");
}
@font-face {
    font-family: "Metric";
    font-weight: bold;
    font-style: normal;
    src: url("../font/MetricF-Bold.otf");
}
@font-face {
    font-family: "Metric";
    font-weight: normal;
    font-style: italic;
    src: url("../font/MetricF-Italic.otf");
}
a, body, div, h1, h2, h3, h4, h5, h6, li, p, span, ul {
    font-weight: normal; margin: 0; padding: 0; border: none; font-size: 100%;
    font: inherit; text-decoration: none; color: inherit;
}
ul {
    list-style: none;
}
body {
    font-family: Metric; background: #000000;
}
#btv-cp-container {
    position: absolute; top: -65px; width: 100%;
    background-image: linear-gradient(bottom, rgb(224,224,224) 20%, rgb(250,250,250) 80%);
    background-image: -o-linear-gradient(bottom, rgb(224,224,224) 20%, rgb(250,250,250) 80%);
    background-image: -moz-linear-gradient(bottom, rgb(224,224,224) 20%, rgb(250,250,250) 80%);
    background-image: -webkit-linear-gradient(bottom, rgb(224,224,224) 20%, rgb(250,250,250) 80%);
    background-image: -ms-linear-gradient(bottom, rgb(224,224,224) 20%, rgb(250,250,250) 80%);
    height: 70px;
    border-bottom: 2px solid #666666;
}
#btv-cp-container:hover {
    top: 0;
}
.btv-cp-line {
    position: relative; width: 1160px; height: 100%; margin: 0 auto;
}
.btv-cp-element {
    float: left;
    height: 66px;
    padding: 2px 4px; border-right: 1px solid #cccccc;
}
.btv-cp-element h2 {
    font-size: 24px; margin: 18px 0 0;
}
.btv-cp-element h3 {
    font-size: 14px; margin: 3px 0; text-align: center; line-height: 12px;
}
.btv-cp-element h4 {
    font-size: 24px; font-weight: bold; text-align: center;
}

#btv-cp-champ-filtre {
    width: 100px;
}

.btv-cp-liste-tweets {
    width: 280px; max-height: 45px; background: #fefefe; overflow: auto;
}
.btv-cp-liste-tweets:hover {
    max-height: 150px;
}
.btv-cp-liste-tweets li {
    padding: 1px; border-bottom: 1px solid #ddd; font-size: 12px; font-family: Arial, Helvetica, sans-serif;
}
.btv-cp-tweet-button {
    display: inline-block; margin: -1px 0; width: 15px; height: 14px; background: url("../img/addshow.png");
}
.btv-cp-tweet-show {
    background-position: -15px 0;
}
.btv-cp-tweet-date {
    font-style: italic;
}
.btv-cp-tweet-from {
    font-weight: bold;
}
.btv-cp-liste-tweets li:hover {
    background: #00f; color: #fff;
}

.btv-cp-cont-pause {
    width: 60px;
}
.btv-cp-play-pause {
    display: block; margin: 0 12px; width: 32px; height: 35px; background: url("../img/playpause.png");
}
.btv-cp-status-play {
    background-position: -32px 0;
}

.btv-cp-compteur {
    width: 75px; position: relative;
}

.btv-cp-compteur h4 {
    width: 100%; position: absolute; left: 0; top: 40px;
}