/* Version : 1		du 20/08/2014	*/


#photo_and{
			background-repeat:no-repeat;
			height:170px;
			width:140px;
			margin-left:4px;
			margin-top:3px;
			float:left;
}
#icone-eveniment_and { background-image: 
               url("../image/logo-evenements-little.png"); 
               background-repeat: no-repeat; float: none; 
               font-family: Verdana, Geneva, sans-serif; font-size: 40px; 
               font-weight: bold; height: 20px; 
							 width: 500px; z-index: 0;  
							
               margin-right: 50px; margin-top: 12px; 
               padding-left: 33px; padding-top: 7px;
							margin-left: 180px;
						
}
#icone-eveniment_and a{
			text-decoration:underline;
			cursor:pointer;
			color:#036;
			padding-left: 33px;
		/*	 margin-top: -60px;*/
}
#icone-eveniment_and a:hover{
			text-decoration:none;
			color:#036;
}
#icone-proche_and { background-image: 
               url("../image/logo-proches-little.png"); 
               background-repeat: no-repeat; float: none; 
							 font-family: Verdana, Geneva, sans-serif; font-size: 40px; 
							 font-weight: bold; height: 20px; 
							 width: 500px; 
							 margin-top: 12px; padding-left: 33px; 
                margin-right: 50px;  padding-top: 7px ;
								margin-left: 180px;
							}
#icone-proche_and a{
			text-decoration:underline;
			cursor:pointer;
			color:#036;
			padding-left: 33px;
}
#icone-proche_and a:hover{
			text-decoration:none;
			color:#036;
		
}
#retour {
			font-size:30px;
			margin-top:20px;
			color:red;
			margin-left:300px;
}

#formulaire_and{
			font-family:Verdana, Geneva, sans-serif;
			font-size:20px;
			float:left;
			float:none;
			margin-top:90px;
			margin-left:1px;
}
#nom_and{
	margin-top:10px;
	margin-right:10px;
	margin-left:10px;
	width:300px;

}
#prenom_and{
	margin-top:-50px;
	margin-right:10px;
	margin-left:400px;
	width:300px;
}
#surnom_and{
	margin-top: 10px;
	margin-right:10px;
	margin-left:10px;
	width:300px;
}
#sexe_and{
	margin-top:-50px;
	margin-right:10px;
	margin-left:400px;
	width:200px;
}
#ne-le_and{
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
}
#a1_and{
	margin-top:-150px;	
	margin-left:450px;
}
#a1_andap{
	margin-top:-50px;	
	margin-left:450px;
}
#deces_and{
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
}
#union_and{
	margin-top:2px;
	margin-right:9px;
	float:right;
}
#ou_and{
	margin-top:2px;
	margin-right:60px;
	float:right;
}
#separ_and{
	margin-top:2px;
	margin-right:9px;
	float:right;
}
#datesepar_and{
	float:right;
	margin-right:9px;
	margin-top:2px;
}
#a2_and{
	margin-top:-150px;	
	margin-left:450px;
}
#a2_andap{
	margin-top:-50px;	
	margin-left:450px;
}

#metier1_and{
	margin-top:2px;
	margin-left:10px;
	font-size:20px;
}
#metier2_and{
	margin-top:2px;
	margin-left:300px;
	font-size:20px;
}

#observ_and{
	margin-top:10px;
	margin-right:10px;
	margin-left:10px;
}
#observ_and_na{
	margin-top:150px;
	margin-right:10px;
	margin-left:10px;
}

#typeunion_and{
	margin-top:2px;
	margin-right:9px;
	float:right;
}
#uni-le_and{
	margin-top:2px;
	margin-right:9px;
	float:right;
}

#line_and{
	border-top:1px solid #CCC1A3;
	margin-left:10px;
	margin-top:10px;
	width:800px;

}
.border-gauche_and{
	border:1px solid #CCC1A3;
	height:30px;
	margin-left:10px;
	width:300px;
	font-size: 20px; 
}
.border-gauche2_and{
	border:1px solid #CCC1A3;
	height:30px;
	margin-left:10px;
	width:200px;
	font-size: 20px;
}
.border-gauche4_and{
	border:1px solid #CCC1A3;
	height:30px;
	margin-left:10px;
	width:330px;
	font-size: 20px;
}
.border-gauche5_and{
	border:1px solid #CCC1A3;
	height:30px;
	margin-left:10px;
	width:250px;
	font-size: 20px;
}
/*
.arrow       { background-image: 
               url("../image/arrow.gif"); 
               background-repeat: no-repeat; float: right; height: 19px; 
               width: 17px; margin-right: 1px; margin-top: -22px }
.arrow2      { background-image: 
               url("../image/arrow.gif"); 
               background-repeat: no-repeat; float: right; height: 19px; 
               width: 17px; margin-right: 2px; margin-top: -23px }
#arrow3      { background-image: 
               url("../image/arrow.gif"); 
               background-repeat: no-repeat; float: none; height: 19px; 
               width: 17px; margin-left: 241px; margin-right: -184px; 
               margin-top: -25px }
							 */
#check1_and{
	float:left;
	margin-left:22px;
	margin-top:20px;

}
#check2_and{
	float:left;
	margin-left:22px;
	margin-top:19px;
	margin-top:0px;
}
.check_and{
		border:1px solid #CCC1A3;
		margin-left:40px;
}
.text-check_and{
	font-family:verdana;
	font-size:20px;
	font-weight:bold;
	margin-right:10px;
	margin-left:80px;

	width:600px;
}
/*
.button1 {
    cursor:pointer;
    float:left;
    margin-left:6px;
    margin-top:12px;
    width:125px;
}
.button1 a:active { background-image: 
               url("../image/btn-cg-enregistrer-on.png"); 
               background-repeat: repeat; background-attachment: scroll; 
               height: 65px; width: 125px; float: left; background-position: 0% }
.button1 a:hover { background-image: 
               url("../image/btn-cg-enregistrer.png"); 
               background-repeat: repeat; background-attachment: scroll; 
               height: 65px; width: 125px; float: left; background-position: 0% }
	*/
