/* CSS Document */

#panier{
	margin:0 2px;
	}

#lignesPanier{
	height:100px;
	overflow:auto;
	margin-bottom:5px;
	
	scrollbar-face-color:#FFF;
	scrollbar-track-color:#FFF;
	scrollbar-arrow-color:#B1B113;
	scrollbar-shadow-color:#B1B113;
	scrollbar-highlight-color:#B1B113;
	scrollbar-3dlight-color:#FFF;
	scrollbar-darkshadow-color:#FFF;
	}
	
#panier TABLE{
	width:100%;
	}


/*/// colonnes du pannier ///*/
	
#panier TR{
	}
	
#panier TD{
	border:solid 1px #B1B113;
	font-size:8pt;
	background-color:#FFF;
	}
	
#panier TH{
	border:solid 1px #B1B113;
	font-size:8pt;
	color:#FFF;
	background-color:#B1B113;
	font-weight:bold;
	}

#panier TD.ref, #panier TH.ref{
	width:98px;
	font-weight:bold;
	text-align:center;
	display:none;
	}

#panier TD.design, #panier TH.design{
	padding:2px;
	line-height:11px;
	}

#panier TD.design B{
	color:#FF0000;
	}

#panier TD.prix, #panier TH.prix{
	width:60px;
	text-align:right;
	}

#panier TH.prix{
	width:60px;
	text-align:center;
	}

#panier TD.prix B{
	color:#FF0000;
	}

#panier TD.qte, #panier TH.qte{
	width:20px;
	text-align:center;
	}

#panier TD.bt{
	width:12px;
	text-align:center;
	background-color:#B1B113;
	font-weight:bold;
	color:#FFF;
	}

#panier TD.bt:hover{
	background-color:#EEE;
	color:#B1B113;
	cursor:pointer;
	}
	
/*/// cas d'une recherche ///*/ 
#panier TR.ligne{
	cursor:pointer;
	}
#panier TR.ligne:hover TD{
	background-color:#B1B113;
	}
#panier .ligne TD{
	border:solid 1px #000;
	}



#totalPanier{
	font-size:8pt;
	font-weight:bold;
	text-align:right;
	line-height:16px;	
	}

A.bt_panier{
	text-align:center;
	margin-left:1px;
	background-color:#B1B113;
	border:solid 1px #B1B113;
	color:#FFF;
	text-decoration:none;
	padding:0 3px;
	line-height:14px;
	font-size:8pt;
	}

A.bt_panier:hover{
	background-color:#EEE;
	color:#B1B113;
	}

#boxAide{
	width:640px;
	height:480px;
	background-color:#F00;
	margin-left:60px;
	margin-top:10px;
	position:absolute;
	z-index:99;
	}

/*///////////////////////////////////////////////////////////////////*/
/*//////////////////// MENU SS FAMILLE DROIT ////////////////////////*/
/*///////////////////////////////////////////////////////////////////*/

	#menuSsFam A{
		font-size:8pt;
		display:block;
		padding:0 5px 0 10px;
		margin:0 3px;
		margin-bottom:1px;
		font-weight:bold;
		}
	
	#menuSsFam A{
		text-decoration:none;
		border-bottom:solid 1px #999;
		color:#444;
		}
	
	#menuSsFam A:hover{
		text-decoration:none;
		border-bottom:solid 1px #000;
		color:#000;
		padding:0 5px 0 5px;
		}
	
	#menuSsFam A.selected{
		text-decoration:none;
		border-bottom:solid 1px #000;
		background-color:#B1B113;
		color:#FFF;
		}
		
	#menuSsFam A.selected:hover{
		text-decoration:none;
		border-bottom:solid 1px #000;
		background-color:#B1B113;
		color:#FFF;
		padding:0 5px 0 5px;
		}

