@import url(pg_communs.css);

/*************************************************************
 SCROLLERS
*************************************************************/

/*--[ SCROLLER HOTSPOTS ...ne scroll pas]-----*/
#ScrollerHotspots{
	width:550px;
	height:266px;
	overflow:hidden;
}
/*--[ SCROLLER RESULTATS ]-------------------*/
#ScrollerResultats{
 /*width:540px;*/
 height:266px;
	padding-right:3px;
 overflow:auto;
 clear:both;
 margin-left: 10px;
 margin-right:5px;
}
/*--[ SCROLLER FICHE DESCRIPTIVE ]-----------*/

#ScrollerFiche{
 width:540px;
	height:266px;
	margin-left:10px;
	padding-right:5px;
	clear:both;
	overflow:auto;
}
/*--[ SCROLLER CADDIE ]---------------------*/

#ScrollerCaddie{
	width:540px;
	height:363px;
	margin-left:10px;
	padding-right:5px;
	clear:both;
	overflow:auto;
}

/********************************************************************

 AFFICHAGE DES ANNONCES
 modules hotspots,résultats d'une recherche, fiche et caddie
 
*********************************************************************/


/*********************************************************************
 HOTSPOTS
*********************************************************************/
.HotSpotItem {
	float: left;
	width: 260px;
	margin-top:10px;
	margin-left:10px;
	padding: 0;
	display: inline;
}
.HotSpotItem div.VignetteContainer {
	width: 92px;
	height: 70px;
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
}
.HotSpotCriteres {
 width: 158px;
	float: left;	
	margin-left: 10px;
	display: inline;
}
.HBreak{
 height: 5px;
	clear: both;
	display: none;
}
.HotSpotCriteres span.Prix{color:red;font-weight:bold;}
.HotSpotCriteres span.Marque{font-weight:bold;}


/*********************************************************************
 RESULTATS RECHERCHE
*********************************************************************/

.Item {
 width:512px;
	font-size: 10px;
	color: #3F0724;
	margin-bottom: 5px;
}
.Item td {
	vertical-align: top;
}
.Item td.Spacer {
 width: 10px;
}
.Item td.ColImg{
 width: 92px;
}
.Item td.ColCriteres {
	width: 88px;
}
.Item td.ColDescript {
	width: 284px;
}
.Item td.ColIcones {
	width: 18px;
	text-align: right;
}
.Item td.ColIcones img{margin-bottom:2px;cursor:help;display:block;}
.Item span.Marque {
	font-weight: bold;
}
.Item span.Prix {
	font-weight: bold;
	color: red;
}

/*********************************************************************
 FICHE MOTO
*********************************************************************/

/* CONTENEUR 
100% sans marge pour s'adapter a la fiche comme au caddie --*/
#FicheMotoContainer {
	width: 100%;
}
#FicheMotoContainer td{
	vertical-align:top;
	font-size: 10px;
}
#FicheMotoContainer td.ColFiche {
	width: 455px;
}
#FicheMotoContainer td.ColSpace {}/* Colonne extensible pour adaptation largeur si ascenceur */

#FicheMotoContainer td.ColTools {
	width: 45px;
	text-align: center;
	padding-top: 10px;
	vertical-align:top;
	background: #F2FAFE url(../../img/skin/fd_zebra_blc.gif) repeat-y ;
}
#FicheMotoContainer .IconTools{
 display:block;
	clear:both;
	margin-bottom:10px;
}
#FicheMotoContainer .Filet{ /* Filet de separation des infos de la fiche moto */
 background: url(../../img/skin/fd_line_sep.gif) repeat-x  left;
 height:3px;
 margin:0;
}
/*-- FICHE --*/
/* Le cartouche des criteres */
#CartoucheCriteres {
 width:455px;
}
#CartoucheCriteres td.ColVignette {
	width: 92px;
}
#CartoucheCriteres td.ColVignette img {
	vertical-align: bottom;
}
#CartoucheCriteres td.ColCriteres {
	width: 363px;
	vertical-align: top;
}
table.Criteres {
	width: 363px;
}
table.Criteres td{
	vertical-align:top;
}
table.Criteres td.Spacer {
	width: 10px;
}
table.Criteres td.ColCriteres1 {
	width: 94px;
}
table.Criteres td.ColCriteres2 {
	width: 221px;
}
table.Criteres td.ColIcons {
	text-align: right;
	width: 18px;
}
table.Criteres td.ColIcons img {
 display:block;
	cursor:help;
	margin-bottom:3px;
}
table.Criteres td.LineSep {
	background: url(../../img/skin/fd_line_sep.gif) repeat-x left;
	margin:0;
	padding:0;
	background-repeat: ;
	background-position:  ;
}
/*-- DIV de description --*/
#Description {
 	margin:10px 0;
}
/*-- DIV de contact --*/
#Contact{
	margin:10px 0;
}
#Contact span.Middle{
	margin:0 5px;
	vertical-align: middle;
}
#Contact img{
	vertical-align: middle;
 cursor:help;
}
/* div de contact pour impression masqué */
#ContactPrint{display :none;}

/*********************************************************************
 CADDIE
*********************************************************************/

table#CaddieHeader{/*entête du caddie*/
 width:540px;
 height:20px;
 margin:0px 5px 5px 10px;
 border-bottom:1px solid #209BD4;
 font-size:10px;
 font-weight:bold;
 color:#209BD4;
}
table#CaddieHeader td{
 vertical-align:bottom;
 padding-bottom:2px;
}

#ScrollerCaddie .Filet{/* separation des annonces du caddie */
 background: url(../../img/skin/fd_line_sep.gif) repeat-x  left;
 height:3px;
 margin:5px 0;
}
/*Affichage spécifique des fiches moto */
#ScrollerCaddie #FicheMotoContainer .Filet,
#ScrollerCaddie #FicheMotoContainer .LineSep{ /* Filet de separation des infos de la fiche moto */
 background: url(../../img/skin/filet_fin.gif) repeat-x  left;
 height:3px;
 margin:0;
}
#ScrollerCaddie #FicheMotoContainer #Footer .Filet{display:none;}