/* ****************************************************** */
/*
TITLE: old dragons
DATE: 21/09/2009
AUTHOR: Stéphane Bergero - http://www.punktitude.com

page d'accueil

*/
/* ****************************************************** */


body#accueil .scrollable {

	/* required settings */
	width: 570px;
	height: 370px;

	/* custom decorations */
	border: 0;
	background: none transparent;
	position: relative;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
body#accueil .scrollable .items {
	height:312px;
	margin:0;
	/* this cannot be too large */
	width: 20000em;
	position: absolute;
	clear: both;
}


/* active item */
body#accueil .scrollable .active {
}


body#accueil #news_accueil1 li {
	margin: 0;
}
body#accueil #news_accueil1 .newslist_item  {
	display: block;
	height: 312px;
	min-height: 312px;
	overflow: hidden;
	position: relative;
	width: 570px;
}
body#accueil #news_accueil1 .newslist_item .news_photo img {
	border: 0 none;
	width: 570px;
}
body#accueil #news_accueil1 .newslist_item .newsheader {
	background:url("../images/jquery_tools/1x1_0.85_black.png") repeat scroll 0 0 transparent;
	border:0 solid #000000;
	bottom:0;
	color:#FFFFFF;
	height:46px;
	left:207px;
	overflow:hidden;
	padding:7px 133px 7px 7px;
	position:absolute;
	width:223px;
	z-index:999;
}
body#accueil #news_accueil1 .newslist_item .newsheader p {
}
	body#accueil #news_accueil1 .newslist_item .plus {
		background: none repeat scroll 0 0 #E10000;
/*		border: 3px solid #fff;
		display: block;
		height: 14px;
		line-height: 14px;
		padding: 7px;
		text-align: center;
		width: 90px;*/

		padding:0;
		position: absolute;
		right: 12px;
		top: 266px;
		z-index: 1001;
	}
		body#accueil #news_accueil1 .newslist_item .plus a {
			background: none repeat scroll 0 0 #E10000;
			border: 3px solid #fff;
			color: #fff;
			display: block;
			height: 14px;
			line-height: 14px;
			padding: 7px;
			font-weight: bold;
			text-decoration: none;
			text-align: center;
			width: 90px;
		}
	body#accueil #news_accueil1 .newslist_item .plus:hover {
/*		background: none repeat scroll 0 0 #fff;
		border: 3px solid #E10000;
		color: #E10000;*/
	}
		body#accueil #news_accueil1 .newslist_item .plus a:hover {
			background: none repeat scroll 0 0 #fff;
			border-color: #E10000;
			color: #000;
			font-weight: bold;
			text-decoration: none;
		}

/* flowtabs */
body#accueil #news_accueil1 #flowtabs {
/*	background: url(../images/jquery_tools/1x1_0.5_white.png) transparent;
	bottom: 12px;
	height: 44px;
	left: 12px;
	margin: 0;
	padding: 0px;
	position: absolute;
	width: auto;
	z-index: 1010;*/
	
	background: url("../images/jquery_tools/1x1_0.85_black.png") repeat scroll 0 0 transparent;
	bottom: 0;
	height: 46px;
	left: 0;
	margin: 0;
	padding: 7px;
	position: absolute;
	width: auto;
	z-index: 1010;
}
	body#accueil #news_accueil1 #flowtabs li {
	}
	body#accueil #news_accueil1 #flowtabs li img {
		border: 3px solid #fff;
		margin-right: 3px;
		width: 40px;

/*		opacity: 0.5;
		filter: alpha(opacity=50);*/
	}
	body#accueil #news_accueil1 #flowtabs li a.current img {
		border: 3px solid #e10000;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	body#accueil #news_accueil1 #flowtabs li a#t4 img {
		margin: 0;
	}

body#accueil #news_accueil1 .navi a {
	background: none transparent;
	display:block;
	float:left;
	height: auto;
	margin: 0;
	width: auto;
}