/*articles*/
.articles{
padding-left: 1px;
overflow: auto;
border-bottom: 1px solid #e0dde0;
}
.article{
padding: 12px 0 6px 0;
float: left;
border-bottom: 1px solid #e0dde0;
}
.article:hover{
background-color: #eee;
}
.inner-article{
width: 177px;
padding-left: 12px;
border-right: 1px solid #e0dde0;
min-height: 250px;
}
.article:nth-child(4n+4) .inner-article{
border-right: none;
}
.article h2{
font-size: 20px;
margin-bottom: 2px;
}
.article h2 a{
text-decoration: none;
}
.article h2 a:hover{
color:#C51810;
}
.author{
font-family: Arial;
font-size: 8px;
line-height: 10px;
margin-bottom: 10px;
}
.number-article{
font-size: 10px;
overflow: hidden;
}
.author a:hover,
.number-article a:hover{
text-decoration: none;
}
.author, .author a,
.number-article, .number-article a{
color: #c51810;
}
.number-article{
line-height: 22px;
}
.article-content{
width: 168px;
min-height: 105px;
}
.article-content .links li{
list-style-image: url(../img/article-link-arrow.png);
}
.article-content .links li a:hover{
text-decoration: none;
}
.article-content .links{
margin-top: 10px;
clear: both;
padding-left: 20px;
}
.article-visuel-wrap{
display: block;
float: right;
margin-left: 10px;
}
/* annotations */
.article-annotations{
width: 160px;
height: 4px;
border:1px solid #edebed;
background-color: #898989;
margin-bottom: 6px;
}
.article-annotations a{
float: left;
display: block;
width: 100%;
height: 4px;
background-image: url(../img/border-right-annotation-value.png);
background-repeat: repeat-y;
background-position: right top;
}
.article-annotations .blue{
background-color: #429dd4;
}
.article-annotations .green{
background-color: #73c263;
}
.article-annotations .red{
background-color: #d64752;
}
.article-annotations .empty{
background-color: #898989;
}
.add-annotation{
width: 22px;
height: 17px;
display: block;
background: url(../img/article-annotations-add-comment-sprite.png) no-repeat 0 0;
float: right;
margin-right: 14px;
}
.add-annotation:hover{
background-position: -22px 0;
}