.date_a{
	float:left;
	margin-left:17px;
	margin-top:8px;
}
.date_a input
{
    width:36px;
	font-family:verdana;
	font-size:20px;
	font-weight:bold;
	border: 0px;
	cursor: pointer;
	background: none;
    }
.date_a label
{
    	width:36px;
	font-family:verdana;
	font-size:20px;
	font-weight:bold;
	border: 0px;
	background: none;
    }

.type_a{
	float:left;
	margin-left:20%;
	margin-top:8px;
}
.type_a input
{
    	width:36px;
	font-family:verdana;
	font-size:20px;
	font-weight:bold;
	border: 0px;
	cursor: pointer;
	background: none;
    }
.type_a label
{
    	width:36px;
	font-family:verdana;
	font-size:20px;
	font-weight:bold;
	border: 0px;
	background: none;
    }

.lieu_a{
	float:left;
	margin-left:75%;
	margin-top:8px;
}
.lieu_a input
{
        	width:36px;
	font-family:verdana;
	font-size:20px;
	font-weight:bold;
	border: 0px;
	cursor: pointer;
	background: none;
    }
.lieu_a label
{
    width:36px;
	font-family:verdana;
	font-size:20px;
	font-weight:bold;
	border: 0px;
	background: none;
    }
#type2{
	float:left;
	margin-left:8px;
	margin-top:8px;
}
#type2 input{
	width:36px;
	font-family:verdana;
	font-size:20px;
	font-weight:bold;
	border: 0px;
	cursor: pointer;
	background: none;
}
#titre2 input{
	width:36px;
	font-family:verdana;
	font-size:20px;
	font-weight:bold;
	border: 0px;
	cursor: pointer;
	background: none;
}
#titre2{
	float:left;
	margin-left:4px;
	margin-top:8px;
}
#description{
	float:left;
	margin-left:140px;
	margin-top:8px;
}
#description input{
	width:75px;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	border: 0px;
	cursor: pointer;
	background: none;
}	
#ajout{
	float:left;
	margin-left:262px;
	margin-top:8px;
}
#ajout input{
	width:82px;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	border: 0px;
	cursor: pointer;
	background: none;
}
.font2_a{
	font-family:verdana;
	font-size:28px;
	font-weight:bold;
	
}
.space1{
		width:675px;
		height:4px;
		float:left;
}
.space2{
		width:675px;
		height:9px;
		float:left;
}
/*
.date1{
	width:107px;
	height:100%;
	background:#F9F4E7;
}

.type1{
	width:309px;
	height:100%;
	background:#F9F4E7;
	padding-left:9px;
}
.lieu1{
	width:229px;
	height:100%;
	background:#F9F4E7;
}
.last1{
	width:29px;
	height:100%;
	background:#F9F4E7;
}
/*second row color */
/*
.row-color2{
	width:100%;
	height:100%;
	font-family:Verdana;
	font-size:11px;
}
.date2{
	width:107px;
	height:100%;
	background:#F0DDDD;
}
.type2{
	width:309px;
	height:100%;
	background:#F0DDDD;
}
.lieu2{
	width:229px;
	height:100%;
	background:#F0DDDD;
}
.last2{
	height:100%;
	background:#F0DDDD;
	width:29px;
}

.row-color3{
	width:100%;
	height:100%;
	font-family:Verdana;
	font-size:11px;
}
.date3{
	width:107px;
	height:100%;
	background:#D5E1E7;
}
.type3{
	width:309px;
	height:100%;
	background:#D5E1E7;
}
.lieu3{
	width:229px;
	height:100%;
	background:#D5E1E7;
}
.last3{
	height:100%;
	background:#D5E1E7;
	width:29px;
}
.row-color4{
	width:100%;
	height:100%;
	font-family:Verdana;
	font-size:11px;
}
.date4{
	width:107px;
	height:100%;
	background:#EAE6DC;
}
.type4{
	width:309px;
	height:100%;
	background:#EAE6DC;
}
.lieu4{
	width:229px;
	height:100%;
	background:#EAE6DC;
}
.last4{
	height:100%;
	background:#EAE6DC;
	width:29px;
}
*/
/*bibliotheque rows */
/*
.type-row{
	width:36px;
	height:auto;
	background:#F9F4E7;
	border-right:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	float:left;
}
.titre-row{
	width:175px;
	height:auto;
	background:#F9F4E7;
	border-right:2px solid #FFFFFF;
	float:left;
}
.description-row{
	width:330px;
	height:auto;
	background:#F9F4E7;
	border-right:2px solid #FFFFFF;
	float:left;
}
.date-row{
	background:none repeat scroll 0 0 #F9F4E7;
	border-right:2px solid #FFFFFF;
	float:left;
	height:auto;
	width:93px;
}
.last-row{
	width:32px;
	height:auto;
	background:#F9F4E7;
	border-right:1px solid #FFFFFF;
	float:left;
}
.type-row-f{
	width:36px;
	height:auto;
	background:#F9F4E7;
	border-right:2px solid #FFFFFF;
	float:left;
}
.titre-row-f{
	width:175px;
	height:auto;
	background:#F9F4E7;
	border-right:2px solid #FFFFFF;
	float:left;
}
.description-row-f{
	width:330px;
	height:auto;
	background:#F9F4E7;
	border-right:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	float:left;
}
.date-row-f{
	background:none repeat scroll 0 0 #F9F4E7;
	border-right:2px solid #FFFFFF;
	float:left;
	height:auto;
	width:93px;
}
.last-row-f{
	width:32px;
	height:auto;
	background:#F9F4E7;
	border-right:1px solid #FFFFFF;
	float:left;
}
.last-row-l{
	width:32px;
	height:auto;
	background:#F9F4E7;
	border-right:1px solid #FFFFFF;
	float:left;
}
.type-row-l{
	width:36px;
	height:auto;
	background:#F9F4E7;
	border-right:2px solid #FFFFFF;
	float:left;
}
.titre-row-l{
	width:175px;
	height:auto;
	background:#F9F4E7;
	border-right:2px solid #FFFFFF;
	float:left;
}
.description-row-l{
	width:330px;
	height:auto;
	background:#F9F4E7;
	border-right:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	float:left;
}
.date-row-l{
	background:none repeat scroll 0 0 #F9F4E7;
	border-right:2px solid #FFFFFF;
	float:left;
	height:auto;
	width:93px;
}
.last-row-l{
	width:32px;
	height:auto;
	background:#F9F4E7;
	border-right:1px solid #FFFFFF;
	float:left;
}

.date-text{
	float:left;
	margin-left:6px;
	margin-top:9px;
}
.date-text-feminin { background-image: 
               url("../image/puce-feminin.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               float: left; height: 8px; width: 20px; margin-left: 0; 
               margin-top: 4px; background-position: 6px ; }
.date-text-masculin{ background-image: 
               url("../image/puce-masculin.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               float: left; height: 8px; width: 20px; margin-left: 0; 
               margin-top: 4px; background-position: 6px ; }
.date-text-inconnu { background-image: 
               url("../image/puce-neutre.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               float: left; height: 8px; width: 20px; margin-left: 0; 
               margin-top: 4px; background-position: 6px }
.crayon{
	margin-left:5px;
	margin-top:6px;
}
.close{
    float:left;
    margin-left:8px;
    margin-top:3px;
}
.eye{
    float:left;
    margin-left:6px;
    margin-top:0;
}

#icone-bibliotheque-row1 { background-image: 
               url("../image/icone-document.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               height: 26px; width: 24px; margin-left: 7px; margin-top: 8px; 
               background-position: 0 }
#icone-bibliotheque-row2 { background-image: 
               url("../image/icone-note.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               height: 22px; width: 27px; margin-left: 4px; margin-top: 8px; 
               background-position: 0 }
#icone-bibliotheque-row3 { background-image: 
               url("../image/icone-media.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               height: 26px; width: 26px; margin-left: 6px; margin-top: 8px; 
               background-position: 0 }
#video       { background-image: 
               url("../image/video.gif"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               width: 69px; height: 55px; margin-left: 7px; margin-top: 37px; 
               background-position: 0 }
*/
#header-proches_a{
	background:none repeat scroll 0 0 #F3EAD1;
	float:left;
	height:30px;
	margin-left:7px;
	margin-top:10px;
	width:100%;
}
#header-proches2_a{
	background:none repeat scroll 0 0 #F3EAD1;
	float:left;
	height:30px;
	margin-left:7px;
	margin-top:10px;
	width:100%;
}
.header-proches3_a{
	background:none repeat scroll 0 0 #F3EAD1;
	float:left;
	height:30px;
	margin-left:7px;
	margin-top:10px;
	width:100%;
}
#freres{
		float:left;
		font-family:verdana;
		font-size:20px;
		font-weight:bold;
		margin-left:28px;
		margin-top:3px;
}
ul.freres{
		float:left;
		font-family:Verdana;
		font-size:20px;
		list-style:none outside none;
		margin-top:10px;
		margin-left:-5px;
		height:auto;
}
ul.freres li{
	margin-bottom:5px;
	height:20px;
}
ul.freres li a{
		color:#009;
		text-decoration: underline;
}
ul.freres li a:hover{
		text-decoration:none;
}

