div.tree{position: relative; padding-top: 5px; width:100%;overflow: auto;}
/*div.tree *{font: 1em verdana, comic sans ms, Arial, Helvetica, sans-serif; list-style-image: none; list-style: none; font-weight: normal; color:#000;}*/
/* reset */
div.tree ul,
div.tree li,
div.tree a,
div.tree span{
  font: 1rem arial, Helvetica, sans-serif;
  list-style-image: none;
  list-style: none;
  font-weight: normal;
  color:#000;
  padding : 0;
}

div.tree li{
  margin-left:10px;
  margin-bottom: 4px;
  border-top: 1px solid #d8d8d9;
  line-height:36px;
  width : 99%;
}

div.tree a:hover{
  color:#00f;
  text-decoration: underline;
  line-height:36px;
}

div.tree span{
  position: absolute;
  right: 40px; 
  text-align: right;
  line-height:36px;
}

div.tree span.download{
  right: 5px;
}

div.tree span.download a{
	text-decoration:none;
	display: block;
	width: 32px;
	line-height:36px;
	background: url(../images/arbo/download.png) no-repeat;
	background-size: 100% 100%;
}
div.tree a.directory {
  text-transform: uppercase; 
  font-weight:bold; 
  text-decoration:none;
}

div.tree ul.directory {
  display:none;
}

div.tree li img.icone-ext{
  width : 32px;
}

/* 07.11.2012 */
/*div.tree fieldset{border: none; background: #64A8D1; padding:0; color; #fff; border-radius: 5px;}
div.tree fieldset li {padding:0px; margin:0px;}
div.tree label{font-weight: bold; padding: 0;}*/

div.tree label{color: #000;font-weight:bold; width: 100px; height: 5%;}
div.tree legend{color: #fff; background-color: #0969A2; padding: 5px; border-radius: 0px 5px; font-weight:bold;} 
div.tree fieldset{background-color: #64A8D1; margin-bottom: 5px; color: #fff;}
div.tree fieldset{border:1px dotted; border: none; border-radius: 5px;}

/*div.tree ul{margin: 10px 0px;} /* a revoir */
/*
#c1{background: #0969A2;}
#c2{background: #245A7A;}
#c3{background: #03436A;}
#c4{background: #3D9AD1;}
#c5{background: #64A8D1;}

#c6{background: #FF8C00;}

#c9{background: #FFA940;}
#c10{background: #FFC073;}
*/


div.tree fieldset{
/*background: #FFC073; color: #fff; */
color: #000;
background-color: #FFA940; border-radius: 5px; padding: 5px; margin: 20px 0px 5px 0px;
}

div.tree legend{color: #000; 
background-color: #FF8C00;}


div.tree h2 {background-color: #FFA940; border-radius: 5px; padding: 5px;  margin : 0px 0px 20px 0px;}

div.infos h2{margin:0px; border-radius: 5px 5px 0px 0px; }
div.infos fieldset{margin:0px 0px 5px 0px; border-radius: 0px 0px 5px 5px ; background-color: #FFC073}
/*div.infos fieldset *{padding:0; margin:0;}*/
/*div.infos fieldset *{padding:0; margin:0;}*/

div.infos {margin: 20px 0px;}
div.infos label{padding-right:5px;}

@media all and (max-width: 700px) { 
  div.tree ul,
  div.tree li,
  div.tree a,
  div.tree span{
    font-size : 0.8rem; 
  }
  
  div.tree li img{
    width : 20px; 
  }
  
  div.tree li img.icone-ext{
    width : 16px; 
  }
}