/** STYLES POUR L'AFFICHAGE DE TOUTES LES PAGES **/	
#page_client {
	clear: left;
	padding: 1%;
	}
	
.separateur{
	clear : both;
	visibility: hidden;
}
/** STYLES POUR LA PAGE ACCUEIL **/

.Client {
	text-align: justify;
	}

.Identite {
	clear: left;
	padding: 0 5px 5px;
	margin: 0 0 2px;
	}
	
.Identite h1 {
	margin: 0 0 10px;
	}
	
.Identite table.accueil {
	padding: 0;
	margin: 0; 
	border-spacing: 0;
	vertical-align: middle;
	}

.Identite table.accueil.gen {
	height: 200px;
	}	
	
.Identite table.accueil td.left {
	width: 150px;
	text-align: center;
	}
	
.Identite table.accueil td.left img {
	max-width: 137px;
	margin-right: 20px;
	}

.Identite table.accueil td.center {
	}

.Statistiques {
	background: url('../png/background_stats.png') repeat-x 0 0;
	display: table;
	padding: 2px 7px 7px;
	margin: 1em 0 0 1em;
	float: right;
	}
	
.Statistiques_boite {
	background-color: #ffffff;
	padding: 5px 5px 2px;
	border: 1px solid #009754;
	}

table.publication {
	width: 100%;
	margin: 1em 0 0;
	padding: 0.5em;
	}

table.publication tr td div.publi {
	margin-bottom: 0.5em;
	padding: 0.5em;
	border-bottom: solid 1px #30207D;
	border-left: solid 1px #30207D;	
	background-color: #e5efe2;		
	}	
	
	table.publication tr td div.publi.actuelle {
		background-color: #CEE2C8;		
		}	
	
	table.publication tr td div.publi img {
		max-width: 30px;
		max-height: 19px;
		}
	
	table.publication tr td div.publi a.config_gen img {
		width: 16px;
		height: 16px;
		margin: 0 8px 0 0;
		}
		
	table.publication tr td div.publi input.suppr_gen:hover {
		background-color: transparent;
		}

	table.publication tr td div.publi input.help {
		float: right; 
		margin-bottom: 15px;
		border: none;
		z-index: 0;
		}

	table.publication tr td div.publi input.help:hover {
		background-color: transparent;
		}	
	
	
table.publication tr td.left {
	width: 48%;
	vertical-align: top;
	}		
	
table.publication tr td.left a {
	font: bolder 15px Arial, sans-serif;
	text-decoration: underline;
	color: #2c7569;
	}	
	
table.publication tr td.left a:hover {
	text-decoration: none;
	color: #e6b009;
	}		
	
table.publication tr td.left div table.genealogie, table.publication tr td.right div table.genealogie  {		/** Affichage  des diff�rentes g�n�alogies**/
width: 100%;
}	
	
	table.publication tr td.left div table.genealogie tr td.left, table.publication tr td.right div table.genealogie tr td.left {
	width: 38px;
	text-align: center;
	vertical-align: middle;
		}
		
		table.publication tr td.left div table.genealogie tr td.left img, table.publication tr td.right div table.genealogie tr td.left img {
		max-width: 30px;
		max-height: 19px;
		}
		
	table.publication tr td.left div table.genealogie tr td.center, table.publication tr td.right div table.genealogie tr td.center {
	width: auto;
	}	
		
	table.publication tr td.left div table.genealogie tr td.right, table.publication tr td.right div table.genealogie tr td.right {
	width: 55px;
	text-align: right;
	padding-right: 5px;
	}
		
			
		table.publication tr td.left div table.genealogie tr td.right form, table.publication tr td.right div table.genealogie tr td.right form {	
		display: inline;
		float: none;
		}
		
		table.publication tr td.left div table.genealogie tr td.right input, table.publication tr td.right div table.genealogie tr td.right input  {	
		border: 0;
		}
		
			table.publication tr td.left div table.genealogie tr td.right input:hover, table.publication tr td.right div table.genealogie tr td.right input:hover  {	
			border: 0;
			background-color: transparent;
			}
		
		table.publication tr td.left div table.genealogie tr td.right img {	
		width: 16px;
		height: 16px;
		float: left;
		}
	
	table.publication tr td.left div table.genealogie tr td p {
	margin: 0.5em 0 0;
	}
	
table.publication tr td.center {
	width: 1%;
	}			
	
table.publication tr td.right {
	width: 48%;
	vertical-align: top;
	}		
	
table.publication tr td.right h3 {
	padding-left: 5px;
	}		
	
table.publication tr td.right p{
	padding: 0 0 0 5px;
	margin: 0;
	}		
	
#boite_contenu ul.accueil, ul.accueil {
	margin: 5px 0 0 0;
	padding: 0;
	}
	
#boite_contenu ul.accueil li, ul.accueil li {
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 5px;
	border-bottom: solid 1px #30207D;
	border-left: solid 1px #30207D;	
	background-color: #e5efe2;		
	}	
	
#boite_contenu ul.accueil li img, ul.accueil li img {
	max-width: 30px;
	max-height: 19px;
	}	
	
.creer_gen {
	margin-top: 0.5em;
	padding: 0 5px 0;
	border-bottom: solid 1px #30207D;
	border-left: solid 1px #30207D;	
	background-color: #fcefc7;	
	}
	
.creer_gen p {
	padding-top: 0.2em;
	}
	
