/* Adapted from Carl Herrmann */

body, table, td { 
font-family: Verdana;
font-size: 9pt; 
bottom: 5px; 
line-height: 1.7em; 
text-align:justify; 
margin-right: 5%; margin-left: 5%; 
}


h1 { 
font-family:Verdana; 
font-weight: bold; 
color: #AD1448;
}


a { color: #CC6600;}

H2,H3,i
{
color: #CC6600;
}

hr {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

h2 { 
font-family: Verdana; 
}

hr,h1,h2 {
margin-left: 0%
}

h1.title {
padding: 1em;
background-color: #333;
color: #FFFFFF;
text-align: center;
}

h1.subtitle {
padding: 5px;
background-color: #333;
color: #FFFFFF;
text-align: left;
font-size: 12pt; 

}

pre {
font-family:Courrier New; 
font-size:9pt;
line-height:1em; 
}

.pre {
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 2em;
padding-right: 2em;
border: 1px dashed #2f6fab;
background-color: #d8d8d8;
}

.exo {

padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 2em;
padding-right: 2em;
background-color: #CC6633;
color: #FFFFFF;
}

.attention {
color: #6B0909;
font-size: larger;
padding:1em;
background-color: #F78181;
border: 7px solid #B40404;
margin-right: 5%;
margin-left: 5%;
}  
p.attention {
padding:1em;
background-color: #F78181;
border: 7px solid #B40404;
margin-right: 5%;
margin-left: 5%;
}

tt {
background-color: #d8d8d8;
padding-top: 0.2em;
padding-bottom: 0.2em;
padding-left: 0.5em;
padding-right: 1em;
border: 1px  #2f6fab;
}



#contents {
  position:fixed; 
  top:0px;
  left: 5%;
  bottom:50px; 
  right:5%; 
  overflow:auto; 
  background:#fff;
padding: 5px 5px 20px 20px;
%border-left: 1px solid #6c6;
%border-bottom: 1px solid #6c6;
font-size: 100%;
  }

  #footer {
  position:absolute; 
  bottom:0; 
  left:0px;
padding: 10px 0px 10px 50px;
  width:100%; 
  height:30px; 
  overflow:auto; 
  background:#eee;
  font-size: tiny;
<!--  text-align:right; -->

  }