html {
SCROLLBAR-FACE-COLOR: #D0C0B9;
SCROLLBAR-HIGHLIGHT-COLOR: #cccccc;
SCROLLBAR-SHADOW-COLOR: #663366;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #663366;
SCROLLBAR-TRACK-COLOR: #D0C0B9;
SCROLLBAR-DARKSHADOW-COLOR: #663366;
}

BODY { 
margin: 0;
padding: 0;
background-color: #D0C0B9;
background-image: url(fond.gif);
background-repeat: repeat;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
text-align: center;
height: 100%;
}

.bgpedigree {
background-color: #D0C0B9;
background-image: none;
margin-top: 20px;
}
.bggris {
background-color: #cccccc;
background-image: none;
SCROLLBAR-TRACK-COLOR: #cccccc;
}
.bgblanc {
background-color: #ffffff;
background-image: none;
SCROLLBAR-TRACK-COLOR: #ffffff;
}
.bgnoir {
background-color: #000000;
background-image: none;
SCROLLBAR-TRACK-COLOR: #000000;
}

.aide {
position: absolute;
width: 600px;
background-color: #cccccc;
left: 50%;
margin-left: -300px;
top: 10px;
font-size: 16px;
}

.aide p {
font-size: 16px;
}

.master {
position: absolute;
width: 762px;
height: 432px;
background-color: #FFFFFF;
left: 50%;
margin-left: -381px;
top: 10px;
}

.conteneur {
position: absolute;
left: 2px;
top: 2px;
width: 758px;
height: 428px;
background-color: #FFFFFF;
}

.header {
position: absolute;
height: 89px;
width: 640px;
left: 118px;
top: 0px;
background-color: #D0C0B9;
}
.header_in {
position: absolute;
height: 79px;
width: 640px;
left: 0px;
top: 10px;
}
.header_inbbe {
position: absolute;
height: 70px;
width: 570px;
left: 35px;
top: 10px;
}
.header_album {
position: absolute;
height: 90px;
width: 640px;
left: 118px;
top: 0px;
background-color: #D0C0B9;
background-image: url(ardoise.gif);
background-repeat: repeat;
overflow: auto;
}
.header_grand {
position: absolute;
height: 90px;
width: 640px;
left: 118px;
top: 0px;
background-color: #D0C0B9;
}

.gauche {
position: absolute;
height: 428px;
width: 117px;
left: 0px;
top: 0px;
background-color: #D0C0B9;
}
.imgsomm {
position: absolute;
left: 5px;
top: 8px;
}
.somm {
position: absolute;
left: 5px;
top: 92px;
}
#nav, #nav2, #nav3, #nav4 {
width: 103px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#nav li, #nav2 li, #nav3 li, #nav4 li {
margin:0;
}
#nav ul, #nav2 ul, #nav3 ul, #nav4 ul {
list-style: none;
margin: 0px;
padding: 0px;
} 
#nav li a, #nav2 li a, #nav3 li a, #nav4 li a {  
letter-spacing: 2px;
text-decoration: none; 
display:block;
line-height:15px;
height:16px; 
width: 100px;
border-left: #D0C0B9 3px solid;
} 
#nav li a, #nav3 li a { 
color:#006600; 
}
#nav2 li a, #nav4 li a { 
color:#663366; 
}
#nav a:hover, #nav2 a:hover, #nav3 a:hover, #nav4 a:hover {
color:#ffffff ;
background-color:#999999;
width:100px;
border-left: #000000 3px solid;
}
.ligne {
width: 107px;
line-height: 12px;
} 
.layer {
position: absolute; 
width: 103px; 
height: 73px;  
visibility: hidden; 
left: 7px; 
top: 8px;
background-color: #000000; 
border: 1px none #000000;
font-size: 11px;
font-weight: bold;
color: #ffffff;
}

.droite {
position: absolute;
height: 338px;
width: 640px;
left: 118px;
top: 90px;
overflow: auto;
background-color: #d0c0b9;
}

.droite_gr {
position: absolute;
height: 338px;
width: 640px;
left: 118px;
top: 90px;
overflow: auto;
background-color: #CCCCCC;
SCROLLBAR-TRACK-COLOR: #cccccc;
}

.droite_grin {
position: absolute;
height: 338px;
width: 580px;
left: 30px;
top: 0;
background-color: #CCCCCC;
SCROLLBAR-TRACK-COLOR: #cccccc;
}

