@charset "utf-8";
/********************************************************
	CSS Document / Pieces - Piecesavenue par Skalpel.fr
********************************************************/

#mineSearch img {
    float: left;
    margin-right: 10px;
}

#mineSearch:hover {
    text-decoration: underline !important;
}

/* Pieces
-----------------------------------------------------------------------------*/
#pieces { display: block; width: 696px; margin-bottom: 5px; }

/* Title */
#pieces p.title { background: url(../images/interface/home/marques-title-picto.gif) 10px 7px no-repeat; }
#pieces .titlebar h1.title { background: url(../images/interface/home/marques-title-picto.gif) 10px 7px no-repeat; }

/* Container */
#pieces div.container {
	display: block;
	width: 694px;
	padding: 20px 0 1px;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
}

/* Categories */
#pieces div.categories {
	margin: 10px 0 5px 20px;
	font-size: 1.50em;
	color: #999;
}
#pieces div.categories strong { color: #92BA27; font-weight: normal; }
#pieces p.desc { margin-left: 20px; }

/* Marque */
#pieces div.marque {
	padding: 15px;
	margin: 0 20px 0 20px;
	border: 1px solid #CCC;
}
#pieces div.marque br.clear { line-height: 30px; }
#pieces div.marque h3 { margin: 0 0 5px; }
#pieces div.marque h2 { font-size: 1.50em; margin: 0 0 5px; }
#pieces div.marque p { margin: 0; }
#pieces div.marque p.cartegrise { float: left; width: 250px; }
#pieces div.marque p.cartegrise a { color: #98c31b; text-decoration: none; }
#pieces div.marque div.visuel {
	float: left;
	display: block;
	width: 110px;
    margin: 0 0 10px 0;
}
#pieces div.marque div.visuel img { border: 1px solid #ccc; }
#pieces div.marque div.description {
	float: left;
	display: block;
	width: 510px;
}
/* Table */
#pieces table { width: 694px; }
#pieces th {
	height: 28px;
	line-height: 28px;
	background: url(../images/interface/panier/panier-th-1.gif) top left repeat-x;
	border-right: 1px solid #477785;
	text-align: center;
	color: #FFF;
}
	#pieces th.type { width: 200px; border-right: 0; }

#pieces td {
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	border-top: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
	text-align: left;
}
	#pieces td.produit { padding-left: 20px; background: url(../images/interface/puce-5.gif) 10px 14px no-repeat; }
	#pieces td.type { text-align: center; border-right: 0; }

#pieces td a:link, #marques td a:visited, #votre-vehicule td a:visited { color: #5F5F5F; text-decoration: none; }
	#pieces td a:hover { color: #90B710; }

/* Modeles */
#pieces div.modeles { margin-bottom: 15px; }
#pieces div.modeles div.bottom {
	display: block;
	width: 694px;
	height: 22px;
	background: url(../images/interface/membre/commandes-bottom.gif) bottom left no-repeat;
}
#addToGarage {
    height: 22px;
    width: 90px;
    float: right;
    margin: 5px 8px 0 0;
    background-position: top left;
    background-repeat: no-repeat;
    border: 0;
    text-decoration: none;
    background-image: url(../images/interface/marques/btn-ajouter-garage.gif);
}
#addToGarage.enabled {
    display: block;
}
#addToGarage.disabled,
#addToGarage.notLogged,
#addToGarage.noValue {
    display: none;
}
#pieces div.marque div.fields { margin-top: 15px; }
#pieces div.marque p.select { height: 26px; }
#pieces div.marque label {
    font-weight: bold;
    float: left;
	display: block;
	width: 107px;
}
#pieces div.marque select {
	width: 395px;
	height: 21px;
	border: 1px solid #A4A4A4;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.10em;
}
#marque-texte {
    clear: both;
    background-color: #666;
    color: #FFF;
    margin: 0 20px 15px 20px;
    padding: 10px 15px 10px 15px;
}
#pieces div.form {
    padding-left: 0;
}
#pieces p {
    margin-bottom: 0px;
}
#pieces div.marque input[type=submit] {
	float: right;
	display: block;
	width: 251px;
	height: 22px;
	margin: 5px 5px 0 0;
	background: url(../images/interface/marques/btn-afficher-la-liste-des-pieces.gif) top left no-repeat;
	cursor: pointer;
}

