/* CSS Document */
body {
	background-color:#ca9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	margin:0;
}

#conteneur{
	position:relative;
	top: 0px;
	width: 1000px;
	background-color: #ffd;
	border:2px solid #eb6;
	margin: 0 auto;
	padding:0;
}
#bandeau{
	height:65px;
	margin:0 5px;
	background-image:url(../Images/logo_genealogie_2.png);
	background-position:left;
	background-repeat:no-repeat;
	text-align:right;
	background-color: #fd9;
}
.legal{
	position:absolute;
	margin:0 20px 0 0;
	left:50%;
	font-size:.75em;
	text-align:justify;
}
#carnet, #anniversaire{
	clear:both;
	float:left;
	margin:0;
	margin-right:10px;
	width:425px;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
}
#carnet{
	background-color:#edd;
}
#anniversaire{
	background-color:#ddf;
}

#carnet p{
	height:auto;
	margin:5px 0;
	padding:0 10px 5px 0;
}
#carnet p img{
	clear:both;
	float:left;
	padding-right:10px;
}
#anniversaire p{
	text-align:left;
}
#anniversaire a{
	margin:5px 0;
	padding-bottom:5px;
	text-align:left;
	text-decoration:none;
	color:#03a;
}

#info{
	clear:left;
	padding:1px 0;
	margin:0 5px;
	font-size:.9em;
	text-align:justify;
}
#info p img{
	float:left;
	margin-right:10px;
}
#info a{
	color:#00a;
}
#info a:hover{
	background-color:#aaf;
}
#zone {
	position: absolute;
	border:2px solid #00a;
	padding:15px;
	top:100px;
	width:auto;
	height:auto;
	display: none;
	background-color: #fff;
	font-size:1.2em;
}
#notice{
	position: absolute;
	border:2px solid #00a;
	left:55px;
	padding:5px;
	height:auto;
	background-color: #ffc;
	font-size: 0.9em;
	display: none;
	z-index:100;
}
#deroul{/*#######Dans la page anniversaires.php*/
	float:left;
	border:2px solid #cca;
	overflow:scroll;
	width:450px;
	height:450px;
	visibility:hidden;
/*	font-size:.85em;*/
	margin-right:15px;
}
#deroul ul{
	list-style:none;
	margin-left:0;
	padding:0;
/*	font-size:.95em;*/
}
#decale{
 	float:right;
	height:600px;
	width:450px;
	left:50%;
	background-image:url(../Images/gateau-anniversaire-1.jpg);
	background-position:right;
	background-repeat:no-repeat;
	margin-right:20px;
	border:solid 1px #000;
}
/*######page ascendance.php##############*/
table#table_asc{
	margin:0 auto;
	background-color:#eef;
}
#table_asc caption{
	background-color:#009;
	font-weight:600;
	padding-bottom:5px;
	text-align:center;
	color:#ffc;
}
#table_asc caption a{
	text-decoration:none;
	color:#ffc;
}
#table_asc td.sosa{
	margin:0;
	width:200px;
	height:18px;
	background-color:#fff;
/*	color:#ffc;*/
	border:1px solid #00a;
	text-align:left;
/*	font-family:"Humanst521 Cn BT", "Arial Narrow", "Arial", sans-serif;*/
	font-size:12px;
}
#table_asc td a{
	color:#000;
	text-decoration:none;
}
#table_asc td a:hover{
/*	color:#000;*/
	background-color:#ccf;
}
/*#########Formulaire de courrier ##########*/
#courrier{
	position:relative;
	top:80px;
	margin:0 auto;
	width:70%;
	height:300px;
	background-color:#ddd;
	border: 2px solid  #00a;
	font-size:1.1em;
}

#courrier input#prn_cour, input#nm_cour, input#mel_cour{
	position:absolute;
	font-family:"Courier New", Courier, monospace;
	width:200px;
	left:200px;	
}
#courrier textarea#msg_cour{
	position:absolute;
	font-family:"Courier New", Courier, monospace;
	width:400px;
	left:200px;
	height:80px;
}
#courrier input#env, input#raz{
	position:absolute;
	width:75px;
	left:200px;
	top:250px;
}
#courrier input#raz{
	left:300px;
}
/*#########Fin du formulaire de courrier #######*/
/*############## FORMULAIRE D'IDENTIFICATION###################*/
form#identif {
	position:relative;
/*	top:75px;*/
	margin:0 auto;
	padding:0 10px;
	width:80%;
	background-color:#ddd;
	border: 2px solid  #00a;
	font-size:1em;
}

#identif p{
	position:relative;
/*	margin: 0 0 .3em .5em;*/
}
#identif select#branche{
	left:20ex;
	vertical-align:text-top;
}

#identif input#anc, input#qui, input#nais_qui, input#epx, input#nais_epx, input#mar, input#enf, input#emel, input#adr, textarea#enf {
	font-family:"Courier New", Courier, monospace;
	width:350px;
	left:20ex;	
}
/*##############FIN DU FORMULAIRE D'IDENTIFICATION###################*/

