body,td,th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #0058B0;
	margin: 0px;
	padding: 0px;
}
a {
	color: #022B69;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color: #022B69;
}
h1 {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing:5px;
	margin-top: 0px;
	padding-top: 0px;
}
h2 {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing:3px;
}
h3 {
	font-size: 12px;
	letter-spacing:3px;
}


#top {
	display:block;
	height:155px;
	background-image: url(top.jpg);
	background-repeat: no-repeat;
	background-position:310px top;
}
#top_bckg {
	display:block;
	height:155px;
	width:100%;
	background-image: url(top_bckg.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	
}
#main_bckg {
	background-image: url(content_bckg.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	padding-top:1px;
	width:100%;
}
#main {
	
	margin: 10px;
}
.main_limit {
width: 980px;
}
#zone_menu {
display: block;
	width: 250px;
	float: left;
	margin-right:20px;
}
#menu_left {
	
	text-align: right;
	
	margin-bottom:5px;
		}
#menu_left li {
	list-style-type: none;
	padding-right: 4px;
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 25px;
}

.sousmenu_left {
margin-top:0px;

}

.sousmenu_left a {
	list-style-type: none;
	padding-right: 0px;
	font-size: 9px;
	letter-spacing: 1px;
	line-height: 18px;
}

.sousmenu_left a:active {
font-weight:bold;
}

#content {
	padding-top: 0px;
	margin-top: 5px;
	display:table;
	}
.content_limit {
width: 700px;
}
.content_arbre {
width:800px;

}
#cadre_content {
	width:700px;
	background-image: url(bg_content.png);
	background-repeat:repeat-y;
	background-position:center top;	
	
}
#cadre_content_top {
	width:700px;
	height:8px;
	background-image: url(bg_content_top.png);
	background-repeat:no-repeat;
	background-position:center top;	
}
#cadre_content_bottom {
	width:700px;
	height:8px;;
	background-image: url(bg_content_bottom.png);
	background-repeat:no-repeat;
	background-position:center top;	
	margin-: 30px;
}
#texte_cadre {
	padding:7px;
	width:640px;
	margin-left:22px;
	min-height:500px;		
}

.texteright {
	text-align: right;
}
.textecentre {
	text-align: center;
}
.texteleft {
	text-align: left;
}
#bottom {
	clear: both;
	font-size: 11px;
	padding:10px;
	margin-top:30px;
	background-image: url(bottom.gif);
	background-repeat: no-repeat;
	background-position:center top;
}

/* Style des formulaires */

/* FORMS */
input {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border: 1px solid #B5B8C8;
	color: #08778B;
	font-size: 12px;
	background-image: url(form_degr.gif);
	background-repeat: repeat-x;
	background-position: left top;
}


textarea {
	background-color: #FFFFFF;
	border: 1px solid #B5B8C8;
	color: #08778B;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(form_degr.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
select {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border: 1px solid #B5B8C8;
	color: #08778B;
	font-size: 12px;
	width:auto;
	background-image: url(form_degr.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover  {
	border: 1px solid #7EADD9;
	}
fieldset {
	border: 1px solid #CCCCCC;
	padding-top: 15px;
	padding-right: 2px;
	padding-bottom: 10x;
	padding-left: 50px;
	margin-top:0px;
	margin-bottom: 10px;
}
fieldset2 {
	border: 1px solid #CCCCCC;
	padding-top: 15px;
	padding-right: 2px;
	padding-bottom: 10x;
	padding-left: 50px;
	width:300px;
	margin-top:0px;
	margin-bottom: 10px;
}

hr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AAADB7;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	width: 70%;
	height: 1px;
}
legend {
	font-size: 12px;
	color: #000000;
}
label { padding-top:4px; padding-bottom:1px; margin:0px; display:block; }
/* FIN FORMS */
/* Style des formulaires */

#filedown {
	display: block;
	margin: 2px;
	padding: 2px;
	float: right;
	width: 175px;
	border: 1px solid #AAADB7;
}
#filedown ul {
padding: 0px 0px 0px 0px;
	margin: 0px; }
#filedown li {
	list-style-type: none;
	padding-bottom:2px;
	padding-left:23px;
}
.filedownpdf {
	background-image: url(iconepdf.gif);
	background-repeat: no-repeat;
	background-position: left;
	 }
.filedowndoc {
	background-image: url(iconedoc.gif);
	background-repeat: no-repeat;
	background-position: left;
 }
.filedownppt {
	background-image: url(iconeppt.gif);
	background-repeat: no-repeat;
	background-position: left;
 }