#camion p.confirm { float: left; display: block; width: 101px; height: 35px; margin-left:15px; }
#camion p.confirm a {
    display: block;
    width: 101px;
    height: 35px;
    background: url(../images/interface/panier-poursuivre.gif) top left no-repeat;
}
#camion p.cancel { float: left; display: block; width: 101px; height: 35px; margin-left:5px; }
#camion p.cancel a {
    display: block;
    width: 101px;
    height: 35px;
    background: url(../images/interface/panier-terminer.gif) top left no-repeat;
}

/* Listing
-----------------------------------------------------------------------------*/
#listing { margin-bottom: 20px; }
#listing div.left-produit { width:280px; float:left; }
#listing div.right-produit { width:150px; float:right; text-align:right; }
#listing div.bottom-produit { width:450px; height:43px; float:left; }

#details div.left-produit-details { width:225px; float:left; }
#details div.right-produit-details { width:150px; float:right; text-align:right; }


/* Produit */
#listing div.produit {
	position: relative;
	display: block;
	width: 660px;
	margin: 0 0 0 20px;
	color: #999;
    overflow: hidden;
    padding-bottom:20px;
}

#listing div.produit div.detail-produit {
    background: url(../images/interface/pieces/listing-produit-bg-head-2.jpg) top left no-repeat;
    border-top: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
	float:left;
	width: 650px;
	padding: 11px 0 20px 0;
}

.h2produitlisting { font-size:16px; font-weight:bold; color:#636363; margin:0; }
.h2produitlisting a { color:#636363; text-decoration:none; }
.h2produitlisting a:visited { color:#636363; }
.h2produitlisting a:hover { text-decoration:none; }

#listing div.produit p { margin: 0; }

/* Visuel */
#listing div.produit div.detail-produit div.visu {
	float: left;
	display: block;
    margin-right: 10px;
    width: 165px;
    margin-left:10px;
}

#listing div.produit div.detail-produit div.visuel {
	position: relative;
	display: block;
	height: 163px;
    width: 163px;
	background-color: #FFF;
	border: 1px solid #CCC;
	text-align: center;
}

#listing p.retour a {
	display: block;
	width: 165px;
	height: 22px;
    margin-top: 7px;
	background: url(../images/interface/produits/bouton-retour-categories.gif) top left no-repeat;
	margin:0 0 10px 20px;
}

#listing div.produit div.detail-produit p.promo {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 62px;
	height: 62px;
	background: url(../images/interface/produits/sticker-promo.gif) top left no-repeat;
}
#listing div.produit div.detail-produit p.remise {
	position: absolute;
	bottom: 0;
	left: 90px;
	display: block;
	width: 62px;
	height: 28px;
	line-height: 32px;
	background: url(../images/interface/pieces/listing-produit-remise.gif) top left no-repeat;
	font-size: 1.30em;
	color: #FFF;
	font-weight: bold;
}

/* Description */
#listing div.produit div.detail-produit div.description { float: left; display: block; width: 450px; 
}
#listing div.produit div.detail-produit div.description ul {
    margin-top:10px;
}

#listing div.produit div.detail-produit p.fournisseur { 
    float:left;
    height: 30px;
}
#listing div.produit div.detail-produit p.fournisseur img { 
    border: 1px solid #CCC; 
    height: 25px; 
}
#listing div.produit div.detail-produit p.prix { 
    float: right;
    font-size: 2em; 
    /*color: #8BB719; Ancienne couleur */
	color: #F00;
    font-weight: bold; 
}
#listing div.produit div.detail-produit p.prix span { 
    font-size: 0.60em;
    color: #000;
    font-weight: normal; 
    text-decoration: line-through; 
}
#listing div.produit div.detail-produit p.nom { 
    margin-bottom: 5px; 
    clear:both;
    padding-top:10px;
    font-size: 1.50em;
 }

