BODY, INPUT,SELECT, TD {
  font-family: Arial;
  font-size: 11px;
  color: black;
}


.champ {
  border-top: 1px black solid;
  border-right: 1px gray solid;
  border-bottom: 1px gray solid;
  border-left: 1px black solid;
  background-color: #EEEEEE;

  font-family: Arial;
  font-size: 11px;
  color: black;
}


.bouton{
  border-top: 1px gray solid;
  border-right: 1px black solid;
  border-bottom: 1px black solid;
  border-left: 1px gray solid;
  background-color: #BBBBBB;

  font-family: Arial;
  font-size: 11px;
  color: black;
}


.boutonH{
  border-top: 1px gray solid;
  border-right: 1px black solid;
  border-bottom: 1px black solid;
  border-left: 1px gray solid;
  background-color: #EEBBBB;

  font-family: Arial;
  font-size: 11px;
  color: black;
}


.squarebouton{
  border-top: 1px gray solid;
  border-right: 1px black solid;
  border-bottom: 1px black solid;
  border-left: 1px gray solid;
  background-color: #BBBBBB;

  width:20px;
  height:20px;

  font-family: Arial;
  font-size: 9px;
  color: black;
  text-align:center;
  padding:0;
}


.squareboutonH{
  border-top: 1px gray solid;
  border-right: 1px black solid;
  border-bottom: 1px black solid;
  border-left: 1px gray solid;
  background-color: #EEBBBB;


  width:20px;
  height:20px;

  font-family: Arial;
  font-size: 9px;
  color: black;
  text-align:center;
  padding:0;
}




.alternate {
  border-top: 1px gray dashed;
  border-right: 1px gray dashed;
  border-bottom: 1px gray dashed;
  border-left: 1px gray dashed;
  background-color: #EEEEFF;

  font-family: Arial;
  font-size: 11px;
  color: blue;
}


.cadre{
  border-top: 1px gray solid;
  border-right: 1px black solid;
  border-bottom: 1px black solid;
  border-left: 1px gray solid;
}






.action {
	background-color: #DDDDDD;
	padding: 5px;
	clear: none;
	float: left;
	border: 1px solid #AAAAAA;
	margin-right: 2px;
	margin-left: 2px;
}
.inputbox {
	background-color: #F7F7F7;
	border: 1px solid #333333;
  font-size: 10px;
}

.spanbox {
	background-color: #F7F7F7;
	border: 1px solid #333333;
  font-size: 10px;
	padding: 1px;
}

.titre {
	font-size: 14px;
	font-weight: bold;
}
.pageBlock {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 780px;
	height: 100%;
}
.waitBlock {
	position: absolute;
	top: 200px;
	left: 200px;
	width: 400px;
	text-align: center;
	background-color: #FFFFFF;
	border-top: 1px red solid;
	border-right: 1px red solid;
	border-bottom: 1px red solid;
	border-left: 1px red solid;
	font-size: 36px;
	color: #FF0000;
	display: none;
}
.menuTop {
	position: absolute;
	top: 4px;
	left: 0px;
	margin: 0px;
}
.bodyBlock {
	position: absolute;
	top: 26px;
	left: 0px;
	bottom: 26px;
	width: 780px;
	margin: 0px;
	padding: 0px;
}
.menuBottom {
	position: absolute;
	left: 0px;
	top: 710px;
	width: 976px;
	margin: 0px;
	padding: 0px;
	background-color: #EEEEEE;
}
.toggleblock {
	background-color: #E0E0E0;
	padding: 0px;
	margin: 0px;
	display: none;
	border: 1px solid #999999;
	clear: both;
	float: left;
}
.toggleblockopen {
	background-color: #E0E0E0;
	padding: 0px;
	margin: 0px;
	display: block;
	border: 1px solid #999999;
	clear: both;
	float: left;
}
.inlineblock {
	background-color: #EEEEEE;
	border: 1px solid #999999;
	clear: both;
	float: left;
	margin-bottom: 8px;
	padding: 0px;
}
.inlineblockclose {
	background-color: #EEEEEE;
	border: 1px solid #999999;
	clear: both;
	float: left;
	margin-bottom: 8px;
	display: none;
	padding: 0px;
}


