/* Affichage de son panier */
#basket h1 { color: #008080; }

.panier table
{
	width: 100%;
	border-collapse: collapse;
}

.panier .header td
{
	background-color: #2b2b2d;
	padding: 3px 5px 3px 5px;
	color: #fff;
}

.panier tr.hr td { height:1px; }
.panier tr.hr td hr { height:0px; border: none; border-top: 1px solid #333; }

.panier .header .p_price { width: 90px; text-align: right; }
.panier .header .p_reference { width: 90px; }
.panier .header .p_tva { width: 40px; text-align: right; }
.panier .header .p_qty { width: 80px; }

.panier .produit td { padding: 5px; vertical-align: top; line-height: 20px; }

.panier .produit .p_options { font-size: 10px; margin-left: 10px; }

.panier .produit .p_price { text-align: right; padding-right: 10px; }
.panier .produit .p_tva { text-align: right; }

.panier .update td
{
	text-align: right;
	padding: 5px 3px 5px 0;
}

.panier .fdp td
{
	text-align: right;
	padding: 5px 10px 5px 0;
}

.panier .total_ht td
{
	text-align: right;
	padding: 5px 10px 5px 0;
}

.panier .total_ttc td
{
	text-align: right;
	padding: 5px 10px 5px 0;
	color: #ea6691;
	font-size: 14px;
	font-weight: bold;
}

.panier .reduction
{
	text-align: right;
	padding: 5px 10px 5px 0;
	color: #52a745;
	font-size: 14px;
	font-weight: bold;
}

.panier #commander
{
	text-align: center;
}


/* Se connecter pour commander */
#command_guest h1 { color: #008080; }
#command_guest form { width: 600px; margin: 10px auto 0 auto; padding: 0; }

#command_guest form #block_inscription fieldset table .label { width: 180px; }

#command_guest input[type=radio] { padding-bottom: 20px; }

#command_guest form label { cursor: pointer; }


/* Commander */
#steps
{
	width: 100%;
	height: 60px;
	border-bottom: 1px dotted #333;
}

#steps li
{
	float: left;
	margin-right: 90px;
}

#steps li h3 { margin-bottom: 5px; }
#steps li.selected { color: #ea6691; }

#bloc_etape_1, #bloc_etape_2, #bloc_etape_3
{
	clear: both;
	margin-top: 20px;
}

#bloc_etape_1 .navigation_step, #bloc_etape_2 .navigation_step, #bloc_etape_3 .navigation_step
{
	text-align: right;
	border-top: 1px dashed #333;
	margin-top: 20px;
	padding-top: 10px;
}


/* Etape 2 */
#bloc_etape_2 .left { width: 345px; float: left; }
#bloc_etape_2 .right { width: 345px; float: right; }

#bloc_etape_2 table { width: 100%; }

#bloc_etape_2 table td
{
	vertical-align: top;
}

#bloc_etape_2 table td.label { background-color: #1f1a18; width: 200px; vertical-align: middle; width: 200px; }

#bloc_etape_2 table td.input select { width: 200px; }
#bloc_etape_2 table td.input input { width: 190px; }


#bloc_etape_2 #other_adress_form { display: none; }


/* Etape 3 */
#bloc_etape_3 .left { float: left; margin-bottom: 20px; }
#bloc_etape_3 .right { float: right; margin-bottom: 20px; }

#bloc_etape_3 .left,
#bloc_etape_3 .right 
{ 
	width: 330px; 
	background-color: #1f1a18; 
	padding: 1px 10px 1px 10px;
}

#bloc_etape_3 table { width: 100%; }

#bloc_etape_3 table td
{
	vertical-align: top;
}

#bloc_etape_3 table td.label { background-color: #1f1a18; width: 40%; }
#bloc_etape_3 table td.label, #bloc_etape_2 table td.value { padding: 4px 10px 4px 10px; }


/* Voir une commande */
#command_view h1 { color: #008080; }

#command_view .cmd_export { text-align:right; }

#command_view .cmd_state { height: 40px; }

#command_view .cmd_state .left { float: left; }

#command_view .cmd_state .right
{
	float: right;
	text-align: right;
}

#command_view .adresses { width: 100%; margin-bottom: 20px; }
#command_view .adresses td { width: 50%; }

#form1
{
	text-align: center;
	background-color: #1f1a18;
	padding: 5px;
}


/* Liste des commandes */
#commands h1 { color: #008080; }

#commands table
{
	width: 100%;
	border-collapse: collapse;
}

#commands table .header td
{
	background-color: #2b2b2d;
	padding: 3px 5px 3px 5px;
	color: #fff;
}

#commands table .cmd td
{
	padding: 5px;
}

#commands table .header td.cmd_price,
#commands table .cmd td.cmd_price
{
	text-align: right;
	padding-right: 15px;
}

#commands table .cmd td .non_payee { color: red; }

#commands #pages_list { text-align: center; }

#commands #pages_list .pages { margin-top: 5px; }