.creer_gen input:hover, .creer_gen input:focus {
	border: solid 1px #009754;
	background-color: #e5efe2;	
	}
	
.creer_gen input.gen:hover {
	border: none;
	background-color: transparent;	
	}
	
.demande_acces {
	margin: 10px 0 0;
	}

.demande_acces_description li{
	text-align: left;
	margin: 3px 0 0 0;
	}
	
a.parcourir_gen {
	display: block;
	width: 177px;
	height: 23px;
	background: url('../gifs/boutons/bouton_parcourir-gen.gif') no-repeat 0 0;
	}
	
a.parcourir_gen:hover {
	background-position: 0 -23px;
	}	
	
/**************/
#box_rte {
	margin-top: 10px;	
}

#modif_compte, #modif_accueil , #modif_params_adhesions{
	display: none;
	width: 587px; 	
	padding: 1em 1em 1em 4.5em;	 
	float: right;
	position: absolute;
	left: 28em; 
	/*margin-bottom: 12em; 
	margin-bottom: -30em;*/
	top: 19em;
	z-index: 2;
	}
	
#modif_accueil, #modif_params_adhesions{
	background: url('../png/background_modif-accueil.png') no-repeat 0 0;
	height: 300px; 
	}

#modif_compte { 
	 
	background: url('../png/background_modif-compte.png') no-repeat 0 0;   
	height: 470px; 
	}	

#modif_adhesion{	
	width: 587px; 
	height: 300px; 
	padding: 1em 1em 1em 1em;
	background: url('../png/background_modif_adhesion.png') no-repeat 0 0; 
	float:left;
	margin-left: 25em; 
	/*margin-bottom: 7em; 
	margin-bottom: -30em;*/
	margin-bottom: -23px;
	z-index: 2;
	}	
/*************/	
 	
 
 
	
#retour_accueil img {
	margin-top: 5px;
	}
	
#retour_accueil a img {
	text-decoration: none;
	}	
	

/** STYLES POUR LA PAGE DE RECHERCHE **/
#affiche_news{
	margin-top: 0px;
	width: 230px;
	float: right;
	margin-right: 25px;
	padding-bottom: 10px;
}

#form_recherche{
	/*float: left;*/
	margin-left:40px;
	width : 639px;
	/*clear: right;*/
}

#affiche_news2{
	width: 100%;
	float: left;
}
.titre_rech {
	font: bold 1.35em Arial, sans-serif;
	text-align: left;
	color: #363f69;
	margin: 5px 0 2px 0;
	padding: 0;
	width:639px;
	}	
	
.titre_rech_gen{
	font: bold 1.35em Arial, sans-serif;
	text-align: left;
	color: #363f69;
	margin: 5px 0 2px 0;
	padding: 0;
	width:639px;
	}	

.resume_list {	
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	border-spacing: 0;
	}
	
.resume_list td {
	vertical-align: bottom;
	}
	
.resume_list td.right {
	width: 180px;
	}
	
#resume {
	width: auto;
	padding: 5px;
	/** background: #e5efe2;
	border: 1px solid #006e3b;**/
	margin: 5px 0 15px 0;
	}
	
#resume ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#resume h3{
	margin: 0 0 10px 0;
	padding: 0;
	}
	
.list_page {
	width: 180px;
	padding: 5px;
	background: #e5efe2;
	border: 1px solid #006e3b;
	margin: 0 0 10px 0;
	}
	
#list_filtre {	
	width: 490px;
	padding: 5px;
	background: #e5efe2;
	border: 1px solid #006e3b;
	margin: 0 0 10px 0;
	}
	
.list_page ul {
	list-style: none;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	}

.bouton_page {
	text-align: center;
	width: 20px;
	margin: 0;
	}

#resultat {
	width: auto;
	clear: both;
	}

#resultat p {
	padding: 0;
	}
	
#resultat a:hover{
	color: #e6b009;
	text-decoration: none;
	background: #cee2c8;
	}


.commande {
	border-collapse: collapse;
	border: 1px solid #349334;
	clear: both;
	width: 70%;
	}
.commande th{
	border-collapse: collapse;
	border: 1px solid #349334;
	clear: both;
	width: 40%;
	background-color: #fcefc7;
	text-align: left;
}
.commande td{
	border-collapse: collapse;
	border: 1px solid #349334;
	clear: both;
	padding-left : 5%;
	text-align: left;
}

	
.results {
	border-collapse: collapse;
	border: 1px solid #006e3b;
	clear: both;
	width: 100%;
	}

.results th{
	height:	25px;
	padding: 3px 2px;
	background : #cfe2c9;
	color: #363e69;
	border-bottom: 2px solid #006e3b;
	font: bold 1.2em Verdana, sans-serif;
	text-align: left;
	}

.results td{
	padding: 2px 3px;
	}
	
.results tr.pair {
	background-color: #e9f1e6;
	}	
	
.results tr.impair {
	background-color: white;
	}		
	
.results td.nom {	
	width: 20%;
	}
	
.results td.prenom {
	width: 20%;
	}
	
.results td.prenom a{
	font-weight: normal;
	text-decoration: underline;
	color: black;
	}
	
.results td.date_naiss {
	width: 20%;
	}
	
.results td.date_deces {
	width: 20%;
	}
	
.results td.genealogie {
	width: 18%;
	}
	
.results td.genealogie a {
	color: #009754;
	}
	
.results td.evenement {
	width: 55%;
	}
	
