/* @override http://newbanque.creabel.info/css/styles.css */

@import url("reset.css");
@import url("layout.css");
@import url("mainmenu.css");
@import url("banner.css");

/* @group HTML */

body {
	background-color: #fff;
	font-family: "Trebuchet MS";
	font-size: 62.5%;
}

strong {
	font-weight: bold;
}

sup {
	font-size: 0.75em;
	vertical-align: super;
}

/* @end */

/* @group Header */

#header {
	background: transparent url(../img/header_bg.gif) repeat-x;
	font-size: 1.1em;
}

#header h1 {
	padding: 25px 0 6px 0;
}

#header h1 a {
	background: transparent url(../img/logo_banquedessinee.png) no-repeat;
	width: 244px;
	height: 117px;
	display: block;
	text-indent: -999em;
}

#header cite {
	background: transparent url(../img/header_slogan.png) no-repeat;
	width: 516px;
	height: 17px;
	text-indent: -999em;
	position: absolute;
	top: 37px;
	right: 31px;
}

/* Usermenu */

#usermenu {
	background: transparent url(../img/usermenu_bg.png) repeat-x;
	position: absolute;
	overflow: hidden;
	top: 0;
	right: 0;
}

#usermenu .inner {
	background: transparent url(../img/usermenu_right.png) no-repeat right top;
	overflow: hidden;
	padding-right: 18px;
}

#usermenu a {
	text-decoration: none;
	color: #6a1111;	
}

#usermenu a:hover {
	text-decoration: underline;
}

#usermenu ul {
	float: left;
	padding-left: 25px;
	height: 33px;
}

#usermenu li {
	float: left;
	padding-right: 10px;
	margin: 9px 10px 0 0;
}

#usermenu li.last {
	padding-right: 0;
}

#usermenu form {
	background: transparent url(../img/usermenu_form_bg.png) no-repeat;
	float: left;
	padding: 5px 10px 5px 95px;
}

#usermenu label {
	display: none;
}

#usermenu .textfield {
	background: transparent url(../img/usermenu_form_input_bg.gif) no-repeat;
	float: left;
	padding: 1px 6px 0;
	margin-top: 1px;
	border: none;
}

#usermenu .textfield input {
	background: transparent;
	border: none;
	color: #fff;
	width: 175px;
	height: 18px;
}

#usermenu .submit-img {
	padding: 2px 0;
}

.notlogged #usermenu ul {
	background: transparent url(../img/usermenu_left.png) no-repeat;
}

.notlogged #usermenu li.first {
	border-right: 1px solid #ce3206;	
}

.logged #usermenu ul {
	padding-left: 0;
}

.logged #usermenu p {
	background: transparent url(../img/usermenu_left.png) no-repeat;
	padding: 9px 25px 15px 25px;
	color: #6a1111;
	float: left;
}

.logged #usermenu p span{
	color: #fff;	
}

.logged #usermenu li {
	float: left;
	margin: 0;
	padding: 0;
	border-left: 1px solid #f27022;
}

.logged #usermenu li a {
	display: block;
	padding: 9px 10px 11px 10px;
	border-left: 1px solid #cc2e04;
	background: transparent url(../img/usermenu_logged_bg.png) repeat-x left top;
}

.logged #usermenu li a.active,
.logged #usermenu li a:hover{
	background: none;
	text-decoration: none;
}

.logged #usermenu li.last {
	border-right: 1px solid #cc2e04;
	margin-right: 1em;
}

.logged #usermenu li.last a {
	border-right: 1px solid #f27022;
}

/* @end */

/* @group Main content */

/* HTML Elements */
#maincontent li,
#maincontent p {
	font-size: 1.2em;
	line-height: 1.4em;
}

#maincontent p {
	margin-bottom: 1em;
}

#maincontent a {
	color: #f26522;
}

#maincontent a:hover {
	color: #6a1111;
	text-decoration: underline;
}

#maincontent h2 {
	font-size: 1.8em;
	color: #f26522;
}

#maincontent h3 {
	font-size: 1.5em;
}

#maincontent h4 {
	font-size: 1.4em;
}

/* Colones & content */
#maincontent .content {
	margin: 17px 0.6em 0;

}

/* Services */
.service h3 {
	border-bottom: 1px solid #e0e0e0;
	background: transparent url(../img/title_services.png) no-repeat left center;
	padding: 1.5em;
	text-indent: -999em;
	margin-bottom: 1em;
}

.service h4 {
	color: #402d10;
}