#listing div.produit div.detail-produit p.nom a:link, #listing div.produit div.detail-produit p.nom a:visited {
    color: #5092AB;
    text-decoration: none;
}

#listing div.produit div.detail-produit p.nom a:hover {
    color: #EF8401;
    text-decoration: none;
}

#listing div.produit div.detail-produit div.description p.consigne {
    float:right;
    clear:both;
}

#listing div.produit div.detail-produit ul { font-size: 0.90em; }
#listing div.produit div.detail-produit li { padding-left: 8px; margin-bottom: 2px; background: url(../images/interface/puce-7.gif) 0 5px no-repeat; color: #000 }
#listing div.produit div.actions {
	float: left;
	display: block;
	width: 80px;
	margin: 50px 0 0 5px;
}
#listing div.produit p.detail { float: left; display: block; width: 73px; height: 19px; margin-bottom: 6px; }
#listing div.produit p.detail a:link, #listing div.produit p.detail a:visited {
	display: block;
	width: 73px;
	height: 19px;
	background: url(../images/interface/home/btn-details.gif) 0 0 no-repeat;
}
#listing div.produit p.detail a:hover { background-position: 0 -19px; }
#listing div.produit p.panier { float: right; display: block; width: 139px;
	height: 33px; margin:10px 0 0 0}
#listing div.produit p.panier a:link, #listing div.produit p.panier a:visited, #listing div.produit p.panier a:hover {
	display: block;
	clear:both;
	/*width: 74px;*/
	/*height: 39px;*/
	width: 139px;
	height: 33px;
	background: url(../images/interface/pieces/btn-panier-2.gif) top left no-repeat;
	
	

}

#listing div.produit p.plus-infos {
    width: 310px;
    float:left;
    margin-top:23px;
}

#listing div.produit p.plus-infos a {
    margin-left:5px;
}

/* Footer */
#listing div.produit div.footer {
    height:11px;
    background: url(../images/interface/pieces/listing-produit-bg-foot-2.gif) top left no-repeat;
    display:block;
    width:652px;
    clear:both;
}

/* Description pieces avenue pour le produit
-----------------------------------------------------------------------------*/
#pa-description {
        margin: 10px 0 10px 5px;
        padding: 7px 0 7px 32px;
        color: #244b86;
        font-size:11px;
        border-top:1px #ccc solid;
        border-bottom:1px #ccc solid;
        background: url(../images/interface/pieces/bg-description-pavenue.gif) 0 8px no-repeat;
}

#pa-description p.pa-description-header {
        font-weight:bold;
}

#pa-description div.pa-description-content {
        margin-top:3px;
}

#pa-description div.pa-description-content ul li {
        color: #244b86;
        font-size:11px;
}

#pa-description div.pa-description-content ol li {
        color: #244b86;
        font-size:11px;
}
	
/* Details
-----------------------------------------------------------------------------*/
#details { 
	position: relative;
	display: block; 
	width: 653px;  
	margin-left: 20px;
}
#details p { 
    margin: 0; 
}
#details h1 { 
    margin: 0 0 10px 0; 
	color:#000;
	font-size:14px;
	font-weight:bold;
}

#details div.bordure-produit {
   background: url(../images/interface/pieces/details-bg-head.gif) top left no-repeat; 
   width: 653px;
   border: 1px solid #ccc;
   border-bottom:none;
}

/* Visuel du produit et remises éventuelles */
#details div.visu { 
    float: left; 
    display: block; 
    width: 227px; 
    margin: 10px 0 0 10px;
}
#details div.visuel {
	position: relative;
	display: block;
	width: 214px;
	height: 210px;
	background-color: #FFF;
	border: 1px solid #CCC;
	text-align: center;
}
#details p.promo {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 62px;
	height: 62px;
	background: url(../images/interface/produits/sticker-promo.gif) top left no-repeat;
}
#details p.remise {
	position: absolute;
	bottom: 0;
	left: 115px;
	display: block;
	width: 89px;
	height: 41px;
	line-height: 47px;
	background: url(../images/interface/pieces/details-remise.gif) top left no-repeat;
	font-size: 1.90em;
	color: #FFF;
	font-weight: bold;
}
#details p.retour { 
    display: block; 
	width: 216px;
	height: 22px;
    margin-top: 7px; 
}
#details p.retour a {
	display: block;
	width: 216px;
	height: 22px;
	background: url(../images/interface/produits/bouton-retour-liste-2.gif) top left no-repeat;
}
	