.linkBrother:hover
{
	text-decoration:none;
	}

ul.freres li a:visited{
	color:#009;
}
.feminin-circle { background-image: 
               url("../image/puce-feminin.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               float: left; height: 10px; margin-left: 35px; width: 10px; 
               margin-left: -13px; margin-top: 4px; background-position:  0  }
.masculin-circle { background-image: 
               url("../image/puce-masculin.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               float: left; height: 10px;  margin-left: 35px; width: 10px; 
               margin-left: -13px; margin-top: 4px; background-position: 0  }
.inconnu-circle { background-image: 
               url("../image/puce-neutre.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               float: left; height: 8px; margin-left: 35px; width: 10px; 
               margin-left: -13px; margin-top: 4px; background-position: 0 }
.ane{
	float:right;
}
#parents{
	font-family:Verdana;
	font-size:20px;
	font-weight:bold;
	float:left;
	margin-left:28px;
	margin-top:2px;
}
#underline1{
	font-family:Verdana;
	font-size:20px;
	font-weight:bold;
	float:left;
	margin-left:28px;
	margin-top:2px;
}
#underline2{
	font-family:Verdana;
	font-size:20px;
	font-weight:bold;
	float:left;	
	margin-left:15px;
	margin-top:2px;
}
.underlineUnions{
	font-family:Verdana;
	font-size:20px;
	font-weight:bold;
	float:left;	
	margin-left:15px;
	margin-top:2px;
}
#Oncles-et-Tantes{
	font-family:Verdana;
	font-size:20px;
	font-weight:bold;
	float:left;
	margin-left:28px;
	margin-top:2px;
}
#Cousins{
	font-family:Verdana;
	font-size:20px;
	font-weight:bold;
	float:left;
	margin-left:28px;
	margin-top:2px;
}

