@import "content.css";

/*** Liste articles ***/

div#content ul#article-list {
	width : 100%;
	margin : 0;
	padding : 0;
	list-style : none;
}

div#content ul#article-list li {
	width : 100%;
	height : 20px;
	margin : 5px 0 0 0;
	padding : 0;
	border-bottom : #DADADA solid 1px;
	list-style : none;
}

div#content ul#article-list li p {
	margin : 0;
	padding : 0;
}

div#content ul#article-list li p.left {
	float : left;
	width : 80%;
}

div#content ul#article-list li p.right {
	float : right;
	width : 20%;
	text-align : right;
}

/* Date de l'article */
p.article-date {
	color : #999;
	margin : 0 0 16px 0;
	font-size: 10px;
}

/* Image de l'article */
p.article-img {
	position : relative;
	width : 100%;
	margin : 0;
	padding : 0;
	float : none;
	clear : left;
}
p.article-img img {
	display : block;
	margin : 0;
	padding : 0;
	float : none;
	clear : left;
	position : relative;
}

.calendar {
	position : relative;
	width : 60px;
	height : 55px;
	margin : 0 6px 0 0;
	padding : 0;
	float : left;
	clear : left;
	background-image : url(../images/content/calendar.png);
	background-repeat : no-repeat;
}

.calendar p {
	display : block;
	position : absolute;
	width : 60px;
	margin : 0;
	padding : 0;
	color : #9A260D;
	font-size : 11px;
	font-family : Georgia, "Times New Roman", Times, serif;
	text-align : center;
}

.calendar .day {
	top : 12px;
}

.calendar .day2 {
	top : 20px;
	font-size : 18px;
}

.calendar .month {
	top : 40px;
}

.calendar .year {
	top : -3px;
	color : #FFF;
}

/*** Page article ***/

p#back-to {
	text-align : center;
}