/* Description du produit */
#details div.description { 
	float: right; 
	display: block; 
	width: 380px;
	background-color: #FFF;
	border: 1px solid #CCC;
	margin: 10px 10px 10px 0 !important;
	padding: 6px;
}

/* Bloc du haut : visuel du fournisseur, prix et ajout au panier */
#details div.description div.bloc-haut {
    display:block; 
    height:100px; 
    overflow:hidden;
}
#details div.description div.bloc-haut p.fournisseur { 
    display:block; 
    height: 90px; 
    float:left; 
}
#details div.description div.bloc-haut p.fournisseur img { 
    border: 1px solid #CCC; 
}
#details p.prix { 
    font-size: 22px; 
    /*color: #8BB719; */
	color: #f00;
    font-weight: bold; 
    float:right; 
}
p.aulieude  { 
    font-size: 12px;
    color: #000;
    font-weight: normal; 
	clear:both;
	float:right; 
	height:15px;
	width:100%;
}
p.economisez  { 
	clear:both;
	width:139px; height:60px;
	float:right; 
	background: url(../images/interface/pieces/economisez.gif) top left no-repeat;
	font-size: 12px; color: #fff; font-weight: bold; text-align:center;
	margin:10px 0 0 0;
}
p.economisez span { 
	font-size: 22px; color: #fff;
	
}


#details p.consigne { 
    color: #999; 
    font-weight: normal; 
    float:right; 
}

#details h5, #details li {
    color: #000;
}
	
/* Actions */
#details div.actions { 
	display: block;
	float:right;
    /*width:220px;
	height: 32px;
	padding-top:10px; */
}
#details div.actions div.qte {
	display: block;
	float: right;
	width: 145px;
	padding-top: 8px;
	padding-right:10px;
}
#details div.actions div.qte label {
    float: right; 
    margin-right: 7px; 
    font-size: 1.10em; 
    color: #8BB719; 
    font-weight: bold; 
}
#details div.actions div.qte input[type=text] {
	float: right;
	width: 26px;
	padding: 0 2px 0;
	margin: 0 7px;
	background-color: #FFF;
	border: 1px solid #CCC;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	font-size: 0.90em;
	color: #666;
}
#details div.actions div.qte a.minus {
	float: right;
	display: block;
	width: 12px;
	height: 12px;
	margin-top: 2px;
	background: url(../images/interface/panier/btn-minus.gif) top left no-repeat;
}
#details div.actions div.qte a.plus {
	float: right;
	display: block;
	width: 12px;
	height: 12px;
	margin-top: 2px;
	background: url(../images/interface/panier/btn-plus.gif) top left no-repeat;
}
#details div.actions p.panier { 
    float: right; 
    display: block; 
    /*width: 61px; 
    height: 32px; 
	*/
	width: 139px; 
    height: 33px; 
}
#details div.actions p.panier a {
	display: block;
	width: 139px; 
    height: 33px; 
	background: url(../images/interface/pieces/btn-panier-2.gif) top left no-repeat;
    margin-top:5px;
}

/* Noms et attributs du produit */
#details p.nom { 
    margin-bottom: 8px; 
    font-size: 1.50em; 
    color: #5092AB; 
    clear:both; 
}
#details ul { 
    font-size: 0.90em;
}
#details li { 
    padding-left: 8px; 
    background: url(../images/interface/puce-7.gif) 0 5px no-repeat; 
}
#details h5 { 
    padding-left: 0; 
}	

