body {
background:#0d0d0d url(img/background.jpg) repeat-x ;
color:#999;
font-family:arial;
font-size:80%;
height:100%;
margin:0;
padding:0;
}
#wrapper {
height:100%;
width:100%;
position:absolute;
}
a {
color:#007899;
text-decoration:underline;
}
a:hover {
cursor:pointer;
}
.actif{
background-color:white;
color:#000;
}
#flux img { float:left; width:190px!important; border-color:transparent; }
#flux a { width:190px; display:block; float:left;height:190px; margin:5px 1px; overflow:hidden;}

h1 {
font-family:times new roman;
font-weight:normal;
font-size:2.2em;
margin:0;
float:left;
color:#fff8f0;
}

#ajouter_flux {
float:right;
position:absolute;
margin-top:1em;
z-index:9;
right:70px;
}
#inscription,#connexion {
background:#000;
padding:1em;
}
#flux {

clear:both;
width:80%;

margin:0;
height:90%;
overflow:auto;
}
#flux h2
{border-top:2px solid #aaa;
clear:both;
}
#sidebar {
position : absolute;
height:90%;
overflow:auto;
width:18%;
right:0;
top:10%;
font-size:0.8em;
}
#header {
height:10%;
overflow:hidden;
}
#mes_flux {
width:100%;
overflow:auto;
padding:5px;
}

#mes_flux p:hover {
cursor:pointer;
background:#555;
}
.focus {
    border:3px dotted #aaa;
    text-decoration: blink;
}