#rubriques {
	POSITION: absolute;
	WIDTH: 300px;
	HEIGHT: 100%;
	TOP: 150px;
	LEFT: 545px;
	background:white;
}

#rubriques.une {
	POSITION: absolute;
	WIDTH: 325px;
	HEIGHT: 100%;
	TOP: 568px;
	LEFT: 371px;
	background:white url('../img/titres.png') top left no-repeat;
	border:0px;
}


#rubriques ul{
position:absolute;
top:48px;
left:0px;
list-style-type:none;
z-index:20;
}

#rubriques div.les_titres{
width:100%;
height:32px;
float:left;
background: url(../img/les_titres.png) center center no-repeat;
}

#rubriques.une div.les_titres{
display:none;
}
#rubriques ul#depeches{
list-style-type:none;
height:160px;
}

#rubriques li.titre{
position:relative;
background: url(../img/depeche_elem.png) top left no-repeat;
float:left;
width:300px;
height:24px;
border-bottom: 1px solid rgb(200,236,249);
}

#rubriques li.depeche{
position:relative;
float:left;
width:300px;
height:18px;
border-bottom: 1px solid rgb(200,236,249);
font-size:12px;
padding-top:2px;
padding-left:2px;
}

#rubriques li.depeche .detailed{
float:left;
width:300px;
height:54px;
background: rgb(232,248,255);
font-size:12px;
padding-top:2px;
padding-left:2px;
}


li.pagination{
position:relative;
float:left;
width:300px;
height:24px;
border-bottom: 1px solid rgb(200,236,249);
}



.pagination a.prev{
float:left;
width:24px;
height:24px;
background: url(../img/precedent.png) top left no-repeat;
}

.pagination a.next{
float:left;
width:24px;
height:24px;
background: url(../img/suivant.png) top left no-repeat;
}

a.prev:hover{
background: url(../img/precedent_on.png) top left no-repeat;
}

a.next:hover{
background: url(../img/suivant_on.png) top left no-repeat;
}

.pagination a.all{
float:right;
font-size:10px;
color: #6699FF;
padding-top:4px;
}
a.all:hover{
text-decoration:underline;
}

#rubriques .chronique{
position:relative;
margin:16px 8px;
float:left;
width:284px;
}

#rubriques .chronique_vignette{
position:relative;
margin:16px 8px;
background:url(../img/rubrique_vignette.png) top right no-repeat;
float:left;
width:284px;


}

#rubriques li.sansphoto{
position:relative;
margin:16px 8px;
float:left;
width:284px;
}

#rubriques hr{
color: rgb(200,236,249);
background-color: rgb(200,236,249);
height: 1px;
border: 0px;
width:160px;
}

#rubriques .chronique .photo,
#rubriques .chronique_vignette .photo

{
position:absolute;
top:0px;
right:0px;
background: url(../img/photo_fond.png) top left no-repeat;
float:left;
width:96px;
height:112px;
}


#rubriques .chronique img{
position:absolute;
top:8px;
right:8px;
}

#rubriques .chronique_vignette img{
position:absolute;
top:2px;
right:4px;
width:84px;
height:60px;
}

#rubriques .chronique img.rubrique{
width:84px;
height:60px;
}
#rubriques .chronique .titre,
#rubriques .chronique_vignette .titre{
position:relative;
top:1px;
left:8px;
width:192px;
}

#rubriques .chronique .titre a,
#rubriques .chronique_vignette .titre a,
#presentation a{
color:#0066CC;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

#rubriques .chronique .titre a span,
#rubriques .chronique_vignette .titre a span
{
color:#0066CC;
font-size:12px;
font-family:Tahoma,Century Gothic,Arial;
}

#rubriques .chronique .titre a:hover,
#rubriques .chronique_vignette .titre a:hover,
#presentation a:hover{
color:#FF9900;
text-decoration:underline;
}

#rubriques .chronique .intro,
#rubriques .chronique_vignette .intro,
#presentation a .intro{
position:relative;
top:16px;
left:8px;
color:black;
font-size:12px;
width:192px;

}