/* Version : 1.100		du 26/12/2019	*/

body{
		margin:0;
		padding:0;
		font: 62.5% "Trebuchet MS";
}
.font-b{
	font-size:10px;
	font-family:Verdana;
	font-weight:normal;
}
img{ 
	border:0;
}
#font-little{
	font-size:10px;
	font-family:verdana;
}
#wrapper{
		width:990px;
		margin:0 auto;
}
a{
		outline:none;
}
.block_SOSA{color :  #7b241c ;}
.blocEvenements{background-color: #ffffff; background-image: 
               url('../image/fd-bloc-evenement.jpg'); 
               background-repeat: repeat-x; width: 697px; float: right; 
               border: 1px solid #9faece; margin-right: 17px; margin-top: 4px}
.blocBibliotheque{background-color: #ffffff; background-image: 
               url('../image/fd-bloc-bibliotheque.jpg'); 
               background-repeat: repeat-x; width: 697px; float: right; 
               border: 1px solid #9bc3ea; margin-right: 17px; margin-top: 4px}
.blocProches{background-color: #FFFFFF; background-image: 
               url("../image/fd-bloc-proches.jpg"); 
               background-repeat: repeat-x; float: left; height: auto; width: 
               697px; border: 1px solid #A8CED0; margin-left: 12px; 
               margin-top: 4px}
.blocEvenements div.titre, .blocBibliotheque div.titre, .blocProches div.titre {
            color : #2b71ad;
            font-family :'Arial Narrow',Arial,Helvetica ;
            font-size: 18px;
            font-weight : bold;
            display:inline;
			margin-left:7px;
			margin-top:5px;
			float:left;
}
.blocEvenements div.lienAjouter, .blocBibliotheque div.lienAjouter, .blocProches div.lienAjouter{background-image: 
               url("../image/icone-ajouter.png"); 
               background-repeat: no-repeat; display: inline; float: right; 
               font-weight: bold; margin-right: 15px; margin-top: 29px; 
               padding-left: 19px}
.blocEvenements div.lienAjouter_and{background-image: 
               url("../image/icone-ajouter.png"); 
               background-repeat: no-repeat; display: inline; float: right; 
               font-weight: bold; margin-right: 150px; margin-top: 29px; 
               padding-left: 19px;}							 
div.lienAjouter a{
		 	color:#036;
			font-family:verdana;
			font-size:11px;
			outline:none;
			text-decoration:underline;
}
div.lienAjouter a:hover{
		 	color:#036;
			font-family:verdana;
			font-size:11px;
			outline:none;
			text-decoration:none;
}
.blocProches div.lienAjouter-biblio{background-image: 
               url("../image/icone-ajouter.png"); 
               background-repeat: no-repeat; display: inline; float: right; 
               font-weight: bold; margin-right: 8px; margin-top: 3px; 
               padding-left: 19px}
div.lienAjouter-biblio a{
		 	color:#036;
			font-family:verdana;
			font-size:11px;
			outline:none;
			text-decoration:underline;
			font-weight:normal;
}
div.lienAjouter-biblio a:hover{
		 	color:#036;
			font-family:verdana;
			font-size:11px;
			outline:none;
			text-decoration:none;
			font-weight:normal;
} 
.blocEvenements div.contenu, .blocBibliotheque div.contenu, .blocProches div.contenu {
           margin-top:50px;
}
#gauche     {background-image: 
               url("../image/gauche.png"); 
               background-repeat: no-repeat; width: 260px; 
               border: 1px solid #CCC1A3}
.droit      {background-image: 
               url("../image/fond-fiche-individu.jpg"); 
               width: 724px; background-repeat: repeat-y; 
               height: auto; vertical-align: top}
.droit1     {background-image: 
               url("../image/fond-fiche-individu.jpg"); 
               width: 728px; background-repeat: repeat-y; height: 640px}
#logo-evenements{background-image: 
               url("../image/logo-evenements.png"); 
               height: 32px; width: 29px; background-repeat: no-repeat; 
               float: left; margin-left: 4px; margin-top: 1px}
#logo-bibliotheque{background-image: 
               url("../image/logo-bibliotheque.png"); 
               height: 32px; width: 35px; background-repeat: no-repeat; 
               float: left; margin-left: 4px; margin-top: 3px}
#logo-proches{background-image: 
               url("../image/logo-proches.png"); 
               height: 25px; width: 38px; background-repeat: no-repeat; 
               float: left; margin-left: 4px; margin-top: 1px}
