/* CSS Document */
*{
	margin:0;
	padding:0;
}
body {
	font-family: arial, helvetica, serif;
	font-size: 12pt;
	color:#000;
	margin: 0;
	background: url(../Images/des_bg.gif) repeat ;
	color:#000;
}
#bandeau{
	position:relative;
	margin:0 auto;
	width:960px;
	background:#ffc url(../Images/bandeau_projet_genealo_2.jpg) no-repeat left top;
	height:85px;
	font-size:.8em;
	color:#ffc;
}
#bandeau form{
	position:absolute;
	top:0;
	right:5px;
	width:250px;
	height:80px;
	padding:0 0 0 5px;
	font-size:.9em;
}
#bandeau input#passe, input#pseudo{
	position:absolute;
	padding:0;
	margin:0 0 .3em 0;
	font-size:.9em;
	left:100px;
	width:100px;
	height:1.2em;
/*	padding-bottom:.3em;*/
}
#bandeau input#btn{
	position:absolute;
	left:135px;
	width:35px;
	padding-top:.2em;
	height:1em;
}
#bandeau form p{
	margin:0 0 .3em 0;
/*	padding-bottom:4px;*/
}

#bandeau h1{
	position:absolute;
	top:10px;
	left:0px;
	
}	

#bandeau select#listecom, select#lst_com{
	position:absolute;
	top:25px;
	left:600px;
	padding:0 0 0 5px;
	color:#000;
}
#bandeau .salut{
	position:absolute;
	top:0;
	right:30px;
/*	left:510px;*/
	width:270px;
}
/*############## CENSUS ############################*/
#bandeau_admin{
	margin:auto;
	width:960px;
	background:#ffc url(../Images/bandeau_admin.jpg) no-repeat left top;
	height:85px;
	font-size:.8em;
	color:#ffc;
}

#bandeau_census{
	margin:auto;
	width:960px;
	background:#ffc url(../Images/bandeau_census.jpg) no-repeat left top;
	height:85px;
	font-size:.8em;
	color:#ffc;
}
#bandeau_census form{
	position:relative;
	margin-top:10px;
	padding:0 0 0 5px;
	top:0;
	left:505px;
	width:300px;
	height:auto;
}
#bandeau_census input#pren, input#nm, input#com{
	position:absolute;
	padding:0;
	margin:0;
	left:115px;
	width:90px;
	height:.9em;
	padding-bottom:.3em;
	font-size:.8em;
}
#bandeau_census input#btn1, input#btn2 {
	position:absolute;
	background-color:#b99;
	left:215px;
	width:70px;
	padding-top:.3em;
	font-size:.7em;
	height:2.5em;
	color:#ffc;
}

#bandeau_census p{
	padding-bottom:4px;
}

#bandeau_census h1{
	position:absolute;
	top:10px;
	left:0px;
	
}	
#bandeau_maj{
	margin:auto;
	width:960px;
	background:#ffc url(../Images/bandeau_misajour.jpg) no-repeat left top;
	height:85px;
	font-size:.8em;
	color:#ffc;
}

#bandeau_maj .salut{
	position:relative;
	top:0;
	left:610px;
	width:400px;
}
/*########### FIN CENSUS ###########################*/

#conteneur{
	position:relative;
	width:960px;
	margin:0 auto;
	height:950px;
	padding-top:5px;
	background:#ffc url(../Images/fond_menu.gif) repeat-y left top;
}

#menu{
	clear:both;
	font-size: .9em;	
	position:relative;
	width:250px;
	height:600px;
	margin:10px 0;
	float:left;
	top:0;
/*	background: transparent*/
}


#menu ul{
	margin-left:1.5em;
	margin-bottom:1em;
	list-style-type:none;
	list-style-type:circle;
	font-variant: small-caps;
	font-weight:bold;
	font-size:.85em;
}

#menu li{
	height:auto;
	margin-bottom:.3em;
}
#menu li .last{
	padding-bottom:20px;
}

#menu ul li>ul{
	list-style-type: none;
	margin-left:1em;
	font-variant: normal;
	font-size: 0.9em;
	font-weight:normal;
	list-style-image:url(../Images/fleche_bas.gif);
}
#menu ul li ul li{
	margin-left:1em;
	list-style-image:url(../Images/fleche_bas.gif);
}

