/* css utilisés pour la commande des articles */

#allad { text-decoration:none; color: grey; }


#btcancel {
	background-image : url(images/bt_annuler.png);
	background-color: transparent;
	border: none;
	width: 135px;
	height: 49px;
	cursor: pointer;
}

#artwrapper {
	margin-left:auto;
	margin-right:auto;
	width:600px;
}

.artinfos {
	/* cadre du haut gauche avec toutes les infos */
	padding:4px;
	width:600px;
	margin:15px 0px 15px 0px;
	border: 1px solid #75c01d;
	margin-left:auto;
	margin-right:auto;
}

.artdesign {
	font-weight:bold;
	background-color:#fffebe;
	padding:4px;
}

.artdescrition {
	padding:4px;
}

.artreflib {
	margin-top:15px;
	margin-right:15px;
	padding:4px;
	width:200px;
	float:left;
	color: gray;
	font-size: 10px;
	text-align:right;
}

.artref {
	margin-top:15px;
	padding: 4px;
	color: gray;
	font-size: 10px;
	text-align:left;
}

.artecart {
	font: bold 24px Verdana, Geneva, Arial, Helvetica, sans-serif;;
	color: #AB0505;
}

.artecartmoins {
	font: bold 24px Verdana, Geneva, Arial, Helvetica, sans-serif;;
	color: #008000;
}

.artlib {
	padding:4px;
	margin-right:15px;
	width:200px;
	float:left;
	text-align:right;
}
.artorigine,
.artcatfour {
	padding:4px;
	font-weight:bold;
	text-align:left;
}
.artfiche { text-align:left; }
.artfiche a {
	text-decoration:none;
	font-size:13px;
	color: #35822e;
	
}

.artfiche a:hover {
	color: white;
}

.artphoto {
	text-align:center;
	width:150px;
}

.artprix {
/* table prix et conditionnements */
	border: 1px solid #75c01d;
}

.artprix td {
	/* lignes impaires de la liste (tr) */
	font-size:12px;
	background-color: #fffebe;
}

.artprix th {
	padding:4px;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #989823;
	color:#ffffff;
}

td.artad {
	background-color:#e5e58f;
	border-bottom: 1px solid #75c01d;
}

td.arttot {
	padding:3px;
	background-color:#FFC891;
	border-bottom: 1px solid #75c01d;
}


#artenreg {
	background-image : url(images/enregistrer.png);
	background-repeat: no-repeat;
	background-color : transparent;
	border: none;
	width: 202px;
	height: 49px;
	cursor: pointer;
}

.prixcalc {
	text-align:right;
}
.unit {
	text-align:left;
	font-size:10px;
}
.tunit {
	padding-left:3px;
	text-align:left;
	font-size:10px;
}

/*
input {
	text-align:center;
}
*/

.alertes {
	/* message d'avertissent */
	padding:6px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #ff8b00;
}

.trhover {
	background-color:#bee140;
}

.catalib {
	color: #255800;
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: url("images/titre.png");
	background-repeat: no-repeat;
	background-position: left;
	padding: 3px 0px 5px 20px;
	margin:5px 0px 4px 4px;
}

#categories {
	text-align:left;
	float:left;
	width:140px;
	height:490px;
	background-color:#e5e58f;
	border: 1px solid #75c01d;
	margin-right:10px;
	margin-left:10px;
}

#cmdhaut {
	float:left;
	margin-bottom:4px;
}

#cmdhaut a img {
	margin-top:4px;
}

#articles {
	width: 770px;
	float:left;
}

#tablecom {
	/* table qui contient la liste des articles */
	border: 1px solid #75c01d;
	color: #000;
	width: 770px;
}

.tablecom {border: 1px solid #75c01d; margin-top:10px;}
.tablecom td {
	/* table qui contient la liste des articles */
	color: #255800;
	padding:6px;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #75c01d;
	background: #ffffcd;
}

/* menu accordeon des catégories */
#accor{
	text-align:left;
	padding:0;
	margin:0;
	width:140px;
	list-style-type:none;
	line-height:100%;
}

#accor .closed{
	/*background-image:url(images/ha-down.gif);*/
}
#accor .closed,#accor .opened{
	padding-right:10px;
	background-position:98% 50%;
	background-repeat:no-repeat;
}
#accor .header{
	background-color:#7B7B7B;
}
#accor .opened{
	background-color:#fffebe;
	/*background-image:url(images/ha-up.gif);*/
}
#accor a {
	display:block;
	font-weight:bold;
	text-decoration:none;
}
#accor a.hover {
	background-color: #BDE342;
	color:#255800;
}
#accor ul {
	overflow: hidden;
	margin:0;
	padding:0;
}
#accor li{
	font-size:14px;
	margin:0;
	padding:0;
	list-style-type:none;
	background-color: #e5e58f;
	color:#255800;
}
#accor li a {
	/*height:18px;*/
	padding:2px 10px 2px 4px;
	background-color:#e5e58f;
	color:#255800;
}
#accor li.active a, #accor li li.active a {	
	color:#ff920b;
	
}
#accor li.active li a,#accor li li a {
	color: #77301c;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding:2px 4px 2px 8px;
	/*height:15px;*/
}

#accor li li a:hover {
	text-decoration:underline;
}