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

#pathway { padding: 5px 0 0 5px; }
h1 { margin-left: 0; }

/* Presentation
-----------------------------------------------------------------------------*/
#presentation {
	display: block;
	width: 711px;
	padding: 5px;
	margin-bottom: 5px;
	background-color: #FAFAFA;
	border: 1px solid #AEAEAE;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}

/* Concession */
#presentation div.concession {
	float: left;
	display: block;
	width: 150px;
	font-size: 0.90em;
}
#presentation div.concession p { margin: 0; }


/* Photos
-----------------------------------------------------------------------------*/
#photos { display: block; width: 723px; margin-bottom: 5px; }

/* Main */
#photos div.main {
	float: left;
	display: block;
	width: 558px;
	height: 415px;
	margin-right: 5px;
}
	#photos div.main img { border: 3px solid #565656; }
	
/* Vignettes */
#photos div.vignettes {
	position: relative;
	overflow: hidden;
	float: right;
	display: block;
	width: 157px;
	height: 413px;
	background-color: #FAFAFA;
	border: 1px solid #AEAEAE;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}
#photos div.vignettes div#liste-vignettes {
  height: 390px;
  overflow: hidden;
}
#photos div.top {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	display: block;
	width: 157px;
	height: 40px;
	background-color: #FAFAFA;
}
	#photos div.top a:link, #photos div.top a:visited, #photos div.top a:hover {
		display: block;
		width: 157px;
		height: 40px;
		background: url(http://www.moto85.com/images/interface/annonces/photos-top.gif) top center no-repeat; 
	}
	
#photos div.bottom {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	display: block;
	width: 157px;
	height: 40px;
	background-color: #FAFAFA;
}
	#photos div.bottom a:link, #photos div.bottom a:visited, #photos div.bottom a:hover {
		display: block;
		width: 157px;
		height: 40px;
		background: url(http://www.moto85.com/images/interface/annonces/photos-bottom.gif) bottom center no-repeat; 
	}

#photos ul {
	/*position: absolute;*/
  margin: 40px 0 0 23px;
	z-index: 1;
	top: 40px;
	left: 23px;
	display: block;
	width: 112px;
}
#photos li { margin-bottom: 8px; }
#photos li img { border: 1px solid #DDDDDD; }


/* Concession
-----------------------------------------------------------------------------*/
#sb-concession {
	display: block;
	width: 248px;
	margin-bottom: 5px;
	background-color: #EAEAEA;
	border: 1px solid #A9A9A9;
	font-size: 0.90em;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}
#sb-concession p { margin: 0; }
#sb-concession p.title {
	display: block;
	width: 228px;
	height: 24px;
	line-height: 22px;
	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;
}

/* Listing */
#sb-concession table { width: 244px; margin: 2px; }
#sb-concession table tr {}
#sb-concession table td {
	padding: 0 5px 0 5px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #EAEAEA;
}


/* Contacter
-----------------------------------------------------------------------------*/
#sb-contacter {
	display: block;
	width: 250px;
	height: 93px;
	margin-bottom: 5px;
	background: url(http://www.moto85.com/images/interface/concessions/contacter-bg.gif) top left no-repeat;
	font-size: 0.90em;
}
#sb-contacter p { margin: 0; }
#sb-contacter p.title {
	display: block;
	width: 228px;
	height: 24px;
	line-height: 24px;
	padding-left: 22px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}

/* Options */
#sb-contacter ul { display: block; width: 248px; }
#sb-contacter li { 
	float: left;
	display: inline-block;
	height: 30px;
	margin: 0 0 2px 13px;
	font-weight: bold;
	/* IE 6*/
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
#sb-contacter li a:link, #sb-contacter li a:visited {
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 55px;
	color: #FFFFFF;
	text-decoration: none;
}
	#sb-contacter li a:hover { color: #EC2929; }
	#sb-contacter li.contact a { background: url(http://www.moto85.com/images/interface/concessions/contacter-contact.gif) 9px 2px no-repeat; }
	#sb-contacter li.appel a { background: url(http://www.moto85.com/images/interface/concessions/contacter-appel.gif) 13px 0 no-repeat; }
	#sb-contacter li.plaques a { background: url(http://www.moto85.com/images/interface/concessions/contacter-plaques.gif) 0 4px no-repeat; }
	#sb-contacter li.transport a { background: url(http://www.moto85.com/images/interface/concessions/contacter-transport.gif) 2px 2px no-repeat; }


/* Gmap
-----------------------------------------------------------------------------*/
#sb-gmap {
	display: block;
	width: 248px;
	margin-bottom: 5px;
	background-color: #EAEAEA;
	border: 1px solid #A9A9A9;
	font-size: 0.90em;
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}
#sb-gmap p { margin: 0; }
#sb-gmap p.title {
	display: block;
	width: 228px;
	height: 24px;
	line-height: 22px;
	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;
}