.results td.suppr {
	width: 2%;
	text-align: center;
	}

.results td.suppr input:hover {
	background-color: #e5efe2;
	}
	
.results tr:hover {
	background-color: #cee2c8;
	}

.arrow {
	margin-top: 5px;
	}
	
	
.ico_droits{
	float : right;
}
	
.ico_droits td{
	padding: 0;
	width: 20px;
	cursor: pointer;
}
	
/**************************/
    /* --- recherche --- */
/**************************/

#recherche {
	width: 100%;
	height: 370px;
	padding: 5px;
	}
	
#boite_recherche {
	width: 310px;
	margin: 10px;
	padding: 5px;
	background: #cfe2c9;
	border: 1px solid #006e3c;
	}
	
.recherche {
	margin: 0;
	border: 1px solid #006e3c;	
	background-color: #e5efe2;
	}

.recherche ul {
	list-style-type: none;
	margin: 0;
	padding: 5px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	}
	
.recherche li{
	padding: 2px;
	margin: 0 0 5px;
	}

#list_page {
	float: right;
	padding: 3px;
	background: white;
	border: 1px solid #006e3b;
	margin: 5px;	
	}
	
#list_page ul {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	}

#list_page ul li {
	margin: 0;
	}
	
.menu_recherche {
	width: 100%;
	border: 1px solid #006e3b;
	background: #e5efe2;
	
	}
	
.menu_recherche td {
	text-align: left;
	vertical-align: middle;
	}
	
.menu_recherche td.left {
	font-weight: bold;
	}

.menu_recherche td.right {
	width: 70%;
	}	

.menu_recherche td.bouton input{
	margin: 3px 0 0 0;
	}	

.bouton_page {
	text-align: center;
	width: 20px;
	margin: 0;
	}

span.sexe_null {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 1.2em;
	width: 19px;
	}
	
	
/*****************************/
 /* --- barre resultats recherche --- */
  /************************/	
	
.recherche_barre {
	width: 300px;
	margin: 5px auto 0;
	padding: 2px 2px 0;
	border: 1px solid #006e3c;	
	background: #e5efe2;
	height: 26px;
	}
	
.recherche_barre td {
	text-align: center;
	}

.recherche_barre input {
	border: 0;
	margin: auto 0;
	}
		
.recherche_barre td.left, .recherche_barre td.right {
	width: 30px;
	}		


	
/** STYLES POUR L'AFFICHAGE DE L'ARBRE **/
	
table#arbre {
	width: 100%;
	}	
	
table#arbre td.left {
	text-align: center;
	vertical-align: middle; 
	font: Verdana, Arial, sans-serif;
	padding: 2px 0;
	vertical-align: top;
	}

table#arbre td.left h1, table#arbre td.left div.date_mariage {
	text-align: left;
	}
	
table#arbre td.center {
	width: 20px;
	}	

table#arbre td.right {
	vertical-align: top;
	width: 380px;
	padding-top: 20px;
	}		
	
table#arbre td.right h3 {
	height: 30px;
	}		
	
table#arbre td.right h3 img {
	float: left;
	}	

table#arbre td.left table#arbre_gen {
	width: 100%;
	}		
	
table#arbre td.left #arbre_gen tr {
	height: 5px;
	}	
	
table#arbre td.left #arbre_gen tr td[colspan="4"] {
	width: 750px;
	}	
	
table#arbre td.left #arbre_gen tr td.end {
	width: 20px;
	}	
	
.pere, .gpere, .p, .gpm, .gpp , .homme{
	border: 2px groove #00b463;
	background: #effaef;
	}
	
.pere:hover, .gpere:hover, .p:hover, .gpm:hover, .gpp:hover , .homme:hover {
	background: #ddf4dd;
	}	
	
.mere, .gmere, .m, .gmm, .gmp, .femme {
	border: 2px groove #ffdf53;
	background: #fffbed;
	}
	
.mere:hover, .gmere:hover, .m:hover, .gmm:hover, .gmp:hover, .femme:hover {
	background: #fff4cd;
	}	
	
.racine, .r , .selectionne {
	border: 3px groove #7a8ba9;
	background: #e0e4eb;
	}

.inconnu {
	border: 3px groove #7a8ba9;
	background: #ffffff;
	}

.enfant {
	text-align: left;
	padding: 5px 0px 3px 10px;
	margin-bottom: 0;
	border-bottom: 1px dotted black;
	background: #e5efe2;
	
	}
	
.hasenfant {
	border:0px;
	text-align:right;
	margin-top:8px;
	float:left;
	background-color:white;
	display:inline;
}

.t2g {
	border-right: 1px solid red; 
	}

.t2d {
	}
	
.d {
	border-left : 1px dashed #f30;
	}
	
.t2d.b {
	border-bottom: 1px solid red;     
	}
	
.t2g.b {
	border-bottom: 1px solid red;     
	}
	
.t2d.h {
	border-top: 1px solid red;     
	}
	
.t2g.h {
	border-top: 1px solid red;     
	}

table#arbre td.left #arbre_gen tr td #famille table {
	width: 100%;
	}
	
table#arbre td.left #arbre_gen tr td #famille td.left {
	width: 50%;
	vertical-align: middle;
	text-align: left;
	}
	
table#arbre td.left #arbre_gen tr td #famille td.left div.date_mariage {
	border-bottom: 1px dashed red;
	}	
	
table#arbre td.left #arbre_gen tr td #famille  a {
	text-decoration: none;
	}
	
