.cadre-scroll {
    overflow: hidden;
    position: relative;
    /*background: #482704;*/
	height: 85px;
	background: #6D5236;
	/* opacity: 0.80;
    filter: alpha(opacity=80); */ /* For IE8 and earlier */
    color: orange;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 12px; /* taille police texte paragraphe */
	font-weight: lighter;
    border-top: #341D03 1px solid;
    border-bottom: #341D03 1px solid;
    border-left: #341D03 1px solid;
    border-right: #341D03 1px solid;
    border-radius: 5px 5px 5px 5px;
}	

.date{
    height: 16px;
	font-weight: lighter;
    font-size: 11px;
	/*color: #322518;*/
	/*color: orange;*/
	color: #F11414;
}



.scroll-paragraphe {
	width: 180px;
	float: left;
	margin-top: 8px;
	margin-left: 11px;
	margin-right: 0px;
	}

.scroll-paragraphe ul li {
	list-style-type: none;
	display: block;
	list-style-image: none;
}
.scroll-paragraphe .thumbnail {
	width: 80px;
	float: left;
}
.scroll-paragraphe .info {
    /*font-family: helvetica, sans-serif;*/
	/*FONT: 1.2em helvetica, sans-serif;*/
	color: #322618; /* couleur du titre */
	font-weight: lighter;
	font-size: 12px;
	
}
.scroll-paragraphe .info a {
	color: #322618; 
	/*font-size: 10px; */ /* taille titre texte */
	text-align: justify;
	text-decoration: underline;
}
.scroll-paragraphe .info a:hover {
	border-bottom: #322618 1px solid;
	color: #322618;
}
.scroll-paragraphe .info a:focus {
	border-bottom: #322618 1px solid;
	color: #322618;
}

.info {
    width: 180px;
	height: 90px;
	font-weight: lighter;
	font-size: 10px;  /* taille texte paragraphe */
	
}


.savoir-plus {
    padding-top : 0px;
	padding-bottom: 0px;
	text-transform: uppercase;
	padding-left: 0px;
	padding-right: 0px;
	float: right; 
	color: #F11414;
	/*FONT-SIZE: 8px;*/
	/*PADDING-TOP: 5px;*/
}

.savoir-plus a {
	color: #F11414;
	font-weight: lighter;
	font-size: 10px;
	text-decoration: none;
}	


.savoir-plus a:hover {
	text-decoration: underline
}