/*@import url('../../lib/js/yui/treeview/assets/tree.css') ;*/
/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.3
*/
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

.debug {
	background : white !important ;
	color : red !important ;
	text-align : left !important ;
	border : 1px solid black !important ;
	padding : 5px !important ;
}

/*
@page { size: portrait; } 

@page { margin: 3cm; } 

@page paysage { size : landscape;} 
*/

body{
background-color:#fff;
color:#000;
font-family:"Times New Roman",Times,serif;
font-size:11pt;
margin:0;
padding:0;
line-height:125%;
}

h1 {
	font-size : 1.6em ;
}

h2 {
	text-align : center ;
	font-size : 1.3em ;
}
h3 {
	text-align : center ;
	font-size:1.2em ;
}

hr, #choixTheme { display : none }
hr.nettoye { display : block ; clear :both; visibility : hidden ; }

#titrePublication {
	width : 100% ;
	text-align : center ;
}
#titrePublication .topleft, #titrePublication .topright, #titrePublication .bottomleft, #titrePublication .bottomright {
	display : none; 
}

#listeMenuGeneral, .formulaire, .icone, .icone img, #droite, #choixLangue, #listeAlphabet, #listePage, #menuIndividu,
#style_switcher, .afficheEnfantUnion {
	display : none !important;
}

#liste,#listeLongue, .Fiche  {
	width : 100% ;
	border : none ;
}
#liste table, #listeLongue table{
	width : 100% ;
	border : none ;
	font-family:sans-serif ;
}
#liste tr, #listeLongue tr{
	width : 100% ;
}
th.Sexe {
	font-size : 1em ;
}
/***********************************/
/* POSITIONEMENT DES COLONNES
/***********************************/
td.tdSexe {
	text-align : center ;
/*	width : 32px ;*/
}
td.tdPorteur {
	text-align : center ;
	width : 9em ;
}
td.tdDebutPeriode, td.tdFinPeriode, td.tdAnNais, td.tdAnDeces {
	text-align : right ;
	padding-right : 0.5em ;
}
td.tdNom {
	text-align : left ;
	padding-left : 16px ;
}
tr.row1 td.tdNom{
	padding-left : 16px ;
}
tr.row0 td{
	border : 1px solid #bbb ;
}
tr.row1 td{
	border : 1px solid #999 ;
}

tr td.tdInfo {
	border-left : none ;
}
td.tdTypeEvt {
	text-align : left ;
}
td.tdDate {
	text-align : right ;
	padding-right : 0.5em ;
}
td.tdLieu{
	text-align : right ;
}
/*
#listeLongue {
	page : paysage ;
}
*/
#liste th, #listeLongue th{
	text-align : left ;
	border : 1px solid black ;
/*
	margin-left : auto ;
	margin-right: auto ;
*/
}
#liste table a , #listeLongue table a {
	text-decoration : none ;
}
#liste th .flecheTri, #listeLongue th .flecheTri {
	display : none ;
	visibility : hidden ;
}

#contenu h1 {
	text-align : right ;
	margin-right : 3em ;
}
a {
	color : #000 ;
	text-decoration : underline ;
}
ol, ul, dl {
	padding :0.5em ;
}
strong {
	font-weight : bold ;
	}
/*******************************/
/* FICHE INDIVIDU
/**********************************/
/*.Sexe {
	float : left ;
}*/
/*
.Sexe span {
	display : block ;
	width : 17px ;
}
*/

div.Sexe {
	display : inline ;
	font-size : 0.6em ;
	margin-right : 1em ;
}

.Sexe span.Masculin:after {
	/*background : white url('blanc/images/icone-homme-trans.png') top left no-repeat ;*/
	content :" M " ;
}
.Sexe span.Feminin:after {
	/*background : white url('blanc/images/icone-femme-trans.png') top left no-repeat ;*/
	content :" F " ;
}
.Sexe span.Indetermine:after {
	/*background : white url('blanc/images/icone-indif-trans.png') top left no-repeat ;*/
	content :" ? " ;
}
/***********************************/
/* NOYAU FAMILIAL
/***********************************/
#noyau {
}
#noyau hr {
	clear : left ;
	visibility : hidden ;
	
}
.Parents, .Union, div.enfantNonSurvol, div.enfantSurvol {
	padding : 3px 0 ;
	font-size : 0.85em ;
}
#noyau h4 {
	margin : 0 ;
	padding : 0 ;
	text-align : center ;
}