/*///////////////////////////////////////////////////////////////////*/
/*//////////////////// BOX FICHE PROD (LISTE) ///////////////////////*/
/*///////////////////////////////////////////////////////////////////*/
		
		#contenu DIV.boxFicheProd{
			display:block;
			float:left;
			width:155px;
			height:190px;
			margin:8px 4px 3px 4px;
			padding:0;
			
			background:url(../images/accueil/box_fd.gif) 60px top no-repeat;
			background-color:#FFF;
			border:outset 1px #999;
			}
			
		#contenu DIV.boxFicheProd DIV.zoom{
			text-align:right;
			font-size:10pt;
			font-weight:bold;
			font-style:italic;
			color:#000;
			height:13px;
			line-height:15px;
			padding:0 5px;
			background:url(../pieces_et_accessoires/images/orange.gif) 0 5px repeat-x;
			background-color:#ffc98d;
			}
			
		#contenu DIV.boxFicheProd DIV.zoom2{
			text-align:right;
			font-size:10pt;
			font-weight:bold;
			font-style:italic;
			color:#FFF;
			padding:0 6px 0 5px;
			margin-top:-15px;
			}
			
			
		#contenu DIV.boxFicheProd DIV.photo{
			border:solid 1px #999;
			width:102px;
			min-height:100px;
			line-height:100px;
			font-size:0px;
			margin:5px auto 0 auto;
			background-color:#FFF;
			text-align:center;
			}
		
		#contenu DIV.boxFicheProd DIV.photo IMG{
			vertical-align:middle;
			border:0;
			}
		
			
		#contenu DIV.boxFicheProd DIV.produit{
			padding-top:3px;
			font-size:8pt;
			font-weight:bold;
			text-align:center;
			height:40px;
			margin:0 5px;
			}
		
		#contenu DIV.boxFicheProd DIV.produit A{
			text-decoration:none;
			color:#5d1315;
		
			}
		
			
		#contenu DIV.boxFicheProd DIV.prix{
			font-size:12pt;
			font-weight:bold;
			text-align:right;
			padding-right:5px;
			margin:0 5px;
			background-position:0 -6px;
			background-repeat:repeat-x;
			background-color:#FFF;
			color:#5d1315;
			border:0;
			}
			
		#contenu DIV.boxFicheProd DIV.prix SPAN{
			font-size:8pt;
			color:#000;
			font-style:italic;
			}

/*///////////////////////////////////////////////////////////////////*/
/*////////////////////////// FICHE PROD /////////////////////////////*/
/*///////////////////////////////////////////////////////////////////*/
	
#ficheProd DIV.photos{
	float:right;
	margin:5px;
	text-align:right;
	width:210px;
	}	
	
#ficheProd DIV.photos A{
	display:inline-block;
	width:65px;
	line-height:40px;
	min-height:40px;
	text-align:center;
	font-size:0px;	
	border:solid 1px #999;
	margin:1px;
	background-color:#FFF;
	}

#ficheProd DIV.photos #first{
	width:205px;
	line-height:130px;
	min-height:120px;
	}
		
#ficheProd DIV.photos IMG{
	vertical-align:middle;
	border:0;	
	}	
	
#ficheProd H1{
	color:#CC0000;
	text-align:left;
	margin:0 15px 10px 15px;
	}	
	
#ficheProd DIV.description{
	}	
	
#ficheProd DIV.description P{
	margin:5px 15px;
	}
	
A.bt_commander{
	float:right;
	background:url(../boutique/images/commander.gif) center center no-repeat;
	background-color:#FFF;
	display:block;
	width:64px;
	height:61px;
	border:solid 1px #999;
	margin:0 20px 10px 20px;
	
}
	
#listeRef{
	width:100%;
	}	

#listeRef TD{
	font-size:8pt;
	border:solid 1px #000;
	padding:0 2px;
	}
	
#listeRef TR:hover TD{
	background-color:#B1B113;
	cursor:pointer;
	}


#listeRef TD.ref{
	width:100px;
	font-weight:bold;
	text-align:center;
	}

#listeRef TD.lib SPAN.zoom{
	font-weight:bold;
	color:#B1B113;
	font-style:italic;	
	}

#listeRef TR:hover TD.lib SPAN.zoom{
	color:#FFF;
	}

#listeRef TD.prix{
	width:60px;
	text-align:right;
	}
	
#listeRef TD.prix S{
	color:#444;
	font-style:italic;
	}
	
#listeRef TD.prix B{
	color:#FF0000;
	}
	

