body {
 font-family: Arial, Time, Garamond;
 color: black;
 margin: .5em;
}

div.upbox {
 margin: 0% 10%;
}

div.downbox {
 margin: 1% 10%;
}

div.leftbox {
 position: absolute;
 top: 7em;
 left: .3em;
 width: 149px;
}

div.upbox {
 margin: 0% 10%;
}

div.downbox {
 margin: 1% 10%;
}

.logobox {
 float: left;
}

div.rightbox {
 position: inherit; /*this can not be relative, absolute or unspecifed*/
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 150px;
 border: thin groove #ff9;
 border-right: 0;
}

div.disconnect {
 float: right;
}

a.nav:hover {
 background-color : silver;
 color : red;
}

a.dossier:hover{
 background-color: #559;
 color: white;
}

a.dossier {
 text-decoration: none;
 font-family: courier,monospace;
 background-color: #eee;
 color: black;
 white-space: nowrap;
}


a.columnheader:hover{
 background-color: #559;
 color: white;
}

a.columnheader {
 text-decoration: none;
 background-color: #eee;
 color: black;
 white-space: nowrap;
}

a.listitem {
 background-color: #eee;
 text-decoration: none;
 white-space: nowrap;
}

a.listitem:hover {
 background-color: #559;
 color: white;
}

a.selecteditem {
 white-space: nowrap;
 text-decoration: none;
 float: left; /* this highlights the item; do not edit */
 background-color: #559;
 color: white;
}

span.blockspan {
 display: block;
 float: left;
 overflow: hidden;
 margin-right: .5em;
}

span.blockspan:hover{
 background-color: #559;
 color: white;
}

a.log {
 text-decoration: none;
 background-color: #eee;
 color: black;
}

a.log:hover{
 background-color: #559;
 color: white;
}

a.onglet {
 border: thin solid #559;
 text-decoration: none;
 background-color: #eee;
 color: black;
 margin : .2em .1em;
 padding : 0 .1em;
}

a.onglet:hover{
 background-color: #559;
 color: white;
}

a.subonglet {
 border: thin solid #559;
 text-decoration: none;
 background-color: #ff9;
 color: black;
 margin : .1em;
 padding : 0 .1em;
 font-size : smaller;
}

a.subonglet:hover{
 background-color: #559;
 color: white;
}

a.selected{
 text-decoration: none;
 background-color: #559;
 color: white;
 font-size: 110%;
 margin : .2em;
 padding : .1em .2em;
}

h1, h2, h3, h4, h5 {
 margin: .4em 0;
 padding: 0;
}

div.container {
 margin: .1em;
 padding: 0;
 white-space: nowrap;
}

div.spacer {
 clear : both;
 margin: 0;
 padding: 0;
}

p.headerliste {
 white-space: nowrap;
 margin : .5em;
 padding: 0;
}

p {
 margin: .5em;
 padding: 0;
}

h1 {
 text-align: center; 
 background-image: url(http://marica.fr/images/h1.gif);
 background-repeat: repeat-x;
 font-size: xx-large;
 color:#494949;
 padding: 5px;
 margin: 0;
 border-bottom: thin solid #888;
}

h2 {
 font-size: x-large;
 color: #A08E6B;
}

h3 {
 font-size: large;
}

h4 {
 font-size: medium;
}
h5 {
 font-style: italic;
 font-size: x-small;
}


a.big { 
 color:#fff;
 font-size: 26px;
 background-color:#069;
 text-decoration: none;
 padding:10px
}

li.log {
 list-style: none;
 margin: .2em;
}

.warning {
 padding: 30px;
 color: red;
 background-color: aqua;
}

dt {
 font-weight: bold;
}

.classic {
 background-color: silver;
 color: black;
}

.submit {
 background-color: #ff9;	
 margin: 2px;
 padding: 5px;
}

th {
 border: thin solid #ddd;
}

pre {
 margin-left: .5em;	
}