/* Pour creer automatiquement un treeview, creer  la structure suivante

<div class="treeViewList treeview">
	<h3>Something</h3>
	<ul>
		<li><span>Produits</span>
			<ul>
				<li>Ballons</li>
				<li>Raquettes</li>
			</ul>
		</li>						
		<li><span>Couleurs</span>
			<ul>
				<li>Jaune</li>
				<li>Vert</li>
			</ul>
		</li>						
	</ul>			
</div>
*/

div.treeViewList 
{
	margin-bottom:1em;
}
div.treeViewList ul,
div.treeViewList li
{
	margin:0;
	padding:0;
	border:0;
	display:block;
	background:none;
}
 
div.treeViewList li {
	clear:both;
	/*cursor:pointer;	*/
}

.hitarea {
	background:url(../images/liNav.gif) no-repeat -20px 2px;
	cursor:pointer;
	float:left;
	height:16px;
	width:10px;
}

div.treeViewList li .hitarea {	
	line-height:100%;
	padding:1em 0.5em 0 1em;
}

div.treeViewList li.expandable,
div.treeViewList li.collapsable {	
	margin-bottom:0.5em;
	overflow:hidden;
	background:transparent;	
}

div.treeViewList li.expandable ul,
div.treeViewList li.collapsable ul {	
	overflow:hidden;
}

div.treeview li .expandable-hitarea	{
	background-position:-20px 3px;
}
div.treeview li .collapsable-hitarea	{
	background-position:0px -17px;
}


div.treeViewList li .expandable-hitarea	{
	background-position:-12px 10px;
}

div.treeViewList li .collapsable-hitarea	{
	background-position:8px -10px;
}

div.treeViewList .titreCategorieTreeView {
	margin:0;
	padding:0;
	border:0;	
	display:block;	
	color:#223d67;
	font-family:Georgia, serif;
	font-size:1.27em;
	margin-top:0.5em;
	margin-left:27px;
	padding-bottom:0.5em;
	cursor:pointer;
	/*background-color:#F0F0F0;*/
	/*float:left;*/
}

div.treeViewList .titreCategorieTreeViewSec {
	float:right;
	padding:5px;
}

div.treeViewList li ul {
	clear:both;
	float:none;
	background:#fff;
}

div.treeViewList li ul li,
div.treeViewList li ul.ListeLiensAncres li {
	margin-left:3.5em;		
}

div.treeViewList li ul li.expandable, 
div.treeViewList li ul li.collapsable
{
	margin-left:2em;
}

div.treeViewList li ul li .hitarea
{	
	margin:0;
	padding:0;
	border:0;
	display:block;
	line-height:100%;
	background-color:transparent;
	margin-right:0.3em;
}

div.treeViewList li ul li .expandable-hitarea	{
	background-position:-17px 1px;	
}

div.treeViewList li ul li .collapsable-hitarea	{
	background-position:3px -19px;
}


div.treeViewCouleur li.expandable, 
div.treeViewCouleur li.collapsable {
	background:#e7e7e7;
}

/*div#ListeSeancesRecentes li.expandable,
div#ListeSeancesRecentes li.collapsable{
    background:none;
}*/



div.treeViewCouleur li li.expandable, 
div.treeViewCouleur li li.collapsable {
	background:#fff;
}


div.treeViewCompact span.titreCategorieTreeView
{
	font-size:inherit;
	font-family:inherit;	
}
div.treeViewCompact li .expandable-hitarea 
{
	background-position:-19px 9px;
}
div.treeViewCompact li .collapsable-hitarea	{
	background-position:1px -11px;
}
div.treeViewCompact li .hitarea {	
	padding:4px 0.5em 0 0;
	width:12px;
}
div.treeViewCompact li.expandable,
div.treeViewCompact li.collapsable {	
	margin:0;
	padding:0;
}

div.treeViewCompact .titreCategorieTreeView {
	padding-bottom:0;
	margin-left:0;
}