#menu h1{
	background:transparent url(../Images/base_de_donnees.gif) no-repeat 20px top;
	margin:0 auto;
}

#menu h2{
	position:relative;
	margin: 10px 0 0 25px;
	background:transparent url(../Images/titre_admin.gif) no-repeat left top;
}
#menu h3{
	clear:both;
	background-color:#744;
	margin-left:10px;
	margin-bottom:10px;
	width:190px;
	text-align:center;
	font-size:1em;
	color:#ffc;
	text-transform: uppercase;
}

#info{
	background-color:#ffc;
	overflow:hidden;
	top:0;
	height:auto;
	width:700px;
	text-align:justify;
	font-size:.9em;
}

#info h1{
	background-color:#744;
	margin:0 auto;
	margin-bottom:10px;
	width:300px;
	text-align:center;
	font-size:1.1em;
	color:#ffc;
}

#info h1 a{
	text-decoration:none;
	color:#ffc;
}

h4{
	background-color:#b99;
	margin:0 auto;
	margin-bottom:10px;
	width:300px;
	text-align:center;
	font-size:1.1em;
	color:#ffc;
}
#detail_info{
	background-color:#ffc;
	overflow:hidden;
	top:0;
	height:auto;
	width:820px;
	text-align:justify;
	font-size:.9em;
}

#liste_1{
	background-color:#feb;
	list-style-position: outside;
	list-style-type: square;
	width:680px;
}

#liste_1 imc{
	border:none;
	padding-top:10px;
	margin-top:5px;
}

#liste_1 ul{
	margin-right:2em;
	margin-left:1em;
	
}
#liste_1 li{
	margin-bottom:10px;
	font-size:0.9em;
	text-align:justify;
}

#requete{
	position:relative;
	left:0;
	margin:10px auto;
	background-color:#744;
	width:490px;
	height:auto;
	color:#ffc;
}

#requete form{
	position:relative;
	top:0;
	left:0;
	padding:0 5px 0 5px;
	height:250px;
}
#requete img{
	float:right;
	padding:20px 5px 0 0;
	margin:10px 5px 0 0;
}
#requete p{
	margin: 0 0 .5em 1em;
	padding-bottom:.3em;
	font-size:.9em;	
}

#requete input#prenom, input#nom, input#an, input#lui , input#elle, input#psd, input#pss, input#btn1{
	position:absolute;
	padding:0;
	margin:0;
	left:100px;
	width:150px;
}
#requete input#lacommune{
	position:absolute;
	padding:0;
	margin:0;
	background-color:#744;
	border:none;
	left:165px;
	width:150px;
	font-weight:700;
	color:#ff0;
}

#requete select#listecom{
	position:absolute;
	padding:0;
	margin:0 0 15px 0;
	background-color:#744;
	border:1px solid #fff;
	left:140px;
	width:200px;
	font-size:10px;
	color:#fff;
}
#requete input#mel, input#mel_conf{
	position:absolute;
	padding:0;
	margin:0;
	left:150px;
	width:200px;
}
#requete input#btn2{
	position:absolute;
	padding:0;
	margin:0;
	left:250px;
	width:150px;
}
#requete input#lui , input#elle{
	position:absolute;
	padding:0;
	margin:0;
	left:25px;
}

#requete input#bouton{
	position:absolute;
	padding:5px 0;
	margin:0;
	left:140px;
/*	border:1px solid #ffc;
	color:#ffc;*/
}
/*Boutons radio de census */

#requete_cens{
	position:relative;
	left:0;
	margin:10px auto;
	background-color:#744;
	width:500px;
	height:auto;
	color:#ffc;
}
#requete_cens form{
	position:relative;
	top:0;
	left:0;
	padding:0 5px 0 5px;
}
#requete_cens img{
	float:right;
	padding:20px 5px 0 0;
}
#requete_cens p{
	margin: 0 0 .5em 1em;
	padding-bottom:.3em;
	font-size:.9em;	
}
#requete_cens input#cens_nom, input#cens_prenom, select#com_res, input#com_nais, input#an_nais, input#lecrit{
	background-color:#744;
	position:absolute;
	padding:0 0 0 .3em;
	cursor:text;
	margin:0;
	left:220px;
	border:1px solid #fff;
	width:180px;
	font-size:10px;
	color:#fff;
}
#requete_cens input#bouton{
	position:absolute;
	left:220px;
} 