table#arbre td.left #arbre_gen tr td #famille td.right {
	width: 50%;
	}
	
table#arbre td.left #arbre_gen tr td #famille td.right div.enfant {
	margin-top: 12px;
	}	
	
table#arbre td.left #arbre_gen tr td #famille td.right a {
	font-weight: normal;
	}	

	
	
/** STYLES POUR LA PAGE ARBRE/FICHE MODIFER**/	
	
table#arbre td.right div.tabPanel a.ajaxCurrentTab:link, table#arbre td.right div.tabPanel a.ajaxCurrentTab:visited {
	background-color: #FFFBED;
	}	
	
.page_saisie {
	padding: 0 1em 1em 1em;
	background-color: #FFFBED;
	}

.page_saisie h3 {
	clear: left;
	margin: 0 0 10px;
	width: 335px;
	height: 32px;
	padding-top: 1em;
	}

.page_saisie p {
	width: 335px;
	margin: 0;
	padding: 0;
	}		

.page_saisie img {
	margin: 0 5px 0 0;
	}
	
.page_saisie h3 img {
	/*margin: 0 5px 0 0;*/
	margin: 0 5px 10px 0;
	float: left;
	/*margin-bottom: 10px;*/
	}	
	
.page_saisie ul {
	margin: 0;
	padding: 0;
	}	

.page_saisie li {
	margin: 0 0 5px 0;
	}	
	
.page_saisie input {
	font-weight: normal;
	margin: 0;
	padding-left: 3px;
	}		
	/** new lieu**/
.page_saisie input.zonelieu {
	width:220px;
	}	
		/** fin new lieu**/
.page_saisie table.famille {
	border: 1px solid #cee2c8;
	margin: 0 0 1em 0;
	padding: 0;
	border-spacing: 1px;
	z-index: 0;
	}	
	
.page_saisie table.famille  td {	
	padding: 5px;
	}
	
.page_saisie table.famille.event {
	margin-top: 10px;
	width: 340px;
	}		

.page_saisie table.famille td.tab_fam_title {
	font-weight: bolder;
	font-size: 0.9em;
	color: #363e69;
	background-color: #cee2c8;
	}
	
.page_saisie table.famille td.tab_fam_data {
	text-align: left;
	border-bottom: 1px solid #cee2c8;
	background-color: white;
	}	
	
		
.page_saisie table.famille td.tab_fam_data input.saisie {	
	width: 12em;
	padding: 0.1em;
	}

.page_saisie table.famille td.tab_fam_data.fin {
	border-bottom: 0px;
	background-color: white;
	}	

.page_saisie table.famille td.tab_fam_search {
	text-align: center;
	border-bottom: 1px solid #cee2c8;
	vertical-align: bottom;
	background-color: white;
	}	
	
.page_saisie table.famille td.tab_fam_search.fin {
	border-bottom: 0px;
	}	
	
.page_saisie table.famille td.tab_fam_fin {
	text-align: center;
	background: white;
	}	

.page_saisie table.famille input.date {
	width: 67px;
	}
	
.page_saisie table.famille table.parent {
	width: 100%;
	padding: 0;
	border-spacing: 0;
	}
	
table#arbre td.right div.page_saisie table.famille table.parent td.left, table#arbre td.right div.page_saisie table.parent td.left {
	width: 28%;
	padding: 2px;
	text-align: right;
	}

table#arbre td.right div.page_saisie table.famille table.parent td.center, table#arbre td.right div.page_saisie table.parent td.center {
	width: 60%;
	padding: 2px;
	}	
	
table#arbre td.right div.page_saisie table.famille table.parent td.right, table#arbre td.right div.page_saisie table.parent td.right {
	width: 5%;
	padding: 2px;
	}	

table#arbre td.right div.page_saisie table.famille table.parent td.center input {
	width: 12em;
	padding: 0.1em;
	}	

table#arbre td.right div.page_saisie table.famille table.parent td.center input.add_pere,
table#arbre td.right div.page_saisie table.famille table.parent td.center input.add_mere,
table#arbre td.right div.page_saisie table.famille table.ajout_union table.parent td input.add_conjoint,
table#arbre td.right div.page_saisie table.ajout_union table.add_union input.add_conjoint,
table#arbre td.right div.page_saisie table.ajout_enfant table.add_enfant td.center input.add_enfant {
	background-color: #169854;
	border: 1px solid #008046;
	color: white;
	}
	
table#arbre td.right div.page_saisie table.famille table.parent td.center input.add_pere:hover,
table#arbre td.right div.page_saisie table.famille table.parent td.center input.add_mere:hover,
table#arbre td.right div.page_saisie table.famille table.ajout_union table.parent td input.add_conjoint:hover,
table#arbre td.right div.page_saisie table.ajout_union table.add_union input.add_conjoint:hover,
table#arbre td.right div.page_saisie table.ajout_enfant table.add_enfant td.center input.add_enfant:hover {
	background-color: #FCEFC7;
	border: 1px solid #E6B009;
	color: black;
	}	
	
table#arbre td.right div.page_saisie table.famille table.parent td.center input.add_pere,
table#arbre td.right div.page_saisie table.famille table.parent td.center input.add_mere {
	width: 16em;
	cursor: pointer;
	}		

table#arbre td.right div.page_saisie table.famille table.ajout_union table.parent td input.add_conjoint,
table#arbre td.right div.page_saisie table.ajout_union table.parent td input.add_conjoint {
	width: 18em;
	cursor: pointer;
	}
	
