body {
    margin:0; padding:0;

    background-color:#FaFFFa;
    color:#006633;
    font-size: 101%;
    font-family: Arial, Verdana, Geneva, helvetica, sans-serif;

    align: center;
}

/* ------ document-structure ---------- */

#wrapper {
    width: 990px;
    margin: 0 auto;

    position: relative;

min-height:700px;
}


#header {
    background: url('images/logo-hao.png') no-repeat;
    background-position: center;

    height: 131px; /* to fit image */
    border-bottom: 1px solid green;
    margin-bottom: 5px;
}

#navi {
    float: left;
    width: 170px;

    position: relative;

    background-color:#ddffd0;
    background: url('images/bg-navi.png') repeat-x repeat-y;

    min-height: 600px;
    height: auto !important;

    padding-top:1em;

    font-size: 90%;

    margin-bottom:25px;
}

#content {
    background-color:#ddffd0;

    padding:1em;
    margin-left: 180px;
    top: 0;

    width: 780px;

    margin-bottom:25px;
}

#footer {
    position: fixed; bottom:0; background:#f7f7f7; width:100%;

    text-align: center;

    margin-top: 5px;
    border-top: solid 1px green;
}

/* ------------------------------------ */

#header h1 {
    text-indent: -9999px;
}



#navi ul {
    margin-top:0px;
    margin-bottom:0px;

    list-style: none; padding:0; margin:0;
}

#navi li a {
    display: block;

    margin: 2px 5px;
    padding: 2px 4px;
    background-color: #c5d5cb;
}


#adresse {
    position: absolute;

    font-size: 80%;
    bottom: 2px;
}

#content p {
    text-align:justify;
}

#change_text_size {
    position: absolute;
    top:125px; right:5px;
    font-size: small;
}

#change_text_size ul li {
  display: inline;
  padding: 1px;
}


ul.hao {
    list-style-image:url(images/logo-li.gif);
    line-height:1.6em
}