#ulNavWizard {
  margin-left: 10px;
}

.navWizard li a em, h4 {
  font-size: 1em;
}
/* =15 */

.navWizard {
  margin: 10px;
  width: 100%;
  z-index: 1;
}

  div.dvcontent {    
  border-radius: 0.4em;
  border: 1px solid #aaaaaa;
  }

  .navWizard li {
    height: 69px;
    list-style: none;
    float: left;
    background-color: #EBEBEB;
    background-image: url(../../_charte/wizard/navBtn.gif);
    background-repeat: no-repeat;
    background-position: right top;
    padding-top: 2px;
    padding-left: 2px;
  }

    .navWizard li.current {
      background-color: #DBEAF9;
      background-image: url(../../_charte/wizard/navCurrentBtn.gif);
    }

    .navWizard li.lastDone {
      background-color: #3388DD;
      color: #FFFFFF;
      background-image: url(../../_charte/wizard/navLastDoneBtn.gif);
    }

    .navWizard li.done {
      background-color: #3388DD;
      color: #FFFFFF;
      background-image: url(../../_charte/wizard/navDoneBtn.gif);
    }

    .navWizard li a, .navWizard li a:link, .navWizard li a:visited, .navWizard li a:hover, .navWizard li a:active {
      color: #ccc;
    }

    .navWizard li.current a, .navWizard li.current a:link, .navWizard li.current a:visited, .navWizard li.current a:hover, .navWizard li.current a:active {
      color: #000;
    }

    .navWizard li.lastDone a, .navWizard li.lastDone a:link, .navWizard li.lastDone a:visited, .navWizard li.lastDone a:hover, .navWizard li.lastDone a:active, .navWizard li.done a, .navWizard li.done a:link, .navWizard li.done a:visited, .navWizard li.done a:hover, .navWizard li.done a:active {
      color: #fff;
    }

      .navWizard li.done a:hover, .navWizard li.lastDone a:hover {
        color: #FFFF99;
        cursor: pointer;
      }

    .navWizard li a em {
      width: 120px;
      display: block;
      margin: 6px 0 0 10px;
      font-style: normal;
      font-weight: bold;
    }

    .navWizard li a span {
      width: 110px;
      display: block;
      margin-left: 10px;
      font-weight: normal;
    }

    .navWizard li.mainNavNoBg {
      background-image: none;
    }

    .navWizard li a {
      height: 71px;
      display: block;
    }

  /* .navWizard.fiveStep */
  .navWizard.fiveStep li {
    width: 19%;
  }

  .navWizard.fiveStep li.mainNavNoBg {
      width: 19%;
    }

    .navWizard.fiveStep li a {
      width: 19%;
    }
  /*182*/

  /* .navWizard.fourStep */
  .navWizard.fourStep li {
    width: 24%;
  }
    /*227px */
    .navWizard.fourStep li.mainNavNoBg {
      width: 24%;
    }

    .navWizard.fourStep li a {
      width: 24%;
    }

  /* .navWizard.threeStep */
  .navWizard.threeStep li {
    width: 33%;
  }
    /*303*/
    .navWizard.threeStep li.mainNavNoBg {
      width: 33%;
    }
    /*304*/
    .navWizard.threeStep li a {
      width: 33%;
    }
  /*303*/

  /* .navWizard.twoStep */
  .navWizard.twoStep li {
    width: 455px;
  }

    .navWizard.twoStep li a {
      width: 455px;
    }

#wizardpanel {
  background-color: #F5F5F5;
  margin: 5px;
  display: none;
}

#wizardcontentwrap {
  margin: 10px;
  min-height: 250px;
  padding-top: 20px;
}

  #wizardcontentwrap INPUT, #wizardcontentwrap TEXTAREA, #wizardcontentwrap SELECT {
    width: 250px;
    display: inline;
  }

    #wizardcontentwrap INPUT[type=image] {
      width: auto;
      height: auto;
    }

    #wizardcontentwrap INPUT[type=radio], #wizardcontentwrap INPUT[type=checkbox] {
      width: 16px;
      height: 16px;
    }

  #wizardcontentwrap .left {
    float: left;
  }

  #wizardcontentwrap .right {
    float: right;
  }

  /*#wizardcontentwrap{ margin:auto; width:780px;}*/
  #wizardcontentwrap .col {
    width: 300px;
  }

  #wizardcontentwrap LABEL {
    margin: 5px;
    margin-left: 20px;
    width: 320px;
    display: inline-block;
    vertical-align: top;
  }

  #wizardcontentwrap .notLabelTitle LABEL {
    margin: 0px;
    width: auto;
    display: inline;
    font-weight: normal;
  }


#wizardcontent {
  margin: auto;
}

#wizard {
  margin: auto;
  width: 95%;
}

@media (max-width: 800px) {
  .navWizard li span {
    display: none;
  }

  .navWizard li {
    height: 25px;
    background-size: auto 30px;
    font-size: 1.6em;
  }
  /* .navWizard.fourStep */
  .navWizard.fourStep li {
    width: 23%;
  }
    /*227px */
    .navWizard.fourStep li.mainNavNoBg {
      width: 23%;
    }

    .navWizard.fourStep li a {
      width: 23%;
    }

     /* .navWizard.fiveStep */
  .navWizard.fiveStep li {
    width: 18%;
  }

  .navWizard.fiveStep li.mainNavNoBg {
      width: 18%;
    }

    .navWizard.fiveStep li a {
      width: 18%;
    }
  /*182*/

    .navWizard li.current {
      background-size: auto 30px;
    }

    .navWizard li.lastDone {
      background-size: auto 30px;
    }

    .navWizard li.done {
      background-size: auto 30px;
    }
}