html, body { height: 100%;  }

html{
    font-size: 100%;
}
h1 { display:none; }
body {
    background-color : #FFFFFF; color : #35209c;
    text-align: left;
    font: 1em/1.4em sans-serif;
}

#logo {
    background-color : #FFFFFF; color : #35209c;
    background: url('images/logo.png');
    background-repeat:  no-repeat;
    background-position: top;
    width:80px;
    height:33px;
    position:absolute;
    top:0em;
    margin:0;
    bottom:0.5em;
    right:0em;
    z-index:20;
}

p {
    text-align: justify;
    padding-right: 1.5em;
    text-indent: 1em;
}

img {
    border: 0em;
}

.banner li {
    display: inline;
}

.banner li img {
    border-bottom-width : 0; border-left-width : 0; border-right-width : 0; border-top-width : 0;
}

.banner {
    background-color : #ffffff; list-style-type : none;
}
#content {
position:relative;
padding-top:1em;
padding-bottom: 5em;
}

#table-of-contents ul {
    list-style: none; 
    margin: 0.1em 0.2em 0.1em 2em ; 
    padding: 0.1em;
}
#table-of-contents ul li {
    margin: 0.1em 0.1em 0.1em 1em ; 
    padding: 0.1em;
}
h2 {
    background-color : #E0E0F0;
    background: url('images/fond_header.png');
    margin-left:1em;
    padding:0.1em;
}

h3 {
    background-color : #D0D0F0;
    background: url('images/fond_header2.png');
    margin-left:2em;
}

h4 {
    background-color : #C0C0E0;
    margin-left:3em;
}

a,a:visited {
    text-decoration: none;
    color : #05a0ac;
    padding: 0.2em;
    padding-bottom: 0em;
    border-radius: 8px 8px 8px 8px;
    -moz-transition: all 0.2s ease-out;
    outline: none;
}

a:hover {
    background-color: rgb(155, 155, 255);
    color: #1F1F3F;
    outline: none;
}

a:active {
    outline: none;
}

.menu,#title {
    text-align:left;
    margin:0em;
    font-size:0.7em;
    white-space:nowrap;
}

.menu {
   width:100%;
   top:80px;
   left:0em;
   padding-bottom:0em;
   z-index:5;
   background: #FFFFFF url('images/fond_menu.png');
   background-position: bottom;
   background-repeat: repeat-x;
   vertical-align: top;
}

.menu a {
    vertical-align: top;
    font-size: 1.5em;
    -moz-transition: all 0.5s ease-out;
}

.menu a:hover {
    text-decoration: underline;
    background-color: rgb(155, 155, 255);
    border-radius: 8px 8px 0px 0px;
    text-shadow: 2px 2px 2px #00A0F0;
}

.src {
    background: #C0F0C0 url('images/fond_code.png');
}

#title {
    top:0.5em;
    right:4em;
    z-index:10;
    border:1px;
    font-size: 1.5em;
}

#postamble {
    font-size: 0.7em;
    clear: both;
    position: relative;
    z-index: 10;
    height: 3em;
    bottom:6em;
}

#container {
    position: fixed;
    overflow:auto;
    bottom:0;
    top:2.5em;
    right:0;
    width:100%;
    height:auto;}

.hidden {
    visibility:hidden;
    display:none;
}

.tag {
    background-color: #E0E0E0;
    border-radius: 0.25em 0em 0.25em 0em;
    padding: 0.25em;
}