.service h4 span {
	color: #f26522;
}

.service p {
	color: #785a2c;
	margin: 0.1em 0 1em;
}

/* Login */
.loginbox {
	background: transparent url(../img/loginbox_footer_bg.png) no-repeat left bottom;
	padding-bottom: 9px;
}

.loginbox div {
	background: transparent url(../img/loginbox_content_bg.png) repeat-y;
}

.loginbox h3 {
	background: transparent url(../img/loginbox_title.png) no-repeat;
	text-indent: -999em;
	height: 53px;
}

.loginbox form {
	background: transparent url(../img/loginbox_form_bg.png) repeat-x;
	margin: 0 10px 0 6px;
	padding: 1em 2em;
}

.loginbox label {
	display: block;
	text-indent: -999em;
	padding: 0.5em 0;
	
}

label.pseudo {
	background: url(../img/loginbox_label_pseudo_bg.gif) no-repeat 0 center;
}

label.password {
	background: url(../img/loginbox_label_password_bg.gif) no-repeat 0 center;
}

#maincontent .loginbox input.textfield {
	border: 1px solid #e0d9d2;
}

.profile #maincontent label {
	display: block;
	padding-top: 10px;
}

/* News & lots */

.fav,
.lot,
.news {
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 1em;
}

.fav-content,
.lot-content,
.news-content {
	background: #f6f3ea;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 10px 12px;
	overflow: hidden;
}

.fav-content,
.lot-content {
	border-bottom: none;
}

.fav .fav-content,
.lot .lot-content,
.news.img .news-content {
	padding-left: 155px;
}

.fav a.lightbox,
.lot a.lightbox,
.news a.lightbox {
	float: left;
	margin-left: -143px;
	text-decoration: none;
	border: 2px solid #e0e0e0;
	position: relative;
}

.w66 .fav a.lightbox span.zoom,
.w66 .lot a.lightbox span.zoom,
.w66 .img a.lightbox span.zoom {
	width: 22px;
	height: 22px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: transparent url(../img/icon_zoom.gif) no-repeat;
}

.fav h2 span,
.lot h2 span,
.news h2 span {
	display: block;
	font-size: 0.6em;
	font-weight: normal;
	color: #f26522;
}

.lot h2 span {
	font-size: 0.85em;
}

.fav h2 span {
	color: #6a1111;
}

#maincontent .news .intro {
	color: #ffd14a;
	font-size: 1.3em;
	margin-top: 0.5em;
}

.vente .links,
.news .links {
	margin: 0;
}

.news .links .pdf {
	float: left;
	margin: 0;	
}

.pdf {
	background: transparent url(../img/icon_pdf.gif) no-repeat;
	padding-left: 22px;
}

#maincontent .pdf a,
#maincontent .pdf a:visited {
	color: #ff050a;
	text-decoration: none;
}

#maincontent .pdf a:hover {
	text-decoration: underline;
}

.actualite.detail .news {
	position: relative;
}

.actualite.detail .news .links {
	position: absolute;
	top: 150px;
	margin-left: -143px;
}

/* Ventes */

.vente {
	background: transparent url(../img/vente_box_bg_top.png) no-repeat;
	padding-top: 6px;
	margin-bottom: 1em;
}

.vente-content {
	background: transparent url(../img/vente_box_bg_content.gif) repeat-y;
	overflow: hidden;
	padding: 0 7px 0 6px;
}

.vente-content div.past,
.vente-content div.next,
.vente-content div.current {
	overflow: hidden;
	padding: 10px 12px 10px 135px;
}

.vente-content div.next {
	background: #fff url(../img/vente_box_bg_grey.jpg) repeat-x;
}

.vente-content div.current {
	background: #ffd04a url(../img/vente_box_bg_yellow.jpg) repeat-x;
}

.vente-content div.past {
	background: #911919 url(../img/vente_box_bg_red.jpg) repeat-x;
}

#maincontent .vente-content div.next h2,
#maincontent .vente-content div.current h2,
#maincontent .vente-content div.past h2 {
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}

#maincontent .vente-content div.next h2 {
	border-bottom: 1px solid #e0e0e0;
	color: #402d10;
}

#maincontent .vente-content div.past h2 {
	border-bottom: 1px solid #911919;
	color: #ffd14a;
}	

.vente-content div.next h2 span,
.vente-content div.current h2 span,
.vente-content div.past h2 span {
	color: #f26522;
	display: block;
	font-size: 0.90em;
	font-weight: normal;
	text-transform: uppercase;
}