.droite_album {
position: absolute;
height: 338px;
width: 640px;
left: 118px;
top: 90px;
overflow: auto;
background-color: #d0c0b9;
background-image: url(ardoise.gif);
background-repeat: repeat;
}

.centre {
position: absolute;
height: 428px;
width: 640px;
left: 118px;
top: 0px;
background-color: #cccccc;
}

#alb {
position: absolute;
left: 0;
top: 15px;
width: 640px;
font-weight: bold;
font-size: 12px;
color: #ffffff;
}
#alb li {
margin:0;
display:inline;
}
#alb ul {
list-style: none;
margin: 0;
padding: 0;
} 
#alb li a { 
color:#ffffff; 
text-decoration: none; 
line-height:17px;
} 
#alb a:hover {
color:#FF9900 ;
background-color: transparent;
}

.foot {
width: 578px;
height: 20px;
padding-top: 3px;
margin-bottom: 10px;
}
a.footlink:link , a.footlink:visited , a.footlink:hover { 
color:#000000; 
font-size: 11px;
} 

h1 {
font-size: 24px;
font-weight: bold;
color: #006600;
margin: 0;
padding: 0;
}
h2 {
font-size: 19px;
font-weight: bold;
margin: 0;
padding: 0;
}
h3 {
font-size: 17px;
font-weight: bold;
color: #006600;
margin: 0;
padding: 0;
}

p {
font-size: 13px;
color: #000000;
}
.sans {
margin: 0;
padding: 0;
}
.norm {
font-size: 13px;
color: #000000;
}
.mini {
font-size: 11px;
}
.medium {
font-size: 12px;
}
.stand {
font-size: 17px;
}
.gras {
font-weight: bold;
}
.vert {
color: #006600;
}
.color {
color: #006600;
}
.noir {
color: #000000;
}
.blanc {
color: #ffffff;
}
.gris {
color: #cccccc;
}
.marron {
color: #663300;
}
.italic {
font-style: italic;
}
.jus {
text-align: justify;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.c {
text-align: center;
}

table {
font-size: 13px;
margin:auto;
border: 0 none;
border-collapse: collapse;
}
td {	
font-size: 13px;
}

table.pedigree {
border: 1px solid #CCCCCC;
border-collapse: collapse;
line-height: 15px;
text-align: left;
width: 580px;
margin:auto;
}
td.pedigree {
text-align: left;
font-size: 13px;
border: 1px solid #CCCCCC;
}
td.titretab {
background-color: #cccccc;	
font-size: 13px;
font-weight: bold;
text-align: left;
}


.img_g {
float: left;
}
.img_d {
float: right;
}
.img_alb {
background-color: #ffffff;
border: 4px double #FFFFFF;
}
.img_race {
background-color: #ffffff;
border: 4px #FFFFFF;
}

.demi {
width: 290px;
}
.tiers {
width: 193px;
}
.logos {
width: 200px;
}

a:link {
color: #683868;
text-decoration: none;
border-color: #683868;
font-weight: bold;
}
a:visited {
color: #683868;
text-decoration: none;
border-color: #683868;
font-weight: bold;
}
a:hover {
color: #006600;
text-decoration: none;
background-color: #ffffff;
}

a.indexlink {
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
a.indexlink:visited {
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
a.indexlink:hover {
font-size: 10px;
font-weight: bold;
color: #663300;
text-decoration: underline;
background-color: transparent;
}

a.albumlink {
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
a.albumlink:visited {
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
a.albumlink:hover {
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: underline;
background-color: #000000;
}
a.taille1, a.taille2, a.taille3 {
font-weight: bold;
text-decoration: none;
}
a.taille1 {
font-size: 10px;
}
a.taille2 {
font-size: 12px;
}
a.taille3 {
font-size: 15px;
}
a.taille1:visited, a.taille2:visited, a.taille3:visited {
font-weight: bold;
text-decoration: none;
}
a.taille1:hover, a.taille2:hover, a.taille3:hover {
font-weight: bold;
text-decoration: none;
background-color: transparent;
}

a.home:hover {
background-color: transparent;
}

.clear {
clear: both;
}

#birth {
background-color: #D0C0B9;
height: 110px;
width: 460px;
border: 1px solid #000000;
margin-right: auto;
margin-left: auto;
font-size: 13px;
}

#autre {
background-color: #D0C0B9;
height: 32px;
width: 340px;
font-size: 17px;
font-weight: bold;
padding-top: 4px;
border: 1px solid #000000;
margin-right: auto;
margin-left: auto;
}

hr {color:#eeeeee}