div.btnAfficherCacherTout
{
	/*float:right;*/
	padding-left:1em;
	cursor:pointer;
	margin-bottom:0.7em;
	background:transparent url(../Images/icoSignePlus.gif) no-repeat scroll left 0.3em;	
	margin-top:1em;
}

div.listeEclatee
{
	background:transparent url(../Images/icoSigneMoins.gif) no-repeat scroll left 0.3em;	
}

div.treeViewDoubleEntete .titreCategorieTreeView
{
	float:left;
	margin-left:0;
}

/* Pour les listes imbriquees dans un treeview  */

div.treeViewList ul li ul.stopTreeView .hitarea {display:none;}
div.treeViewList ul li ul.stopTreeView ul {display:block !important;}
div.treeViewList ul li ul.stopTreeView, div.treeViewList ul li ul.stopTreeView li {margin-left:0;background-image:inherit;}
div.treeViewList ul li ul.stopTreeView {margin-left:3.5em}
div.treeViewList ul li ul.stopTreeView ul.listeIconesHorizontale {background:none;margin:0;overflow:hidden;padding:0;}
div.treeViewList ul li ul.stopTreeView ul.listeIconesHorizontale li{background-position:0 3px;background-repeat:no-repeat;float:left;list-style-type:none;margin:0 1em 0 0;padding:0 0 0 14px;clear:none;background-image:inherit}
div.treeViewList ul li ul.stopTreeView ul li.icoExcel {background-image:url(../Images/icoExcel.gif);}
div.treeViewList ul li ul.stopTreeView ul li.icoWord {background-image:url(../Images/icoWord.gif);}
div.treeViewList ul li ul.stopTreeView ul li.icoPowerPoint {background-image:url(../Images/icoPowerPoint.gif);}
div.treeViewList ul li ul.stopTreeView ul li.icoImprimer {background-image:url(../Images/icoImprimante.gif);}
div.treeViewList ul li ul.stopTreeView ul li.icoEnDirect {background-image:url(../Images/icoEnDirect.gif);}
div.treeViewList ul li ul.stopTreeView ul li.icoEnDirectInactif {background-image:url(../Images/icoEnDirectInactif.gif);}
div.treeViewList ul li ul.stopTreeView ul li.icoHTML {background-image:url(../Images/icoDocHtml.gif);}
div.treeViewList ul li ul.stopTreeView ul li.icoImage {background-image:url(../Images/icoImage.gif);}
div.treeViewList ul li ul.stopTreeView ul li.icoVideo {background-image:url(../Images/icoVideo.gif);}
div.treeViewList ul li ul.stopTreeView ul li.icoPDF {background-image:url(../Images/icoPDF.gif);}
div.treeViewList ul li ul.stopTreeView ul li.icoAudio {background-image:url(../Images/icoAudio.gif);}
div.treeViewList ul li ul.stopTreeView ul li.icoDiagramme {background-image:url(../Images/icoDiagramme.gif);}
div.treeViewList ul li ul.stopTreeView ul li.icoHTMLInactif {background-image:url(../Images/icoDocHtmlInactif.gif);}
div.treeViewList ul li ul.stopTreeView ul li.icoCommuniqueInactif {background-image:url(../Images/icoCommuniqueInactif.gif);}
div.treeViewList ul li ul.stopTreeView ul li.icoCommunique {background-image:url(../Images/icoCommunique.gif);}
div.treeViewList ul li ul.stopTreeView ul li.icoPDFInactif {background-image:url(../Images/icoPDFInactif.gif);}
div.treeViewList ul li ul.stopTreeView ul li.icoLienExterne {background-image:url(../Images/icoLienExterne.gif);}
div.treeViewList ul li ul.stopTreeView ul li.icoPartage {background-image:url(../Images/icoPartage.gif);}
div.treeViewList ul li ul.stopTreeView ul li.icoPopup {background-image:url(../Images/icoPopup.gif);}