.vente-content div.current h2 span {
	color: #ffd14a;
}

.vente-content div.past h2 span {
	color: #fff;
}

#maincontent .vente-content div.current h2 {
	border-bottom: 1px solid #fbaf3e;
	color: #402d10;
}

#maincontent .vente-content div.current h3 {
	color: #c71818;
}

.vente-content div.past {
	color: #fff;
}

.vente-content .links {
	font-size: 1.2em;
}

.vente-content .links a {
	text-decoration: none;
}

.vente-footer {
	background: transparent url(../img/vente_box_bg_bot.png) no-repeat 0 bottom;
	padding-top: 6px;
}

.vente a.catalogue,
.vente a.lightbox {
	float: left;
	margin-left: -123px;
	text-decoration: none;
	border: 2px solid #fff;
	position: relative;
}

.vente a.lightbox span {
	width: 22px;
	height: 22px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: transparent url(../img/icon_zoom.gif) no-repeat;
}

/* Lots */

#maincontent .lot h2 {
	color: #921818;
	font-size: 1.4em;
}

#maincontent .fav h2 {
	color: #c71818;	
	font-size: 1.4em;
}

.fav .links,
.lot .links {
	background: #ffd14a;
	margin: 0;
	overflow: hidden;
	border-bottom: 1px solid #fff;
}

.fav .links {
	clear: left;
	background: #c71818;
	height: 1%;
}

.fav .links li,
.lot .links li {
	float: left;
}

.fav .links li.last,
.lot .links li.last {
	float: right;
}

.fav .links li.estimation span,
.lot .links li.estimation span {
	background-color: #f26522;
	color: #fff;
	padding: 0.5em 0.5em 0.5em 2em;
	border-left: 1px solid #f6f3ea;
}

.fav .links li.estimation span {
	background-color: #6a1111;
}

.fav .links strong,
.fav .links label,
.lot .links strong,
.lot .links a {
	text-decoration: none;
	display: block;
	padding: 0.5em 0.85em;
}

.fav .links strong {
	padding-right: 0;
	color: #370606;
}

.lot .links strong {
	padding-right: 0;
	color: #951b19;
}

.fav .links label {
	color: #fff;
}

.fav #unbookmark,
.fav #achats {
	margin: 0;
}

/* Conditions */

.profile h3,
.compte h3,
.contact h3,
.conditions h3 {
	background-image: url(../img/page_titles.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 22px;
	text-indent: -999em;
	margin-bottom: 1em;
}

.conditions h3.acheteur {
	background-position: left -44px;
}

.conditions h3.deposant {
	background-position: left -22px;	
}

.conditions p span {
	color: #f26522;
	font-size: 1.2em;
}

.conditions #maincontent .inner {

}

.conditions .w50 .content {
	padding-right: 1em;	
}

.conditions .w49 .content {
	padding-left: 2em;
	border-left: 1px solid #e0e0e0;
}

.conditions h4 {
	color: #f26522;
	margin-bottom: 1em;
}

/* Contact */
.contact h3.depot {
	background-position: left -66px;
}

.contact h3.ventes {
	background-position: left -110px;
}

.contact h3.formulaire {
	background-position: left -88px;
}

.contact h3.infos {
	background-position: left -132px;
}

.profile form .textarea,
.profile form .textfield,
.contact form .textarea,
.contact form .textfield {
	float: none;
	display: block;
	background-color: #ffd14a;
	border: 1px solid #f26522;
	padding: 0.5em;
}

.profile form label,
.contact form label {
	font-size: 1.4em;
	margin: 1em 0 0.5em 0;
	display: block;
}

/* Account */
.compte h3.formulaire {
	background-position: left -176px;
}

.compte h3.pourquoi {
	background-position: left -154px;
}

.compte .advert {
	color: #931918;
	font-weight: bold;
}

.compte h4 span {
	color: #f26522;
}

.compte form .textarea,
.compte form .textfield {
	float: none;
	display: block;
	background-color: #ffd14a;
	border: 1px solid #f26522;
	padding: 0.5em;
}

.compte form label {
	font-size: 1.4em;
	margin: 0.5em 0 0.5em 0;
	display: block;
}

/* Profile */

.profile h3.profile {
	background-position: 0 0;
}

/* Pager */

.pager {
	clear: both;
	overflow: hidden;
	color: #785a2c;
	font-size: 0.9em;
	text-align: center;
	margin-bottom: 1em;
}

