/*** Mise en forme de la page ***/

#personne 
{
	text-align: center; /*** Les boutons sont alignés à droite ***/
	height: 520px;
	overflow: auto;	
}

#grandsparents 
{	/*** Mise en forme des grands parents ***/
	/*padding-top: 10px;*/
  width: 970px;
	height: 52px;
	background: transparent;
}

#grandsparents1, #grandsparents2  
{	/*** Mise en forme des grands parents 1 ***/
	margin: auto;
	width: 480px;	
	height: 52px;
}

#grandsparents1 
{	
	float: left;
	background: transparent;
}

#grandsparents2 
{
	float: right;
	background: transparent;
}

#grandpere1, #grandmere1, #grandpere2, #grandmere2    
{	
	margin-top: 2px;
	padding-left: 5px;
	padding-top: 5px;
	width: 220px;			/*Attention largeur - 2px pour la bordure */
	height: 40px;
	background: #efefef;	
	border: 1px solid black;
	text-align: left;
	font: bold 1.3em calibri, arial, sans-serif;
}

#grandpere1, #grandpere2  
{	
	float: left;	
}

#grandmere1, #grandmere2  
{	
	float: right;
}

#grandpere1
{
	margin-left: 12px;
}

#grandmere1
{
	margin-right: 10px;
}

#grandpere2
{
	margin-left: 8px;
}

#grandmere2
{
	margin-right: 12px;
}



#parents 
{	/*** Mise en forme des parents ***/
	border: none;
	width: 970px;
	height: 110px;
	background: transparent;
}

#pere, #mere    
{	
	margin-top: 5px;
	width: 450px;
	text-align: left;
	height: 95px;
	padding-left: 7px;
	padding-top: 7px;	
	border: 1px solid black;
	font: 1.5em calibri, arial, sans-serif;
	background: #efefef;
}

#pere  
{	
	float: left; 
	margin-left: 12px;
	
}

#mere  
{	
	float: right; 
	margin-right: 13px;
	
}


.gauche 
{
  border: 2px solid;
  float: left;
} 


.dategrandsparents
{
	margin-left: 5px;
	font: 0.8em calibri, arial, sans-serif;
}

.nomgrandsparents
{
	margin-left: 5px;
	font: bold 0.9em calibri, arial, sans-serif;
}


.dateparents
{
	margin-left: 5px;
	font: 0.9em calibri, arial, sans-serif;
}

.professionparents
{
	margin-left: 5px;
	font: italic 1em calibri, arial, sans-serif;
	vertical-align: 20%;
}

.nomparents
{
	margin-left: 5px;
	font: bold 1em calibri, arial, sans-serif;
}

A.lienparents
{
	text-decoration:none;
	color: black;
}


A:link.lienparents
{

}

A:visited.lienparents
{

}

A:active.lienparents
{

}
A:hover.lienparents
{

}

/* individu */
#individu 
{	
	border: none;
	width: 970px;
	height: 170px;
	background: transparent;
}



#individu1 
{	
	float: left;
	margin-top: 10px;
	margin-left: 11px;
	text-align: left;
	font: 1.5em calibri, arial, sans-serif;
	padding-top: 9px;
	padding-left: 6px;
	border: 2px solid black;
	width: 940px;
	height: 160px;
	background: #efefef;
	color: #000000;	
}


.nbenfants 
{
  font: bold 1.1em calibri, arial, sans-serif;
  margin-left: 480px;
  margin-top: 5px;
  width: 180px;
  background-color: transparent;
}



.dateindividu, .mariageindividu
{
	margin-left: 10px;
	font: 1em calibri, arial, sans-serif;
}

.espace_mariage
{
	font: 0.3em calibri, arial, sans-serif;
}

.professionindividu
{
	margin-left: 10px;
	font: italic 1.1em calibri, arial, sans-serif;
	vertical-align: 25%;
}

.nomindividu
{
	margin-left: 10px;
	font: bold 1.3em calibri, arial, sans-serif;
}



/* conjoint */
#conjoint 
{	
	float: left;
	border: none;
	width: 480px;
	background: transparent;
}

#conjoint1 
{	
	float: left;
	text-align: left;
	margin-left: 11px;
	padding-left: 4px;
	padding-top: 7px;
	font: 1.5em calibri, arial, sans-serif;
	border: 1px solid black;
	width: 450px;
	height: 100px;
	background: #efefef;
}

.dateconjoint, .mariageconjoint
{
	margin-left: 5px;
	font: 0.8em calibri, arial, sans-serif;
}

.nomconjoint
{
	margin-left: 5px;
	font: bold 1em calibri, arial, sans-serif;
}



/* enfant */
.enfant 
{	
	float: left;
  margin-left: 5px;
	border: none;
	width: 480px;
	height: 41px;
	background: transparent;
}

.enfant1 
{	
	float: left;
	margin-left: 10px;
	text-align: left;
	padding-top: 2px;
	padding-left: 2px;
	font: 1.4em calibri, arial, sans-serif;
	border: 1px solid black;
	width: 460px;
	height: 40px;
	background: #efefef;
}

.dateenfant
{
	margin-left: 5px;
	font: 0.8em calibri, arial, sans-serif;
}

.nomenfant
{
	margin-left: 5px;
	font: bold 0.9em calibri, arial, sans-serif;
}

.remarque
{
	text-align: left;
	font: bold 1em tahoma, arial, sans-serif;
	margin: 0;
}

.coupgueule
{
	text-align: left;
	font: italic 0.8em verdana, arial, sans-serif;
	margin: 0;
}