/********************************************************************
 * VIEW
 *******************************************************************/
div#view {
	clear:both;
/**
	min-height:500px;
**/
}
div.jbda {
	background:url(images/jbda/b_jbda.gif) repeat-x;
}
div.jva {
	background:url(images/jva/b_jva.gif) repeat-x;
}
div.ccm {
	background:url(images/ccm/b_ccm.gif) repeat-x;
}
div.my {
	background:url(images/myspace/b_my.gif) repeat-x;
}
/** Panels **/
div#panels {}
div#panels div.panel {
	float:left;
	width:308px;
	height:220px;
	overflow:hidden;
}
div#view div.swrapper {
	background:right url(images/b_ad.png) repeat-y;
}
div#view div.lwrapper {
	width:775px;
}
div#leftpanel {
	width:190px;
}

div#content {
	margin-top:20px;
	width:575px;
}
div#content h1, 
div#content h2,
div#content h3,
div#content h4 {
	color:#b5d020;
}
/********************************************************************
 * A la une
 *******************************************************************/
div.une div#toggles {
	background:top right url(images/jbda/b_une.png) no-repeat;
	height:15px;
	text-align:right;
}
div.une div.question div.user div.avatar,
div.question div.user div.large {
	background:url(images/bubbles/b_comment_avatar.png) no-repeat !important;
	width:83px !important;
	height:69px !important;
	padding:9px 0 0 0px !important;
}
div.question div.small {
	background:url(images/bubbles/b_comment_avatar_small.png) no-repeat !important;
	width:41px !important;
	height:41px !important;
	padding:4px 0 0 4px !important;
}
/********************************************************************
 * Liste
 *******************************************************************/
/** Filtres **/
div.filters {
	text-align:right;
	background:bottom url(images/b_list_top.png) no-repeat;
	height:40px;
}
div.filters h3 {
	float:left;
	font-size:1.2em;
	margin:0;
	padding:0;
	position:relative;
	bottom:0px;
}
div.filters span.rule {
	float:left;
}
span.filter {
	display:block;
	float:left;
	background:#e3e0d7 url(images/b_filter_left.png) no-repeat;
	margin-left:10px;
}
span.filter a {
	display:block;
	float:left;
	padding:0px 20px 0 10px;
	text-decoration:none;
	color:#575148;
	font-size:0.9em;
	height:17px;
	background:top right url(images/b_filter_right_desc.png) no-repeat;
}
span.filter.asc a {
	background:top right url(images/b_filter_right_asc.png) no-repeat;
}
span.filter.on {
	background:#6d6d58 url(images/b_filter_on_left.png) no-repeat;
}
span.filter.on a {
	background:top right url(images/b_filter_on_right_desc.png) no-repeat;
	color:#fff;
}
span.filter.on.asc a {
	background:top right url(images/b_filter_on_right_asc.png) no-repeat;
}
div.filters.buttons {
	text-align:right;
	height:30px;
	background:none;
	margin-right:15px;
}
div.filters.buttons span.filter {
	float:right;
	background:top right #e3e0d7 url(images/b_filter_right.png) no-repeat;
}
div.filters.buttons a {
	background:top left url(images/b_filter_left_arrow.png) no-repeat;
	padding:0px 10px 0 20px !important;
	font-size:0.9em !important;
}
span.filter.simples {
	float:left !important;
	margin:auto;
}
span.filter.simples span.content {
	background:top right url(images/b_filter_right.png) no-repeat;
	padding:0 10px 0 10px !important;
	font-size:0.9em;
}
/** Pagination **/
div.pages {
	height:30px;
	padding-top:20px;
	background:top url(images/b_list_bottom.png) no-repeat;
}
div.pages span.title {
	float:left;
}
div.pages a.page {
	float:left;
	display:block;
	text-align:center;
	padding:0 5px 0 5px;
	font-weight:0.9em;
	text-decoration:none;
	color:#000;
}
div.pages a.previous,
div.pages a.current,
div.pages a.next {
	width:27px;
	height:17px;
	padding:0;
	margin:0 5px 0 5px;
}
div.pages a.previous {
	background:url(images/b_page_previous.png) no-repeat;
}
div.pages a.current {
	background:url(images/b_page_current.png) no-repeat;
	color:#fff;
}
div.pages a.next {
	background:url(images/b_page_next.png) no-repeat;
}
/********************************************************************
 * Tabs
 *******************************************************************/
div.viewtabs {
	height:41px;
	background:left bottom url(images/b_tab_bg.gif) repeat-x;
}
div.viewtabs div.title {
	float:left;
	height:16px;
	margin:10px 25px 0 0;
	font-size:1.6em;
}
div.viewtabs div.tab {
	float:left;
	height:41px;
	background:url(images/b_tab_left.gif) no-repeat;
	margin:0 5px 0 5px;
	text-align:center;
	padding-left:5px;
}
div.viewtabs div.tab div.r {
	float:left;
	background:top right url(images/b_tab_right.gif) no-repeat;
	height:41px;
	padding-right:5px;
}
div.viewtabs div.tab div.t {
	float:left;
	background:none;
	height:41px;
}
div.viewtabs div.tab a {
	display:block;
	float:left;
	height:31px;
	padding:10px 15px 0 15px;
	background:url(images/b_tab.gif);
	color:#63634f;
	text-decoration:none;
	font-weight:bold;
}
div.viewtabs div.tab.active {
	background:url(images/b_tab_left_active.gif) no-repeat;
}
div.viewtabs div.tab.active div.r {
	background:top right url(images/b_tab_right_active.gif) no-repeat;
}
div.viewtabs div.tab.active.selected div.t {
	background:bottom center url(images/b_tab_tail.png) no-repeat;
}
div.viewtabs div.tab.active a {
	display:block;
	background:url(images/b_tab_active.gif);
	color:#fff;
}