body     { background: white; behavior: url(csshover.htc.php); }
    td       { background: white; font-size: small; }
    fieldset { padding: 7px; margin: 2px; border: 1px solid black;   -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    legend   { color: blue; font-weight: bold; }
    a        { color: black; }
    .ImgType { margin: 0px; padding: 0px; vertical-align: middle;}
    
    .table0   { padding: 0px; margin: 0px; border-spacing: 0px; border-collapse: collapse; table-layout: fixed; width: 156px;}
    .tr0      { padding: 1px; margin: 0px; }
    
    .td1-on   { background: #00ff00; height: 25px; width: 25px; border: 1px solid #aaffaa; vertical-align: middle; line-height: 25px; padding: 0px; margin: 0px; }
    .td1-off  { background: #ffffff; height: 25px; width: 25px; border: 1px solid white;   vertical-align: middle; line-height: 25px; padding: 0px; margin: 0px; }
    .td1-grey { background: #cccccc; height: 25px; width: 25px; border: 1px solid #999999; vertical-align: middle; line-height: 25px; padding: 0px; margin: 0px; }
    
    .td2-on      { height: 25px; border: 1px solid #aaffaa; vertical-align: middle; line-height: 25px; padding: 0px; margin: 0px; overflow: hidden; background: url('images/DegradeVert.png') no-repeat left; }
    .td2-off     { height: 25px; border: 1px solid white;   vertical-align: middle; line-height: 25px; padding: 0px; margin: 0px; overflow: hidden; }
    .td2-grey    { height: 25px; border: 1px solid #999999; vertical-align: middle; line-height: 25px; padding: 0px; margin: 0px; overflow: hidden; border-left: 1px solid #cccccc; background: #cccccc; }
    .td2-grey-on { height: 25px; border: 1px solid #999999; vertical-align: middle; line-height: 25px; padding: 0px; margin: 0px; overflow: hidden; border-left: 1px solid #cccccc; background: url('images/DegradeGris.png') no-repeat left; }
    
    .dimmerInput  { height: 30px; background: white; width: 40px; border: 1px solid black; margin: 0px;}
    .dimmerInput2 { height: 30px; background: #00ff00; width: 40px; border: 1px solid black; margin: 0px;}
    .dimmerTable  { border: 0px; margin: 0px; padding: 0px; }
    
    /*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/ 
    div.menu             { width: 150px; } 
    div.menu ul          { padding: 0; width: 150px; border: 0px solid; margin:0px; line-height: 25px; background: #dddddd;} 

    /*On positionne les elements du menu */ 
    div.menu ul li          { position:relative; list-style: none;  }
    div.menu ul ul          { position: absolute; top: 25px; left: 0px; text-align: left; padding-left: 10px;  margin:0px; margin-left: -10px;}
    div.menu ul ul.niveau2  { margin-top: -25px; }
    div.menu ul ul.niveau3  { position: absolute; top: 0px; left: -152px; text-align: left; padding-left: 10px;}
    div.menu li a           { text-decoration: none; }
              
    /*div.menu li.sousmenu { background: #dddddd; } */
    /*li.sousmenuDir { list-style-type: disc; }*/
    
    /* http://www.tuto-fr.com/tutoriaux/tutorial-menu-deroulant-css.php */

    /* On cache tous les sous menu avec la propriété display none */ 
    div.menu ul ul { position: absolute; top: 25px; left: 0px; display:none; background: #cccccc; border: 1px solid black;} 

    /*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */ 
    div.menu ul.niveau1 li.sousmenu:hover    ul.niveau2,
    div.menu ul.niveau1 li.sousmenuDir:hover ul.niveau2,    
    div.menu ul.niveau2 li.sousmenu:hover    ul.niveau3,
    div.menu ul.niveau2 li.sousmenuDir:hover ul.niveau3 { display:block; }
    
    .ScriptInput          { border: 0px; width: 140px; margin: 0px; padding: 5px; background: #cccccc; text-align: left; }
    .ScriptInput:hover    { border: 0px; width: 140px; margin: 0px; padding: 5px; background: #dddddd; text-align: left;}
    .ScriptInputDir       { border: 0px; width: 140px; margin: 0px; padding: 5px; background: #000000; text-align: left; color: #cccccc}
    .ScriptInputDir:hover { border: 0px; width: 140px; margin: 0px; padding: 5px; background: #000000; text-align: left; color: #dddddd}