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

body { background: #DED url(img/pattern.gif); font: 0.7em Verdana, Arial,sans-serif;}
h1 {font-size:1px;text-indent:-2000px;}
ul { list-style: none;}
ul li { list-style: none;}


a, a:visited, a:hover { color: #232; font-weight: bold; text-decoration: none;}


#page {width: 808px; margin: 0 auto; position: relative; background: transparent url(img/page.gif) repeat-y top center;}

#top  {width: 808px; height:320px; background: transparent url(img/header_01.jpg) no-repeat left bottom; padding: 0; margin: 0 auto;}
#top2 {width: 808px; height:320px; background: transparent url(img/header_02.jpg) no-repeat left bottom; padding: 0; margin: 0 auto;}
#top3 {width: 808px; height:320px; background: transparent url(img/header_03.jpg) no-repeat left bottom; padding: 0; margin: 0 auto;}
#top4 {width: 808px; height:320px; background: transparent url(img/header_04.jpg) no-repeat left bottom; padding: 0; margin: 0 auto;}
#top5 {width: 808px; height:320px; background: transparent url(img/header_05.jpg) no-repeat left bottom; padding: 0; margin: 0 auto;}
#top6 {width: 808px; height:320px; background: transparent url(img/header_06.jpg) no-repeat left bottom; padding: 0; margin: 0 auto;}
#top6b {width: 808px; height:320px; background: transparent url(img/header_07.jpg) no-repeat left bottom; padding: 0; margin: 0 auto;}
#top8 {width: 808px; height:320px; background: transparent url(img/header_08.jpg) no-repeat left bottom; padding: 0; margin: 0 auto;}


#myMenu {width: 808px; height:30px; background: transparent url(img/menu.png) no-repeat; margin: 0 auto 10px auto;}
  #myMenu ul {display: block; width:718px; position: relative; margin:0 auto 0 auto; padding: 0;}
  #myMenu li {display: block; float:left; margin: 0; padding: 0;}

  /* séparateur */
  #myMenu li.sep { display: block; height: 30px; width: 17px;
  background: transparent url(img/0.gif) no-repeat 0 0;}
  
  /* bouton 0 */
  #myMenu li a#lien0 { display: block; height: 30px; width: 88px;  background: transparent url(img/bt0.png) no-repeat 0 0;}
    #myMenu li a#lien0:hover { background: transparent url(img/bt0.png) no-repeat 0 -30px;}
  /* bouton 1 */
  #myMenu li a#lien1 { display: block; height: 30px; width: 88px;  background: transparent url(img/bt1.png) no-repeat 0 0;}
    #myMenu li a#lien1:hover { background: transparent url(img/bt1.png) no-repeat 0 -30px;}
  /* bouton 2 */
  #myMenu li a#lien2 { display: block; height: 30px; width: 88px;  background: transparent url(img/bt2.png) no-repeat 0 0;}
    #myMenu li a#lien2:hover { background: transparent url(img/bt2.png) no-repeat 0 -30px;}
  /* bouton 3 */
  #myMenu li a#lien3 { display: block; height: 30px; width: 88px;  background: transparent url(img/bt3.png) no-repeat 0 0;}
    #myMenu li a#lien3:hover { background: transparent url(img/bt3.png) no-repeat 0 -30px;}
  /* bouton 4 */
  #myMenu li a#lien4 { display: block; height: 30px; width: 88px;  background: transparent url(img/bt4.png) no-repeat 0 0;}
    #myMenu li a#lien4:hover { background: transparent url(img/bt4.png) no-repeat 0 -30px;}
  /* bouton 5 */
  #myMenu li a#lien5 { display: block; height: 30px; width: 88px;  background: transparent url(img/bt5.png) no-repeat 0 0;}
    #myMenu li a#lien5:hover { background: transparent url(img/bt5.png) no-repeat 0 -30px;}
  /* bouton 6 */
  #myMenu li a#lien6 { display: block; height: 30px; width: 88px;  background: transparent url(img/bt6.png) no-repeat 0 0;}
    #myMenu li a#lien6:hover { background: transparent url(img/bt6.png) no-repeat 0 -30px;}

#container {width: 808px; margin: 0 auto 10px auto;}

#backgd {margin: 0 4px 0 0; background: transparent url(img/backgd-01.jpg) no-repeat bottom right;}
#nobackgd {margin: 0 4px 0 0;}

#content {width: 700px; margin: 0 auto; padding: 4px 10px 0 20px; line-height: 1.5em; font-size: 1.2em; color:#000;}
  #content p { padding: 4px 0;}
  #content strong { font-size: 0.9em;}
  #content .img_g { float:left;  text-align:center; margin: 0 10px 10px 1em; border: 1px solid #DED; padding: 5px;}
  #content .img_d { float:right; text-align:center; margin: 0 10px 10px 1em; border: 1px solid #DED; padding: 5px;}
  #content .img_b { border: 1px solid #DED; padding: 5px;}
  #content .img_l { border: 0; padding: 5px;}
  #content ul { padding: 0 0 0 50px;}
  #content li.nomprenom { padding: 4px 0 10px; font-size: 1.2em; font-weight: bold;}
  #content li.adresse   { padding: 2px 0 5px 40px; background: transparent url(img/home.png)   no-repeat 0 0; line-height: 1.3em;}
  #content li.phone     { padding: 0px 0 5px 40px; background: transparent url(img/phone.png)  no-repeat 0 0;}
  #content li.mobile    { padding: 2px 0 5px 40px; background: transparent url(img/mobile.png) no-repeat 0 0; line-height: 1.3em;}
  #content li.email     { padding: 0px 0 5px 40px; background: transparent url(img/email.png)  no-repeat 0 0;}
  #content hr {border: 1px solid #232;}
  

h2 {color: #232; font-family: Times, serif ;font-size: 2em; font-weight:normal; border-bottom:2px solid #232;}
.intertitle  { margin: 10px 0 30px;  padding: 20px 0 5px;}
.intertitle2 { margin: 0 120px 20px; padding: 60px 0 10px;}
  
#footer { width: 800px; height:30px; padding: 5px 4px 0 4px; clear: both;}
  #footer p {color: #DED; padding: 5px 130px; font-size: 0.8em;}
    #footer p a:link, #footer p a:visited { color: #DE8; text-decoration: none;}
    #footer p a:hover { text-decoration: underline;}

#pub {width: 808px;margin:5px auto;}
#pub a {font-size:0.9em;font-weight:lighter;}
.tiny {font-size:0.8em;line-height: 1.4em;}

#build    {background: transparent url(img/build.gif) no-repeat 0 0;margin: 10px 100px;height: 240px;}
#no-build {background: transparent url(img/0.gif) no-repeat 0 0;margin: 10px 100px;height: 130px;}

#link {text-align:center;}
  #link img {border: 0; padding: 20px; margin:0px !important;margin:2px;}
  #link .tiny img{border: 0;padding: 2px;margin:0px !important;margin:2px;}

.vid {float:left; margin: 4px; padding: 2px;color:#232;font-weight:bold;text-align:center;}
.caps {font-variant: small-caps;}
.ctr {text-align:center;}

#identite {float:right;margin:0 -40px 10px 10px !important;margin:0 0 10px 10px;padding:0 0 0 17px;width: 465px; height: 300px; background: transparent url(img/identite.jpg) no-repeat 0 0;}
  #identite ul {padding: 40px 0 15px 20px;}
  #identite table {padding: 0;border-bottom:1px solid #232;}
  #identite th {background: #95B99D;color:#232;}
  #identite tr.pair {background: #bdb;font-size:0.8em;}
  #identite tr.impair {font-size:0.8em;}
  #identite td {padding:0 4px;}


#imageMenu {position: relative;width: 642px;height: 250px;overflow: hidden;margin:10px auto;}
  #imageMenu ul {
    list-style: none;
    margin: 0px;
    padding: 0;
    display: block;
    height: 250px;
    width: 1000px;
  }
  
  #imageMenu li {float: left;}
    #imageMenu .mnu {
      text-indent: -1000px;
      background:#fff none no-repeat 0 0;
      border-right: 2px solid #fff;
      cursor:pointer;
      display:block;
      overflow:hidden;
      width:105px;
      height: 250px;
    }
    #imageMenu .mnu1 {background: url(img/mnu1.jpg) no-repeat 0 0;}
    #imageMenu .mnu2 {background: url(img/mnu2.jpg) no-repeat 0 0;}
    #imageMenu .mnu3 {background: url(img/mnu3.jpg) no-repeat 0 0;}
    #imageMenu .mnu4 {background: url(img/mnu4.jpg) no-repeat 0 0;}
    #imageMenu .mnu5 {background: url(img/mnu5.jpg) no-repeat 0 0;}
    #imageMenu .mnu6 {background: url(img/mnu6.jpg) no-repeat 0 0;border-right: 0;}
    #imageMenu .mnu span {display:none;}

.thCntr {
  background: #333;
  border-top: 2px solid #de8;
  width: 750px;
  margin: 10px 0 0 -30px;
  display: none;
  height: 0px;
  overflow: hidden;
}

.thCntr .clipper {
  margin: 10px 0 0 10px;
}

.thCntr .hz {
  background: #000;
  border: 1px solid #de8;
  width: 110px;
  height: 92px;
  padding-top: 18px;
  margin: 5px;
  text-align:center;
  vertical-align:middle;
  float: left;
  cursor: pointer;
}

.clear {clear: both;}

#pedigree{margin:0 auto;text-align:center;line-height: 1.5em; font-size: 1.2em;}
  #pedigree strong {font-size: 0.9em;}
  #pedigree p {padding: 4px 55px;text-align:left;}
  #pedigree p a:hover {text-decoration:underline;}

#pedtable {padding:0px;border-collapse:collapse;font-size : 0.8em; text-align:center;margin : 0 auto;}
  .p_m  {width:195px;border: 2px solid #232;margin-top:10px;}
  .gd   {width:210px;border: 2px solid #232;margin-top:10px;}
  .arGd {width:230px;border: 2px solid #232;margin-top:10px;}
  .p_m img, .gd img, .arGd img {margin: 5px; padding: 2px; border: 1px solid #232;}
  .flch img {border:0;margin:0;padding:0;}

.space {background: transparent url(img/0.gif) no-repeat 0 0;}