﻿body {
	font-family:verdana,arial;
	font-size:11px;
	background-color:#3e4241;
	padding:0;
    margin: 0;
}
input, textarea
{
	font-family:verdana,arial;
	font-size:11px;
}
input[type=text]
{
	background-color:white;
}
.bg {
	padding:0;
    margin: 0;
	color:white;
	/*float: left;*/
}

div.error 
{
	background-color:white;
	color:red;
	font-weight:bold;
	padding:5px;
	margin:10px 0;
	background:#838383 url("../images/communication/FondBoite1px.png") repeat-x;
}

h1 {font-size:1.4em; color:white; margin-top:0px;
		font-weight: bold; border-bottom:1px solid white;}
h2 {font-size:1.2em; 
		font-weight: bold;}
a {color:black; text-decoration:underline; cursor: pointer}
a:hover {color:black; text-decoration:none;}
a.back {color:white; text-decoration:underline;}
a div.detail {background:url('../images/common/OeilPicto-n.png') no-repeat; width:20px; height:11px; float:left;}
a div.detail:hover {background:url('../images/common/OeilPicto-o.png');}
a div.delete {background:url('../images/common/Supprimer.png') no-repeat; width:16px; height:16px; float:left;}

div.grid a {color:black; text-decoration:underline; cursor: pointer}
div.grid a:hover {color:black; text-decoration:none;}
div.grid a.back {color:black; text-decoration:underline;}

.right 
{
	text-align:right;
}

.highlight 
{
	color:#FFA500;
}

.title 
{
	padding:5px;
	width:200px; height:15px; 
	background:url('../images/common/OngletProprietes200x25px.png') no-repeat; 
	font-weight: bold;
	text-transform:uppercase;
}
.title.proprietes
{
	background:url('../images/article/OngletProprietes.png') no-repeat; 
}
.title.autrepresent
{
	background:url('../images/article/OngletAutresPresent.png') no-repeat; 
}
.title.promo
{
	background:url('../images/article/OngletPromo.png') no-repeat; 
}
.ficheArticleSmallContents.promo
{
	border: 1px solid #4D8949;
	padding: 2px;
}
.title.tarif
{
	background:url('../images/article/OngletTarif.png') no-repeat; 
}
.ficheArticleSmallContents.tarif
{
	border: 1px solid #DB842E;
	padding: 2px;
}

/* Commande */
.orderStatus 
{
	color:#007398;
	font-style:italic;
}
	.orderStatus.billed {
		color: #7AC142;
	}
	.orderStatus.delivered {
		color: #FF8200;
	}
	.orderStatus.preparation {
		color: #AF1685;
	}

/* Contact */
.contactTitle 
{
	padding:5px;
	font-size:1.2em; color:white; font-weight:bold;
	width:165px; height:10px;
	background:url('../images/common/OngletContact.png') no-repeat;
}
.contactFooter 
{
	width:175px; height:74px;
	background:url('../images/common/RefletContact.png') no-repeat;
}

/* Etiquette */
.etiquetteTitle 
{
	padding:5px;
	font-size:1.2em; color:white; font-weight:bold;
	width:165px; height:10px;
}
.salleAttenteTitle 
{
	background:url('../images/etiquettes/OngletSalleAttente.png') no-repeat;
}
.pharmacieTitle 
{
	background:url('../images/etiquettes/OngletPharmacie.png') no-repeat;
}
.articleTitle 
{
	background:url('../images/etiquettes/OngletArticle.png') no-repeat;
}


table.defaultList 
{
	border-collapse:collapse;
	/*width:100%;*/
}