#photo{

			background-repeat:no-repeat;
			height:85px;
			width:71px;
			margin-left:4px;
			margin-top:3px;
			float:left;
}
#modifier{			
            background-repeat:no-repeat;
            float:left;
            font-family:verdana;
            font-size:11px;
            height:14px;
            margin-left:-10px;
            margin-top:3px;
            padding-left:15px;
}
#modifier a{
			text-decoration:underline;
			color:#036;
}
#modifier a:hover{
			text-decoration:none;
			color:#036;
}
#icone-eveniment{background-image: 
               url("../image/logo-evenements-little.png"); 
               background-repeat: no-repeat; float: none; 
               font-family: Verdana, Geneva, sans-serif; font-size: 10px; 
               font-weight: bold; height: 25px; 
							 width: 140px; z-index: 0;  
               margin-right: 0px; margin-top: 12px; 
               padding-left: 33px; padding-top: 7px}
#icone-eveniment a{
			text-decoration:underline;
			cursor:pointer;
			color:#036;
}
#icone-eveniment a:hover{
			text-decoration:none;
			color:#036;
}
#icone-bibliotheque{background-image: 
               url("../image/logo-bibliotheque-little.png"); 
               background-repeat: no-repeat; float: right; font-family: 
               Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; 
               height: 24px; width: 140px; margin-right: 25px; 
                margin-top: 5px; padding-left: 34px; 
               padding-top: 5px}
#icone-bibliotheque a{
			text-decoration:underline;
			cursor:pointer;
			color:#036;
}
#icone-bibliotheque a:hover{
			text-decoration:none;
			color:#036;
}
#icone-proche{background-image: 
               url("../image/logo-proches-little.png"); 
               background-repeat: no-repeat; float: none; font-family: 
               Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; 
               height: 27px; margin-top: 0px; padding-left: 33px; 
               width: 200px;  margin-right: 0px;  padding-top: 5px ;						 
}
#icone-proche a{
			text-decoration:underline;
			cursor:pointer;
			color:#036;
			
}
#icone-proche a:hover{
			text-decoration:none;
			color:#036;
		
}
#formulaire{
			font-family:Verdana, Geneva, sans-serif;
			font-size:11px;
			float:left;
			float:none;
			margin-top:21px;
			margin-left:1px;
}
#nom{
	margin-top:10px;
	margin-right:9px;
	float:right;
}
#prenom{
	margin-top:2px;
	margin-right:9px;
	float:right;
}
#surnom{
	margin-top:2px;
	margin-right:9px;
	float:right;
}
#sexe{
	margin-top:3px;
	margin-right:9px;
	float:right;
}
#ne-le{
	float:right;
	margin-right:9px;
	margin-top:3px;
}
#a1{
	margin-top:2px;	
	margin-right:9px;
	float:right;
}
#deces{
	margin-top:2px;
	margin-right:9px;
	float:right;
}
#union{
	margin-top:2px;
	margin-right:9px;
	float:right;
}
#ou{
	margin-top:2px;
	margin-right:60px;
	float:right;
}
#separ{
	margin-top:2px;
	margin-right:9px;
	float:right;
}
#datesepar{
	float:right;
	margin-right:9px;
	margin-top:2px;
}
#a2{
	margin-top:2px;
	margin-right:9px;
	float:right;
}
#metier1{
	margin-top:2px;
	margin-right:9px;
	float:right;
}
#metier2{
	margin-top:2px;
	margin-right:9px;
	float:right;
}
#typeunion{
	margin-top:2px;
	margin-right:9px;
	float:right;
}#uni-le{
	margin-top:2px;
	margin-right:9px;
	float:right;
}