/*###### les balises #########*/
a img{
	border:none;
}

h1 {
	text-align: center;
	padding: 0 0 0.25em 0;
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #00a;
}
h2{
	font-size:inherit;
	font-weight:600;
}

h5{
	margin:0;
	padding:2px;
	text-align:center;
	color:#FFA;
	background-color: #86b;
	font: italic 105% Georgia, "Times New Roman", Times, serif;
	font-size:inherit;
	font-weight:600;
}

/*######## les classes #############*/
.indiv{
	left:0;	
	background-color:#fdb;
	border-bottom:1px solid #9e9;
/*	font-size:.9em;*/
	margin:1px 0;
	padding:0 5px 5px 3px;
	border-top:1px solid #ffc;
}
.cnjt{
	background-color:#fcc;
	margin:1px 0;
	padding:0 5px 5px 3px;
	border-top:1px solid #ffc;	
	border-bottom:1px solid #ffc;
}
.desc{
	left:0;
	background-color:#ddf;
/*	font-size:.9em;*/
	margin:1px 0;
	padding:0 5px 5px 3px;
	border-top:1px solid #ffc;
	border-bottom:1px solid #ffc;
}
.frat{
	left:0;
	background-color:#cfc;
	border-bottom:1px solid #9e9;
/*	font-size:.9em;*/
	margin:1px 0;
	padding:0 5px 5px 3px;
	border-top:1px solid #ffc;
}
.gene_1{
	margin:0;
	padding:10px 0;
	list-style-type:none;
/*	font-size:.95em;*/
	font-weight:600;
	width:95%;
	background-color:#ccf;
}

.gene_2{
	list-style-type:none;
	font-weight:300;
	font-size:1em;
	background-color:#cfc;
}
.gene_3{
	list-style-type:none;
	font-style:italic;
	font-weight:100;
	font-size:inherit;
	background-color:#fcc;
}
.gene_4{
	list-style-type:none;
	background-color:#eee;
	font-family:"Times New Roman", Times, serif;
	font-size:inherit;
}
.iconeFermer{
	float:right;
	right:10px;
}
.texte{
/*	font-size:.8em;*/
}
.liste_1{/*liste de la page d'accueil*/
	margin:0;
	list-style:none;
	font-style:italic;
}
.remarque{
	padding:5px 20px;
	background-color:#ddd;
	font-style:italic;
	text-align:justify;
}
.note{
	margin:0;
	font-size:.8em;
}
.ital{
	font-style:italic;
}
.anglais{
	font-family:"Times New Roman", Times, serif;
	color:#a03;
	font-style:normal;
	font-weight:bold;
	font-size:1.15em;
}
.alarme{
	background-color:#F99;
}
.cpr{
 	clear:both;
	padding:0 20px 5px 0;
	border-top:2px solid #666;
	width:50%;
	margin:20px auto;
	text-align:center;
	font-size:75%;
	color:#666;
}
.ref{
	background-color:#eef;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
}
#page_photo{/*######pour les albums photos*/
	margin:10px 0;
	border:1px solid #000;
	border-left:none;
	width:1000px;
	height:700px;
	text-align:center;
}
#contenu_page{
	margin:0 auto;/**/
	text-align:center;
}
.reliure{
	float:left;/**/
	width:40px;
	height:inherit;
	background: url(../Images/anneau-class.gif) repeat-y;
}
.photo{
	margin:0 auto;
	text-align:center;
}
.legende{
	padding:5px 0 15px 0;
	margin:0 25px 0 75px;
	text-align:left;
	font-size:85%;
}
.maj{/*Mettre les chifres en taille majuscules*/
	font-size:1.2em;
}
.icon{
	position:absolute;
	margin-left:20px;
}
#sommaire_album{
	width:90%;
}
#sommaire_album a, a:visited{text-decoration:none; color:#000;}
#sommaire_album a:hover{background-color:#fcc}
#sommaire_album td{
	width:20%;
	text-align:left;
	font-size:95%;
	padding:5px 5px 0 5px;
	border-left:2px solid #fff;
	border-top:2px solid #fff;
	border-right:3px solid #999;
}

td .tab_on{
	background-color:#ffc;
	border-left:2px solid #fff;
	border-top:2px solid #fff;

}
td .tab_off{
	background-color:#cca;
}
ul#liste1, ul#liste2, ul#liste3, ul#liste4, ul#liste5{
	height:auto;
	position:relative;
	left:75px;
	top:0;
	text-align:left;
	list-style-image: url(../Images/puce_fleche_rouge.gif);
	font-size:1.1em;
}
ul#liste1 li, ul#liste2 li, ul#liste3 li , ul#liste4 li{
	padding-left:5px;
	left:25px;
}
ul#liste2, ul#liste3, ul#liste4, ul#liste5{
	display:none;
}
ul#liste1 a, ul#liste2 a, ul#liste3 a, ul#liste4 a, ul#liste5 a{
	text-decoration:none;
	color:#00a;
}
ul#liste1 a:hover, ul#liste2 a:hover, ul#liste3 a:hover, ul#liste4 a:hover, ul#liste5 a:hover{
	background-color:#ccf;
	color:#000;
}
/*###########Fin de la page photo */

