body {
    margin: 0; font-family: Helvetica, Arial, sans-serif;
}

body.jour {
    background: #ffffff;
}

body.nuit {
    background: #000000;
}

img {
    border: none;
}


#container {
    width: 446px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.column {
    float: left; width: 446px; height: 32px; margin: 2px 0; position: relative;
}

.column-tube {
    float: left; width: 221px; height: 32px;
}

.tube {
    width: 500px; height: 16px; margin-left: -279px; overflow: hidden;
}

.column-title {
    float: left; margin-left: 4px; width: 221px; height: 32px;
}

.polemicvol {
    float: right; height: 32px;
}

.column-title h3 {
    position: absolute; margin: 6px; padding: 0; font-size: 18px; line-height: 18px;
    height: 18px; text-transform: uppercase; font-weight: normal;
}

.jour .column-tube, .jour .column-title {
    background: #cccccc; color: #333333;
}
 
.nuit .column-tube, .nuit .column-title {
    background: #eeeeee; color: #000000;
}
   
div.avatar {
   float: right; width: 16px; height: 16px; overflow: hidden;
}

.avatar img {
    width: 100%; height: 100%;
}