table#arbre td.right div.page_saisie table.ajout_enfant table.add_enfant td.center input.add_enfant {
	margin: 0.2em 0;
	width: 100%;
	cursor: pointer;
	}
	
.page_saisie table.ajout_enfant td.vright, .page_saisie table.ajout_union td.vright {
	vertical-align: bottom;
	}		
	
.page_saisie table.ajout_union td.vright input {
	margin-bottom: 10px;
	}		
	
.page_saisie table.add_enfant {
	border: 1px solid #cee2c8;
	width: 250px;
	}		
	
table#arbre td.right div.page_saisie table.add_union {
	width: 250px;
	margin-bottom: 10px;
	border: 1px solid #cee2c8;
	background: white;
	}		
	
table#arbre td.right div.page_saisie table.add_enfant td.left, table#arbre td.right div.page_saisie table.add_union td.left {
	width: 35%;
	padding: 2px;
	background: #cee2c8;
	color: #363e69;
	font-size: 0.9em;
	font-weight: bold;
	}
	
table#arbre td.right div.page_saisie table.add_enfant td.center, table#arbre td.right div.page_saisie table.add_union td.center {
	width: 60%;
	padding: 2px;
	}	
	
table#arbre td.right div.page_saisie table.add_enfant td.center input, table#arbre td.right div.page_saisie table.add_union td.center input {
	width: auto;
	padding: 0;
	}		
	
table#arbre td.right div.page_saisie table.add_enfant td.right, table#arbre td.right div.page_saisie table.add_union td.right {
	width: 5%;
	padding: 2px;
	}		

.list_enfant {
	margin-bottom: 5px;
	}
	
.list_enfant a{
	text-decoration: none;
	font-size: 0.9em;
	font-weight: lighter;
	color: black;
	}

.list_evt {
	font-size: 0.9em;
	}
	
.list_evt a {
	font-size: 0.9em;
	}	
	
.list_enfant.date {
	margin: 0 0 0 18px;
	font-size: 0.9em;
	}
	
.image_event {
	margin-top: 2px;
	margin-left: 23em;
	width: 3em;
	}
	
.image_event table {
	border: 1px solid #cee2c8;
	padding: 0;
	border-spacing: 1px;
	}

.image_event table:hover {
	border: 1px solid #E6B009;
	padding: 0;
	border-spacing: 1px;
	}

.image_event table td {
	background-color: #cee2c8;
	padding: 3px;
	}

.image_event table td:hover {
	background-color: #FCEFC7;
	}		

.image_event table td input {
	padding: 2px 0 0;
	}		
	
#modif_event {
	margin-top: 10px;
	}
	
	
	
/** STYLES POUR LA PAGE ARBRE/FICHE VISUALISER**/		

.fiche_forme {	
	font: 0.9em verdana, sans-serif;
	border: 1px solid #006e3c;
	background: #e5efe2;
	padding: 5px;
	margin-top: 10px;
	}
	
.fiche_forme p {
	margin: 0 0 10px 0;
	}
	
.fiche_forme ul {
	margin: 0 0 0 25px;
	list-style-type: circle;
	font-size: 0.95em;
	}
	
.fiche_forme ul a {
	font-size: 0.9em;
	}	
	
.fiche_forme li {
	margin: 0 0 8px 0;
	}
	
.demande_acces_arbre {
	float: right;
	text-align: right;
	}	


	
/********* arbre *********/

#box_all {
	width: 639px;
	height: 25em;
	margin: 0em 1em 2em 0em; /* marge du bas pour IE */
	}

#box1 {
	float: left;
	width: 250px;
	border: 1px solid #349334;
	background: url('../png/bg_box1.png') no-repeat 0 0;
	font-weight: bold;
	margin: 10px 0 0;
	}
	
#box1 .titre {
	color: white;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background-image: url('../gifs/bg_arbre1.gif');
	}
	
#box1 .contenu {
	text-align: left;
	padding: 2px;
	background-color: white;
	}

#box1 ul {
	list-style: none;
	margin: 0;
	padding: 2px;
	}	
	
#box1 ul li {
	margin-bottom: 10px;
	}	
	
.titre_options{
	padding-left: 2.3em;
	width: 30%;
	}

.grand_bouton_box1 {
	width: 98%;
	font-weight: normal;
	border: 1px solid #349334;
	}

.petit_bouton_box1 {
	width: 36%;
	font-weight: normal;
	border: 1px solid #349334;
	}
	
.bouton_carre {
	border: 0;
	margin-top: -2px;
	}

.bouton_carre:hover {
	border: 0;
	background-color: transparent;
	}	
	
#normal {
	font-weight: normal;
	}

#branches {
	float: left;
	width: 192px;
	margin: 0 0 4.1em;
	padding-top: 75px;
	}
	
#branches2 {
	float: left;
	width: 150px;
	padding-left: 102px;
	margin: 0 0 0;
	}	
	
#double_box {
	float: left;
	width: 192px;
	margin: 10px 0 0;
	}

#box2, #box3, #box4 {
	width: 190px;
	height: 120px;
	border: 1px solid #349334;
	font-weight: bold;
	}

#titre_box2, #titre_box3, #titre_box4 {
	color: #fff;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background-image: url('../gifs/bg_arbre2.gif');
	}
	
