table.treetable td {padding: 10px 10px 10px 0;} 
table.treetable span.indenter {
  display: table-cell;
  float: left;
  margin: 0;
  padding: 0;
  text-align: right;
  user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;
  width: 19px;
  height: 5px;
}

table.treetable span.indenter a {
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
  text-decoration: none;
  width: 19px;
}
table.treetable tr.collapsed span.indenter a {
background-image: url(../images/toggle-expand-dark.png);
}

table.treetable tr.expanded span.indenter a {
background-image: url(../images/toggle-collapse-dark.png);
}

table.treetable {
	width: 100%;
	text-align: left;
	border: 1px solid #c5c5c5;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.treetable th {
	text-align: center;
	border: 1px solid #c5c5c5;
	
	background:-moz-linear-gradient(center top , #F9F9F9, #E3E4E6); /* Firefox */
    background:-webkit-linear-gradient(center top , #F9F9F9, #E3E4E6); /* Safari, Chrome */
    background:-o-linear-gradient(center top , #F9F9F9, #E3E4E6); /* Opera */
    background:-ms-linear-gradient(center top , #F9F9F9, #E3E4E6); /* IE */
    background:linear-gradient(center top , #F9F9F9, #E3E4E6); /* W3C Standard */
}

table.treetable td {
	padding: 2px 3px;
	border: 1px solid #c5c5c5;
}

table.treetable tr:hover {
    background: #EFEFEF;
}

table.treetable tr {
    border-bottom: 1px solid #c5c5c5;
}

table.treetable tbody td img {
	height: 16px;
	width: auto;
    position: relative;
    top: 2px;
}

/* Couleur */
table.treetable th {	
	background: #DCEEF9;
	color: #4E80C0;
}

table.treetable tr:hover {
    background: #D1E2F9;
}

/* jquery.treeTable.sortable
 * ------------------------------------------------------------------------- */
table.treetable tr.notSelectable {
  background-color: #E7E7E7;
}

table.treetable tr.selected, .treetable tr.accept {
  background-color: #ADD7FF;
}

table.treetable tr.selected a.expander, .treetable tr.accept a.expander {
  color: #fff;
}

table.treetable tr.collapsed.selected td a.expander, .treetable tr.collapsed.accept td a.expander {
  background-image: url(../images/toggle-expand-light.png);
}

table.treetable tr.expanded.selected td a.expander, .treetable tr.expanded.accept td a.expander {
  background-image: url(../images/toggle-collapse-light.png);
}

table.treetable .ui-draggable-dragging {
  color: #000;
  z-index: 1;
}

/* Layout helper taken from jQuery UI. This way I don't have to require the
 * full jQuery UI CSS to be loaded. */
.ui-helper-hidden { display: none; }

/* Surcharge dans le cas où le projet utilise un box-sizing: border-box */
table.treetable tbody tr td span { 
	-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: content-box;    /* Firefox, other Gecko */
	box-sizing: content-box;         /* Opera/IE 8+ */
}