body {
  font-family:      Arial, Helvetica;
  font-size:        12px;
  background-color: white;
  margin:           2px;
  vertical-align:   top;
  font-family:      Arial, helvetica;
  font-size:        12px;
}

/** {
  font-family:      Arial, helvetica;
  font-size:        12px;
}*/
code {
  font-family:      Courier;
  font-size:        11px;
}

pre,select,input,textarea{
  font-family:      Arial, Helvetica;
  font-size:        12px;
}

h1 {
  font-family:      Verdana, helvetica;
  font-size:        22px;
  margin-bottom:    0px;
  margin-top:       0px;
  text-align:       center;
  font-weight:      bold;
}
h2 {
  font-family:      Verdana, helvetica;
  font-size:        18px;
  padding-bottom:    6px;
  padding-top:       12px;
  text-align:       center;
  font-weight:      bold;
}
h3 {
  font-family:      Verdana, helvetica;
  font-size:        16px;
  padding-bottom:    4px;
  padding-top:       8px;
  text-align:       center;
  font-weight:      bold;
}
h4 {
  font-family:      Arial, Helvetica;
  font-size:        13px;
  padding-bottom:    4px;
  padding-top:       1px;
  text-align:       center;
  font-weight:      bold;
}
h5 {
  font-family:      Arial, Helvetica;
  font-size:        12px;
  padding-bottom:    1px;
  padding-top:       1px;
  text-align:       center;
  font-weight:      bold;
}
table.layouttable {
  border:           none;
  margin:           0;
  border-spacing:   0;
}
table.layouttable > td {
  font-family:      Arial, Helvetica;
  font-size:        12px;
  padding:          0px;
}
table.mainlayouttable{
  border:           none;
  margin:           0px;
  border-spacing:   0px;
  background-color: yellow;
}
table.pairlayouttable {
  border:           none;
  margin:           2px;
  border-spacing:   0px;
}
table.pairlayouttable > td {
  font-family:      Arial, Helvetica;
  font-size:        12px;
  padding:          0px;
}
table.pairlayouttable > td:first-child {
  font-family:      Arial, Helvetica;
  font-size:        12px;
  padding:          0;
  font-weight:      bold;
  text-align:       right;
}
table {
  margin:           2px;
  padding:          0px;
  border-spacing:   1px;
  border:           2px solid #6A6Ac1;
}
th {
  font-family:      Arial, Helvetica;
  font-size:        12px;
  border:           1px solid #bcadff;
  background:       url( th.png ) repeat-x;
  color:            black;
  font-weight:      bold;
  text-align:       left;
  vertical-align:   middle;
  margin:           0px;
  padding:          0px;
}
td {
  font-family:      Arial, Helvetica;
  font-size:        12px;
  margin:           1px;
  padding:          0px;
  vertical-align:   top;
  text-align:       left;
}
.list1 {
  font-family:      Arial, Helvetica;
  font-size:        12px;
  padding-left:     2px;
  padding-right:    2px;
  vertical-align:   middle;
  background-color: #F5F5FF;
}
.list2 {
  font-family:      Arial, Helvetica;
  font-size:        12px;
  padding-left:     2px;
  padding-right:    2px;
  vertical-align:   middle;
  background-color: #EEEEFF;
}
td.highlight {
  font-family:      Arial, Helvetica;
  font-size:        12px;
  vertical-align:   middle;
  background-color: #FFFF88;
  font-weight:      bold;
}
td.footer {
  font-family:      Arial, Helvetica;
  font-size:        12px;
  color:            black;
  text-align:       right;
  font-weight:      bold;
  border:           1px solid #bcadff;
  background:       url( footer.png ) left bottom repeat-x;
}
p {
  font-family:    Arial, Helvetica;
  font-size:      12px;
  text-indent:    6px;
  text-align:     justify;
  padding:        0px;
  padding-top:    4px;
  margin:         0px;
}
span.highlight {
  background-color: #FFFF88;
}
a:link { text-decoration: none; color: #4400BB; }
a:visited { text-decoration: none; color: #4400BB; }
a:hover { background: #0000BB; color: white; }
th a:link { color: white; }
th a:visited { color: #FFDDDD; }
th.menu a:link { color: #4400BB; }
th.menu a:visited { color: #4400BB; }
.dialog {
  background-color: white;
  position:         absolute;
  display:          none;
}
hr {
  margin:           1px;
  border:           1px solid #9999FF;
}
.stackpanel {
  display:          none;
}
.calendarcontainer {
  border: none;
  position: relative;
  width: 161px;
  height: 315px;
}
.calendarotherday {
  border: 1px solid black;
  position: absolute;
  width: 19px;
  height: 13px;
  text-align:center;
  font-family: arial;
  font-size: 10px;
  color: #888888;
  clip: rect(0,21px,15px,0);
}
.calendarday {
  border: 1px solid black;
  position: absolute;
  width: 19px;
  height: 13px;
  text-align:center;
  font-family: arial;
  font-size: 10px;
  color: #000088;
  clip: rect(0,21px,15px,0);
}

.input
{
  border: 1px solid #2426A8;
  width: 100px;
}

.input2
{
  border: 1px solid #2426A8;
  height: 15px;
  font-size:10px;
}

.calendarselectday {
  border: 2px solid red;
  position: absolute;
  width: 17px;
  height: 11px;
  text-align:center;
  font-family: arial;
  font-size: 8px;
  clip: rect(0,21px,15px,0);
}
form {
  margin: 0px;
}
a.button {
  border: 1px solid #999999;
  height: 14px;
  margin: 1px;
  margin-bottom: 0px;
  display: inline-block;
  padding: 0px;
  padding-left: 2px;
  padding-right: 2px;
  font-family: Arial;
  color: black;
  background: url( button.png );
}
a.button:visited {
  color: black;
}
fieldset {
  border: 1px solid #6a6ac1;
  padding: 1px 3px 3px 3px;
  margin: 2px;
  text-align: justify;
}
fieldset legend {
  border: 1px solid #6a6ac1;
  padding: 0px 4px 0px 4px;
  background: #ffff77;
  color: #0000B0;
  font-weight: bold;
  font-style: italic;
}
div.footer {
  border: 1px solid #6a6ac1;
  background: #dbdbff;
  padding: 0px 1px 0px 1px;
  bottom: -10px;
  right: 5px;
  text-align: right;
  font-weight: bold;
}
.info {
  padding-left: 17px;
  background: url('img/info.gif') 3px 3px no-repeat #ffff77;
}
.warn {
  padding-left: 17px;
  background: url('img/warn.gif') 3px 3px no-repeat #ffff77;
}
.lock {
  padding-left: 17px;
  background: url('img/lock.gif') 3px 3px no-repeat #ffff77;
}
.error {
  padding-left: 17px;
  background: url('img/no.gif') 3px 3px no-repeat #ffff77;
}
.write {
  padding-left: 17px;
  background: url('img/write.gif') 3px 3px no-repeat #ffff77;
}
.custom {
  padding-left: 17px;
  background: 3px 3px no-repeat #ffff77;
}

.zoneResultats
{
  border: 1px solid #000;
  background-color: #fff;
  display: block;
  overflow:auto;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 240px;
  margin-top:15px;
}


.zoneResultats div a
{
  display: block;
  padding: 0px;
  text-decoration: none;
  color: #000000;
}

.zoneResultats div li
{
  list-style-type:none;
  display: block;
  padding: 0px;
  text-decoration: none;
  color: #000000;
}

.zoneResultats div a:hover
{
  background-color: #6A6AC1;
}

.menu1
{
  border-bottom:solid 1px black ;
  padding-top:5px ;
  padding-bottom:5px
}

.onglet
{
   border:solid 1px black ;
   border-bottom:solid 1px white ; 
   margin:5px 5px 0px 5px ;
   padding:4px 4px 4px 4px ;
   background-color:white
}

a.onglet
{
  background-color:#E7E4E4 ;
  text-decoration:none
}

.onglet-actif
{ 
   border:solid 1px black ;
   border-bottom:solid 2px white ;
   margin:5px 5px 0px 5px ;
   padding:4px 4px 4px 4px ; 
   background-color:white
}

.label
{
  border: 1px solid #000;
  background-color: #F9FF84;
  overflow:auto;
  margin: 0;
  padding: 0;
  position: absolute;
  display:none;

}
.employeeSelectorPopup {
  position: absolute;
  display: none;
  border: 1px solid black;
  overflow: auto;
  background: white;
  margin-top: 20px;
  z-index: 10;
}
.eslist0 {
  font-family:      Arial, Helvetica;
  font-size:        10px;
  padding:          0px;
  vertical-align:   middle;
  background-color: #F5F5FF;
  text-align:       left;
  cursor:           pointer;
}
.eslist1 {
  font-family:      Arial, Helvetica;
  font-size:        10px;
  padding:          0px;
  vertical-align:   middle;
  background-color: #EEEEFF;
  text-align:       left;
  cursor:           pointer;
}
.esselected {
  font-family:      Arial, Helvetica;
  font-size:        10px;
  padding:          0px;
  vertical-align:   middle;
  background-color: #5555FF;
  text-align:       left;
  color:            white;
  cursor:           pointer;
}
.siteSelectorPopup {
  position: absolute;
  display: none;
  border: 1px solid black;
  overflow: auto;
  background: white;
  margin-top: 20px;
  z-index: 10;
}
.sslist0 {
  font-family:      Arial, Helvetica;
  font-size:        10px;
  padding:          0px;
  vertical-align:   middle;
  background-color: #F5F5FF;
  text-align:       left;
  cursor:           pointer;
}
.sslist1 {
  font-family:      Arial, Helvetica;
  font-size:        10px;
  padding:          0px;
  vertical-align:   middle;
  background-color: #EEEEFF;
  text-align:       left;
  cursor:           pointer;
}
.ssselected {
  font-family:      Arial, Helvetica;
  font-size:        10px;
  padding:          0px;
  vertical-align:   middle;
  background-color: #5555FF;
  text-align:       left;
  color:            white;
  cursor:           pointer;
}
.menu ul {
  padding: 0px;
  margin: 0px;
}
.menu li {
  padding: 0px;
  padding-left: 10px;
  margin: 0px;
  list-style-type: none;
}
.menu li {
  font-size:      13px;
  line-height:    20px;
  font-weight:    bold;
  width:          200px;
  background:     url( title1.png ) top right no-repeat;
  margin-bottom:  2px;
}
.menu li.selected {
  background:   url( title1-selected.png ) top right no-repeat;
  color:        white;
}
.menu li li {
  font-size:    12px;
  line-height:  17px;
  font-weight:  normal;
  width:        170px;
  background:   #EEEEEE;
}
.menu li li.selected {
  background:   #4444ff;
  color:        white;
}
li.selected a {
  color:        white;
}
li.selected a:visited {
  color:        white;
}
li.selected li a:visited {
  color:        #4400BB;
}
li.selected li a:link {
  color:        #4400BB;
}
.menu li li li {
  background:   #F3F3F3;
  font-size:12px;
  line-height:  16px;
  font-style: italic;
}