* html>body {
	display: inline-block; 
	width: 100%;
}

* {
	font: Verdana,Tahoma,Arial,sans-serif;
}

body {
	margin: 0 auto;
	padding: 0;
	/*font: 76% Verdana,Tahoma,Arial,sans-serif;*/
	font: Verdana,Tahoma,Arial,sans-serif;
	font-size:90%;
	background: #f4f4f4 url(../images/bg.gif) top center repeat-y;
}

body, td, th {
	color: #666633;
}

.page {
	background: #ffffff;
	color: #303030;
	margin: 0 auto;
	width: 760px;
}

h2 {
	color: #663300;
	/*font-size:16px; */
	font-size:133%;
}

.page h1 {
	font-family: arial,helvetica,sans-serif; 
	color: #78906e;
	/*font-size:16px;*/
	font-size:133%;
}

h3, h4, h5, h6 {
	color: #996633;
}

.Texte {
	font-family: arial,helvetica,sans-serif;
	color: #76a55a;
}

a {
  color: #336600;
}

/* Arbre généalogique. */

.HautGene h1 {
	color: #663300;
	/*font-size:16px; */
	font-size:133%;
}

table.TabGene
{
  border: 8px solid white;
  width: 100%;
}

td.TabGene
{
  border: 1px solid #808080;
  padding: 4px;
  border-spacing: 10px;
  font-family: helvetica, sans-serif;
  font-size:inherit;
  color: #000000;
}

.ArbreTitre
{
	font-size:80%;
}
font.ArbreTitre
{
	font-size:80%;
}

.ImageArbre {
	margin:0px 0px 0px 8px;
}

img.ImageArbre {
	/*border:1 solid #fff;*/
}

.XImageArbre
{
  display:block;
  float:left;
  background: url('../images/shadowPhoto.png') no-repeat bottom right;
  margin: 0 4px 0 2px;
}
 
.XImageArbre img
{
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

.PhotoCopyright
{
	font-size:80%;
	font-style:italic;
}

.Diaporama
{
}

div.Diaporama, div .Diaporama {
	vertical-align:middle;
	text-align:center;
}

.Diaporama img, img.Diaporama {
	vertical-align:middle;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
	margin: 4px 4px 4px 4px;
}

/* Tableaux résultats. */
.resultat_petit
{
	font:Arial, Helvetica, sans-serif;
	/* font-size:10px; */
	font-size:83%;
}

table.resultat_petit
{
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
}

td.resultat_petit
{
	font:Arial, Helvetica, sans-serif;
	/* font-size:10px; */
	font-size:83%;
}

.resultat_petit_warn
{
	font:Arial, Helvetica, sans-serif;
	/* font-size:12px; */
	font-size:100%;
	color:#990000;
}

.Erreur
{
	/* font-size:14px; */
	font-size:116%;
	color:#990000;
	margin-bottom:32px;
}

table tr.pair th, .pair
{
	background-color:#EFEFDB;
	background:#EFEFDB;
}

table tr.impair th, .impair
{
}

/* hovered items */
.impair:hover,
.pair:hover,
.hover {
    background: #CCFFCC;
    color: #000000;
}

/* hovered table rows */
table tr.impair:hover th,
table tr.pair:hover th,
table tr.hover th {
    background:   #CCFFCC;
    color:   #000000;
}

/*	Menus. */

.Menu
{
float:left;
}

.Menu:hover,
a.Menu:hover
{
    background: #CCFFCC;
}

/* Formulaires */
.FromPrinc
{
	width:760px;
	border: 0;
}

input.text, select
{
	width:150px;
}

.radio
{
}

/* Titre de la page. */
.Titre
{
	font:Verdana, Arial, Helvetica, sans-serif; 
	font-size:48px;
	color:#FFFFFF; 
	font-weight:bold; 
	margin:20px 0 0 50px;
}

.Titre a {
	color: #FFFFFF;
	text-decoration: none;
}

/* Liste partielle. */
.Partiel
{
}

.bandealpha {
    /*color:              #CC0000;*/
    background-color:   #FFFFCC;
}

div.bandealpha {
    margin:             0.5em 0 0.5em 0;
    border:             0.05em solid #666633;
    /* background-image:   url(../images/s_warn.png); */
    background-repeat:  no-repeat;
    background-position: 10px 50%;
    padding:            10px 10px 10px 36px;
}

.bandealpha a {
	padding-right: 12px;
}
 
/* Messages d'erreur et d'information. */
.warning {
    color:              #CC0000;
    background-color:   #FFFFCC;
}
p.warning,
h1.warning,
div.warning {
    margin:             0.5em 0 0.5em 0;
    border:             0.1em solid #CC0000;
    background-image:   url(../images/s_warn.png);
    background-repeat:  no-repeat;
    background-position: 10px 50%;
    padding:            10px 10px 10px 36px;
}
.warning h1 {
    border-bottom:      0.1em solid #cc0000;
    font-weight:        bold;
    text-align:         left;
    margin:             0 0 0.2em 0;
}

.notice {
    color:              #000000;
    background-color:   #FFFFDD;
}
h1.notice,
div.notice {
    margin:             0.5em 0 0.5em 0;
    border:             0.1em solid #FFD700;
    background-image:   url(../images/s_notice.png);
    background-repeat:  no-repeat;
    background-position: 10px 50%;
    padding:            10px 10px 10px 36px;
            }
.notice h1 {
    border-bottom:      0.1em solid #FFD700;
    font-weight:        bold;
    text-align:         left;
    margin:             0 0 0.2em 0;
}

/* Page d'index. */
.IndexExtras {
	float: right;
	width: 100px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.5em;
}

.IndexExtras p {
	margin: 0 0 1.5em 0;
}

.IndexMain {
	margin: 0 110px 20px 160px;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	padding: 0 10px 0 10px;
	line-height: 1.6em;
	text-align: left;
	
	font-size: 85%;
}
/* Page d'index, partie gauche. */
#avmenu {
clear: left;
float: left;
width: 150px;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.9em;
}

