/* FORMAT */
/*-------------------------------------------------------------------------*/
h1 { text-align: center; font: bold 1.3em Georgia, "Times New Roman", Times, serif; color: #7F735F; margin-bottom: .96em;}
table {border-collapse:collapse; border-spacing:0; width: 100%; margin-bottom: 20px;}
table tr {vertical-align: top;}
ol,ul {list-style:none;}
dt {color: #7F735F; border-bottom: 1px solid #7F735F;}
.labelHolder {float: left; text-align: right; width: 65%;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.clearAll {clear: both;}

/* FACTURE */
/*-------------------------------------------------------------------------*/
#invoice {
	width: 95%;
	margin: 0 auto;
	padding: 2em;
	background-color: #FFFFF0;
}
#order-header,
#order-addresses, 
#order-totals,
#order-footer {
	width: 100%;
	margin-bottom: 20px;
}
#company-address,
#order-infos,
#fact,
#livr {
	float: left;
}
#company-address,
#fact {
	width: 49%;
	margin: 0;
}
#order-infos,
#livr {
	width: 47%;
	margin: 0 1%;
	padding: 0 0 0 1%;
	text-align: right;
}
#order-addresses DT,
#order-footer DT {
	color: #7F735F;
	border-bottom: 1px solid #7F735F;
}
/* PANIER */
/*-------------------------------------------------------------------------*/
#order-items {
	width: 100%;
	border-collapse: collapse;
}
#order-items CAPTION,
#order-items TD, 
#order-items TH, 
#order-items {
	border: 1px solid #7F735F;
}
#order-items CAPTION {
	border-bottom-width: 0;
	font-size: xx-small;
	text-align: center;
}
#order-items TD, 
#order-items TH {
	padding: 1px 3px;
}
#order-items TH {
	background-color: #7F735F;
	color: #fefefe;
}
#order-items TD TEXTAREA {
	width: 98%;
}
#order-items .edit-text {
	float: left;
	cursor: pointer;
}
#order-items .char-counter {
	background-position: 0 0;
	padding-left: 0;
}
#order-items .edit-qte {
	float: none;
	width: 2em;
	text-align: center;
}
#order-items TFOOT INPUT[type="button"] {
	margin: 3px 9px;
}

/*-------------------------------------------------------------------------*/
/* TOTAUX */
UL#order-totals {
	float: right;
	width: 55%;
}
UL#order-totals DIV.labelHolder,
UL#order-totals DIV.total {
	float: left;
	width: 45%;
	padding: 3px;
	margin: .25em;
	text-align: right;
	font-weight: bolder;
	color: #7F735F;
}
UL#order-totals LI {
	clear:both;
	list-style: none;
}
DL#order-paiement {
	float: left;
	width: 45%;
}
/*-------------------------------------------------------------------------*/
/* SIGNATURE */
.order-signature {
	float: right;
	text-align: center;
	margin-right: 5%;
}
.order-signature DD {
	border: 1px solid #7F735F;
	width: 200px;
	height: 100px;
}