#noyau .intitule {
	width : 100% ;
	margin : 0 auto ;
	text-align : center ;
}
#noyau .afficheIndi {
	font-weight : bold ;
}
#noyau .afficheIndi span.icone {
	float : none ;
	display : inline ;
}

#noyau .afficheIndi span.icone a{
	float : none ;
	display : inline ;
	background : none ;
}
.Parents {
	margin : 0 ;
	margin-top : 12px ;
	border : 1px solid #000 ;
	background : #fff ;
	width : 48% ;
	font-size : 0.85em ;
	padding : 0.3% 0.3% ;
	min-height : 10em ;
	height : 10em ;
}
.GrandParentsPere, .GrandParentsMere {
	margin : 0 ;
	margin-top : 1% ;
	padding : 0 ; 
	min-height : 48px ;
	width : 49% ;
	padding : 0.3% 0.3% ;
	
}
.GrandParentsPere {
	float : left ;
}
.GrandParentsMere {
	float : right ;
}
.Parents ul{
	padding : 0 ;
}

.GrandParentsPere .cadreImage, .GrandParentsMere .cadreImage {
	position : static ;
}
.Grand {
	min-height : 5em ;
	width : 46% ;
	float : left ;
	font-size : 0.70em ;
	background : #fff ;
	margin : 0 ;
	border : 1px solid #000 ;
	padding : 0 ;
	margin : 0.5% 0.3% ;
	text-align : center ;
}
.Grand h4{
	font-size : 1.1em ;
}

.GrandPerePere .cadreImage, .GrandMerePere .cadreImage{
	float : left ;
}
.GrandPereMere .cadreImage, .GrandMereMere .cadreImage{
	float : right ;
}

.GrandPerePere, .GrandPereMere  {
	float : left ;
}
.GrandMerePere,.GrandMereMere  {
	float : right ;
}


.Pere {
	float : left ;
}
.Pere ul li{
	margin-left : 5px ;
}
.Pere .cadreImage {
	float : left ;
}

.Mere {
	float : right ;
}
.Mere .cadreImage {
	float : right ;
}


.IndividuCentral {
	margin-top : 12px ;
	height : 9em ;
	border : 1px solid #000 ;
	background : #fff ;
	position : relative ;
}
.IndividuCentral .cadreImage{
	margin-right : 1em ;
	top : -10px ;
	float : right ;
	position : relative ;

}
* html .IndividuCentral .cadreImage {
	right :  0 ;
}

.Conjoint, .Enfant {
	width : 48% ;
	border : 1px solid #000 ;
	background : #fff ;
}
.Conjoint {
	float : left ;
	margin-top : 15px ;
}

.Conjoint .cadreImage {
	float : left ;
}
.Union {
	padding : 1% 0.3% ;
	margin : 2% 1%;
}
.Union .afficheIndi {
	text-align : left ;
}

.Enfant {
	float : right ;
	margin-top : 15px ;
}
.Enfant div {
	clear : right ;
}
div.enfantSurvol, div.enfantNonSurvol {
	padding : 0.3% 0.3% ;
	margin : 1% 1%;

}

.Enfant .cadreImage {
	float : right ;
	margin-top : -1em ;
}
/***********************************/
/* DETAIL
/***********************************/

#detail .M {
	float : left ;
}
#detail a {
	text-decoration : none ;
}
#detail li {
	/*clear : left ;*/
}
#ResumeIndividu ul{
	float : left ;
}

#ResumeIndividu .afficheIndi {
	display : inline ;
}

#ResumeIndividu li {
	clear : left ;
}	


#EvenementIndividu {
	clear : left ;
	padding-top : 5px ;
}

dl#ListeEvenementIndividu dt{
 margin-top : 5px ;
}
dl#ListeEvenementIndividu strong{
 font-weight : normal ;
}
dl#ListeEvenementIndividu .pc strong{
 font-weight : bold ;
}
dl#ListeEvenementIndividu dt.pc, dl#ListeEvenementIndividu dd.pc{
 background : #f5f2e8 ;

}

dl#ListeEvenementIndividu dt.pc{
 border : 1px solid #999 ;
 border-bottom : none ;
 padding : 0.3em 0.3em 0 0.3em ;
}

