.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
/*	background-color: white; */
	margin-top: 0px;
}

.treeview .hitarea {
	background: url(../CSS/treeview/treeview-default.png) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}

* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 1px 0 1px 16px; 
}

/*.treeview span {	font-size: 1em; }*/
.treeview span ,.treeview a{
	/*font-size: 8pt;*/
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	padding-left: 20px;
	display: block;
	line-height:16px;
	white-space: nowrap;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

/* Survol */ 
/*.treeview .hover { color: red; }*/
/* Forcer le changement de couleur sur les objets sélectionnables dans un treeview */

/*.treeview [name='treeObjetSelection']:hover,.treeview [name='treeObjetAjout']:hover { color: red; }
.treeview [name='treeObjetTypeStructure']:hover, .treeview [name='treeObjetRegie']:hover, .treeview [name='treeObjetEtablissement']:hover, .treeview [name='treeObjetAccueil']:hover, .treeview [name='treeObjetPeriode']:hover { color: red; }
*/

/* Forcer le changement de couleur sur les objets sélectionnables dans un treeview */
/*.treeview [name='treeObjetSelection']:hover{ color: red; }*/

.treeview li { background: url(../CSS/treeview/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../CSS/treeview/treeview-default.png); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

/* Par defaut */
.treeview span.folder { background: url(../CSS/treeview/folder.gif) 0 0 no-repeat; }
.treeview li.expandable span.folder { background: url(../CSS/treeview/folder-closed.gif) 0 0 no-repeat; }
.treeview span.file { background: url(../CSS/treeview/file.gif) 0 0 no-repeat; }

.treeview span.ok , .treeview a.ok { background: url(../ok16.png) 0 0 no-repeat; }
.treeview span.pasok , .treeview a.pasok { background: url(../pasok16.png) 0 0 no-repeat; }

/* Accueil */
.accueil-tree span.regie, .accueil-tree a.regie { background: url(../Regie16.png) 0 0 no-repeat; }
.accueil-tree span.etablissement, .accueil-tree a.etablissement  { background: url(../Etablissement16.png) 0 0 no-repeat; }
.accueil-tree span.accueil , .accueil-tree a.accueil { background: url(../Accueil16.png) 0 0 no-repeat; }
.accueil-tree span.periode , .accueil-tree a.periode { background: url(../Periode16.png) 0 0 no-repeat; }


/* Element selectionné */
.accueil-tree span.selectedItem { background-color: #EEF; }

/* Groupe */
.groupe-tree span.groupe, .groupe-tree a.groupe { background: url(../groupes_16.png) 0 0 no-repeat; }

/* Rubrique Planning */
.rubplanning-tree span.rubplanning, .rubplanning-tree a.rubplanning { background: url(../rubrique_planning_16.png) 0 0 no-repeat; }
.rubplanning-tree span.rubplanningGrise, .rubplanning-tree a.rubplanningGrise { background: url(../rubrique_planning_grise_16.png) 0 0 no-repeat; color:#666666; }
.rubplanning-tree span.selectedItem { background-color: #EEF; }

/* Régime */
.regime-tree span.regime, .regime-tree a.regime { background: url(../regime16.png) 0 0 no-repeat; }

/* Arret Bus */
.arretBus-tree span.arretBus { background: url(../ArretBus16.png) 0 0 no-repeat; }



/* Pour l'objet O_TREEVIEW */ 
.treeview_conteneur{ position:relative !important;  margin:0 0 5px 0;}

.treeview_titre{width:100%;  height:25px;    line-height: 25px; display:inline-block; }
.treeview_titre button.button {height: 22px !important;width: 22px !important; margin:2px; outline:none;}
.treeview_titre .ui-button-icon-only .ui-icon {left: 50%;margin-left: -8px;}
.treeview_titre button.right{float:right;} 
.treeview_titre img {margin-left:10px;}

.treeview_titre button.button .ui-button-text { max-width: 100%;padding:0; }

.treeview_contenu{   
	font-size:0.8em;
	width: 100% !important;
	bottom: inherit !important;
	left: inherit !important;
	overflow: auto !important;
	position: relative !important;
	right: inherit !important;
	top: inherit !important;
}