.filedownxls { 
	background-image: url(iconexls.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.autocomplete {
	border: 1px solid #3162A6;
	padding:2px;
	width: 268px;
	position:absolute;
	z-index:1;
	background-color: #F6F6F6;
	visibility: hidden;
	
}
.colored {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #F6F6F6;
	display: block;
	width: 268px;
	text-decoration: none;
}
.colored:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #D6DEEC;
	display: block;
	width: 268px;
	text-decoration: none;
}

#genre ul {
padding: 0px 0px 0px 0px;
	margin: 0px; }
#genre li {
	list-style-type: none;
	padding-bottom:5px;
	padding-left:23px;
}
.genrem { 
	background-image: url(gender_male.png);
	background-repeat: no-repeat;
	background-position: left;
}
.genref { 
	background-image: url(gender_female.png);
	background-repeat: no-repeat;
	background-position: left;
}

.imagefiche_M {
	display:block;
	width: 55px;
	text-align:center;
	vertical-align:middle;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A6DAF1;
	border-right-color: #64A7C4;
	border-bottom-color: #64A7C4;
	border-left-color: #A6DAF1;
	margin-left: 15px;
	margin-right:15px;
	margin-top: 2px;
	margin-bottom:3px;
	}
.imagefiche_F {
	display:block;
	width: 55px;
	text-align:center;
	vertical-align:middle;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFB0E8;
	border-right-color: #EE8AD1;
	border-bottom-color: #EE8AD1;
	border-left-color: #FFB0E8;
	margin-left: 15px;
	margin-right:15px;
	margin-top: 2px;
	margin-bottom:3px;
}

.imagefichedetails_M {
	display:block;
	width: 140px;
	height: 135px;
	text-align:center;
	vertical-align:middle;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A6DAF1;
	border-right-color: #64A7C4;
	border-bottom-color: #64A7C4;
	border-left-color: #A6DAF1;
	padding-top:5px;
	
	
	}
.imagefichedetails_F {
	display:block;
	width: 140px;
	height: 135px;
	text-align:center;
	vertical-align:middle;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFB0E8;
	border-right-color: #EE8AD1;
	border-bottom-color: #EE8AD1;
	border-left-color: #FFB0E8;
	padding-top:5px;
}


.bordblanc_M {
	height:123px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #D8F4FD;
	border-bottom-color: #D8F4FD;
	border-left-color: #FFFFFF;
	padding-left:2px;
	padding-right:2px;
	
}
.bordblanc_F {
	height:123px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFECFA;
	border-bottom-color: #FFECFA;
	border-left-color: #FFFFFF;
	padding-left:2px;
	padding-right:2px;
}

.arbre_ligne {
background-color:#EAB800 !important;
z-index:10;
}

.arbre_ligne_demi {
background-color:#000 !important;
z-index:11;
}
.arbre_M {
	font-size:0.8em;
	position:absolute;
	text-align:center;
	z-index:11;
	cursor:move;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/arbre_m.jpg);
	background-repeat: repeat;
	background-position: 0 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A6DAF1;
	border-right-color: #64A7C4;
	border-bottom-color: #64A7C4;
	border-left-color: #A6DAF1;
	white-space: nowrap;
	}
	
	.arbre_M_demi {
	font-size:0.8em;
	position:absolute;
	text-align:center;
	z-index:11;
	cursor:move;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/arbre_m.jpg);
	background-repeat: repeat;
	background-position: 0 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	white-space: nowrap;
	}
	
.arbre_F {
	font-size:0.8em;
	position:absolute;
	text-align:center;
	z-index:11;
	cursor:move;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/arbre_f.jpg);
	background-repeat: repeat;
	background-position: 0 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFB0E8;
	border-right-color: #EE8AD1;
	border-bottom-color: #EE8AD1;
	border-left-color: #FFB0E8;
	white-space: nowrap;
}

.arbre_F_demi {
	font-size:0.8em;
	position:absolute;
	text-align:center;
	z-index:11;
	cursor:move;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/arbre_f.jpg);
	background-repeat: repeat;
	background-position: 0 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	white-space: nowrap;
}

.arbreselect {
	font-size:0.8em;
	position:absolute;
	text-align:center;
	z-index:11;
	cursor:move;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/arbreselect.jpg);
	background-repeat: repeat;
	background-position: 0 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cbc9c9;
	border-right-color: #cbc9c9;
	border-bottom-color: #cbc9c9;
	border-left-color: #cbc9c9;
	white-space: nowrap;
	}
#bloc1 {
	position:relative;
	top:0px;
	left:0px;
	/*width:10000%;
	height:10000%;*/
	cursor:move;
	overflow: hidden;
	padding:50px;
	
}
#bloc2 {	
	
	top:0px;
	left:0px;
	/*position: relative;*/
	width:10000%;
	height:10000%;
	cursor:move;
	overflow:hidden;

}

.rouge {
	color: #ea3c3c;
	font-weight:bold;
}

