@charset "utf-8";
/********************************************************
	CSS Document / Parking - Moto85 par Skalpel.fr
********************************************************/

/* Annonces
-----------------------------------------------------------------------------*/
#annonces { display: block; width: 723px; }
#annonces div.tools { display: block; width: 723px; height: 22px; margin-bottom: 5px; }

/* errorMsg */
#annonces div.errorMsg p.connectError {color:red; font-size:large;}
#annonces div.errorMsg p.saved {color:red; font-size:large;}


/* Tools */
#annonces div.tools p { margin: 0; }
	#annonces div.tools p.retour { float: left; }
	#annonces div.tools p.enregistrer { float: left; }
	
#annonces div.tools a:link, #annonces div.tools a:visited {
	display: block;
	height: 22px;
	line-height: 22px;
	padding-left: 7px;
	margin-right: 7px;
	background: url(http://www.moto85.com/images/interface/annonces/nav-a.gif) 0 0 no-repeat;
	font-size: 0.90em;
	color: #292929;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	/* Hack IE 6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
	#annonces div.tools a:hover { background-position: 0 -22px; color: #FFFFFF; }
	
#annonces div.tools a:link span, #annonces div.tools a:visited span {
	display: block;
	height: 22px;
	color: #ffffff;
	padding-right: 7px;
	background: url(http://www.moto85.com/images/interface/annonces/nav-span.gif) 100% 0 no-repeat;
	cursor: pointer;
}
	#annonces div.tools a:hover span { background-position: 100% -22px; color: #000000;}
	
/* Toggle liste */
#annonces div.togglelist {
	float: right;
	display: block;
	height: 22px;
	background: url(http://www.moto85.com/images/interface/resultats/annonces-tools-bg-left.gif) top left no-repeat;
}
#annonces div.togglelist p {
	display: block;
	height: 21px;
	padding: 1px 5px 0 5px;
	background: url(http://www.moto85.com/images/interface/resultats/annonces-tools-bg-right.gif) top right no-repeat;
}
#annonces div.togglelist a:link, #annonces div.togglelist a:visited {
	display: block;
	height: 22px;
	line-height: 22px;
	padding-left: 17px;
	background: url(http://www.moto85.com/images/interface/resultats/annonces-tools-togglelist.gif) 0 5px no-repeat;
	color: #191919;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
	#annonces div.togglelist a:hover { color: #EC2929; }
	
/* Trie */
#annonces ul.trie {
	display: block;
	height: 19px;
	padding-left: 5px;
	margin-bottom: 5px;
	background: url(http://www.moto85.com/images/interface/resultats/annonces-trie-bg.gif) top left no-repeat;
}
#annonces ul.trie li {
	float: left;
	display: inline-block;
	height: 19px;
	line-height: 19px;
	padding: 0 4px;
	background: url(http://www.moto85.com/images/interface/resultats/annonces-trie-sep.gif) 0 0 no-repeat;
	font-size: 0.90em;
	color: #FFFFFF;
	/* hack IE6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
	#annonces ul.trie li.nosep { background: none; }
#annonces ul.trie a:link, #annonces ul.trie a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
	#annonces ul.trie a:hover { text-decoration: none; }
	#annonces ul.trie li.active a:link, #annonces ul.trie li.active a:visited, #annonces ul.trie li.active a:hover { color: #EC2929; text-decoration: none; }
	

/* Listing : Vignettes */
#annonces div.listing-vignettes {
	position: relative;
	display: block;
	width: 723px;
}
#annonces div.listing-vignettes div.annonce {
	position: relative;
	float: left;
	display: block;
	width: 132px;
	height: 159px;
	padding: 3px;
	margin: 0 6px 6px 0;
	background: url(http://www.moto85.com/images/interface/resultats/annonces-vignettes-bg.gif) 0 0 no-repeat;
	font-size: 0.90em;
}
	#annonces div.listing-vignettes div.annonce.saisir { background-position: 0 -330px; }
	#annonces div.listing-vignettes div.annonce.hl { background-position: 0 -495px; color: #FFFFFF; }
#annonces div.listing-vignettes div.annonce p { line-height: 1.10em; margin: 0; }
#annonces div.listing-vignettes div.annonce p.moto { margin-bottom: 1px; font-weight: bold; text-transform: uppercase;}
#annonces div.listing-vignettes div.annonce span.remove {float:right;}
#annonces div.listing-vignettes div.annonce div.img { margin-bottom: 5px; text-align: center; }
#annonces div.listing-vignettes div.annonce div.misc { float: right; text-align: right; }
#annonces div.listing-vignettes div.annonce p.origine { margin-bottom: 12px; font-weight: bold; text-transform: uppercase; }
#annonces div.listing-vignettes div.annonce p.prix { font-size: 1.10em; color: #EC2929; font-weight: bold; }
	#annonces div.listing-vignettes div.annonce.hl p.prix { color: #FFFFFF; }
#annonces div.listing-vignettes div.annonce div.options { position: absolute; bottom: 3px; width: 132px; height: 21px; }
#annonces div.listing-vignettes div.annonce p.detail { float: right; display: block; width: 29px; height: 21px; }
	#annonces div.listing-vignettes div.annonce p.detail a:link, 
	#annonces div.listing-vignettes div.annonce p.detail a:visited, 
	#annonces div.listing-vignettes div.annonce p.detail a:hover {
		display: block;
		width: 29px;
		height: 21px;
		background: url(http://www.moto85.com/images/interface/resultats/annonces-actions-detail.gif) 0 0 no-repeat;
	}
	#annonces div.listing-vignettes div.annonce.hl p.detail a { background-position: 0 -21px; }
#annonces div.listing-vignettes div.annonce p.garage { float: right; display: block; width: 16px; height: 18px; padding: 3px 0 0 5px; }
	
	
/* Listing : Liste */
#annonces div.listing { display: block; width: 723px; }
#annonces div.listing table { width: 723px; margin-bottom: 5px; }
#annonces div.listing table p { margin: 0; }

#annonces div.listing th {
	height: 19px;
	padding-left: 5px;
	background: url(http://www.moto85.com/images/interface/resultats/annonces-list-th-bg.gif) top left repeat-x;
	border-right: 1px solid #777777;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #1E1E1E;
	font-size: 0.90em;
	color: #FFFFFF;
}
	#annonces div.listing th.sort { background: url(http://www.moto85.com/images/interface/resultats/annonces-list-th-sort.gif) 100% 0 no-repeat; cursor: pointer; }
    #annonces div.listing th.sortActive { background: url(http://www.moto85.com/images/interface/resultats/annonces-list-th-sort.gif) 100% 0 no-repeat; cursor: pointer; }
    #annonces div.listing th.sortActive a {color: #EC2929; text-decoration: none;}
	#annonces div.listing th.type { width: 40px; }
	#annonces div.listing th.prix { width: 55px; }
	#annonces div.listing th.cylindree { width: 55px; }
	#annonces div.listing th.km { width: 50px; }
	#annonces div.listing th.departement { width: 85px; }
	#annonces div.listing th a {color:#FFF;  text-decoration:none;}
    #annonces div.listing th.active a {color: #EC2929; text-decoration: none;}
	
#annonces div.listing td {
	height: 47px;
	padding-left: 5px;
	background: url(http://www.moto85.com/images/interface/resultats/annonces-list-td-bg.gif) 100% 0 no-repeat;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #C7C7C7;
}
	#annonces div.listing tr.hl td { background: url(http://www.moto85.com/images/interface/resultats/annonces-list-td-bg.gif) 100% -47px no-repeat; color:#FFFFFF; }
	#annonces div.listing td.date { width: 35px; padding-left: 5px; }
	#annonces div.listing td.moto { line-height: 47px; font-weight: bold; }
		#annonces div.listing td.moto img { float: left; margin: 4px 5px 0; }
		#annonces div.listing tr.saisir td.moto { background: url(http://www.moto85.com/images/interface/resultats/annonces-list-td-bg.gif) 100% -94px no-repeat; }
	#annonces div.listing td.type { padding: 0; text-align: center; font-weight: bold; text-transform: uppercase; }
	#annonces div.listing td.prix { padding: 0; text-align: center; font-weight: bold; color: #EC2929; }
	#annonces div.listing td.cylindree { padding: 0; text-align: center; }
	#annonces div.listing td.annee { padding: 0; text-align: center; }
	#annonces div.listing td.km { padding: 0; text-align: center; }
	#annonces div.listing td.departement { padding: 0; text-align: center; }
    #annonces div.listing td.remove {padding: 0; text-align: center;}



#annonces div.listing p.detail { display: block; width: 29px; height: 21px; }
	#annonces div.listing p.detail a:link, 
	#annonces div.listing p.detail a:visited, 
	#annonces div.listing p.detail a:hover {
		display: block;
		width: 29px;
		height: 21px;
		background: url(http://www.moto85.com/images/interface/resultats/annonces-list-detail.gif) 0 0 no-repeat;
	}
	#annonces div.listing tr.hl p.detail a { background-position: 0 -21px; }
#annonces div.listing p.garage { display: block; width: 16px; height: 18px; padding: 3px 0 0 5px; margin-left: 3px; }

/* Actions */
#annonces div.actions { display: block; height: 45px; }
#annonces div.actions p { margin: 0; }

#annonces div.actions p.comparer { float: right; display: block; width: 142px; height: 43px; }
#annonces div.actions p.comparer a:link, #annonces div.actions p.comparer a:visited {
	display: block;
	width: 142px;
	height: 43px;
	background: url(http://www.moto85.com/images/interface/espacepro/btn-comparer.gif) 0 0 no-repeat;
}
	#annonces div.actions p.comparer a:hover { background-position: 0 -43px; }