dl#ListeEvenementIndividu dd.pc{
 border : 1px solid #999 ;
 border-top : none ;
 padding : 0 0.3em 0.3em 0.3em ;
}
dl#ListeEvenementIndividu dd{
 padding-left : 3% ;
 margin-left : 0 ;
}

/**************************************/
/* ASCENDANCE
/**************************************/
#ascendance {
	position : relative ;
	min-height:100%;
  	height:auto !important;
 	height:100%;
}
#formModeAscendance, #spacerAscendance {
	display : none ;
}
#arbre {
	position : relative ;
  	min-height:100%;
  	height:auto !important;
 	height:100%;
	margin : 0 ;
	padding : 0 ;
}

.boxAscendance {
	position : absolute;
	margin : 0 ;
	padding : 0 ;
	border : 1px solid black ;
	overflow:hidden ;
}
.boxAscendanceTxt {
	position : relative ;
	text-align : center ;
	overflow:hidden ;
}
.boxAscendanceTxt a {
	font-size : 0.7em ;
}

.connectAscendance {
	position : absolute;
	margin : 0 ;
	padding : 0 ;
	border-top : 1px solid #999 ;
	border-left : 1px solid #999 ;
	border-bottom : 1px solid #999 ;
}

div.boxAscendanceSuite {
	position : absolute;
	width : 17px ;
	height : 17px ;
}
div.boxAscendanceSuite a{
	display : block ;
	/*width : 30px ;
	height : 40px ;*/
	background-image : url('images/fleche_droite.gif');
	background-repeat : no-repeat;
	background-position : top left;
	text-decoration : none ;
}
div.boxAscendanceSuite a:hover{
	background-image : url('images/fleche_haut.gif');
}

#listeAscendance .afficheIndi {
	display : inline ;
}

#listeAscendance span.icone a{
	display : none;
}
#listeAscendance li {
	clear : left ;
}
/********************/
/* DESCENDANCE 		*/
/********************/

#pc {
	display : block ;
}
#descendance form {
	display : none ;
}

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.txt
Version: 0.11.3
*/

/* first or middle sibling, no children */
.ygtvtn, .ygtvtm, .ygtvtp, .ygtvtph, .ygtvlm, .ygtvlmh, .ygtvlp, .ygtvlph, .ygtvdepthcell, .ygtvblankdepthcell {
	width:16px; height:22px; 
}

/* the style of the div around each node */
.ygtvitem { }  

/* the style of the div around each node's collection of children */
.ygtvchildren { }  
* html .ygtvchildren { height:2%; }  

/* the style of the text label in ygTextNode */
.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover { 
	margin-left:2px;
	text-decoration: none;
}

.ygtvspacer { height: 10px; width: 10px; margin: 2px; }

/********************/
/* AUTRE FICHES		*/
/********************/
.Lieu h2, .Nom h2, .Prenom h2, .Evenement h2{
	text-align : left ;
	border : 1px solid #ccc ;
	padding-left : 2em ;
	/*margin-bottom : 0.7em;*/
}
#listePorteur {
	display : none ;
}
/********************/
/* LIEU				*/
/********************/

#Precision, #Periode  {
	float : left ;
	width : 47% ;
	margin-bottom : 2em ;
	clear : right ;
	margin-right : 1% ;
}
#Graph {
	/*float : left ;*/
	width : 600px ;
}
#Graph h2, #lienMap h2{
	width : 600px ;
	clear :both ;
}

#GoogleMap {
	page-break-before : always ;
	width : 100% ;
	visibility : visible ;
/*	height : 450px ;*/
	/*margin-left : 15px ;*/
}
#lienMap {

}
/********************/
/* AUTRES FICHES	*/
/********************/
.Nom #Periode, .Prenom #Periode {
	width : 400px ;
}
/********************/
/* EVENEMENT		*/
/********************/
.titreEvenement, .commentaireEvenement, .sourceEvenement, .individuEvenement {
	float : left ;
	width : 46% ;
	margin-left : 2% ;
}
.lieuEvenement, .temoinEvenement,  .enfantEvenement {
	float : right ;
	width : 46% ;
	margin-left : 2% ;
}
.Evenement .cadreImage  {
	float : right ;
	margin-right : 5px ;
}

.indiEvenement {
	float : left ;
}