body {
  background-color: transparent;
  background-attachment:fixed;
  background-image: url(zfiles/fond-1.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  margin: 0;
  padding: 0;
  text-align: center;
}

body, td {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 9pt;
}
img {border: none;}
h1 {font-size: 150%;}
h2 {font-size: 130%;}
h3 {font-size: 120%;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}

address {
    letter-spacing: 0px;
    font-style: normal;
}

a {
        font-family: arial, sans-serif;
        font-weight: bold;
        color: #11f;
        text-decoration: none ;
}

a:hover {
        color: #913;
        text-decoration: underline  ;
}


#page { 
  background-color: transparent;
  border-top: none;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  margin: 0 auto 0 auto;
  padding: 0 0 0 0;
  text-align: left;
}

#top {
  background-color: transparent;
  border-bottom: none;
  margin: 0 ;
  padding: 0 0 0 0;
}

#mid {
  background-image: url(deco/bg.png);
  border-bottom: none;
  margin:0 0 0 0;
  padding: 0 0 0 0;
}

#side {
  float: left;
  margin: 0;
  margin-top: 1px;
  padding: 0 0 0 8px;
}

#main {
  float: right;
  margin-top: 0;
  margin-left: 0;
  margin-right: 8px;
  padding: 0;
  text-align: justify;
}

#bot {
  border-bottom: none;
  background-image: url(deco/bgbb.png);
  background-repeat: no-repeat;
  font-size: 75%;
  text-align: center;
  margin: 0;
  padding: 0;
  
}

#top h1 {
  margin: 0;
  padding: 0 0 0 10px;
  color: #FFF;
  font-size: 10px;
}
#top h2 {
  margin: 0;
  padding: 0 0 0 10px;
  color: #000;
  font-size: 10px;
        }

/* Menu */
#side .zul {
  padding: 0;
  margin: 4px 1px 2px 1px;
  list-style: none;
        }

#side .zli1, .zli2, .zli3, .zli4 {
        background: url(deco/r0.png);
        background-repeat:no-repeat;
        background-position: 0 center;
        padding-left: 14px;
        text-decoration: none ;
        }

#side .zli1:hover, .zli2:hover, .zli3:hover, .zli4:hover {
        background-image: url(deco/r1.png);
        background-repeat:no-repeat;
        background-position: 0 center;
        padding-left: 14px;
        text-decoration: none ;
        }

#side .zli1 a, .zli2 a, .zli3 a, .zli4 a {
        color: #000;
        display: block;
        padding: 0 0 0 2px;
        }

#side .zli1 a:hover, .zli2 a:hover, .zli3 a:hover, .zli4 a:hover {
        background: #000;
        color: #fff;
        text-decoration: none ;
        }

#side .zon {
       background-image: url(deco/r1.png);
       background-repeat: no-repeat;
       background-position: 0 center;
       }

/* .zon a {
       background: #fff;
       } */

#side .zli1 {
        margin-left: 0;
        font-size: 12px;
}
#side .zli2 {
        margin-left: 10px;
        font-size: 10px;
}
#side .zli3 {
        margin-left: 20px;
        font-size: 9px;
}
#side .zli4 {
        margin-left: 30px;
}

/* styles zite */
#zadmin {
  border: 1px solid #ccc;
  background-color: #EEE;
  padding: 0 2px;
  margin: 0 0 0 0;
}
.ztable {
  border: 1px solid #CCC;
  background-color: #EEE;
  padding: 0 2px;
  margin: 5px 0;
  width: 100%;
}
.zalert {
  border: 1px solid #C00;
  background-color: #FEA;
  padding: 0 2px;
}


.zerr {
    border: 1px solid #C00;
    background-color: #FEA;
    padding: 0 1px;
}

.headcolor{background-color:#cccccc;}
.oddcolor{background-color:#dddddd;}
.evencolor{background-color:#eeeeee;}