/* bande passante */
.bande-passante {
    background: transparent;
    margin: 20px 0 3px;
    width: 740px;
}

.tickercontainer { /* the outer div with the black border */
    background: transparent; 
    width: 1024px; 
    height: 23px; 
    margin: 0; 
    padding: 5px 0 5px 0;
    overflow: hidden; 

}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    left: 10px;
    top: -8px;
    width: 1007px;
    overflow: hidden;
    color:#fff;
}
ul.newsticker { /* that's your list */
    position: relative;
    left: 750px;
    font-family: "RobotoCondensed", Arial, Helvetica, sans-serif;
    font-size: 24px;
    list-style-type: none;
    margin: 0;
    padding: 9px 0 0 0 ;
    color: #fff;


}
ul.newsticker li {
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding: 0;

}
ul.newsticker a {
    white-space: nowrap;
    padding: 0;
    color: #fff;
    font: 24px "RobotoCondensed", Arial, Helvetica, sans-serif;
    margin: 0 50px 0 0;
} 
ul.newsticker span {
    margin: 0 10px 0 0;
}


/* ------------- Fonts -------------- */

@font-face {
    font-family: "RobotoCondensed";
    src: url('../fonts/robotocondensed-regular.eot');
    src: url('../fonts/robotocondensed-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/robotocondensed-regular.woff') format('woff'),
        url('../fonts/robotocondensed-regular.ttf') format('truetype'),
        url('../fonts/robotocondensed-regular.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "RobotoCondensed";
    src: url('../fonts/robotocondensed-italic.eot');
    src: url('../fonts/robotocondensed-italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/robotocondensed-italic.woff') format('woff'),
        url('../fonts/robotocondensed-italic.ttf') format('truetype'),
        url('../fonts/robotocondensed-italic.svg#roboto_condenseditalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "RobotoCondensed";
    src: url('../fonts/robotocondensed-bold.eot');
    src: url('../fonts/robotocondensed-bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/robotocondensed-bold.woff') format('woff'),
        url('../fonts/robotocondensed-bold.ttf') format('truetype'),
        url('../fonts/robotocondensed-bold.svg#roboto_condensedbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "RobotoCondensed";
    src: url('../fonts/robotocondensed-bolditalic.eot');
    src: url('../fonts/robotocondensed-bolditalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/robotocondensed-bolditalic.woff') format('woff'),
        url('../fonts/robotocondensed-bolditalic.ttf') format('truetype'),
        url('../fonts/robotocondensed-bolditalic.svg#roboto_condensedbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}