/*    CSS du menu de droite du site Chacun Sa Tribu    */

/*                 By ALTO Info-Systems                */

#recherche{
	text-align:center;
	border:2px solid #573103;
	margin : 20px 0;
	position : relative;
	padding-top : 19px;
    padding-bottom : 19px;
	width:194px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#droit{
	float:right;
	width:198px;
}

#membres{
	text-align:center;
	border:2px solid #cccbc7;
	background-color:#cccbc7;
	margin : 20px 0;
	position : relative;
	padding-top : 15px;
	width:194px;
	color : #573103;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#membres h2{
	color:#573103;
	font-size: 18px;
	border-bottom : 2px solid #573103;
	border-top : 2px solid #573103;
}

#listmember{
	margin-left : 15px;
	margin-right : 15px;
	text-align:left;
}

.membreconn{
	font-size: 14px;
}

.colonnegauche{

	width : 152px;

	height : 26px;

	text-align:center;

}





.Homme a, .Homme a:hover{

	font-size: 12px;

	color : #573103;

}



.Femme a, .Femme a:hover{	

	font-size: 12px;

	color : #AE0E0E;

}





.hga{

	background:url(../img/corners/hga.bmp);

	width : 20px;

	height : 20px;

	top : -2px;

	left : -2px;

	position : absolute;

}



.hda{

	background:url(../img/corners/hda.bmp);

	width : 20px;

	height : 20px;	

	top : -2px;

	right : -2px;

	position : absolute;

}



.bga{

	background:url(../img/corners/bga.bmp);

	width : 20px;

	height : 20px;

	bottom : -2px;

	left : -2px;

	position : absolute;

}



.bda{

	background-image:url(../img/corners/bda.bmp);

	width : 20px;

	height : 20px;

	bottom : -2px;

	right : -2px;

	position : absolute;

}



a.info{

	position :relative;

}



a.info span{

	display : none;

}



a.info span img{

	border : 1px solid #573103;

	

}



a.info:hover{

	background : none;

	z-index : 500;

	cursor : pointer;

}



a.info:hover span{

	padding-top : 13px;

	padding-bottom : 13px;

	padding-left : 3px;

	padding-right : 3px;

	display : inline;

	position : absolute;

	white-space : nowrap;

	top : 30px;

	left : 20px;

	background : white;

	color : #573103;

	padding : 3;

	border : 1px solid #573103;

	text-align : center;

}

a.info_obj{

	position :relative;

}



a.info_obj span{

	display : none;

}


a.info_obj:hover{

	background : none;

	z-index : 500;

	cursor : pointer;

}



a.info_obj:hover span{

background:white none repeat scroll 0 0;
border:1px solid #d0bda7;
color:#573103;
display:inline;
font-size:0.8em;
height:18px;
left:0;
padding:20px 0;
position:absolute;
text-align:center;
top:-48px;
white-space:nowrap;
width:58px;

}


.nomprenom{

	font-size : 12px;

	font-weight : bold;

	color : black;

}