/*######## MENU #############*/
#menu {
	margin:0 5px;
	background: #fd9;
	float: left;
}
#menu img{
	float:right;
	padding-right:5px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 152px;
float: left;
}

#menu a, #menu h2 {
font: bold 11px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #666;
background-image:url(../Images/onglet-menu.png);
background-repeat:no-repeat;
text-transform: uppercase;
padding-left:10px;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #000;
background: #dda;
}
#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#menu ul ul {
position: absolute;
z-index: 500;
}

div#menu ul ul {
display: none;
}

div#menu ul li:hover ul{
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul{
	display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul{
	display: block;
/*	background-color:#bba;*/
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;

}
/*###### Formulaire de vérification d'identité */
#verif{
	position:relative;
	height:auto;
	width:400px;
	background-color:#dde;
	margin:0 auto;
	margin-top:10px;
	padding:10px 0;	
/*	border-top:1px solid #000;*/
	font-size:.85em;
}

#verif input#prn, input#nm, input#mel, input#j_nais{
	position:absolute;
	left:150px;
}
#verif input#j_nais{
	width:25px;
}
#verif input#m_nais{
	position:absolute;
	width:25px;
	left:195px;
}

#verif input#an_nais{
	position:absolute;
	width:30px;
	left:240px;
}

#verif input#btn{
	position:absolute;
	left:160px;
	width:110px;
}
/*Identification Livre d'or */
#livor{
	position:relative;
	float:left;
	margin:0;
	margin-right:10px;
	background-color:#a36;
	height:100px;
	width:160px;
	font-size:.9em;
	color:#ffc;
}

#livor p{
	margin:.2em;
	padding:0;
	padding-left:.5em;
}
input#livor_prn, input#livor_nm, input#livor_mel{
	position:absolute;
	border:none;
	padding:0 0 0 .2em;
	margin-top:0;
	width:9em;
	height:1.35em;
	right:1em;
	font-size:.9em;	
	color:#000;
}
#livor input#livor_btn{
	position:absolute;
	background-color:#cc3;
	top:70px;
	right:2.5em;
	height:1.9em;
	font-size:.9em;
}
#livor .tit{
	font-size:110%;
	background-color:#cc3;
	color:#000;
}
/*#########Mise en page du tableau des prénoms/patronymes */
#colonne_1, #colonne_2, #colonne_3, #colonne_4{
	float:left;
	margin-top:10px;
	width:225px;
	height:auto;
	background-color:#ddd;
	font-size:.9em;
}
#colonne_1, #colonne_2, #colonne_3{
	margin-right:5px;
}
/*##########Recherche de Cousinage */
#req_cousinage{
	position:relative;
	margin:0 auto;
	width:745px;
	height:80px;
	border:solid 3px #a00;
	padding:20px;
}
ul#titre_cousinage{
	font-size: .9em;
	position:absolute;
	left:50px;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#titre_cousinage li{
	display:inline;
	float:left;
	width:180px;
/*	border:1px solid #ffc;*/	
}
#req_cousinage input#pren1, input#nom1, input#pren2, input#nom2{
	position:absolute;
	margin-top:5px;
	padding:0 0 2px 5px;
	width:150px;
	height:20px;
	border: solid 2px #000;
	font-size:inherit;
	color:#000;
	cursor:text;
}
#req_cousinage input#pren1, input#pren2{
	text-transform: capitalize;
}

#req_cousinage input#nom1, input#nom2{
	text-transform: uppercase;
}

#req_cousinage input#cherche{
	position:absolute;
	margin:50px 0;
	width:80px;
	height:30px;
	border: solid 2px #000;
	font-size:10px;
	color:#000;
	left:350px;
	padding-bottom:5px;	
}
#req_cousinage input#pren1{
	left:30px;
	background-color:#ccf;
}

#req_cousinage input#nom1{
	left:200px;
	background-color:#ccf;	
}
#req_cousinage input#pren2{
	left:420px;
	background-color:#bfb;
}

#req_cousinage input#nom2{
	left:590px;
	background-color:#bfb;

}
#resultat{
	display:none;
	width:785px;
	margin:0 auto;
	border:2px solid #00a;
	background-color:#ccf;
	font-size:.9em;
	text-align:center;
}

#resultat table#tab_res{
	margin:0 auto;
	width:100%;
}
table#tab_res caption{
	background-color:#00a;
	color:#ffc;
}
table#tab_res td{
	width:50%;
}
/*########Pour les notes de biographies ########*/
.liste_note{
	list-style:decimal;
	font-size:.8em;
	padding-right:20px;
	
}