#details div.footer {
    height:22px;
    width:658px;
    background: url(../images/interface/pieces/details-bg-foot.gif) top left no-repeat; 
}

	
/* Rubrique
-----------------------------------------------------------------------------*/
#pieces div.rubrique {
	display: block;
	width: 694px;
	margin-bottom: 15px;
}

/* Titlebar */
#pieces div.rubrique div.titlebar {
	width: 694px;
	height: 28px;
	background: url(../images/interface/pieces/pieces-th1.gif) top left repeat-x;
}
#pieces div.rubrique div.titlebar p.title {
	height: 28px;
	line-height: 28px;
	padding-left: 35px;
	background: url(../images/interface/pieces/rubrique-picto.gif) 8px 4px no-repeat;
	font-size: 1.10em;
	color: #FFF;
	font-weight: bold;
}
#pieces div.titlebar p.top {
	float: right;
	display: block;
	height: 28px;
	margin-right: 30px;
	/* IE 6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
	#pieces div.titlebar p.top a:link, #pieces div.titlebar p.top a:visited {
		display: block;
		height: 28px;
		line-height: 28px;
		padding-left: 15px;
		background: url(../images/interface/pieces/rubrique-top.gif) 0 11px no-repeat;
		font-size: 0.90em;
		color: #FFF;
		text-decoration: none;
		/* IE 6 */
		width: auto !important;
		width: 0.1em;
		white-space: nowrap;
	}
	#pieces div.titlebar p.top a:hover { text-decoration: underline; }
	
/* Ul */
#pieces div.rubrique ul {
	float: left;
	display: block;
	width: 326px;
	padding: 15px 0 20px 20px;
	border-right: 1px solid #FFF;
}
	#pieces div.rubrique ul.zebra { background-color: #EDEDED; }
#pieces div.rubrique li {
	display: block;
	width: 316px;
	padding-left: 10px;
	background: url(../images/interface/puce-5.gif) 0 6px no-repeat;
}
	#pieces div.rubrique li.title {
		margin-bottom: 3px;
		background: url(../images/interface/puce-9.gif) 0 4px no-repeat;
		font-size: 1.20em;
		color: #578AA8;
		font-weight: bold;
	}
#pieces div.rubrique li a:link, #pieces div.rubrique li a:visited { color: #5F5F5F; text-decoration: none; }
	#pieces div.rubrique li a:hover { color: #578AA8; }
	
	
/* Vehicule
-----------------------------------------------------------------------------*/
#vehicule {
	display: block;
	width: 694px;
	padding-top: 7px;
	margin-bottom: 15px;
	background: #5AA3CD url(../images/interface/membre/adresses-form.gif) top left no-repeat;
}
#vehicule p.title {
	padding-left: 15px;
	margin-bottom: 10px;
	background: none;
	font-size: 1.90em;
	color: #FFF;
}
#vehicule div.bottom {
	display: block;
	width: 694px;
	height: 34px;
	background: url(../images/interface/pieces/rubriques-bottom.gif) top left no-repeat;
	font-size: 0;
}

/* Retour */
#vehicule div.retour { float: right; margin: 5px 15px 0 0; font-weight: bold; }
#vehicule div.retour a:link, #vehicule div.retour a:visited {
	padding-left: 10px;
	background: url(../images/interface/pieces/sommaire-retour.gif) 0 3px no-repeat;
	color: #FFF;
	text-decoration: none;
}
	#vehicule div.retour a:hover { text-decoration: underline; }

/* Fields */
#vehicule div.fields { margin: 15px 0 0 15px; }
#vehicule p.select { float: left; display: block; width: 220px; }
#vehicule label { font-size: 1.10em; color: #FFF; font-weight: bold; }
#vehicule select {
	width: 190px; 
	height: 21px;
	border: 1px solid #A4A4A4;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.10em;	
}
#vehicule input[type=submit] {
	float: right;
	display: block;
	height: 24px;
	padding: 0 25px;
	margin: 10px 30px 0 0;
	background: url(../images/interface/form-submit.gif) top left repeat-x;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	/* Round corners */
	-moz-border-radius: 3px;
	-webkit-border-radius:	3px;
}