#avmenu ul {	
list-style: none;
width: 150px;
margin: 0 0 20px 0;
padding: 0;
font-size: 1.1em;
}	

#avmenu li {
margin-bottom: 4px;
}


/* first level */
#avmenu li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #505050;
display: block;
padding: 6px 0 0 10px;
background: #f4f4f4;
border-left: 4px solid #cccccc;
}	
	
#avmenu li a:hover {
background: #eaeaea;
color: #286ea0;
border-left: 4px solid #286ea0;
}

#avmenu li a.menuactive {
background: #eaeaea;
color: #286ea0;
border-left: 4px solid #286ea0;
}


/* second level */
#avmenu li li a {
font-weight: normal;
height: 20px;
text-decoration: none;
color: #505050;
display: block;
padding: 6px 0 0 24px;
background: #f4f4f4;
border:0;
}	

#avmenu li li a:hover {
background: #eaeaea;
color: #286ea0;
border:0;
}

#avmenu li li a.menuactive {
background: #eaeaea;
color: #286ea0;
border:0;
}

/* third level */
#avmenu li li li a {
font-weight: normal;
height: 20px;
text-decoration: none;
color: #505050;
display: block;
padding: 6px 0 0 34px;
background: #f4f4f4;
border:0;
}	

#avmenu li li li a:hover {
background: #eaeaea;
color: #286ea0;
border:0;
}

#avmenu li li li a.menuactive {
background: #eaeaea;
color: #286ea0;
border:0;
}

/* FAQ/Aide. */
.faqTitreQuestion {
	font-size: 130%;
	color: #663300;
	margin-top:16px;
}

.faqQuestion {
	font-size: 100%;
}

.faqTitreReponse {
	font-size: 130%;
	color: #663300;
	margin-left:30px;
}

.faqReponse {
	font-size: 90%;
	color: #663300;
	margin-left:30px;
    padding:            10px 10px 10px 36px;
    border:             0.1em solid #FFD700;
}