/*
 * Header
 */
#header{
	background:	transparent url(/assets/templates/deba/images/index_header_background.jpg) no-repeat top left;
}

/*
 * Bannière
 */
#banner{
	position:	relative;
	height:		288px;
	background:	transparent url(/assets/templates/deba/images/banner_background.png) no-repeat top left;
}
#postit{
	position:absolute;
	top:0;
	left:0;
	width:280px;
	height:275px;
}
#postit .content{
	position:	absolute;
	left:		0px;
	top:		0px;
	height:100px;
	width:100px;
}
#postit .default{
	position:		absolute;
	color:			#fff;
	font-size:		18px;
	width:			225px;
	left:			30px;
	top:			80px;
	line-height:	29px;
	text-align:		left;
	display: none;
}
#postit .content .default{
	display: block;
}
#postit .default b{
	color:	#d4d700;
}
#postit .tagDescription{
	/*position:		absolute;
	width:			0px;
	height:			100px;
	right:			520px;
	top:			60px;
	overflow:		hidden;
	padding-top:	50px;*/
	/*background:		transparent url(/assets/templates/deba/images/tagsphere_description_background.png) no-repeat top right;*/
	position:	absolute;
	height:		100px;
	width:		250px;
	left:		30px;
	top:		110px;
}
#postit .tagDescription a,
#postit .tagDescription a:link,
#postit .tagDescription a:visited{
	display:			block;
	color:				#fff;
	text-decoration:	none;
	width:				225px;
	text-align: 		center;
	overflow:			hidden;
	background:			transparent url(/assets/templates/deba/images/tagsphere_description_link_background.png) no-repeat center bottom;
	padding-bottom:		20px;
}
#postit .tagDescription a,
#postit .tagDescription a:hover,
#postit .tagDescription a:active,
#postit .tagDescription a:focus{
	text-decoration:	underline;
}

#search{
	position:absolute;
	bottom:15px;
	left:25px;
}
#search input{
	width:		193px;
	height:		19px;	
	border:		none;
	background: transparent url(/assets/templates/deba/images/search_background.jpg) no-repeat top left;
	color:		#fff;
	padding:	5px 5px 5px 40px;
}

#tagsphere{
	position:	absolute;
	top:		0px;
	left:		320px;
}
#tagsphere a,
#tagsphere a:link,
#tagsphere a:visited{
	display:				block;
	color:					#fff;
	text-decoration: 		none;
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	padding:				5px;
}
#tagsphere a:hover,
#tagsphere a:active,
#tagsphere a:focus{
	color:				#737500;
	text-decoration: 	none;
	background-color: 	#fff;
}
#media{
	position:	absolute;
	top:		15px;
	right:		10px;
	font-size:	18px;
	color:		#737500;
}
#media .frame{
	border: 				solid 5px #737500;
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	height:					185px;
	width:					310px;
	overflow:				hidden;
	margin-bottom:			10px;	
}

#media a.button,
#media a.button:link,
#media a.button:visited{
	display:			block;
	height:				31px;
	font-size: 			11px;
	color:				#000;
	height:				31px;
	float:				left;
	margin-left:		5px;
	text-decoration:	none;
	padding-top:		1px;
	margin-bottom:		10px;
}
#media a.button:hover,
#media a.button:active,
#media a.button:focus{
	color:				#686900;
	text-decoration:	none;
}
#media a.button span.left,
#media button.button span.left{
	display:				block;
	float:					left;
	background: 			transparent url(/assets/templates/deba/images/button_backgrounds.png) no-repeat;
	background-position:	-8px -62px;
	width:					8px;
	height:					31px;
}
#media a.button span.center,
#media button.button span.center{
	display:				block;
	float:					left;
	background: 			transparent url(/assets/templates/deba/images/button_backgrounds.png) repeat-x;
	background-position:	0px -310px;
	height:					31px;
	line-height:			29px;
	padding:				0 5px;
}
#media a.button span.right,
#media button.button span.right{
	display:				block;
	float:					left;
	background: 			transparent url(/assets/templates/deba/images/button_backgrounds.png) no-repeat;
	background-position:	-9px -279px;
	width:					8px;
	height:					31px;
}
#media a.button.photos span.left{
	width:					25px;
	background-position:	0px -248px;
}
#media a.button.videos span.left{
	width:					25px;
	background-position:	0px -217px;
}

/*
 * Content
 */
#content {	
	margin-top:		40px;
	margin-bottom:	40px;
	color:			#7f7f7f;
	background: 	#fff url(/assets/templates/deba/images/content_index_background.png) repeat-y top left;
}
#content h2{
	font-size:		14px;
	font-weight:	bold;
	color:			#009ee0;
	margin-bottom:	15px;
	margin-top:		20px;
}
#content a.button,
#content button.button{
	margin-top:	20px;
}
#content #next_event{
	float:			left;
	width:			323px;
	padding:		0px 10px 0px 0px;
}
#content #last_article{
	float:			left;
	width:			313px;
	padding:		0px 10px 0px 10px;
}
#content #next_event img,
#content #last_article img{
	max-width:			100px;
	max-height:			100px;
}
#content a.button.rss span.left{
	width:					25px;
	background-position:	0px -372px;
}
#content #members_contact{
	float:			left;
	width:			322px;
	padding:		0px 0px 0px 10px;
}
#content a.button.signin span.left{
	width:					25px;
	background-position:	0px -0px;
}
#content a.button.signup span.left{
	width:					25px;
	background-position:	0px -31px;
}