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

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

/* Retour */
#comparatif div.retour {
	float: right;
	display: block;
	height: 22px;
	background: url(http://www.moto85.com/images/interface/resultats/annonces-tools-bg-left.gif) top left no-repeat;
}
#comparatif div.retour 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;
}
#comparatif div.retour a:link, #comparatif div.retour a:visited {
	display: block;
	height: 22px;
	line-height: 22px;
	color: #191919;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
	#comparatif div.retour a:hover { color: #EC2929; }
	
/* Moto */
#comparatif div.motos { display: block; width: 723px; }
#comparatif div.moto {
	float: left;
	display: block;
	width: 235px;
	margin-right: 4px;
	background-color: #EAEAEA;
	border: 1px solid #ACACAC;
	font-size: 0.90em;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}

#comparatif div.moto div.title {
	display: block;
	height: 24px;
	padding-left: 20px;
	background: url(http://www.moto85.com/images/interface/annonces/box-title-bg.gif) top left no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}
	#comparatif div.moto div.title p { margin: 0; }
	#comparatif div.moto div.title p.moto { height: 24px; line-height: 22px; }
	#comparatif div.moto div.title p.remove { float: right; display: block; width: 11px; height: 11px; margin: 6px 5px 0; }
		#comparatif div.moto div.title p.remove a { 
			display: block;
			width: 11px;
			height: 11px;
			background: url(http://www.moto85.com/images/interface/resultats/sb-garage-remove.gif) top left no-repeat;
		}
		
#comparatif div.moto div.misc { padding: 5px; }
	#comparatif div.moto div.misc img { float: left; border: 2px solid #565656; }
	#comparatif div.moto div.misc ul {
		float: right;
		display: block;
		width: 100px;
	}
	#comparatif div.moto div.misc li { height: 26px; margin-bottom: 2px; }
	#comparatif div.moto div.misc a:link, #comparatif div.moto div.misc a:visited {
		display: block;
		width: 100px;
		height: 26px;
		line-height: 26px;
		padding-left: 35px;
		color: #292929;
		text-decoration: none;
	}
		#comparatif div.moto div.misc a:hover { color: #EC2929; }
		#comparatif div.moto div.misc li.contact a { background: url(http://www.moto85.com/images/interface/annonces/vendeur-contact.gif) 2px 0 no-repeat; }
		#comparatif div.moto div.misc li.appel a { background: url(http://www.moto85.com/images/interface/annonces/vendeur-appel.gif) 5px 0 no-repeat; }
		#comparatif div.moto div.misc li.localiser a { background: url(http://www.moto85.com/images/interface/annonces/vendeur-localiser.gif) 0 0 no-repeat; }
		
#comparatif div.moto table { width: 225px; margin: 5px; }
	#comparatif div.moto tr {}
	#comparatif div.moto th { 
		padding-left: 5px;
		background-color: #FFFFFF;
		border-bottom: 1px solid #EAEAEA;
		vertical-align: top;
	}
		#comparatif div.moto table.caracs th { width: 130px; }
		#comparatif div.moto table.vendeur th { width: 90px; }
	#comparatif div.moto td {
		padding: 0 3px 0 5px;
		background-color: #FFFFFF;
		border-bottom: 1px solid #EAEAEA;
	}

#comparatif div.moto div.description { margin: 5px; }
	#comparatif div.moto div.description p { margin-bottom: 3px; }
	#comparatif div.moto div.description p.title { margin: 0; font-size: 1.10em; font-weight: bold; text-transform: uppercase; }