.venteDirect {
	padding: 2px;
	border: 1px solid #999999;
}
.venteProduitAction {
	background-color: #BCCBED;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #AAAAAA;
	margin-right: 2px;
}
.venteProduitBlock {
	position: absolute;
	top: 0px;
	height: 280px;
	min-height: 192px;
	left: 0px;
	width: 976px;
	background-color: #EEEEEE;
	padding: 2px;
	margin: 0px;
	display: none;
	border: 1px solid #AAAAAA;
}
.venteSpecialAction {
	background-color: #BCCBED;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #AAAAAA;
	margin-right: 2px;
	margin-left: 2px;
}
.venteSpecialBlock {
	position: absolute;
	top: 0px;
	height: 320px;
	min-height: 192px;
	left: 0px;
	width: 988px;
	background-color: #EEEEEE;
	padding: 2px;
	margin: 0px;
	display: none;
	border: 1px solid #AAAAAA;
}
.venteClientAction {
	background-color: #BCCBED;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #AAAAAA;
	margin-right: 2px;
	margin-left: 2px;
}
.venteClientBlock {
	position: absolute;
	top: 0px;
	height: 320px;
	min-height: 192px;
	left: 0px;
	width: 988px;
	background-color: #EEEEEE;
	padding: 2px;
	margin: 0px;
	display: none;
	border: 1px solid #AAAAAA;
}
.venteFormBlock {
	background-color: #FFFFFF;
	border: 1px solid #AAAAAA;
	position: absolute;
	top:330px;
	height: 330px;
	min-height: 180px;
	left: 0px;
	width: 988px;
	padding: 0px;
	overflow: auto;
}

.venteTotal {
	font-size: 14px;
	font-weight: bold;
}

.venteSpeedAction {
	background-color: #ECBDC0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #AAAAAA;
	margin-right: 0px;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.venteFactureAction {
	background-color: #ECBDC0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #AAAAAA;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.venteDevisAction {
	background-color: #ECBDC0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #AAAAAA;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.resultatMenuBox {
	background-color: #DDDDDD;
	border: 1px solid #999999;
	margin: 2px;
	padding: 2px;
	float: left;
}
.resultatTitre {
	font-size: 14px;
	font-weight: bold;
	background-color: #EEEEEE;
	border: 1px solid #999999;
	padding: 2px;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 10px;
}
.resultatSousTitre {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	background-color: #FFFFCC;
	border: 0px solid #999999;
	padding: 2px;
	margin-top: 6px;
	margin-left: 6px;
	margin-right: 2px;
	margin-bottom: 4px;
}
.resultatMagasin {
	background-color: #EEEEEE;
	border: 1px solid #999999;
	margin: 2px;
	padding: 2px;
}
.resultatMagasinSelected {
	background-color: #FFFFCC;
	border: 1px solid #999999;
	margin: 2px;
	padding: 2px;
}
.resultatListe {
	background-color: #FEFEEE;
	border: 1px solid #999999;
	margin: 2px;
	padding: 2px;
	display:none;
}
.resultatDetailMagasin {
	background-color: #DDDDDD;
	border: 1px solid #999999;
	margin: 2px;
	padding: 2px;
	float: left;
}
.resultatNumericInput {
	background-color: #EEEEEE;
	border: 1px solid #999999;
	margin: 2px;
	padding: 2px;
	text-align:right;
}
.navigationBlock {
	background-color: #FFFFCC;
	border: 1px solid #AAAAAA;
	margin: 1px;
	padding: 2px;
	text-align: center;
}
.resultatInlineBlock {
	background-color: #DDDDDD;
	border: 1px solid #999999;
	clear: none;
	float: left;
	margin: 4px;
	padding: 4px;
}

.bouton_produit_asso{
	text-decoration:none;
	background-color: #BBBBBB;
	border-color: gray black black gray;
	border-style: solid;
	border-width: 1px;
	color: black;
	font-family: Arial;
	margin-left:2px;
	padding:1.5px 8px;
	font-size: 11px;
	cursor:default;
}

.div_sup_produit_asso{
	float:left;
	clear:both;
	margin-top:10px;
}

.div_produit_asso{
	float:left;
	margin-left:5px;
}
.div_prod_produit_asso{
	float:left;
	margin-left:5px;
	clear:both;
}

.image_cat{
	height: 198px;
	position: absolute;
	width: 198px;
	display:none;
	margin:-100px 20px;
}

a.a_image_cat:hover  .image_cat{
	display:block;
}