/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.Alertescrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 250px;	
	height:266px;
	display:inline-block;
	background-color:#ffffff;				
}


div.scrollable, div.Gestscrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 500px;	
	height:220px;
	display:inline-block;
	background-color:#ffffff;				
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items, div.Gestscrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;	
	/* decoration */
	/*margin-left:10px;*/
}

div.Alertescrollable div.itemsAlerte {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;	
	/* decoration */
	/*margin-left:10px;*/
}

/* single scrollable item */
div.items div {
	float:left;
}
div.itemsAlerte div {
float:left;
}
/* active item */
div.scrollable div.items div.active, div.Gestscrollable div.items div.active,  div.Alertescrollable div.itemsAlerte div.active {
	/*border:1px inset #ccc;	*/	
	background-color:#fff;
}
.ReporThumb{
	float: left;
	width: 240px;
}
.ReporThumbAlerte{
	
	width: 240px;
	float:left;
	padding-bottom:5px;
}
.ReporTexte{
	float: left;
	width: 240px;
	display: block;
	padding: 0 10px;
	
}
.ReporTexteAlerte{
	
	width: 240px;
	display: block;
	padding: 0 10px;
	
}
.ReporTitreAlerte, .ReporChapAlerte, .ReporWhenAlerte{
	float: none;
	clear: left;
	width:240px;
}

.ReporTitre, .ReporChap, .ReporWhen{
	float: none;
	clear: left;
	width:265px;
}
/* Evasion Home page ****************************************** */
/* root element for the whole scrollable setup */
div.EvasScrollable {  
	position:relative;
	overflow:hidden;
	width: 515px;	 
	height:200px;	
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
	border:0px solid #222;
	background-color: #333;
}
/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;	
}
/* single item */
#thumbs div {
	float:left;
	width:170px;
	height:200px;
	/*margin: 0 0 0 6px;*/
	background:#999 url(/img/h150.png) repeat-x 0 0;
	color:#fff;
	border-left:1px solid #333;
	cursor:pointer;
}
/* style when mouse is over the item */
#thumbs div.hover {
	background-color:#444;	
}
/* style when element is active (clicked) */
#thumbs div.active {
	background-color:#066;
	cursor:default;
}
/* Image */
#thumbs div div.thumb{
	height:0px;
	margin:0 0 0 -1px;
	position:relative;
	text-align:center;
}
#thumbs img.thumb {	
	border:1px solid #222;
	margin:6px 0 0 0;
}
#thumbs h3 a {	
	font-size:12px;
	color:#fff;	
	padding:10px;		
	font-family:Georgia, "lucida console", sans-serif;
	display:inline-block;
	position: absolute;
	top: 106px;
	border: none;
	width:150px;
}
#thumbs h3 a em {
	font-style:normal;
	color:yellow;
}
#thumbs .EvasNote {
	background: url(/img/h150.png) repeat-x 0 100px;
	font-size:10px;
	color:#fff;
	height:28px;	
	font-family:Georgia, "lucida console", sans-serif;
	position: absolute;
	top: 170px;
	display: block;
	padding: 0 10px;
	border: none;
	width: 150px;
}
/*  ****************************************** Evasion Home page */