#contenu_box2, #contenu_box3, #contenu_box4 {
	text-align: left;
	padding : 2px;
	}
	
#contenu_box2 ul li, #contenu_box3 ul li, #contenu_box4 ul li {
	margin-bottom: 10px;
	}		
	
#box2 ul, #box3 ul, #box4 ul {
	list-style: none;
	margin: 0;
	padding: 2px;
	}
	
.grand_bouton_box2, .grand_bouton_box3, .grand_bouton_box4 {
	width: 98%;
	font-weight: normal;
	border: 1px solid #349334;
	}

#box2 {
	margin: 0 0 16px;
	}
	
#box4 {
	float: left;
	margin: 20px 0 10px; /* marge du bas pour mozilla */
	}
	
#searchbox {
	margin: 20px;
	}
	
#contain {
	margin: 50px 0 50px 0;
	}
	
.evenemen {
	font-weight: normal;
	width: 240px;
	border: 1px solid #6a9949;
	}	
	
#option-recherche {
	width: 525px;
	margin: 1EM 1em 1em 3.2em;
	padding: 1em 1em 0.5em;
	background-color: #E5EFE2;
	
	}

/** Pour l 'onglet Recherche  */

#box_gen {
	background-color: #e5efe2;
	padding-left: 10px;
	width: 626px;
	margin: 1em 0em; /* marge du bas pour IE */
}
#recherche_gen{
	margin-left : 100px;
}
#box_gen select{
	font-weight : bold;
	width : 400px;
	height : 100px;
	margin-bottom: 1em;
}

.alert_selectGen{
	color :red;
	font-weight : bold;
	margin-left: 70px;
}

.ligne_recherche{
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}
/** Pour l 'onglet Adh�sions  */

#left_add_adherents{
	float: left;
	overflow: hidden;
}

#right_add_adherents{
	float: right;
}

#option-ajout-adherents{
	width: 560px;
	margin: 1EM 3.2em 1em;
	padding: 1em 1em 0.5em;
	background-color: #E5EFE2; /*#E5EFF0;*/
	}

#div_par_logins{
	display:none;
	margin-left: 26px;
	margin-bottom: 26px; 
	}	
	
#div_par_mails{
	margin-left: 26px;
	}
	
#completion_select{
	position:absolute;
	margin-left:0px;
	border:solid 1px black;
	border-top:none;
	display:none;
	float:right;
	}	
	
#recherche_login{
	position: relative ;
	}	
	
#bloc_rte{
	background-color: #FFFFFF;
	border : 1px solid #cccccc;
	border-top: none;
	padding: 5px;
	padding-bottom : 0;
	}
		
/** STYLEs POUR LA PAGE PARTAGE - PROPRIETE-GEDCOM */
#partageform {
	width: 510px;
	height: 331px;
	padding: 0 1.5em 0 2em; 
	position: absolute;
	float: left;
	left: 29em;
	background: url('../png/background_partage.png') no-repeat 0 0;
	display: none;
	top: 11em;
	}	

#partageform input{
	background-color: #fcefc6;
	border: none;
	}

#partageform input.simpletext{
	font-family: arial;
	font-size: 1em;
	font-weight: bold;
	color : black;
	border : none;
	width: auto;
	}	
	
#partageform input.simpletext:hover{
	font-family: arial;
	font-size: 1em;
	font-weight: bold;
	color : black;
	border : none;
	width: auto;
	}
	
#partage h2 {
	margin: 10px 0 -5px 0;
	}

#partage .titre2 {
	margin: 15px 0 3px 42px;
	font-size: 1em;
	font-weight: bolder;
	color: black;
	}

#partage p {
	margin: 1em 0 0 3em;
	padding: 0;
	}
		
#partage form {
	margin: 0;
	}
	
#partage input {
	margin: 0 2px 0 0;
	}
	
#partage textarea {
	margin: 5px 0 0 0;
	padding: 1px;
	}
	
#partage select {
	margin: 0 0 0 42px;
	}	
	
#partage table {
	margin: 0 0 10px 30px;
	border: 1px solid #009754;
	padding: 2px;
	}
	
#partage table.list {
	border: 0;
	margin: 0 0 5px 38px;
	padding: 0;
	border-spacing: 0;
	}	
	
#partage ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
#partage li {	
	margin: 0.8em 0 0 35px;
	padding: 0;
	}

#partage .prive {
	color: red;
	font-weight: bold;
	}
	
#partage .public {
	color: green;
	font-weight: bold;
	}
	
#partage span.options {
	display: block;
	height: 17px;
	margin-left: 30px;
	font-style: italic;
	font-family: verdana; 
	font-size: 0.9em;
	color: #ee9a00;
	font-weight: bold;
	}
	
.gedcom_intro {
	font-family: arial;
	font-style: italic;
	font-weight: bold;
	text-align: justify;
	}

.gedcom {
	margin: 0;
	}
	
.encadre_ged {
	width: 395px;
	margin: 10px 0 0 42px;
	padding: 5px;
	border: 1px solid #009754;
	text-align: justify;
	}	
	
.encadre_message_type {
	width: 420px;
	margin: 10px 0 0 42px;
	padding: 5px;
	border: 1px solid #009754;
	}
	
#partage table.import {
	padding: 0;
	}
	
#partage table.import select {
	margin: 0;
	}	

#partage table.import td.right {
	width: 155px;
	text-align: left;
	}
	