.pager ul,
.pager li,
.pager p {
	float: left;
	padding: 0;
	margin: 0;
}

.pager ul li {
	border-right: 1px solid;
	padding: 0 0.5em;
}

.pager ul li a {
	text-decoration: none;	
}

#maincontent .pager ul li.inactive a {
	color: #785a2c;
}

#maincontent .pager ul li.active a {
	font-weight: bold;
	color: #785a2c;
}

.pager ul li.first a {
	background: transparent url(../img/pager_arrows_left.gif) no-repeat 0 4px;
	padding-left: 14px;
	margin-left: 5px;
}

.pager li.last {
	border-right: none;
}

.pager li.last a {
	background: transparent url(../img/pager_arrows_right.gif) no-repeat right 4px;
	padding-right: 16px;
}

div.pages {
	overflow: hidden;
	margin: 0 auto;
}

.pager form {
	overflow: hidden;
	padding: 0;
	margin: 0;
	clear: left;
}

.pager select {
	margin: 0;
}

/* @end */

/* @group Footer */

#footer {
	background: #6a1111 url(../img/footer_bg_out.gif) repeat-x;
	font-size: 1.1em;
}

#footer .inner {
	background: transparent url(../img/footer_bg.gif) repeat-x;
}

#footer p {
	background: url(../img/footer_left.png) no-repeat;
	float: left;
	padding: 10px 0 10px 30px;
	color: #fff;
}

#footer ul {
	float: right;
	background: transparent url(../img/footer_right.png) no-repeat right top;
	padding: 10px 30px 10px 0;
}

#footer li {
	float: left;
	padding: 0 5px;
	border-right: 1px solid #6a1111;
}

#footer li.last {
	border-right: none;	
}

#footer li a {
	color: #6a1111;
	text-decoration: none;
}

#footer li a:hover {
	text-decoration: underline;
}

#footer cite {
	clear: both;
	display: block;
	background: transparent url(../img/footer_cite.png) no-repeat center;
	height: 60px;
	text-indent: -999em;
}



/* @end */

/* @group Boxes */

.box {
	padding-top: 1em;
	background: transparent url(../img/boxe_title_bg.png) no-repeat 0 20px;
}

.box h3 {
	padding: 25px 0;
	text-indent: -999em;
}

.box span.archive,
.box span.star {
	text-indent: -999em;
	z-index: 15;
	top: 10px;
	display: block;
	position: absolute;
}


/* items as boxes */

.boxes li {
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	width: 266px;
	margin: 0 auto 4px;
}

.boxes li a {
	display: block;
	background-color: #f6f3ea;	
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 1.5em;
	padding: 1em;
	text-align: right;
	text-transform: uppercase;
	text-decoration: none;
}

/* useful links on bottom */

.links {
	margin:2em;
}

.links li {
	text-align: right;
}

/* Actualite */
.box.actualite h3 {
	background: transparent url(../img/box_title_actu.gif) no-repeat 100px center;
}

.actualite span.star {
	background: transparent url(../img/flash_actu.png) no-repeat;
	width: 97px;
	height: 58px;
}

/* Ventes */
.box.ventes h3 {
	background: transparent url(../img/box_title_ventes.gif) no-repeat 135px center;
}

.ventes span.archive {
	background: transparent url(../img/flash_archives.png) no-repeat;
	width: 131px;
	height: 58px;
}

.ventes .w33 .content {
	padding: 1em;
	color: #402d10;
}

.ventes .w33 .content ul {
	margin-left: 2em;
	margin-bottom: 1.2em;
}

.ventes .w33 .content li {
	list-style-type: disc;
	list-style-position: outside;
}

.ventes .w33 .content li span {
	color: #908566;
	display: block;
}
.ventes.detail .w33 .content {
	padding-top: 260px;
	padding: 260px 35px 0;
}

.ventes.detail #maincontent .w33 h2 {
	background: #e0e0e0;
	font-size: 1.4em;
	padding: 0.3em;
	margin-bottom: 1em;
}

.ventes.detail #maincontent .w33 h2 span {
	color: #931918
}

.ventes.detail p.line {
	border-top: 1px solid #e0e0e0;
	padding-top: 1em;
}

.ventes.detail p.line.pdf {
	background-position: 0 12px;
}

/* Actu homepage */

.home .actualite span.date {
	background: transparent url(../img/box_date_bg.png) no-repeat left center;
	float: left;
	padding: 1em 1em 1em 0.6em;
	margin-left: 0.5em;
	position: absolute;
	top: 0.3em;
	color: #402d10;
}

