/* CSS Document */

.no_article{
	text-align:center;
	margin-top:100px;
	font-size:18px;
	color:#FFF;
}

/********************PROGRESSION PANIER*************************/
#progression_panier{
	width:600px;
	height:36px;
	margin:30px auto;
	margin-bottom:30px;
}

.pointille_fait1, .pointille_fait, .pointille_afaire{
	margin:17px 0 0 0;
	background-repeat:no;
	height:2px;
	font-size:0px;
	width:69px;
	float:left;
	display:inline;
}
.pointille_fait1{
	background-image:url(../img/commun/interface/pointille_fait_etape1_panier.gif);
}

.pointille_fait{
	background-image:url(../img/commun/interface/pointille_fait_etape_panier.gif);
}

.pointille_afaire{
	background-image:url(../img/commun/interface/pointille_afaire_etape_panier.gif);
}

.etape_fait, .etape_active, .etape_afaire{
	width:48px;
	text-align:center;
	line-height:36px;
	font-weight:bold;
	font-size:20px;
	float:left;
	background-repeat:no-repeat;
}

.etape_fait{
	background:url(../img/commun/interface/fond_on_etape_panier.gif) center top no-repeat;
	color:#000;
}

.etape_active{
	background:url(../img/commun/interface/fond_on_etape_panier.gif) center top no-repeat;
	color:#000;
}


.etape_afaire{
	background:url(../img/commun/interface/fond_off_etape_panier.gif) center top no-repeat;
	color:#FFF;
}

.legend_progression{
	font-size:10px;
	font-weight:normal;
	line-height:1em;
}


/********************FIN PROGRESSION PANIER*************************/













#table_panier{
	margin:0 auto;
	width:700px;
	border-collapse:collapse;	
}


.visuel_ligne{
	padding-right:8px;
	width:80px;
}

.td_intitule{
	
	background-color:#7D7D7D;
	width:396px;
	height:22px;
	padding:15px 5px 0 20px;
}


.td_qte{
	background-color:#7D7D7D;
	width:216px;
	text-align:right;
	padding:15px 5px 0 0;
	
}

.span_produit{
	font-weight:bold;
	font-size:16px;
}

.intitule_produit{
	font-size:16px;
}


.intitule_option_produit{
	font-size:14px;
}



/**********************BLOC PLUS MOINS***************************/
.qte{
	border:1px solid #FFF;
	background-color:#747474;
	width:64px;
	height:17px;
	padding:1px;
	float:right;
}


.label_qte{
	
	float:right;
	text-align:right;
	width:92px;
	line-height:17px;
	margin-right:8px;
}




.bloc_plus_moins{
	width:64px;
	height:15px;	
	background-color:#FFF;
	padding:1px 0 1px 0;
}


.btn_plus_moins{
	background:url(../img/commun/interface/btn_panier_plus_moins.gif) left top #000;
	width:15px;
	height:15px;
	text-align:center;
	line-height:15px;
	display:block;
	color:#FFF;
	font-size:11px;
	text-decoration:none;
	float:left;
}


.qte input{
	width:34px;
	height:15px;
	background-color:#FFF;
	border:0;
	float:left;
	text-align:center;
	margin:0px;
	padding:0px;
}


/********************** FIN BLOC PLUS MOINS***************************/
 
.supprimer{
	float:left;
	background-image:url(../img/commun/interface/picto_corbeille.gif);
	line-height:19px;
	padding-left:20px;
	background-repeat:no-repeat;
}

.supprimer a{
	color:#FFF;
	text-decoration:none;
}

.label_prix{
	float:right;
	width:200px;
} 

.prix_ligne{
	background-color:#2A2A2A;
	width:100px;
	height:20px;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	display:block;
	float:left;
	text-align:center;
}

.span_label_prix{
	float:left;
	width:100px;
	height:20px;
	line-height:20px;
	display:block;
}
 
.td_info_prix{
	padding:0 5px 15px 20px;
	vertical-align:bottom;
	background-color:#7D7D7D;
} 
 
 
.interligne_panier{
	height:11px;
}

.btn_panier{
	width:150px;
	background:url(../img/commun/interface/background_bouton_grand.gif) top left no-repeat;
	
	display:block;
	border:0px;
	text-decoration:none;
	cursor:pointer;
	text-decoration:none;
	color:#000;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
	margin-top:10px;
	float:right;
	
	padding-top:7px;
	text-align:center;
	height:19px;
}



/**********************  CARTOUCHE  ***************************/
#cartouche table{
	float:right;
	width:230px;
}


#cartouche .label_cartouche{
	width:115px;
	color:#FFF;
	text-align:right;
	padding:5px;
	
}

#cartouche .valeur_cartouche{
	width:115px;
	color:#FFF;
	text-align:right;
	padding:5px;
	background-color:#747474;
}

#cartouche .label_cartouche_a_payer{
	width:115px;
	color:#FFF;
	text-align:right;
	padding:5px;	
	font-size:18px;
	border:1px solid #747474;
}


#cartouche .valeur_cartouche_a_payer{
	width:115px;
	color:#FFF;
	text-align:right;
	padding:5px;	
	font-size:22px;
	background-color:#747474;
}
/********************** FIN CARTOUCHE***************************/