#partage table.import td.left {
	width: 111px;
	text-align: right;
	}	
	
	
	
/** STYLEs POUR LA PAGE D'INDEX */
	
/** STYLEs POUR LA PAGE D'INDEX */
	
#index {
	/*height: 600px;*/
	padding: 1%;
	}

#index table td.colonneindex{
	width:65%;
	
}

#index table td.colonnerss{
	width: 35%;
	padding:0px;
	
}
#index table.tindex {
	margin-top: 20px;
	clear: left;
}
#index table.main {	
	/*width: 750px;*/
	width: 100%;
	min-width: 600px;
	background-color: white;
	border: 1px solid #008046;
	margin-top: 0px;
	margin-bottom:0px;
	margin-left:0px;
	}
	
.lientop10{
	text-align: left;
}

#index table tbody {	
	border: 1px solid black;
	width: 100%;
	}	

#index table.lettres	{
	width: 98%;
	margin: 0.5em auto 0;
	
	}
#index table.main tr th.listePheader span.lettres	{
	width: 98%;
	display: block;
	clear:both;
	font: bold 0.9em Verdana;
	color: #363f69;
	}

#index table.main tr th.listePheader span.lettres a	{
	text-align: justify;
	text-decoration: none;
	font-weight: bold;
	}
	
#index table.lettres tr th a {
	
	font-size: 0.8em;
	width: 100%;
	}

#index table.lettres tr th.top10 a {	 
	font-size: 0.8em; 
	margin-right: 0px;
}

#index table.lettres tr th.top10  {
	margin: 0%;
	padding: 0%;
	text-align: left;
	width:45px;
	height:5px;
}
	
#index  table.main tr th.listePheader {
	padding: 0.3em;
	font: bold 1.3em Verdana;
	color: #363f69;
	}

#index  table.main tr th.listePheader p{
	display:inline;
	padding: 0px;
	margin: 0px;
	font: bold 0.9em Verdana;
	color: #363f69;
	clear: both;
	}

	
#index table.lettres tr th a:hover,#index table.lettres tr th.top10 a:hover {
	text-decoration: none;
	font-weight: bold;
	}	
	
#index  table.main tr th.listePheader, #index table.main tr.ind,  #index table.main tr td.listePfooter {
	text-align: center; 
	background-color: #cee2c8;
	}
	
#index .listePfooter td {
	color: #363f69;
	}

#index td.titre_contenu{
	color:#363F69;
	font-size: 1.2em;
	width: 100%;
	padding: 1em; 
	text-align: center; 
	background-color: #FFFBED;
	font-weight: bold;
}
#index td.listeG, #index td.listeM, #index td.listeD {
	width: 33%;
	padding: 1em; 
	text-align: left; 
	background-color: #FFFBED;
	font-weight: normal;
	}

#index td.personneG, #index td.personneD {
	width: 50%;
	padding: 1em; 
	text-align: left; 
	background-color: #FFFBED;
	font-weight: normal;
	}

#index td.liste1, #index td.liste2, #index td.liste3 , #index td.liste4{
	width: 25%;
	padding: 1em; 
	text-align: left; 
	background-color: #fdf6e2;
	font-weight: normal;
	}
	
#index td.listeG a, #index td.listeM a, #index td.listeD a {
	font-weight: normal;
	}	

#index td.liste1 a, #index td.liste2 a, #index td.liste3 a , #index td.liste4 a{
	font-weight: normal;
	}	
	
#index td.no_list {
	text-align: center;
	font-weight: bold;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #f30;
	background-color: #FFFBED;
	}	
	
#index td.no_list p {	
	margin: 0;
	}
	
#index a {	
	color: black; 
	font: bold 0.9em/20px Arial, Helvetica, sans-serif;
	text-decoration: none;
	}    
  
#index a:hover {	
	color: #008046;  
	text-decoration: underline;
	font-weight: normal;
	}

#index .bas {
	margin: 3px auto;
	}
	
#index .bas a {
	color: #009754; 
	font-size: 1.2em;
	margin: 0 3px;
	}	

#index .bas strong {
	font-size: 18px;
	}	
	
.prev {
	width: 45%;
	font-size: 20px;
	color: black;
	}
	
#index .nom {	
	text-align: left;  
	display: inline;
	}
	
#index .date {	
	text-align: right; 
	font-size: 1em;
	display: inline; 
	}

.modif_event {
	width: 50%;
	margin-top: 10px;
	}
	
#index  table.main tr td {
	background-color: #FFFBED;
	}	
	
#index  table.main tr td div.firstname {
	float: left;
	height: 5em;
	margin: 1em;
	padding: 0.5em;
	font-weight: normal;
	border-right: 1px dashed black;
	}
	
#index  table.main tr td div.firstname a {
	font-weight: normal;
	}

#index  table.main tr td div.firstname a:hover {
	color: #008046;
	}
 

#index_news  {
	margin-top: 0px;
	margin-left: 60px;
	margin-right: 20px;
	/*width: 300px;*/
	width:80%;
	}

/*#index_news  {
	width: 25%;
	float: left;
	top: 0px;
	margin-left: 30px;
	margin-bottom: 10px;
	clear: right;
	}*/
/*****Page status styles ****/

#pagestatus {	
	padding: 3px;
	}
	
#pagestatus .pagestatus_success{
	background: url(../gifs/success_icon.gif) no-repeat 0.5em #CFF28B;
	padding: 10px 5px 10px 45px;
	margin: 0 25px 0 25px;
	font-size: 11px;
	}
	
