* {
  margin: 0px;
  padding: 0px;
}

body {
  background-color: #a4a4a4;
  background: url(images/fond2.gif);
	text-align: center;
}

#container {
  position: relative;
  background: url(images/fond.gif);
  width: 1000px;
  min-height: 570px;
	visibility: visible;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  margin: 30px auto 30px auto;
  text-align: left;
}

#signature {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: 350px;
  margin-top: 288px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  color: #303030;
}

#signature a {
  color: #075482;
  text-decoration: none;
}

#signature a:hover {
  text-decoration: underline;
}

#cache {
  display: none;
}

/* ----- Menu ----- */

#menu {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 250px;
  height: 570px;
  margin: 0px;
}

#menu img {
  border: 0px;
}

#mots {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 250px;
}

#mots div {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 100;
  visibility: hidden;
  margin: 0px;
}

#mots div a {
  display: block;
  margin: 0px 0px 5px 0px;
}

#mots div a:hover {
  background-color: #ffffff;
}

#lettres {
  position: absolute;
  bottom: -1px;
  left: 0px;
  margin: 0px;
}

/* ----- Corps ----- */

#corps {
  position: absolute;
  overflow: auto;
  -moz-user-focus: normal;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  left: 250px;
  top: 0px;
  width: 750px;
  height: 570px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  color: #303030;
}

#corps h1 {
  position: relative;
  background-image: URL(images/fond2.gif);
  margin: 20px 15px 20px 0px;
  padding: 0px 0px 0px 10px;
  height: 24px;
  line-height: 24px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
  text-transform: uppercase;
}

#corps h1 img {
  border: none;
  margin: 4px 0px 0px 10px;
  vertical-align: top;
}

#corps h2 {
  margin: 20px 15px 0px 10px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

#corps div.center {
  width: 730px;
  height: 480px;
  line-height: 1.5em;
  text-align: center;
	vertical-align: middle;
}

#corps p {
  margin: 15px 20px 15px 10px;
  line-height: 1.5em;
}

#corps p.legende {
  font-size: 9px;
  text-align: center;
  font-style: italic;
}

#corps td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
}

#corps a {
  color: #08669D;
  text-decoration: underline;
}

#corps a:hover {
  color: #F5F5F5;
  background-color: #08669D;
  text-decoration: none;
}

#corps li {
  list-style-type: disc;
  list-style-position: outside;
  line-height: 1.5em;
  margin: 0px 0px 10px 0px;
}

#corps img.photo {
  margin: 0px 0px 0px 0px;
  color: #000000;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
}

#corps img.left {
  color: #000000;
  margin: 0px 15px 5px 0px;
  float: left;
}

#corps img.right {
  color: #000000;
  margin: 0px 0px 5px 15px;
  float: right;
}

#corps p.center {
  text-align: center;
}

#corps div.encadre {
  width: 500px;
  margin: 20px 10px 20px 100px;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
}

sup {
font-size: 9px;
}


/* ----- Photos ----- */

#photos div {
	float: left;
	margin: 15px;
}

#photos div img {
	margin-bottom: 2px;
}



/* ----- Généalogie ----- */

#corps td.geneal {
  background-color: #C9C9C9;
  font-size: 9px; 
  font-weight: normal;
}

#corps td.genealm {
  font-size: 9px; 
  font-weight: normal;
}

/* ----- Album ----- */

#album p {
  display: inline;
  width: 330px;
  float: left;
  text-align: center;
}