.home #maincontent .actualite .boxes li {
	position: relative;
}

.home #maincontent .actualite .boxes li a h4 {
	font-size: 0.65em;
	font-weight: normal;
	padding-top: 0.7em;
}

.home #maincontent .actualite .boxes li a {
	padding: 0;
	border-bottom: none;
	text-align: left;
}

.home #maincontent .actualite .boxes li p {
	margin: 0;
	background-color: #F6F3EA;
	border-bottom: 1px solid #fff;
	font-size: 1em;
	text-align: left;
	color: #ffbe00;
	padding-bottom: 0.7em;
}

.home #maincontent .actualite .boxes li a h4,
.home #maincontent .actualite .boxes li p {
	padding-left: 75px;
}

.home a.btn-forum {
	background: transparent url(../img/btn_forum.png) no-repeat left top;
	width: 265px;
	height: 120px;
	display: block;
	text-indent: -999em;
	margin: 1em 0 1em 5px;
}

/* @end */

/* @group User */

#maincontent .usermenu {
	margin-bottom: 2em;
}

#maincontent .usermenu li {
	background-color: #c71818;
	width: 266px;
	margin-bottom: 1px;
	
}

#maincontent ul.usermenu li:hover.first,
#maincontent ul.usermenu li:hover, 
#maincontent ul.usermenu li:hover.last {
	background-color: #6a1111;
}

#maincontent ul.usermenu li.first {
	background: #c71818 url(../img/men_tools_bg_top.gif) no-repeat left top;
}

#maincontent ul.usermenu li.last {
	background: #c71818 url(../img/men_tools_bg_bottom.gif) no-repeat left bottom;
}

#maincontent ul.usermenu li.active {
	background-color: #6a1111;
}

#maincontent .usermenu li a {
	display: block;
	padding: 1.15em 1em;
	background: transparent url(../img/men_tools_icons.png) no-repeat 8px 7px;
	text-align: right;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	font-size: 1.4em;
}

#maincontent .usermenu li.active a,
#maincontent .usermenu li a:hover {
	color: #f26522;	
}

#maincontent .usermenu a.favorites {
	background-position: 8px -50px;
}

#maincontent .usermenu a.achats {
	background-position: 8px -110px;
}

.achats .fav label {
	width: 100%;
	display: block;
	padding: 20px 0;
}

.achats .fav label.maxvalue {
	padding: 0;
}

.achats .fav label.encheremax,
.achats .fav label.delete,
.achats .fav label.phone {
	background: transparent url(../img/icons_actions.gif) no-repeat center 0px;
}

.achats .fav label.encheremax {
	background-position: center -60px;
}

.achats .fav label.delete {
	background-position: center -130px;
}

.achats .fav label.phone {
	background-position: center 5px;
}

.achats .fav label input {
	margin-left: 1em;
}

.fav .w33 {
	padding-top: 1em;
}

a.print {
	background: transparent url(../img/icon_print.png) no-repeat left top;
	padding: 1.5em 0 0.5em 50px;
	text-decoration: none;
}

input.submit {
	float: right;	
}

.footer {
	clear: both;
	overflow: hidden;
	padding: 1.5em 0;
}

.footer label {
	font-size: 1.2em;
}

#maincontent p.uservente {
	font-size: 1.8em;
	color: #6a1111;
}

#maincontent p.uservente span {
	color: #c71818;
}

div.advert {
	background: #6a1111 url(../img/advert_bg_top.gif) no-repeat left top;
	width: 544px;
	padding-top: 10px;
	margin-bottom: 1em;
}

#maincontent div.advert .content {
	background: #6a1111 url(../img/advert_bg_bottom.gif) no-repeat left bottom;
	padding: 1em 2em 0.5em;
	margin: 0;
	color: #fff;
}

#maincontent div.advert .content strong {
	display: block;
	color: #ffd14a;
	font-size: 1.4em;
	font-weight: normal;
}

#maincontent .archives h3 {
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	text-align: right;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.2em;
}

#maincontent .archives h3 span {
	display: block;
	background-color: #ececec;
	margin: 1px 0;
	padding: 0.5em;
}

#maincontent .archives ul {
	margin: 1em 0;
}
#maincontent .archives li {
	text-align: right;
}

.favoris .footer p {
	margin: 0;
}

.favoris .footer input {
	float: left;
	margin-top: 1em;
}

.favoris .footer a.print {
	float: right;
}

/* @end */