/* Promotions
-----------------------------------------------------------------------------*/
/* Newsletter */
#newsletter { display: block; width: 694px; margin-bottom: 15px; }
#newsletter div.cont {
	display: block;
	width: 694px;
	height: 96px;
	background: url(../images/interface/pieces/newsletter-bg.gif) top left no-repeat;
}
#newsletter div.shadow {
	display: block;
	width: 694px;
	height: 14px;
	background: url(../images/interface/main-shadow.gif) top right no-repeat;
}
#newsletter p.title {
	display: block;
	height: 28px;
	line-height: 25px;
	padding-left: 15px;
	margin: 0;
	background: none;
	font-size: 1.70em;
	color: #FFF;
	font-weight: bold;
}
#newsletter div.description { padding: 10px 15px; }
#newsletter div.details { float: left; display: block; width: 410px; }
#newsletter div.form {}
#newsletter input[type=text] { float: left; width: 145px; margin-right: 7px; }
#newsletter input[type=submit] {
	padding: 0 10px;
	background-image: url(../images/interface/form-cancel.gif);
}

/* Promotions */
#promotions { display: block; width: 694px; }
#promotions div.shadow {
	display: block;
	width: 694px;
	height: 14px;
	background: url(../images/interface/main-shadow.gif) top right no-repeat;
}
#promotions ul {}
#promotions li {
	display: block;
	width: 694px;
	height: 235px;
	border-bottom: 1px solid #999; 
}
	#promotions li:first-child { border-top: 1px solid #999; }
#promotions a {
	display: block;
	width: 694px;
	height: 235px;
	background: url(../images/interface/pieces/promotions-bg.gif) top left repeat-x;
}

/* Navigation dans les familles de produits 
-----------------------------------------------------------------------------*/

#navigation-pieces {
    width:694px;
    margin: 20px 0 20px 0;
    background-image: url(../images/interface/pieces/navigation-familles-bg.gif);
    background-repeat: repeat-y;
    border-top : 1px solid #999999;
}

#navigation-pieces ul {
    width: 172px;
    margin-left:1px;
    float:left;
}

#navigation-pieces ul#colonne-un {
    width: 173px;
    margin-left:0;
}

#navigation-pieces ul#colonne-trois {
    width: 173px;
    margin-left:1px;
}

#navigation-pieces ul#colonne-quatre {
    width: 173px;
}

#navigation-pieces ul li {
    height:39px;
    background-color:#fff;
    border-bottom:1px solid #e5e5e5;
}

#navigation-pieces ul li.no-element {
    padding:7px 20px 0 13px;
    background: #f7d3d2;
    color: #a03225;
}

#navigation-pieces ul li a {
    height:25px;
    display: block;
    background-image: url(../images/interface/pieces/navigation-familles-fleche.gif);
    background-repeat: no-repeat;
    background-position: 153px 13px;
    color: gray;
    padding:7px 20px 7px 13px;
    text-decoration:none;
}

#navigation-pieces ul li a.selected {
    background-color:#a0c22d;  
    background-image: url(../images/interface/pieces/navigation-familles-fleche-selected.gif);
    color:#fff;
}

#navigation-pieces ul li a:hover {
    background-color:#edffc5;  
    background-image: url(../images/interface/pieces/navigation-familles-fleche-hover.gif);
    color:#70891f;
}

#navigation-pieces img#column-loader {
    margin: 50px 0 0 65px;
}

#navigation-pieces img.hidden {
    margin:30px 0 0 69px;
    display:none;
}

#navigation-pieces img.displayed {
    display:inline;
}

#navigation-pieces div.navigation-footer {
    border-top : 1px solid #999999;
    height:8px;
    background-image: url(../images/interface/pieces/navigation-familles-footer-bg.jpg);   
}

#btn_customrequest {
    float: right;
    margin-right: 22px;
    margin-top: 8px;
    margin-bottom: 5px;
    cursor: pointer;
}
.cartegrise_a{
    color:#92C522;
}