#left-column-parents_a{
	height:auto;
	/*	width:324px; */ 	
	/*width:45%;*/
	float:left;
	margin-left:7px;
	margin-top:0px;
	margin-bottom:10px;
}
#right-column-parents_a{
	float:left;
	height:auto;
	margin-left:7px;
	 /* width:345px;*/
	 /* width:45%;*/
	margin-top:9px;
	margin-bottom:10px;
}

ul.left-parents{
	float:left;
	height:auto;
	list-style:none outside none;
	margin-top:0;
	width:100%;
}
ul.left-parents li{
	color:#FF6347;
	font-family:Verdana;
	font-size:20px;
	font-weight:bold;
	margin-top:11px;
	float:left;
}
ul.left-parents li.left-union{
	color:#FF6347;
	font-family:Verdana;
	font-size:20px;
	font-weight:bold;
	margin-top:0px;
	float:left;
}
/*left-paretns-left*/
ul.left-parents-left{
	float:left;
	height:auto;
	list-style:none outside none;
	margin-left:-25px;
	margin-top:0;
	margin-left:15px;
	/* width:50%;*/
}
ul.left-parents-left li{
	color:#FF6347;
	font-family:Verdana;
	font-size:20px;
	font-weight:bold;
	margin-top:11px;
	float:left;
}
ul.left-parents-left li.left-union{
	color:#FF6347;
	font-family:Verdana;
	font-size:20px;
	font-weight:bold;
	margin-top:0px;
	float:left;
}
ul.right-parents_a{
	height:auto;
	list-style-type:none;
	/*margin-left:22px;*/
	margin-top:0;
	/*width:100%;*/
}
ul.right-parents_a li{
	color:#FF6347;
	font-family:Verdana;
	font-size:20px;
	font-weight:bold;
	margin-top:11px;
	float:left;
}
ul.right-parents_a li.right-union{
	color:#FF6347;
	font-family:Verdana;
	font-size:20px;
	font-weight:bold;
	margin-top:0px;
	float:left;
}

/*sublista pentru descendenti */
ul.sublist-first{
	float:right;
	list-style:none outside none;
	margin-left:-20px !important;
	margin-top:-11px;
	margin-right:80px;
	margin-top:-22px;
}
ul.sublist-first li{
	color:#000;
	font-weight:normal;
	margin-left:20px;
}

ul.sublist-first li a{
		color:#009;
}
ul.sublist{
	float:right;
	list-style:none outside none;
	margin-left:-29px;
	margin-top:-11px;
	height:auto;
	margin-top:-22px;
}
ul.sublist li{
	color:#000;
	font-weight:normal;
}
ul.sublist li a{
		color:#009;
}