#pagestatus .pagestatus_error{
	background: url(../gifs/fail_icon.gif) no-repeat 0.5em;
	padding: 20px 5px 15px 45px;
	}
	
#pagestatus .pagestatus_error h1{
	font: bold 14px Verdana, sans-serif;
	color: #f30;
	}
	
#pagestatus .pagestatus_error p{
	margin-left: 5px;
	}
	
#pagestatus .pagestatus_info{
	background: url(../gifs/alert_icon.gif) no-repeat 0.5em;
	padding: 10px 5px 10px 45px;
	margin: 0 25px 0 25px;
	}
	
#pagestatus a {			
	font-weight:normal;
	}	
	
.status_footer{
	position: absolute;
	bottom: 30px;
	left: 230px;
}		
	
/*****STYLES ****/	
	
.liste_enfants {
	vertical-align: middle;
	border-bottom: 1px solid black;
	}
	
.dates {
	padding-left: 20px;
	font-style : italic; 
	font-size : 11px;
	}

span.info{
	cursor: help;
	height: 16px;
	width: 16px;
    position: relative; 
    z-index: 24;
    text-decoration: none
	}

span.info span {
	display: none;
	}

span.info:hover {
	z-index: 25;
	}

span.info:hover span { 
	display: inline; 
	position: absolute;    
    background: url(../gifs/wizard.png) no-repeat 0px 0px;
    top: 2em;
    left: 2em;
    width: auto;
    border: 1px solid #069;
	background-color: #F5F6F8;	
    color: #6699cc;
    padding: 1px;
    padding-left: 18px;
	}

.tooltip {
	cursor: pointer;
	}	
	
.tooltip:hover {
    border: 0;
    background: none;
	cursor: pointer;
	}	
	
	
/**  POUR LES ERREURS*/	
p.error{
     margin-left : 5px;
    color: #F30;
	font-weight: bold;
}	
	
/** POUR LES DIX PATRONYMRES LES PLUS UTILISES **/ 

div.patronymes{
	width:600px;  
	margin-left: 25px;
	margin-top: 10px;
 
    }
    
em.nombrefois{
    position :absolute;
    left: 560px;
    
    }    
a.patronyme{
     margin-left : 5px; 
	}    
li.paire{
	background-color : #e5efe2;
	margin-top : 2px;
	margin-bottom :2px;
    }
    
li.impaire{
	background-color :#FFFBED;
	margin-top : 2px;
	margin-bottom :2px;
    }	
/* #feffe2     #FFFBED */

/** new leu**/





p.suggestpmoz {
	margin:0px;
	text-align:left;
	/**text-decoration:none;
	list-style-type: none;**/
	font-weight:normal;
	font-style:normal;
	font-family: verdana,Arial,sans-serif;
	font-size: 0.85em;
	min-height:20px;
	overflow: hidden;
}

/*div.suggestdivie {
	top:274px;
	left:46px;
	width: 239px;
	border: 1px;
	border-style: solid;
	border-color: green;
	position: absolute;
	overflow: hidden;
	background-color:white;
	text-align:left;
	list-style-type: none;
	display:none;
}

p.suggestpie {
	margin:0px;
	text-align:left;
	text-decoration:none;
	list-style-type: none;
	font-style:normal;
	height:20px;
	overflow: hidden;
}*/


p.suggestpie {
	padding: 0px;
	margin:3px 0px 0px 0px;
	text-align:left;
	text-decoration:none;
	list-style-type: none;
	font-weight:normal;
	font-style:normal;
	height:auto;
	overflow: hidden;
}
/**
div.suggestdiv {**/
	/**max-width: 240px; 
	border: 1px ;
	height: 250px;
	position: relative;
	overflow:hidden;
	overflow-y: auto;	
	border: 1px;
	border-style: solid;
	border-color: green;
	!position: relative;
	background-color:white;
	text-align:left;
	list-style-type: none;
	display:none;
	
}**/

div.suggestdiv {
	
	width :230px;
	border: 1px ;
	/**height: 250px;**/
	max-height:255px;
	position: absolute;
	overflow:hidden;
	overflow-y: auto;
	/*overflow-X: auto;*/	
	border: 1px;
	border-style: solid;
	border-color: green;
	/*!position: relative;*/
	background-color:white;
	text-align:left;
	list-style-type: none;
	display:none;
	z-index: 2;
	
}


div.home{
	
	
	width :187px;
	border: 1px ;
	/**height: 250px;**/
	max-height:255px;
	position: absolute;
	overflow:hidden;
	overflow-y: auto;
	/*overflow-X: auto;*/	
	border: 1px;
	border-style: solid;
	border-color: green;
	/*!position: relative;*/
	background-color:white;
	text-align:left;
	list-style-type: none;
	display:none;
	z-index: 2;
	margin-left: 7.8em;
	
	}

div.suggestdivie {
	top:0px;
	left:0px;
	width: 239px;
	border: 1px;
	border-style: solid;
	border-color: green;
	position: relative;
	overflow: hidden;
	background-color:white;
	text-align:left;
	list-style-type: none;
	display:none;
}

div.suggestdivmoz {
	width: 237px;
	border: 1px;
	border-style: solid;
	border-color: green;
	position: absolute;
	overflow: hidden;
	background-color:white;
	text-align:left;
	list-style-type: none;
	display:none;
}




   /** fin new lieu**/