/*https://www.thecssninja.com/css/css-tree-menu*/
*, html { font-family: Candara,Tahoma, Calibri, Verdana,Arial,Times,"Trebuchet MS",  sans-serif; }

body, form, ul, li, p, h1, h2, h3, h4, h5
{
margin: 0;
padding: 0;
}

img { border: none; }

p
{
font-size: 1.2em;
margin: 0 0 1em 0;
}

html { font-size: 100%; /* IE hack */ }
body { 
font-size: 1em; /* Sets base font size to 16px */ 
/*background: linear-gradient(to bottom,#E7E7E7,#E7E7E7);*/
background: #FFF;
}
table { font-size: 100%; /* IE hack */ }
input, select, textarea, th, td { font-size: 1em; }
select { border:0px;outline:0px;background-color:transparent;box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.1); }
/* CSS Tree menu styles */
ol.tree
{
padding: 0 0 0 30px;
width: 224px;
}
li 
{ 
position: relative; 
margin-left: -15px;
list-style: none;
}
li.file
{
margin-left: -1px !important;
}
li.dimension a
{
background: url(../img/neutre.gif) 1 0 no-repeat;
color: #000;
padding-left: 24px;
      padding-top:0px;
      padding-bottom: 1px;
      line-height:0.7em;
text-decoration: none;
      text-align:absmiddle;
display: block;
}
    li.calcul a
{
background: url(../img/neutre.gif) 1 0 no-repeat;
    color: #000;
padding-left: 24px;
      padding-top:0px;
      padding-bottom: 1px;
      line-height:0.7em;
text-decoration: none;
      text-align:absmiddle;
display: block;
}
    
    li.filtre a
{
background: url(../img/neutre.gif) 1 0 no-repeat;
color: #000;
padding-left: 24px;
      padding-top:0px;
      padding-bottom: 1px;
      line-height:0.7em;
text-decoration: none;
      text-align:absmiddle;
display: block;
}
    
    li.ocf a
{
background: url(../img/document.png) 1 0 no-repeat;
    color: #000;
padding-left: 24px;
      padding-top:0px;
      padding-bottom: 1px;
      line-height:0.7em;
text-decoration: none;
      text-align:absmiddle;
display: block;
}
    
li input
{
position: absolute;
left: 0;
margin-left: 0;
opacity: 0;
z-index: 2;
cursor: pointer;
height: 1em;
width: 1em;
top: 0;
}
li input + ol
{
/*background: url(../img/toggle-small-expand.png) 40px 0 no-repeat; */
background: url(../img/pixel16.gif) 40px 0 no-repeat;
margin: -1.111em 0 0 -44px; /* 15px */
height: 1em;
}
li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }

.root_folder{
//background: url(../img/folder-root.png) 14px 3px no-repeat;
}

.normal_folder{
background: url(../img/folder-horizontal.png) 14px 3px no-repeat;
}
.static_folder{
background: url(../img/folder-horizontal_bleu.png) 14px 3px no-repeat;
filter: grayscale(100%);
}
.dynamic_folder{
//background: url(../img/folder-horizontal_green.png) 14px 3px no-repeat;
background: url(../img/folder-horizontal_bleu.png) 14px 3px no-repeat;
filter: grayscale(100%);
}

.calculation_folder{
background: url(../img/folder-horizontal_white.png) 14px 3px no-repeat;
filter: grayscale(100%);
}

.filter_folder{
background: url(../img/folder-horizontal.png) 14px 3px no-repeat;
filter: grayscale(100%);
}
.sql_folder{
background: url(../img/folder-horizontal_grey.png) 14px 3px no-repeat;
filter: grayscale(100%);
}

.rtf_folder{
background: url(../img/folder-horizontal_white.png) 14px 3px no-repeat;
filter: grayscale(100%);
}

.rps_folder{
background: url(../img/folder-horizontal_white.png) 14px 3px no-repeat;
filter: grayscale(100%);
}


li label 
{
//background: url(../img/folder-horizontal_grey.png) 14px 3px no-repeat;
cursor: pointer;
display: block;
padding-left: 37px;
    margin-top: 0px;
}

li input:checked + ol
{
/*background: url(../img/toggle-small.png) 40px 5px no-repeat;*/
background: url(../img/pixel16.gif) 40px 0 no-repeat;
margin: -1.25em 0 0 -44px; /* 20px */
padding: 1.563em 0 0 80px;
height: auto;
}
li input:checked + ol > li { display: block; margin: 0 0 0.125em;  /* 2px */}
li input:checked + ol > li:last-child { margin: 0 0 0.063em; /* 1px */ }



.mytooltip {
    position: relative;
    display: inline-block;
}

.mytooltip .mytooltiptext {
    visibility: inline;
    width: 200px;
    height:auto;
    font-family: Candara,Calibri,Verdana,Tahoma,"Trebuchet MS",  Arial, Times,sans-serif;
    font-size:1.2em;
    background-color: transparent;
    color: black;
    text-align: left;
    border-radius: 9px;
    padding: 8px 6px;
    border:solid 0px silver;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}



.textecourant
{
 font-family: Candara, Verdana,"Trebuchet MS",  Arial, Times,Tahoma, sans-serif;
 FONT-SIZE: 14px;
 text-decoration: none;
 color: black;
 font-size-adjust: inherit;
 margin:0px;
}

a.textecourant:visited{
 FONT-SIZE: 14px;
 font-family: Candara, Verdana,"Trebuchet MS",  Arial, Times,Tahoma, sans-serif;
 text-decoration: none;
 color: black;
 margin:0px;
 font-size-adjust: inherit; }
a.textecourant:active{
 FONT-SIZE: 14px;
 font-family: Candara, Verdana,"Trebuchet MS",  Arial, Times,Tahoma, sans-serif;
 text-decoration: none;
 color: black;
 margin:0px;
 font-size-adjust: inherit;
}

a.textecourant:hover{
 font-family: Candara, Verdana,"Trebuchet MS",  Arial, Times,Tahoma, sans-serif;
 FONT-SIZE: 14px;
 text-decoration: none;
 color: darkred;
 margin:0px;
 font-size-adjust: inherit;
}



a.tip {
    border-bottom: 0px dashed;
    text-decoration: none
}
a.tip:hover {
    cursor: pointer;
    position: relative
}
a.tip span {
    display: none
}
a.tip:hover span {
    border: darkslategrey 1px solid;
    padding: 12px 12px 12px 24px;
    border-radius:0px;
    display: block;
    z-index: 100;
    left: 72px;
    margin: 12px;
    width: 640px;
    position: absolute;
    top: -72px;
    text-decoration: none;
    background-color:snow;
    font-size:medium;
}

/*utilisé sur atelier.php*/
  
  .myplaceholder {
  color: #BBB;
  font-size:14px;
  letter-spacing:0.2em;
  font-weight:bold;
  filter: grayscale(100%);
  }
  
  .bricktext {
  font-size:14px;
  font-weight:bold;
  letter-spacing:0em;
  word-break:none;
  white-space:nowrap;
  display: inline-block;
  line-height:1em;
  cursor:pointer;
  filter: grayscale(100%);
  }