ul.sublist-cousins{
	float:right;
	list-style:none outside none;
	margin-left:-81px;
	margin-top:-11px;
}
ul.sublist-cousins li{
	color:#000;
	font-weight:normal;
}
ul.sublist-cousins li a{
		color:#009;
}
.feminin-circle-descendent { background-image: 
               url("../image/puce-feminin.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               float: left; height: 8px; width: 10px; margin-left: 0px; 
               margin-top: 4px; background-position: 0;  }
.inconnu-circle-descendent { background-image: 
               url("../image/puce-neutre.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               float: left; height: 8px; width: 10px; margin-left: 0px; 
               margin-top: 4px; background-position: 0 ; }
.feminin-circle-descendent-right-top { background-image: 
               url("../image/puce-feminin.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               float: left; height: 8px; width: 10px; margin-left: 12px; 
               margin-top: 13px; background-position: 0;  }
.inconnu-circle-descendent-right-top { background-image: 
               url("../image/puce-feminin.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               float: left; height: 8px; width: 10px; margin-left: 12px; 
               margin-top: 4px; background-position: 0 ; }
#only-mere-text_a{
	float:left;
	color:#000;
	font-weight:normal;
	font-size:20px;
	font-family:Verdana;
}
#only-mere-text_a a{
	color:#009;
	text-decoration:underline;
	font-weight:normal;
	font-size:20px;
	width:100%;
}
#only-mere-text_a a:hover{
	text-decoration:none;
}
#only-mere{
	color:#FF6347;
	float:left;
	font-family:Verdana;
	font-size:20px;
	font-weight:bold;
	margin-left:22px;
	margin-top:1px;
}
#only-pere{
    color:#FF6347;
    float:left;
    font-family:Verdana;
    font-size:20px;
    font-weight:bold;
    margin-left:15px;
    margin-top:10px;
}
#only-pere-text{
		float:left;
		margin-top:9px;
		font-size:20px;
		font-family:Verdana;
	
}
#only-pere-text a{
	color:#009;
	text-decoration:underline;
	font-weight:normal;
	font-size:20px;
	font-family:Verdana;
	 width:100%;
}
#only-pere-text a:hover{
	text-decoration:none;
}
.masculin-circle-left { background-image: 
               url("../image/puce-masculin.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               float: left; height: 8px; width: 10px; margin-left: 14px; 
               margin-top: 23px; background-position: 0 ; }
.masculin-circle-descendent { background-image: 
               url("../image/puce-masculin.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               float: left; height: 8px; width: 10px; margin-left: 0px; 
               margin-top: 3px; background-position: 0; }
.oncle_a{
  /*  margin-bottom:5px;*/
	margin-top:9px;
    margin-left:-10px;
 		width:100%;    
}
.oncle-masculin{
	width:100%;
	color: black;
	font-weight: normal;
}
.names{
	color: #000099;
	font-weight: normal;
}
.sublist_a{
    color:#000000;
    float:left;
    font-family:Verdana;
    font-size:20px;
    font-weight:normal;
    margin-left:20px;
  /*  margin-top:-12px;*/
    width:100%;
}
.sublist a{
	color:#009;
	text-decoration:underline;
	font-weight:normal;
	font-size:20px;
	font-family:Verdana;
}
.sublist a:hover
{
	text-decoration: none;
}
.pair        { background-image: 
               url("../image/icone-union.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               float: left; height: 15px; width: 20px; margin-left: 20px; 
               margin-top: 3px; background-position: 0 ; }
.cousin-feminin{
	width:100%;
	margin-bottom:5px;
}
.cousin-masculin{
	width:100%;
	margin-bottom:5px;
}
.cousin-inconnu{
	width:100%;
	margin-bottom:5px;
}
#oncle-tante-last{
	float:left;
	margin-top:3px;
}

li.un{
	margin-top:12px !important;
}
li.deux{
	margin-top:12px !important;
	float:left;
}
li.trois{
	margin-top:10px !important;
	float:left;
}
.unions_enfants{
	font-family:Verdana;
	font-size:20px;
	font-weight:bold;
	float:left;
	margin-left:28px;
	margin-top:2px;
}
.union       { background-image: 
               url("../image/icone-union.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               float: left; height: 15px; margin-left: 5px; width: 20px; 
               margin-left: -10px; margin-top: 3px; background-position:  0 ;}
.feminin-union-circle { background-image: 
               url("../image/puce-feminin.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               float: left; height: 8px; width: 10px; margin-left: 0px; 
               margin-top: 4px; background-position: 0 ; }
.masculin-union-circle { background-image: 
               url("../image/puce-masculin.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               float: left; height: 8px; width: 10px; margin-left: 0px; 
               margin-top: 4px; background-position: 0 ; }
.inconnu-union-circle { background-image: 
               url("../image/puce-neutre.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               float: left; height: 8px; width: 10px; margin-left: 0px; 
               margin-top: 4px; background-position: 0 ; }
.feminin-child-circle { background-image: 
               url("../image/puce-feminin.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               float: left; height: 8px; margin-left: 4px; width: 10px; 
               margin-top: 4px; background-position:  0 ; }
.masculin-child-circle { background-image: 
               url("../image/puce-masculin.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               float: left; height: 8px; margin-left: 4px; width: 10px; 
                margin-top: 4px; background-position:   0 ; }
.masculin-child-circle2 { background-image: 
               url("../image/puce-masculin.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               float: left; height: 8px; margin-left: 60px; width: 10px; 
                margin-top: 4px; background-position:   0 ; }
.inconnu-child-circle { background-image: 
               url("../image/puce-neutre.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               float: left; height: 8px; margin-left: 35px; width: 10px; 
               margin-left: 3px; margin-top: 4px; background-position:  0 ; }
.labelUnion
{
	font-family: Verdana;
	font-size: 20px;
	font-weight: bold;
	color: #FF6347;
	float: left;
	margin-left: -11px;
	margin-left: 5px;
	}
	
.textUnion
{
	font-family:Verdana;
	font-size:20px;
	float:left;
	margin-left:3px;
	margin-right:30px;
	}
.unionChildren
{
	margin-left:42px;
	margin-left:0px;
	}
.unionDetails
{
	height:20px;
	margin-top:12px;
	}
.union-separator{
	background:none repeat scroll 0 0 #F3EAD1;
	float:left;
	height:3px;
	margin-left:18px;
	margin-top:5px;
	margin-bottom:5px;
	margin-top:15px;
	width:672px;
}

.yearBrother
{
	float:left;
    margin-left:15px;
}
.nameBrother
{
    float:left;
}


.deleteBrother
{
	float:left;
    margin-left:15px;
}

div.blocGererUnion_a{
    background-color:#F3EAD1;
    float:right;
    font-size:20px;
    height:100px;
    line-height:1.6;
   
    padding:5px;
    text-align:left;
    width:40% ;
	margin-right:25px;
	/*margin-left:50%;*/

}
.unions-children{
	float:left;
		margin-left:3px;
		margin-top:3px;
}
#unionschildren{
		float:left;
		font-family:verdana;
		font-size:20px;
		font-weight:bold;
		margin-left:28px;
		margin-top:3px;
}
ul.unionschildren{
		float:left;
		font-family:Verdana;
		font-size:20px;
		list-style:none outside none;
		margin-top:10px;
		margin-left:-5px;
		margin-left:5px;
		height:auto;
		width:410px;
}
ul.unionschildren li{
	margin-bottom:5px;
	width:390px;
	!width:90%;
}
ul.unionschildren li a{
		color:#009;
		text-decoration: underline;
}
ul.unionschildren li a:hover{
		text-decoration:none;
}
.row-color1{
	width:100%;
	height:100%;
	font-size:20px;
	font-family:Verdana;
}
.row-color1Library{
	height:100%;
	font-size:20px;
	font-family:Verdana;
}

.icone-bibliotheque-row2Library { background-image: 
               url("../image/icone-note.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               background-color: #F9F4E7; height: 100%; width: 27px; 
               background-position: 0; }
.icone-bibliotheque-row1Library { background-image: 
               url("../image/icone-document.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               background-color: #F9F4E7; height: 26px; width: 24px; 
               margin-left: 7px; margin-top: 8px; background-position: 0; }
.icone-bibliotheque-row3Library { background-image: 
               url("../image/icone-media.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               background-color: #F9F4E7; height: 26px; width: 26px; 
               margin-left: 6px; margin-top: 14px; background-position:  3px 6px; }
.titre-row-fLibrary{
	width:175px;
	height:100%;
	background:#F9F4E7;
}
.titre-row-fLibrary a{
	text-decoration:none;
	color:Black;
}
.description-row-fLibrary{
	width:330px;
	height:100%;
	background:#F9F4E7;
}
.description-row-fLibrary a
{
    text-decoration:none;
	color:Black;
}
.date-row-fLibrary{
	background:none repeat scroll 0 0 #F9F4E7;
	height:100%;
	width:93px;
}
.last-row-fLibrary{
	width:32px;
	height:100%;
	background:#F9F4E7;
}
.type2Library{
	float:left;
	width: 27px;
}
.type2Library input{
	width:36px;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	border: 0px;
	cursor: pointer;
	background: none;
}
.type2Library label{
	width:36px;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	border: 0px;
	background: none;
}
.titre2Library{
	float:left;
	width: 170px;
}
.titre2Library input{
	width:36px;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	border: 0px;
	cursor: pointer;
	background: none;
}
.titre2Library label{
	width:36px;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	border: 0px;
	background: none;
}
.descriptionLibrary{

	float:left;
	width: 340px;
}
.descriptionLibrary input{
	width:75px;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	border: 0px;
	cursor: pointer;
	background: none;
}	
.descriptionLibrary label{
	width:75px;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	border: 0px;
	background: none;
}	
.ajoutLibrary{
	float:left;
	width: 120px;
}
.ajoutLibrary input{
	width:82px;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	border: 0px;
	cursor: pointer;
	background: none;
}
.ajoutLibrary label{
	width:82px;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	border: 0px;
	background: none;
}
.crayonLibrary{
	margin-left:5px;
    margin-top:5px;
}
.eyeLibrary{
	margin-left:6px;
}
.title-select-image
{
	color:#00326B;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	margin-left:12px;
	float:left;
}
.border-select
{
	border-top:1px solid #00326B;
	float:left;
	margin-left:10px;
	margin-top:7px;
	width:95%;
	margin-bottom:10px;
}
.select-left-column
{
    float:left;
    margin-left:8px;
    margin-top:17px;
}
.select-right-column
{
    float:right;
    margin-left:107px;
    margin-top:27px;
    position:absolute;
}
.users-pictures
{
    min-height:300px;
    width:350px;
    height:auto;
    margin-left:18px;
    float:left;
}
#pictures {
    margin-top:23px;
}
.blue-btn    { background-image: 
               url("../image/btn-img1.png"); 
               background-repeat: repeat-x; background-attachment: scroll; 
               color: #FFFFFF; font-family: 
               Verdana, Arial, Helvetica, sans-serif; font-size: 12px; 
               font-weight: bold; height: 23px; padding-left: 0px; 
               padding-right: 0px; border: 0; border: 1px solid #0A5596; 
               padding-left: 8px; padding-right: 8px; padding-bottom: 2px; 
               background-position: 0; }
.change-image-btn
{
    float:left;
    margin-top:28px;
    text-align:center;
    width:100%;
    margin-bottom:20px
}
.picture-size
{
    height:80px;
    width:105px;
}
.submit-telecharger
{
    height:50px;
    margin-left:80px;
    margin-left:40px;
    margin-top:10px;
    float:left;
}
.button-save-sauvegarder
{
    margin-left:68px;
    margin-top:16px;
    float:left;
}
.button-save-sauvegarder2
{
    margin-left:180px !important;
     margin-left:126px !important;
    margin-top:16px;
    float:left;
}

.btns-deletePerson
{
    margin-top:25px;
    margin-left:117px;
    margin-left:65px;
    margin-left:65px;
    float:left;
}

.btns-deleteChild
{
    margin-top:25px;
    margin-left:87px;
    margin-left:65px;
    margin-left:65px;
    float:left;
    height:50px;
}

.document-btn{
    float:left;
    margin-left:85px;
    margin-top:29px;
    margin-left:35px;
    margin-top:35px;
}
.suprimer-anuler
{
    margin-top:25px;
    margin-left:117px;
    margin-left:65px;
    float:left;
}
.table-right-parents td.middle-line_a
{
    border-right:2px solid #F3EAD1;
    vertical-align:baseline;
	 width:45%; 
}
.sublist2_a{
    color:#000000;
    float:left;
    font-family:Verdana;
    font-size:20px;
    font-weight:normal;
    margin-left:10px;
   /* margin-top:-12px; */
   /* width:200px;  */
		width:100%;
}

/*@media screen and (-webkit-min-device-pixel-ratio:0) {*/
.blocProches {
        background-color:#FFFFFF;
        background-image:url("../image/fd-bloc-proches.jpg");
        background-repeat:repeat-x;
        border:1px solid #A8CED0;
        float:left;
        height:auto;
        margin-left:12px;
        margin-top:4px;
        width:100%;
}   
/*}   */
#btnToDo
{
    width:62px;
}
#btnToDo a
{
    cursor:default;
}
#btnToDo a hover { background-image: 
               url("../image/btn-nav-arbre.gif"); 
               background-repeat: repeat; background-attachment: scroll; 
               background-position: 0 ; }
.blocGererUnion-sublinks_a{
    height:24px;
    margin-left:21px;
    margin-top:-30px;

}
.mariage-text
{
margin-left:10px;
    padding-top:3px;
}
.modifierPopup-title
{
    color:#00326B;
    float:left;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:13px;
    font-weight:bold;
    margin-left:16px;
    margin-top:17px;
}
.dateFormat-text
{
    float:left;
    margin-left:42px;
    margin-top:27px;
    width:350px;
}
.fermer
{
    float:left;
    height:40px;
    margin-left:158px;
    margin-top:10px;
}
.icon-creyon-left
{
    margin-left:1px;
    margin-top:5px;
    width:14px;
}
.icon-close-left2
{
    margin-left:6px;
    margin-top:5px;
    width:14px;
}
.icon-close-left
{
    margin-left:3px;
    margin-top:7px;
    width:14px;
}
.icon-creyon-right
{
    margin-right:1px;
    margin-top:5px;
    width:20px;
}

.table-right-parents
{
    float:left;

}
.table-icons-width
{
    width:26px;
}
.icon-voir
{
    margin-left:4px;    
    width:14px;
}
/*.suprimer-btn-media
{
    float:left;
	height:40px;
	margin-bottom:10px;
	margin-left:125px;
	margin-top:25px;
}*/

.suprimer-btn-media
{
    margin-top:25px;
    margin-left:117px;
    margin-left:65px;
    margin-left:65px;
    float:left;
}


.btn-unions
{
	float:left;
	height:40px;
	margin-bottom:10px;
	margin-left:150px;
	margin-top:25px;
}

#loadindDelete
{
    margin-left:5px;
}

#tableauBibliotheque img 
{
    vertical-align:middle;
}

#tableauEvenements img
{
     vertical-align:middle;
}

.contenu img
{
      vertical-align:middle;
			width: 100%;
}

.button-print a { background-image: 
               url("../image/btn-imprimer.png"); 
               background-repeat: repeat; background-attachment: scroll; 
               color: #FFFFFF; float: left; text-decoration: none; height: 
               23px; width: 95px; margin-left: 310px; margin-top: 10px; 
               margin-bottom: 10px; padding-left: 10px; padding-right: 10px; 
               padding-top: 2px; padding-bottom: 2px; background-position:  0;  }
.tableSharingTree{
	float:left;
	margin:10px 0 15px 15px;
	width:95%;
}

.tableSharingTreePublic{	
	background:url("../image/row1.gif") repeat-x scroll 0 0 transparent;
	background-color:#E1EEF7;
}

.tableSharingTree td{	
	padding:5px !important;
}

.tableSharingTreeSemiPublic{	
	background:url("../image/row2.gif") repeat-x scroll 0 0 transparent;
	background-color:#D2E3F3;
}
.tableSharingTreePrivate{	
	background:#BCD2E7;
}

.sharingTree-title-font
{
	font-family:verdana,Verdana;
	font-size:15px;
	font-weight:bold;
}
.titleInvitation
{
	float:left;
	margin-left:15px;
	width:95%;
}

.btn-invitez
{
	float:left;		
	margin-left:170px;
}

.tableRequest
{
	float:left;	
	margin-bottom:15px;
	width:100%;
	background-color:#F9F4E7;
}

.subTableRequest
{
	float:left;		
	background-color:#F9F4E7;
	border:1px solid white;
}

.subTableRequest td
{
	border-bottom:solid 2px #000000;	
}

.tableRequestLightGreen
{
	float:left;	
	margin-bottom:15px;
	width:100%;
	background-color:#EEFBC3;
}

.subTableRequestLightGreen
{
	float:left;		
	background-color:#EEFBC3;
	border:1px solid white;
}

.subTableRequestLightGreen td
{
	border-bottom:solid 2px #000000;	
}

.subTableRequest
{
	float:left;	
	border:1px solid white;
	width:100%;
}

.subTableRequest td
{
	border-bottom:solid 2px #000000;	
}

.subTableInvitationGreen
{
	float:left;		
	background-color:#EEFBC3;
	border:1px solid white;
}

.subTableInvitationGreen td
{
	border-bottom:solid 2px white;	
}

.subTableInvitationRed
{
	float:left;		
	background-color:#FDCDC0;
	border:1px solid white;
}

.subTableInvitationRed td
{
	border-bottom:solid 2px white;	
}

.btn-modifiez
{
	float:left;		
	margin-left:170px;
	margin-bottom:20px;
}

.titleTreeList{
	float:left;	
	margin:10px 0 10px 15px;
	width:95%;	
}

.titleTreeAccessDemands{
	border-top:1px solid #2F72A7;
	color:#2F72A7;
	float:left;
	margin-left:15px;
	margin-top:0;
	padding-top:10px;
	width:95%;
}

.greenText
{
	color:#669900;	
	font-weight:bold;
}

.redText
{
	color:#CC0000;	
	font-weight:bold;
}

.orangeText
{
	color:#FF6600;	
	font-weight:bold;
}

.blueText
{
	color:#003399;	
	font-weight:bold;
}

.darkBlueText
{
	color:#00326B;	
	font-weight:bold;
}

.lightBlueText
{
	color:#2F72A7;	
	font-weight:bold;
}

.lightBlueSimpleText
{
	color:#2F72A7;		
}

.invitationTextArea
{
	font-family: verdana; 
	width: 250px; 
	font-size: 11px; 
	height: 146px;
	border:1px solid #CBC0A4;
}

.scrollBarTable{
    max-height:185px;
	overflow: auto; 
	width: 95%; 
	float:left; 
	margin-left:15px;
	margin-bottom:15px;
}
* html div.scrollBarTable { 
   height: 185px;/*expression( this.scrollHeight > 184 ? "185px" : "auto" ); *//* sets max-height for IE "auto";*/
}
.tableSharingTree input
{
    border:1px solid #CBC0A4;
}

.scrollBarToDoTableLeft{	
	margin-bottom:15px;
    margin-left:8px;
	max-height:185px;
	overflow:auto;	
	width:98%;
}

.scrollBarToDoTableRight{
	float:left;
	margin-bottom:15px;
	margin-left:5px;
	max-height:185px;
	overflow:auto;
	width:49%;
}

.noteDescriptionTextArea
{
	background:none repeat scroll 0 0 White;
	border:1px solid #CAC2B5;
	height:170px;
	height:173px;
	height:160px;
	margin-left:10px;
	margin-right:5px;
	margin-top:5px;
	width:430px;
}

.noteMainTable
{
    background-color:White;
    margin-left:9px;
	margin-left:0px;
    margin-top:0px;
    height:200px;
}
.SaveNoteButton
{
    cursor:pointer;
    float:left;
    margin-left:6px;
    margin-top:6px;
    margin-bottom:6px;
    }
.whiteBackground
{
	background-color:White !important;
}

.selectPersonLiensParent
{
	font-weight:bold;
	margin:15px 15px 15px 25px;
	width:192px;
}

.textSelectPersonLeftLiensParent
{
	font-size:14px;
	margin-bottom:5px;
	margin-left:17px;
	margin-top:25px;
	font-weight:bold;
}

.textSelectPersonRightLiensParent
{
	font-size:14px;
	margin-bottom:5px;
	margin-right:17px;
	margin-top:25px;
	font-weight:bold;
}

.divLeftPersonLiensParent
{
	background-color:#F9F4E7;	
	margin-bottom:20px;
	margin-left:15px;
	padding:10px;
	width:230px;
}

.divRightPersonLiensParent
{
	background-color:#F9F4E7;	
	margin-bottom:20px;
	margin-right:15px;
	padding:10px;
	width:230px;
}

.divInformation
{
	border-left:5px solid #F9F4E7;
	border-right:5px solid #F9F4E7;
	border-bottom:5px solid #F9F4E7;
	float:left;
	height:80px;
	margin-left:15px;
	margin-top:-20px;
	text-align:center;
	width:511px;
	width:520px;
}

.leftLine
{
	border-top:5px solid #F9F4E7;
	float:left;
	margin-left:15px;
	width:145px;
	overflow:hidden;
}

.rightLine
{
	border-top:5px solid #F9F4E7;
	float:left;
	margin-left:390px;
	margin-top:-140px;
	width:145px;
}

.contentConnectionSimple
{
	background-color:#F9F4E7;	
	float:left;
	width:228px;
	border-bottom:10px solid white;
	margin-left:169px;
}

.contentConnectionDouble
{
	background-color:#F9F4E7;
	float:left;
	border-bottom:10px solid white;
	margin-left:80px;
	width:400px;
}

.contentNoConnection
{
	background-color:#F9F4E7;	
	float:left;
	width:228px;
	border-bottom:10px solid white;
	margin-left:169px;
}
.treeName
{	
	font-weight:bold;
	margin-top:10px;	
	margin-bottom:10px;
	width:100%;
}

.leftTree
{
	float:left;
	margin-top:-10px;
	width:200px;
}

.rightTree
{
	float:right;
	margin-top:-10px;
	width:200px;
}

.ancester
{
	border-bottom:2px solid #B4AA94;
	float:left;
	margin-top:20px;
	padding-bottom:7px;
	text-align:center;
	width:100%;
	font-weight:bold;
}
.ui-widget-content
{
    background: none !important;
    border:none !important;
}
.ui-widget-header 
{
     background: none !important;
}
.tabsPopup
{
    float:left;
    margin-bottom:8px;
    margin-left:8px;
    margin-top:15px;
    padding:0;
}
.last-li
{
    width:50px;
}
.loading-p
{
    float:left;
    width:600px;
}
.textDegree
{
    margin-top:25px;
}
a.NePlusSuivre
{
}
div.searchParentLinks {        
			background-repeat:no-repeat;
			display:inline;
			float:right;
			font-weight:bold;
			margin-top:29px;
			margin-right:15px;
			padding-left:19px;
}
.linkParentLinks
{
    height:20px;
    margin-right:2px;
}
#SelectValues
{
	border:1px solid #CAC2B5;    
    height:174px;
}
.thirdTab
{
    background-color:White;
    border-color:-moz-use-text-color #9E9375 #9E9375;
    border-right:1px solid #9E9375;
    border-left:1px solid #9E9375;
    border-bottom: 1px solid #9E9375;
    border-style:none solid solid;
    border-width:0 1px 1px;
    float:left;
    margin-bottom:5px;
    margin-top:-1px;
    margin-top:-3px;
    width:626px;
    float:none;
    margin-left:0px;
    width:628px;
}
#listBox img:hover
{
    cursor:pointer;
}   
.noNoteTab 
{    
    float:left;    
    background-color:white;
    margin-top:35px;
    padding-left:10px;
    margin-left:1px;
    height:125px;        
}
.ToDoTabs
{
    text-align:center;
    width:131px;
    width:155px;
    }
    
.priorityClass
{
	width: 70px !important;
}
.priorityClass option.selectColorRed 
{
    background:red;
}
span.selectColorX
{
      background:red;
}
.ToDoTabRenseignes
{
    border-bottom: #9e9375 1px solid; 
    border-left: #9e9375 1px solid;
    width: 626px; 
    width: 628px; 
    float: left; 
    border-top: #9e9375 0px solid; 
    border-right: #9e9375 1px solid; 
    margin-top: -3px;
}
.ToDoTabRenseignes table
{
    border:4px solid white;
    width:100% !important; 
    float:left;
    margin-top:-3px;
    }
.ToDoTabConsultes
{
    border-width: 0px 1px 1px; 
    border-style: none solid solid; 
    float: left; width: 626px; 
    width: 628px; 
    margin-left: 0pt; 
    border-color: #9E9375;
    margin-top: -3px;
}
.ToDoTabConsultes table
{
    border:4px solid white;
    width:100% !important; 
    float:left;
    margin-top:-1px;
    margin-top:-3px;
    }
.ToDoTabAccess
{
    border-width: 0px 1px 1px; 
    border-style: none solid solid; 
    float: left; 
    width: 626px; 
    margin-left: 0pt; 
    border-color: rgb(158, 147, 117); 
    background-color: white; 
    width: 628px;
    margin-top: -3px;
}

.labelSendRequest{
	float:left;
	width:100px;
}

.formSendRequest
{
	margin:5px;
	float:left;
}

.blockSendRequest { background-image: 
               url("../image/popup-top-550.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               height: 320px; width: 510px; background-position: 
               right  ;}
.blockSendRequestSmall { background-image: 
               url("../image/popup-top.png"); 
               background-repeat: no-repeat; background-attachment: scroll; 
               width: 417px; background-position: right  ;}