#line{
	border-top:1px solid #CCC1A3;
	margin-left:3px;
	margin-top:15px;
	width:300px;
	float:left;
}
.border-gauche{
	border:1px solid #CCC1A3;
	height:18px;
	margin-left:-2px;
	width:172px;
}
.border-gauche2{
	border:1px solid #CCC1A3;
	height:20px;
	margin-left:-2px;
	width:200px;
}
.border-gauche4{
	border:1px solid #CCC1A3;
	height:20px;
	margin-left:-2px;
	width:330px;
}
.border-gauche5{
	border:1px solid #CCC1A3;
	height:18px;
	margin-left:-2px;
	width:50px;
}
.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{
	float:left;
	margin-left:22px;
	margin-top:15px;
	margin-top:0px;
}
#check2{
	float:left;
	margin-left:22px;
	margin-top:19px;
	margin-top:0px;
}
.check{
		border:1px solid #CCC1A3;
}
.text-check{
	float:right;
	font-family:verdana;
	font-size:9px;
	font-weight:bold;
	margin-right:-5px;
	margin-top:14px;
	margin-top:0px;
	width:217px;
}

.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{
	float:left;
	margin-left:17px;
	margin-top:8px;
}
.date input
{
    width:36px;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	border: 0px;
	cursor: pointer;
	background: none;
   }
.date label
{
  width:36px;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	border: 0px;
	background: none;
   }
.type{
	float:left;
	margin-left:77px;
	margin-top:8px;
}
.type input
{
  width:36px;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	border: 0px;
	cursor: pointer;
	background: none;
   }
.type label
{
  width:36px;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	border: 0px;
	background: none;
   }
.lieu{
	float:left;
	margin-left:284px;
	margin-top:8px;
}
.lieu input
{
  width:36px;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	border: 0px;
	cursor: pointer;
	background: none;
   }
.lieu label
{
    width:36px;
	font-family:verdana;
	font-size:10px;
	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:10px;
	font-weight:bold;
	border: 0px;
	cursor: pointer;
	background: none;
}
#titre2 input{
	width:36px;
	font-family:verdana;
	font-size:10px;
	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{
	font-family:verdana;
	font-size:10px;
	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;
}
.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;
}
.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{
	background:none repeat scroll 0 0 #F3EAD1;
	float:left;
	height:19px;
	margin-left:7px;
	margin-top:10px;
	width:672px;
}
#header-proches2{
	background:none repeat scroll 0 0 #F3EAD1;
	float:left;
	height:19px;
	margin-left:7px;
	margin-top:10px;
	width:672px;
}
.header-proches3{
	background:none repeat scroll 0 0 #F3EAD1;
	float:left;
	height:19px;
	margin-left:7px;
	margin-top:10px;
	width:700px;
}
#freres{
		float:left;
		font-family:verdana;
		font-size:11px;
		font-weight:bold;
		margin-left:28px;
		margin-top:3px;
}
ul.freres{
		float:left;
		font-family:Verdana;
		font-size:11px;
		list-style:none outside none;
		margin-top:10px;
		margin-left:-5px;
		margin-left:-10px;
		height:auto;
}
ul.freres li{
	margin-bottom:5px;
	width:500px;
	height:17px;
}
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: 8px; 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: 8px; 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:11px;
	font-weight:bold;
	float:left;
	margin-left:28px;
	margin-top:2px;
}
#underline1{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	float:left;
	margin-left:28px;
	margin-top:2px;
}
#underline2{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	float:left;	
	margin-left:15px;
	margin-top:2px;
}
.underlineUnions{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	float:left;	
	margin-left:15px;
	margin-top:2px;
}
#Oncles-et-Tantes{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	float:left;
	margin-left:28px;
	margin-top:2px;
}
#Cousins{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	float:left;
	margin-left:28px;
	margin-top:2px;
}

