/* CSS Document */

html, body {
margin: 0;
padding: 0;
}

body {
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
color: #000000;
background-color: #999999;
}

.bg_aide {
color: #000000;
background-color: #cccccc;
margin: 20px 100px 20px 100px;
text-align: left;
}

/*conteneurs*/
#master {
width: 90%;
max-width: 1000px;
margin: 10px auto 10px auto;
position: relative;
border: 1px solid #ffffff;
-moz-border-radius:10px;
border-radius:10px;
padding: 3px;
background-color: #cccccc;
}
#master_index {
width: 750px;
margin: 10px auto 10px auto;
position: relative;
border: 1px solid #000000;
-moz-border-radius:10px;
border-radius:10px;
padding: 3px;
background-color: #ffffff;
}

#header {
height: 96px;
border: 1px solid #ffffff;
-moz-border-radius:10px;
border-radius:10px;
background-image: url(../images/fugues.gif);
background-repeat: no-repeat;
background-color: #D0C0B9;
background-position: center center;
}
#header_beauce {
height: 96px;
border: 1px solid #ffffff;
-moz-border-radius:10px;
border-radius:10px;
background-image: url(../images/feu.gif);
background-repeat: no-repeat;
background-color: #D0C0B9;
background-position: center center;
}
#logo {
float: left;
margin: 10px 10px 10px 5px;
}
#logo img {
float: left;
}
#logo_right {
float: right;
margin: 10px;
}
#aide {
margin-top: 20px;
float: right;
width: 110px;
font-size: 0.8em;
}
.aide_img_index {
float: right;
}
#aide img {
float: left;
margin-right: 10px;
margin-bottom: 3px;
}
#aide ul {
list-style: none;
line-height: 1em;
margin: 0;
padding: 0;
}

#menu_1 {
background-color: #D0C0B9;
padding: 6px;
border-top: 0;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
-moz-border-radius:10px;
border-radius:10px;
color: #000000;
font-weight: bold;
}

#menu_2 {
margin: 0 20px 20px 0;
padding: 0px 6px 6px 6px;
float: left;
background-color: #D0C0B9;
border-top: 0;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
-moz-border-radius:10px;
border-radius:10px;
}
#nav, #nav2, #nav3, #nav4 {
width: 8.1em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
#nav li, #nav2 li, #nav3 li, #nav4 li {
margin:0;
}
#nav ul, #nav2 ul, #nav3 ul, #nav4 ul {
list-style: none;
margin: 0;
padding: 0;
} 
#nav li a, #nav2 li a, #nav3 li a, #nav4 li a {  
letter-spacing: 2px;
text-decoration: none; 
display:block;
line-height:1.1em;
height:1.25em; 
width: 7.6em;
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: 7.6em;
border-left: #000000 3px solid;
}
.ligne {
width: 8.1em;
line-height: 1em;
}

#texte {
margin-top: 10px;
margin-right: 20px;
margin-left: 20px;
background-color: transparent;
text-align: left;
}
#texte_marge {
margin-top: 10px;
margin-right: 20px;
margin-left: 140px;
background-color: transparent;
text-align: left;
}

#alb {
margin: 0;
background-color: #cccccc;
padding: 6px;
border-top: 0;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
-moz-border-radius:10px;
border-radius:10px;
font-weight: bold;
font-size: 0,9emx;
color: #ffffff;
}
#alb li {
margin:0;
display:inline;
}
#alb ul {
list-style: none;
margin: 0;
padding: 0;
} 
#alb li a { 
color:#683868; 
text-decoration: none; 
line-height:1em;
} 
#alb a:hover {
color:#006600;
background-color: #ffffff;
}

#footer {
background-color: #D0C0B9;
padding: 6px;
border: 1px solid #ffffff;
clear: both;
-moz-border-radius:10px;
border-radius:10px;
font-size: 0.9em;
text-align: center;
}
#footer img {
background-color: #transparent;
}

table, td {
text-align: center;
margin: auto;
}
table.pedigree {
border: 1px solid #ffffff;
border-collapse: collapse;
line-height: 1,2em;
text-align: left;
margin:auto;
}
td.pedigree {
text-align: left;
font-size: 1em;
border: 1px solid #ffffff;
}
td.titretab {
background-color: #cccccc;	
font-size: 1em;
font-weight: bold;
text-align: left;
}

.liens {
text-align: center;
}
.gauche {
width: 49%;
float: left;
padding: 6px;
border-right: 1px solid #000000;
}
.droit {
width: 49%;
display: inline;
padding: 6px;
}

/*attributs images*/
img { 
border: 0;
text-align: center;
}
.bord_1 { 
border: 1px solid #000000;
}
#texte img {
text-align: center;
margin: 0 20px 20px 20px;
}
#texte h1 img {
float: left;
margin: 0 12px 0 0;
}
.img_alb {
background-color: #ffffff;
border: 4px double #FFFFFF;
}


/*attributs texte*/
input.fond {
background-color: #CC9900;
}

h1 {
font-size: 1em;
font-weight: bold;
margin: 0;
}

h2 {
margin: 20px 0 0 0;
font-size: 1.25em;
}

p {
font-size: 1em;
}

.gras {
font-weight: bold;
}

.italic {
font-style: italic;
}

.c {
text-align: center;
}
.jus {
text-align: justify;
}
.right {
text-align: right;
}
.left {
text-align: left;
}

.f_right {
float: right;
}
.f_left {
float: left;
}

.topnul {
margin-top: 0;
}
.bottomnul {
margin-bottom: 0;
}
.nul {
margin: 0;
}

/*attributs liens*/
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;
}

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

#easy-access, #easy-access a {
color: #D0C0B9;
margin:0 6px 0 0;
font-size: 0.8em;
line-height: 1em;
text-align: right;
}
#easy-acces a:link {
color: #D0C0B9;
text-decoration: none;
font-weight: bold;
background-color: transparent;
}
#easy-acces a:visted {
color: #D0C0B9;
text-decoration: none;
font-weight: bold;
background-color: transparent;
}
#easy-access a:hover, #easy-access a:focus {
color: #000000;
text-decoration: none;
font-weight: bold;
background-color: transparent;
}

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

#texte a:link {
font-weight: bold;
}
#texte a:visited {
font-weight: bold;
}
#texte a:hover {
font-weight: bold;
}

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

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

/*attributs divers*/
hr {
margin: 20px;
visibility: hidden;
color: #FFFFFF;
}
.visible {
visibility: visible;
}
.clear {
clear: both;
}
.clear_right {
clear: right;
}
.clear_left {
clear: left;
}
kbd {
font-size : 1.2em;
padding: 0px 2px;
border: 1px solid gray;
}
#birth {
background-color: #D0C0B9;
height: 110px;
width: 460px;
border: 1px solid #ffffff;
-moz-border-radius:10px;
border-radius:10px;
margin-right: auto;
margin-left: auto;
font-size: 1em;
}