.espacement {
padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 30px; 
}

#place_arbre {
	position:relative;
	margin-left: 10px;
	margin-right: -24px;
	padding: 0px;
	float: right;
	width: 139px;
	height: 210px;
	background-image: url(arbre_genealogique.gif);
	background-repeat: no-repeat;
	background-position:  0px 0px;
}
#texte_arbre {
	position:absolute;
	left:834px;
	top:390px;
	margin-left: 5px;
	padding: 0px;
	float: right;
	width: 139px;
	text-align:center;
}

#place_arbre_index {
	position:absolute;
	left:834px;
	top:207px;
	padding: 0px;
	float: right;
	width: 139px;
	height: 210px;
	background-image: url(arbre_genealogique.gif);
	background-repeat: no-repeat;
	background-position:  0px 0px;
	z-index:1;
}

#texte_arbre_index {
	position:absolute;
	left:834px;
	top:410px;
	margin-left: 5px;
	padding: 0px;
	float: right;
	width: 139px;
	text-align:center;
}
#cadrenews {
	border: 1px solid #a19d9d;
	width:300px;
	float: right;
	padding:12px;
	padding-top:0px;
	margin-right: 15px;
	margin-bottom:15px;
}

#trnewsespace {
padding-bottom:10px;

}

#cadrelogin {
	background-image: url(degrade_login.jpg);
	background-position:center;
	background-repeat: repeat-y;
	border: 1px solid #a19d9d;
	float: right;
	padding-left:8px;
	padding-right:8px;
	padding-top: 8px;
	padding-bottom:3px;
	margin-top:15px;
	margin-bottom:30px;
	text-align:left;
	width:130px;
}
.showdiv {
	visibility:visible;
	overflow: visible;
	}
.hidendiv3 {
	visibility: hidden;
	overflow: hidden;
	height: 1px;
	width:1px;
	position: absolute;
}
.cachediv {
		visibility: hidden;
		overflow: hidden;
		height: 1px;
		margin-top: -1px;
		position: absolute;
	}
.vert {
	color: #009900;
}
.orange {
	color: #FF9900;
}
.rouge {
		color: #ed4d4d;

}

#easyscroll{
	
	
	/* add additional styling */
	}	

	/* easyscroll navigation buttons */	
#boutonmonter {
	position: absolute;
	z-index: 15;
	right: 130px;
	top: 60px;
	width:16px;
	height:16px;
	background-image:url(arrow_up.png);
	background-repeat:no-repeat;
	}
#boutondescendre {
	position: absolute;
	z-index: 15;
	right: 130px;
	top: 95px;
	width:16px;
	height:16px;
	background-image:url(arrow_down.png);
	background-repeat:no-repeat;
}
#boutonreset {
	position: absolute;
	z-index: 15;
	right: 130px;
	top: 78px;
	width:16px;
	height:16px;
	background-image:url(arrow_reset.png);
	background-repeat:no-repeat;
}
#boutongauche {
	position: absolute;
	z-index: 15;
	right: 147px;
	top: 78px;
	width:16px;
	height:16px;
	background-image:url(arrow_left.png);
	background-repeat:no-repeat;
}
#boutondroite {
	position: absolute;
	z-index: 15;
	right: 113px;
	top: 78px;
	width:16px;
	height:16px;
	background-image:url(arrow_right.png);
	background-repeat:no-repeat;
}
	#easyscrollnav, #easyscrollnav li{
		/*height:28px;
		line-height:28px;*/
		margin:0;	
		padding:0;
		}	
	#easyscrollnav{
		margin:1em 0;	
		}			
	#easyscrollnav li{
	list-style:none;
	float:left;
	/*background:#eee;
		margin-right:10px;*/
	color:#333;
	cursor:pointer;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
		}					
	#easyscrollnav li.over{
	
	background-color: #CCCCCC;
		}							

	/* // easyscroll navigation buttons */	

/* // end easyscroll */


div.autocomplete2 {
  position:absolute;
  border:1px solid #7EADD9;
  background-color:white;
  margin:0;
  padding:0;
}

div.autocomplete2 ul {
  list-style-type:none;
  margin-left:0;
  padding:0;
}
div.autocomplete2 ul li.selected { 
	background-color: #B5B8C8;
	cursor:pointer;
	}
.selectedli { 
	background-color: #B5B8C8;
	cursor:pointer;
	}
div.autocomplete2 ul li {
  list-style-type:none;
  display:block;
  margin:0;
  cursor:pointer;
  padding: 0.1em 2ex;
  font-family: sans-serif;
  font-size:90%;
  color: #444;
  height: 1.5em;
  line-height: 1.5em;
}
.informal {
font-size:9px;
color:#08778B;
}