body, html {
 height: 100%;
 margin: 0;
 padding: 0;
}

html {
 overflow: visible;
}
body {
 overflow: auto;
 background-color:#B0BCDF;
 font-family:Verdana, Arial, serif;
}

html > body {
 overflow: visible !important;
}

a:link, a:active, a:visited {
 color:#000;
}
a:hover {
 color:#611;
}

a:link img, a:active img, a:visited img {
 border-color:#000;
}
a:hover img {
 border-color:#611;
}

h1 {
 width:40%;
 margin:0 auto;
 padding:5px;
 background-color:#EFE;
 text-align:center;
 color:#116;
 font-family:Arial, Verdana, sans-serif;
 border:4px outset #000;
}

h3 {
 height:22px;
 margin-left:5%;
 padding-left:30px;
 background-image:url(.images/folder.open.gif);
 background-repeat:no-repeat;
}

hr {
 clear:both;
 display:none;
 padding-bottom:10px;
}

div.headg {
 float:left;
 text-align:left;
 padding-left:25px;
 width:50%;
}

div.headd {
 float:right;
 text-align:right;
 padding-right:25px;
}

p.list {
 margin-left:20px;
 margin-right:10px;
 margin-top:35px;
 text-align:left;
}

p.list a {
 padding-right:30px;
 line-height:170%;
 white-space:nowrap;
}

p.retour a {
 margin-left:20px;
 padding:2px;
 text-decoration:none;
 border:1px solid #D44;
 background-color:#CCE;
}

p.retour a:hover {
 border:1px solid #000;
}

ul {
 list-style:url(.images/folder.gif);
 font-size:16px;
}

ul li {
 padding-left:8px;
}

ul > li {
 padding-left:0;
}

em {
 font-size:14px;
 padding-left:20px;
 font-weight:normal;
}

span {
 color:#E22;
 font-weight:bold;
}

#mini {
 clear:both;
 position:absolute;
 top:28%;
 left:7px;
 text-align:right;
}

p[id=mini]  {
 position:fixed!important;
}

#mini img {
 border:2px solid #000;
}

#img {
 text-align:center;
 font-weight:bold;
 clear:both;
}

#img img {
 border:none;
 max-width:95%;
}