#left-column-parents{
	height:auto;
	width:324px;
	float:left;
	margin-left:7px;
	margin-top:0px;
	margin-bottom:10px;
}
#right-column-parents{
	float:right;
	height:auto;
	margin-right:7px;
	width:545px;
	margin-top:9px;
	margin-bottom:10px;
}
ul.left-parents{
	float:left;
	height:auto;
	list-style:none outside none;
	margin-left:-37px;
	margin-top:0;
	margin-left:-29px;
}
ul.left-parents li{
	color:#FF6347;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	margin-top:11px;
	float:left;
}
ul.left-parents li.left-union{
	color:#FF6347;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	margin-top:0px;
	float:left;
}
ul.left-parents-left{
	float:left;
	height:auto;
	list-style:none outside none;
	margin-left:-25px;
	margin-top:0;
	margin-left:15px;
}
ul.left-parents-left li{
	color:#FF6347;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	margin-top:11px;
	float:left;
}
ul.left-parents-left li.left-union{
	color:#FF6347;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	margin-top:0px;
	float:left;
}
ul.right-parents{
	height:auto;
	list-style-type:none;
	margin-left:-18px;
	margin-left:22px;
	margin-top:0;	
	width:300px;
}
ul.right-parents li{
	color:#FF6347;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	margin-top:11px;
	float:left;
}
ul.right-parents li.right-union{
	color:#FF6347;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	margin-top:0px;
}
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: 4px; 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{
	float:left;
	color:#000;
	font-weight:normal;
	font-size:9px;
	font-family:Verdana;
}
#only-mere-text a{
	color:#009;
	text-decoration:underline;
	font-weight:normal;
	font-size:9px;
	width:100%;
}
#only-mere-text a:hover{
	text-decoration:none;
}
#only-mere{
	color:#FF6347;
	float:left;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	margin-left:22px;
	margin-top:10px;
}
#only-pere{
    color:#FF6347;
    float:left;
    font-family:Verdana;
    font-size:11px;
    font-weight:bold;
    margin-left:15px;
    margin-top:10px;
}
#only-pere-text{
		float:left;
		margin-top:9px;
		font-size:11px;
		font-family:Verdana;
}
#only-pere-text a{
	color:#009;
	text-decoration:underline;
	font-weight:normal;
	font-size:9px;
	font-family:Verdana;
}
#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: 13px; 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{
	margin-top:9px;
    width:225px;
}
.oncle-masculin{
	width:300px;
	color: black;
	font-weight: normal;
}
.names{
	color: #000099;
	font-weight: normal;
}
.oncle-tante1
{
    float:left;
    width:86px;
}
.sublist{
    color:#000000;
    float:left;
    font-family:Verdana;
    font-size:11px;
    font-weight:normal;
    margin-left:122px;
    margin-top:-12px;
    width:200px;
}
.sublist a{
	color:#009;
	text-decoration:underline;
	font-weight:normal;
	font-size:11px;
	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: 88px; 
        margin-top: 3px; background-position: 0 ;}
.cousin-feminin{
	width:180px;
	margin-bottom:5px;
}
.cousin-masculin{
	width:180px;
	margin-bottom:5px;
}
.cousin-inconnu{
	width:180px;
	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:11px;
	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: 11px;
	font-weight: bold;
	color: #FF6347;
	float: left;
	margin-left: -11px;
	margin-left: 5px;
	}	
.textUnion
{
	font-family:Verdana;
	font-size:11px;
	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 {
    background-color:#F3EAD1;
    float:right;
    font-size:12px;
    height:75px;
    line-height:1.6;
    margin-top:25px;
    padding:5px;
    text-align:left;
    width:210px; 
	margin-right:15px;
}
.unions-children{
	float:left;
		margin-left:3px;
		margin-top:3px;
}
#unionschildren{
		float:left;
		font-family:verdana;
		font-size:11px;
		font-weight:bold;
		margin-left:28px;
		margin-top:3px;
}
ul.unionschildren{
		float:left;
		font-family:Verdana;
		font-size:11px;
		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;
}
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:11px;
	font-family:Verdana;
}
.table-right-parents td.middle-line
{
    border-right:2px solid #F3EAD1;
    vertical-align:baseline;
    width:324px;
}
.sublist2{
    color:#000000;
    float:left;
    font-family:Verdana;
    font-size:11px;
    font-weight:normal;
    margin-left:22px;
    margin-top:12px;
    width:300px;
    margin-left:90px;
}
.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:710px;
}   
#btnToDo a hover{background-image: 
               url("../image/btn-nav-arbre.gif"); 
               background-repeat: repeat; background-attachment: scroll; 
               background-position: 0 ;}
.blocGererUnion-sublinks{
    height:24px;
    margin-left:21px;
    margin-top:-18px;
}
.blocGererUnion-img
{
    margin-top:0px;
}
.mariage-text
{
margin-left:10px;
    padding-top:3px;
}
.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:14px;
}
.table-right-parents
{
    float:left;
}
#tableauBibliotheque img 
{
    vertical-align:middle;
}
#tableauEvenements img
{
     vertical-align:middle;
}
.contenu img
{
      vertical-align:middle;
}
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;
}
#draggable{
		width: 150px;
		height:150px;
		padding:0.5em;
}