/*
 * Table de liste des articles.
 */
table.art {
	width:100%;
	max-width:1000px;
	border:1px solid #006867;
}

/*
 * Pyjama.
 */
.light {
	background-color:#ffffff;
}
.dark {
	background-color:#eaf7ff;
}

/*
 * Tables incluses.
 */
table.art table {
	width:100%;
}

/*
 * Titres de colonnes.
 */
table.art th, table.art th span {
	padding:0;
	font-size:12px;
	height:30px;
	font-style:italic;
	font-weight:bold;
	color:#ffffff;
	border-right:1px solid #006867;
	background-color:#006867;
}

/*
 * Cellules des tables incluses.
 */
table.art table td {
	height:30px;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}

/*
 * Sous produit.
 */
table.art .art_sp {
	font-weight:bold;
	color:#006867;
	background-color:#dfdfdf;
}

/*
 * Colonne libellé.
 */
table.art .al {
	text-align:left;
	width: auto;
}

/*
 * Colonne référence.
 */
table.art .ar {
	width:75px;
	text-align:left;
}
table.art .ar, table.art .ar div {
	white-space:nowrap;
	overflow:hidden;
}

/*
 * Colonne dispo.
 */
table.art .ad {
	width:50px;
	text-align:center;
}

/*
 * Colonne prix.
 */
table.art .ap {
	width:75px;
	text-align:right;
}
table.art td.ap, table.art td.ap span {
	font-weight:bold;
	color:#006867;
}
table.art td.ap span.ec {
	display:block;
	font-size:9px;
}

/*
 * Colonne conditionnement.
 */
table.art .ac {
	width:75px;
	text-align:center;
}

/*
 * Colonne quantité.
 */
table.art .aq {
	width:40px;
	text-align:center;
}
table.art .aq input {
	width:30px;
	text-align:right;
}

/*
 * Colonne ajouter l'article.
 */
table.art .ai {
	width:40px;
	text-align:center;
}

/*
 * Vente à l'UMV.
 */
table.art tr.ideal td, table.art tr.ideal span {
	color:#006867;
	text-align:right;
}

/*
 * Compass.
 */
table.art tr.cl {
	background-color:#fffcea;
}
table.art tr.cl td {
	height:20px;
}

span.waitimg {
	display:block;
	width:16px;
	height:16px;
	background-image:url(../images/content/waitimg.gif);
	background-repeat:no-repeat;
}
span.waitimgOFF {
	display:inline;
	width:auto;
	height:auto;
	background-image:none;
}