.search {
	background:url('../images/find.png') no-repeat;
}
.criteria {
	background:url('../images/common/FondCriteres1px.png') repeat-x;
	padding:10px;
	height:34px;
	margin-bottom:10px;
	color:black;
}
.criteriaLarge {
	background:url("../images/achat/EncadreHaut-1px.png") repeat-x;
	padding:10px;
	height:58px;
	margin-bottom:10px;
	color:black;
}
.commCriteria {
	background:url('../images/communication/FondBoite1px.png') repeat-x;
	padding:2px 5px;
	height:80px;
	margin-bottom:10px;
	color:black;
	margin-right:10px;
}
.commBlock {
	background:url('../images/communication/FondEtapePrevisu1px-295px.png') repeat-x;
	padding:2px 5px;
	height:299px;
	margin-bottom:10px;
	color:black;
	margin-right:10px;
}
#modelingStep 
{
	background:url('../images/communication/CartoucheEtape1.png') no-repeat;
	width:621px;
	height:24px;
	margin-bottom:20px;
}
#previewStep 
{
	background:url('../images/communication/CartoucheEtape2.png') no-repeat;
	width:596px;
	height:24px;
	margin-bottom:20px;
}
#sentStep 
{
	background:url('../images/communication/CartoucheEtape3.png') no-repeat;
	width:538px;
	height:24px;
	margin-bottom:20px;
}
.commCriteria h2
{
	margin:0;
}
div.articleSearch {
	background:url('../images/common/Loupehistorique-n.png') no-repeat;
	width:24px;
	height:24px;
	float:right;
	margin-left:3px;
}
div.articleSearch:hover {
	background:url('../images/common/Loupehistorique-o.png') no-repeat;
	cursor:pointer;
}
div.searchRetour {
	background:url('../images/common/btnOK-n.png') no-repeat;
	width:24px;
	height:24px;
	float:right;
	margin-left:3px;
}
div.searchRetour:hover {
	background:url('../images/common/btnOK-o.png') no-repeat;
	cursor:pointer;
}

.altrow {
	background-color:#fbe0bf;
}

.single_select_highlighted {
	text-decoration:underline;
}

.searchPanel {
	position:absolute;
	margin:10px;
	border:5px solid #221F1F;
	color:black;
	background:#E4E4E4 url('../images/search/Fonddegrade-2.png') repeat-x;
}
.searchPanel .header {
    background-color: #221F1F;
    height: 0px;
}
.searchPanel .header.draggable {
    height: 31px;
    cursor: move;
}
.searchPanel a {
	color:black;
}
.searchPanel .loupe 
{
	width:32px; height:31px;
	background:url('../images/search/AngleLoupe.png') no-repeat;
}

div.grid 
{
	padding-bottom:10px;
}
div.grid table {
	background-color:white;
	width:100%;
	color:black;
}
div.grid table th, div.grid table tr.footer td {
	background:url('../images/gridbg.gif');
}
div.grid table td, div.grid table th {
	/*border:1px solid #CCCCCC;*/
	padding:2px;
}
div.grid table {
	border:none;
}
div.grid table td, div.grid table th {
	border-left:1px solid #D2D3D5;
}

div.grid table td.articleDeleted{
	color:Gray;
}

div.grid .pager a
{
	color:#55A852;
}
.pager span
{
	color:#FF7F00;
}

div.graph, div.grids
{
	background-color:#BBBDBF;
	padding: 5px 10px 10px;
	color:black;
}

div.grids a 
{
	color:black;
}


tr.overloaded td.code, tr.overloaded td.libelle
{
	font-weight:bold;
}




/* Messagerie */
tr.notRead td 
{
	font-weight:bold;
}


/* Affutage */
.selectQty 
{
	float:left;
	width:30px; height:14px;
	background-color:white;
	color:black;
	border:1px solid #646B69;
	cursor:pointer;
	text-align:center;
	padding:2px 0;
	margin-bottom:1px;
}
.qtyColor
{
	color:white;
	background-color:orange;
}
.promoColor 
{
	color:white;
	background-color:green;
}

.qtyPrice
{
	float:right;
}
.priceQtyBlock 
{
	clear:both;
}

tr.strike td
{
	text-decoration: line-through;
}