.padding {
	height: 35px;
	clear: both;
}



#news_list ul {
	margin-top: 40px;
}

#news_list ul li {
	list-style: 	none;
	cursor:			pointer;
	display:		inline-block;
	/*width:			230px;*/
	width:			226px;
	border-top:		1px dotted #bababa;
	margin:			0 18px 0 0;
	float:			left;
	height:			200px;
	position:		relative;
	
}

#news_list ul li a {
	text-decoration: none;
}

#news_list ul li a.desc_news {
/*	display: block;
	font-size: 21px;
	color: #786f6d;
	line-height:24px;
    margin-bottom: 5px;*/
	display:		block;
    font-family: 	'MuseoSans300',Arial;
    font-size: 		18px !important;
	color:			#64797A;
	margin:			10px 0 0 0;
}

#news_details  {
	color: 			#797877;
}
#news_details a.button { display:inline; }

#news_details .image {
	float:		right;
	margin:		15px 0 0 0;
}

#news_details #subtitles {
	color: #a8b1b7;
	font-size: 10px;
	text-transform: uppercase;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px; 
	display:none;
}

#news_details #subtitles #sub_cat {
	float: left;
}

#news_details #subtitles #sub_date {
	float: right;
}

.text {
	font-size:		15px;
	width:			370px;
	margin-bottom:	10px;
}

#news_details #news_desc {
	margin-top: 	10px;
	margin-bottom:	12px;
}

.main_title {
	text-transform:	uppercase;
}

#news_details .col_left {
	float:		left;
	width:		370px;
}

/* AJOUT NEWS AUTUMN SKIN */

.news_content {
	display:		block;
	margin:			10px 0 0 0;
}

 .titre {
	display:		inline-block;
	color: 			#4B8F21;
	font-family: 	'MuseoSans300',Arial;
    font-size: 		18px;
    font-weight: 	normal;
	line-height:	20px;
	margin:			0 0 10px 0;
}  

.desc {
	display:	block;
	font-size: 	12px;
	color: 		#797877;
}

.desc p {
	margin:		0;
}

#news_list ul li:hover .more:link,
#news_list ul li:hover .more:focus,
#news_list ul li:hover .more:active,
#news_list ul li:hover .more:visited,
#news_list ul li:hover .more:hover {
	background:			url('../images/bg_more_emploi.png') 100% 5px no-repeat;
	color:				#4B8F21 !important;
}

#news_list ul li:hover .titre {
	color:				#4B8F21;
}

a.more:link,
a.more:focus,
a.more:active,
a.more:hover,
a.more:visited {
    bottom: 		10px;
    color: 			#A5A5A5 !important;
    font-size: 		10px;
    font-weight: 	bold;
    position: 		absolute;
    text-transform: uppercase;
    width: 			90px;
}