body {
      background:#e7f3ff;
      margin:0;
      padding:0;
      color:#000;
      font:x-small/1.5em Georgia,Serif;
      voice-family: "\"}\""; voice-family:inherit;
      font-size:small;
      } html>body {font-size:small;}
      
      
    #tete{
	  position: relative;
	  background: #9BCCFF;	
	  background-repeat: no-repeat;
	  height: 21px;	
	  margin: 2;
      }
    
    #navigation {
      float:left;
      width:100%;
      background:url("bg.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
      }
    #navigation ul {
      margin:0;
      padding:10px 15px 0;
      list-style:none;
      }
    #navigation li {
      float:left;
      background:url("leftboth.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 10px;
      border-bottom:1px solid #60aeff;
      }
    #navigation a {
      float:left;
      display:block;
      width:.1em;
      background:url("rightboth.gif") no-repeat right top;
      padding:10px 15px 4px 5px;
      text-decoration:none;
      font-weight:bold;
      white-space:nowrap;
      color:#228eff;
      }
    #navigation > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navigation a {float:none;}
    /* End IE5-Mac hack */
    #navigation a:hover {
      color:#0452a2;
      }
    #accueil #nav-accueil,
    #plongee #nav-plongee,
    #animaux #nav-animaux,
    #genealogie #nav-genealogie, {
      background-position:0 -50px;
      border-width:0;
      }
    #accueil #nav-accueil a,
    #plongee #nav-plongee a,
    #animaux #nav-animaux a,
    #genealogie #nav-genealogie, a {
      background-position:100% -50px;
      padding-bottom:5px;
      color:#0452a2;
      }
    #navigation li:hover, #navigation li:hover a {
      background-position:0% -50px;
      color:#0452a2;
      }
    #navigation li:hover a {
      background-position:100% -50px;
      }