#requete_cens select#com_res{
	cursor:auto;
	background-color:#744;
	border:1px solid #fff;
	width:200px;
	color:#fff;
}

#lecrit{
	margin-bottom:15px;
}
#recens {
	background-color: #eeb;
	overflow: scroll;
	height:400px;
}

#recens td{
	padding-left:5px;
	font-size:.85em;	
}

#recens th{
	background-color:#744;
	text-align:left;
	font-size:.9em;
	font-weight:700;
	color:#ffc;
}
#details_foyer {
	display:none;
	width:675px;
	background-color:#cce;
/*	padding:0 5px 0 5px;*/
	margin:10px 0 10px 0;
	border:3px solid #744;
}

/* #############  CLASS ##############*/

.minimenu{
	position:relative;
	left:0;
	width:680px;
	background-color:#fc6;
	font-size:.75em;
	color:#944;
}
.centr{
	text-align:center;
	text-transform: uppercase;
	text-decoration: underline;
	margin-bottom:5px;
}

.alarme{
	padding-bottom:1em;
	border:2px solid #00a;
	font-size:.9em;
	font-weight:600;
	color:#ddf;
	background-color:#c00;
}

.deroul{
	background-color: #eeb;
	overflow: scroll;
	height:350px;
}
.piedpage{
	padding-top:2em;
	font-size:.7em;
	text-align: center;

}

.corps{
	padding:.2em 0;
	font-size:.85em
}
.tab_lgn_pr{
	background-color:#ddf;
	height:auto;
	font-size:.9em;
	color:#000;
}
.tab_lgn_imp{
	background-color:#feb;
	height:auto;
	font-size:.9em;
	color:#000;
}
.lgn_pr{
	background-color:#cfc;
	height:auto;
/*	padding-left:1em; */
	font-size:.75em;
	color:#000;
}
.lgn_imp{
	background-color:#fda;
	margin-bottom:.3em;
	height:auto;
/*	padding-left:1em; */
	font-size:.75em;
	color:#000;
}


#info .notice{
	position:relative;
	width:670px;
	font-size:.8em;
	padding-right: 10px;	
	background-color:#feb;
	margin-bottom:10px;
}
.warning{
	width:650px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	color:#000;
	padding: 10px;
	background-color:#DDD;
	border:5px ridge #f66;
}

.flotte_g{
	position:relative;
	float:left;
	padding:10px 10px 10px 0;
}
.riche_1{
	background-color:#c03;
	font-weight:700;
	font-size:1.1em;
	font-variant: small-caps;
	color: #ffc;
}

.norep{
	width:660px;
	padding:10px 10px;
	margin-bottom:10px;
	font-size: .9em;
	background-color:#cfc;
	border:2px solid #fb9;
}

.soustitre{
	width:150px;
	background-color:#744;
	font-size:1em;
	font-weight:600;
	color:#ffc;
}
.soustitre a{
	text-decoration:none;
	color:#ffc;
}
/* ######## Classes<info communes ###############*/

.nais{
	position:relative;
	width:650px;
	font-size:.8em;
	padding: 10px;	
	background-color:#cfc;
}

.mar{
	position:relative;
	width:650px;
	font-size:.8em;
	padding: 10px;	
	background-color:#fCC;
}
.dc{
	position:relative;
	width:650px;
	font-size:.8em;
	padding: 10px;	
	background-color:#ccc;
}
.rec{
	position:relative;
	width:650px;
	font-size:.8em;
	padding: 10px;	
	background-color:#ccf;
}


/* ################# BALISES HTML #################*/

li a {
	text-decoration: none;
	color:#00a;
}
li a:link {
	color: #161;
}

li a:visited {
	color: #161;	
}

li a:active {
	color: #161;
}

li a:hover {
	background-color:#ccf;
	color:#000;
}
table#cens{
	position:relative;
	margin:0 auto;
	margin-bottom:2em;
}
#cens td{
	padding:0 5px 5px 5px;
	
}
table#wedding{
	margin:0;
	padding:0;
	border:none;
	width:680px;
	text-align:left;
}
table#wedding th{
	padding-left:1em;
	text-align:left;
}

th{
	background-color:#744;
	text-align:center;
	font-size:.9em;
	font-weight:700;
	color:#ffc;
}

td{
	padding-right:3px;
}

/*#######Formulaire de requete des mariage ############*/