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

body.jour {
    background: #ffffff;
}

body.nuit {
    background: #000000;
}

img {
    border: none;
}

.highlight {
    font-weight: bold; padding: 0 2px; color: #ffffff;
}

#container {
    width: 800px;
    height: 1280px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

#tweetcont {
    float: left; width: 800px; height: 172px; background: #dddddd;
    padding: 20px;
}

#tweetcont img {
    float: left; width: 96px; height: 96px;
}

#tweetcont p {
    margin: -4px 5px 10px 106px; padding: 0; font-size: 26px;
}

p.tweet_text {
    color: #333;
}

#ptimg {
    position: absolute; top: -5px; right: -10px;
}

#columncont {
    float: left; width: 800px; margin-top: 12px;
}

.column {
    float: left; width: 780px; height: 70px; margin: 5px 10px; position: relative;
}

.column-tube {
    float: left; width: 328px; height: 70px;
}

.tube {
    width: 1000px; height: 35px; margin-left: -672px; overflow: hidden;
}

.column-title {
    float: left; margin-left: 10px; width: 442px; height: 70px;
}

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

.column-title h3 {
    position: absolute; margin: 10px; padding: 0; font-size: 40px; line-height: 50px;
    height: 50px; text-transform: uppercase;
}

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

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

div#logos {
    width: 800px; height: 87px; background: #dddddd; position: absolute; left: 0; bottom: 0;
}

#logos img {
    margin : 10px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}