#sb-gmap div.gmap { margin: 2px; overflow: hidden; }


/* Annonces
-----------------------------------------------------------------------------*/
#annonces {
	position: relative;
	display: block;
	width: 978px;
	margin: 10px 5px 0 5px;
}

/* Title */
#annonces div.title {
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 1.90em;
	color: #191919;
	font-style: italic;
	text-transform: uppercase;
}

/* Tabs */
#annonces ul.tabs { height: 32px; }
#annonces ul.tabs li {
	float: left;
	display: inline-block;
	height: 32px;
	margin-right: 1px;
}
#annonces ul.tabs a:link, #annonces ul.tabs a:visited {
	display: block;
	height: 32px;
	line-height: 32px;
	padding-left: 10px;
	background: url(http://www.moto85.com/images/interface/home/annonces-tabs-a.gif) 0 0 no-repeat;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	/* Hack IE6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
	#annonces ul.tabs a:hover { background-position: 0 -32px; color: #FFFFFF; }
	#annonces ul.tabs li.active a:link, #annonces ul.tabs li.active a:visited, #annonces ul.tabs li.active a:hover {
		background-position: 0 -64px;
		color: #FFFFFF;
	}
#annonces ul.tabs a:link span, #annonces ul.tabs a:visited span {
	display: block;
	height: 32px;
	padding-right: 10px;
	background: url(http://www.moto85.com/images/interface/home/annonces-tabs-span.gif) 100% 0 no-repeat;
	cursor: pointer;
}
	#annonces ul.tabs a:hover span { background-position: 100% -32px; }
	#annonces ul.tabs li.active a:link span, #annonces ul.tabs li.active a:visited span, #annonces ul.tabs li.active a:hover span {
		background-position: 100% -64px;
	}
	
/* Panel */
#annonces div.panel {
	display: none;
	width: 978px;
	margin-top: -1px;
	background: url(http://www.moto85.com/images/interface/home/annonces-panel-bg.gif) top left repeat-y;
}
	#annonces div.panel.active { display: block; }
#annonces div.panel div.top {
	display: block;
	width: 978px;
	height: 3px;
	background: url(http://www.moto85.com/images/interface/home/annonces-panel-top.gif) top left no-repeat;
	font-size: 0px;
}
#annonces div.panel div.bottom {
	display: block;
	width: 978px;
	height: 25px;
	background: #D2D2D2 url(http://www.moto85.com/images/interface/home/annonces-panel-bottom.gif) bottom left no-repeat;
	font-size: 0px;
}

/* Annonces : motos */
#annonces div.motos div.annonce {
	position: relative;
	float: left;
	display: block;
	width: 300px;
	height: 94px;
	padding: 5px 10px 0 6px;
	margin: 5px 0px 0 6px;
	background: url(http://www.moto85.com/images/interface/home/annonces-annonce-bg.gif) 0 0 no-repeat;
	font-size: 0.90em;
}
	#annonces div.motos div.annonce:hover { background-position: 0 -99px; }
	#annonces div.motos div.annonce.hl { background-position: 0 -198px; }
	#annonces div.motos div.annonce.saisir { background-position: 0 -297px; }
	
#annonces div.motos div.annonce p { margin: 0; }
#annonces div.motos div.annonce a:link, #annonces div.motos div.annonce a:visited, #annonces div.motos div.annonce a:hover { color: #191919; text-decoration: none; }

#annonces div.motos div.annonce p.moto { margin-bottom: 1px; font-weight: bold; }
#annonces div.motos div.annonce div.img { float: left; display: block; width: 100px; }
	#annonces div.motos div.annonce div.img img { border: 1px solid #EEEEEE; }
#annonces div.motos div.annonce div.description {}
	#annonces div.motos div.annonce div.description p { line-height: 1.10em;}
	#annonces div.motos div.annonce div.description p.prix { margin-top: 5px; font-size: 1.20em; color: #EC2929; font-weight: bold; }
	#annonces div.motos div.annonce div.description p.prix a { color: #EC2929; }
	
#annonces div.motos div.annonce div.options { position: absolute; bottom: 4px; right: 7px; width: 132px; height: 21px; }
#annonces div.motos div.annonce p.detail { float: right; display: block; width: 29px; height: 21px; }
	#annonces div.motos div.annonce p.detail a {
		display: block;
		width: 29px;
		height: 21px;
		background: url(http://www.moto85.com/images/interface/annonces/annonces-actions-detail.gif) 0 0 no-repeat;
	}
	#annonces div.motos div.annonce:hover p.detail a { background-position: 0 -21px; }
	#annonces div.motos div.annonce.hl:hover p.detail a, 
	#annonces div.motos div.annonce.saisir:hover p.detail a { background-position: 0 0; }