body
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  margin: 0px;
  marginwidth: 0px;
  marginheight: 0px;
  background-image: url(/img/fond.gif);
}
/* pre have a default margin. we don't want that */
pre
{
margin: 0px;
}
table
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
}
a, a:link, a:hover
{
  text-decoration: none;
  color: #65497F;
}
a:hover
{
  color: #FFCC00;
}
.page
{
  width: 852px;
  background-color: #FFFFFF;
  border: solid #FFCC00;
  border-width: 0px 1px 1px 1px;
  text-align: left;
}
.page2
{
  width: 852px;
  background-color: #FFFFFF;
  border: solid #97B1D0;
  border-width: 0px 1px 1px 1px;
  padding: 5px;
}
.content
{
  text-align: left;
/*  padding: 5px; */
  vertical-align: top;
}
.menu
{
  padding: 0px 5px 0px 9px;
  background-image: url(/img/menu_fond.gif);
  background-repeat: repeat-y;
}
.menu a, .menu a:link, .menu a:hover
{
  text-decoration: none;
  color: white;
}
.menu a:hover
{
  color: #FFCC00;
}
.album
{
  margin: 10px;
  padding: 5px;
  background-color: #D9D9D9;
  border: solid 1px #808080;
  text-align: center;
}
.album td
{
  text-align: center;
  vertical-align: top;
  padding: 5px;
}
.album img
{
  border: solid 1px #FFCC00;
  margin-bottom: 5px;
}
.desc
{
  background-color: #C0C0C0;
  border: solid 1px #333333;
  padding: 3px;
}
.photo
{
  margin: 10px;
  padding: 10px 10px 5px 10px;
  background-color: #D9D9D9;
  border: solid 1px #808080;
  text-align: center;
  font-weight: bold;
}
.photo img
{
  border: solid 1px #FFCC00;
  margin-bottom: 5px;
}
h1
{
  font-size: 16px;
  font-weight: bold;
  font-variant: small-caps;
  color: #828282;
  margin: 0px;
  padding: 4px 0px 8px 0px;
}
h2
{
  font-size: 14px;
  font-weight: bold;
  font-variant: small-caps;
}
h3
{
  font-size: 14px;
  font-weight: bold;
  color: #828282;
  margin: 0px 0px 0px 0px;
}
h4
{
  font-size: 13px;
  font-weight: bold;
  margin: 0px 0px 4px 0px;
}
TR.padding TD
{	padding: 3px;
}