body {
	background-color: #902618;
}

body,td,th {
	font-family:"Segoe UI","Trebuchet MS",Helvetica,Arial,sans-serif,Calibri;
	font-size: 13px;
	color: #FFFFFF;
}

.lien_rencontre {
	color:#53150B;
	text-decoration: none; 
}
.lien_rencontre:hover {
	color:#000000;
}

.h1_titre {
	font-family:"Times","Segoe UI","Trebuchet MS",Helvetica,Arial,sans-serif,Calibri;
	padding: 0px;
	margin: 0px;
	font-size: 20px;
	color: #822015;
	border-bottom: 1px solid #000000;
}

.header_bloc {
	background-color: #53150B;
	border-bottom: #000000 10px solid;
}

.middle_bloc {
	background-color: #FFE8E8;
}

.fieldset_menu {
	border: 1px solid #FFCC00;
	padding: 4px;
	margin: 4px;
}

.fieldset_menu legend{
	color: #FFCC00;
	text-transform: capitalize;
}

#menu {
	background-color: #822015;
	padding: 10px;
}

#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
}

#menu a {
	color: #FFFFFF;
	text-decoration: none;
}

#middle_middle_bloc {
	background-color: #FFFFFF;
	padding: 10px;
	color: #000000;
}

#r_page {
	background-color: #FFFFFF;
	padding: 5px;
	color: #000000;
}

#ul_liste_membre {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 650px;
}

#ul_liste_membre td {
	font-size: 13px;
	color: #000000;	
}

#ul_liste_membre li {
	border: 1px dotted #53150B;
	margin-bottom: 5px;
	margin-left: 5px;
	width: 300px;
	float: left;
}
#ul_liste_membre #status {
	padding-bottom: 15px;
}
#ul_liste_membre h1 {
	margin: 0px;
	padding: 0px;
	color: #53150B;
	font-size: 16px;
	text-transform: capitalize;
}

/*pagination*/
.pagination {
	background-color:#EAEAEA;
	color:#333;
	padding-left:5px;
	padding-right:5px;
	margin-right:2px;
	text-decoration:none;
	border:1px solid #CCC;
	line-height:30px;
}
.pagination:hover {
	background-color:#710000;
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
	margin-right:2px;
	text-decoration:none;
	border:1px solid #710000;
	font-weight:bold;
	line-height:30px;
}
.pagination_active {
	background-color:#710000;
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
	margin-right:2px;
	text-decoration:none;
	border:1px solid #710000;
	font-weight:bold;
	line-height:30px;
}
/*formulaire*/
.form {
    font:13px "Segoe UI", "Trebuchet MS", Helvetica, Arial, sans-serif, Calibri;
    margin:5px;
    padding:5px;
}
   
.form ol { 
    list-style:none;
    margin:0;
    padding:0;
}
  
.form li {
	list-style:none;
    padding:2px;
    margin-bottom:1px;
}

.form td {
	color: #000000;
}

.form label {
    float:left;
    width:200px;
    text-align:left;
    margin-right:7px;
    font-weight: bold;
    color: #000000;
}

.input_box_st {
	border: 1px solid #822015;
	font:12px "Segoe UI", "Trebuchet MS", Helvetica, Arial, sans-serif, Calibri;
	background-color: #FFE8E8;

}

.bouton {
	color: #FFFFFF;
	background-color: #990000;
	border: 1px solid #FFFFFF;	
}

#ul_liste_mail {
	padding: 0px;
	margin: 0px;
	list-style:none;
}

#ul_liste_mail li {
	margin-bottom: 10px;
}

#ul_liste_mail li:hover {
	background-color: #EAEAEA;
}

.nonlu {
	background-color: #FF9787;
}

#ul_liste_mail li #message_mail {
	color: #000000
;	font-size: 12px;
}

#ul_liste_mail li #date_mail {
	color: #53150B;
	font-size: 12px;
	font-style: italic;
}

.mail_form ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
}

.mail_form li{
	margin: 0px;
	padding: 0px;
}

.error_form {
	background:url(./images/alert.png) no-repeat 3px 0px;
	color: #FF0000;
	font-size: 12px;
	padding-left: 25px;
	line-height: 25px;
}

.message_ok {
	background:url(./images/ok.png) no-repeat 3px 0px;
	color: #FFFFFF;
	font-size: 12px;
	padding-left: 25px;
	line-height: 25px;
	background-color: #98BF36;
}

#fiche fieldset, #fiche legend{
	color: #000000;
}

.bouton_icon {
    font-size: 13px;
    line-height:20px;
    text-decoration:none;
    background-color:#53150B;
    margin-right:2px;
    padding-top:2px;
    padding-bottom:2px;
    padding-right:3px;
    color: #FFFFFF;
}
 
.bouton_icon:hover{
    background-color:#000;
    color:#FFF;
}

.CoupDeCoeur {
	background:url(./images/CoupDeCoeur.png) no-repeat 55px -6px;
	padding-right:30px;
}


.enligne {
	background:url(./images/enligne.png) no-repeat 4px 1px;
    padding-left:25px;
    color: #8BD34D;
    font-weight: bold;
    font-size: 12px;
}

.offline {
	background:url(./images/offline.png) no-repeat 4px 1px;
    padding-left:25px;
    color: #FF0000;
    font-weight: bold;
}

.bouton_fiche{
    background:url(./images/bouton_fiche.png) no-repeat 4px 1px;
    padding-left:25px;
}
.bouton_ecrire{
    background:url(./images/bouton_ecrire.png) no-repeat 4px 1px;
    padding-left:25px;
}
.bouton_ami{
    background:url(./images/bouton_ami.png) no-repeat 4px 1px;
    padding-left:25px;
}
.bouton_ami_s{
    background:url(./images/bouton_ami_s.png) no-repeat 4px 1px;
    padding-left:25px;
}
.bouton_coeur{
    background:url(./images/bouton_coeur.png) no-repeat 4px 1px;
    padding-left:25px;
}
.bouton_password{
    background:url(./images/bouton_password.png) no-repeat 4px 1px;
    padding-left:25px;
}



.coeur{
    background:url(./images/coeur.png) no-repeat 4px 1px;
    padding-left:25px;
}


#photo_array{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#photo_array li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

#photo_array legend {
	color: #000000;
}

#bouton_navig div{
	float: left;
	border: 1px solid #CCCCCC;
	margin-right: 2px;
	margin-bottom: 2px;
	background-color: #EAEAEA;
}
#bouton_navig div:hover{
	background-color: #53150B;
}
#bouton_navig img{
	margin: 4px;
}

.tooltip{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 3; 
	display: none;
	background-color: #53150B;
	color: #FFF;
	padding: 10px;
	border: 1px solid #53150B;
}