@charset "utf-8";
/* CSS Document Space Rencontres */
body {
	margin:0;
	font: normal 88% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}
a img {
	border:0;
}
div#content {
	margin:0;
	float: left;
	width: 795px;
	background-image:url(ligne.jpg);
	padding:5px;
	padding-left:20px;
	height:100%;
	min-height:600px;
}
div#sidebar {
	float: right;
	width: 190px;
	background-color:#ff339a;
	padding:10px;
	height:100%;
	margin:0;
	padding-top:20px;
	-moz-border-radius:0 0 6px 0;
}
div#user {
	padding-bottom:20px;
}
div#nav_mess{
margin-left:auto;
margin-right:auto;
width:718px;
}
div.list_mail {
-moz-border-radius:6px;
	display:block;
	width:690px;
	padding:2px;
	margin:0px;
	float:left;
	border-bottom:1px solid #f9b1de;
}
div#center {
	width:1030px;
	overflow: auto;
	margin-top:-20px;
	margin-left:auto;
	margin-right:auto;
}
div#menu {
	background-image:url('menu2.jpg');
	background-color:#fa96d3;
	width:100%;
	background-position:center;
	background-repeat:no-repeat;
	height:72px;
	padding:0px;
	margin:0px;
	padding-top:26px;
}
h3#header {
	background-image:url('titre.png');
	background-color:#fa96d3;
	width:100%;
	margin:0px;
	height:80px;
	background-position:180px 5px;
	background-repeat:no-repeat;
	z-index:0;
	position:relative;
}
div#pied {
	background-color:#ff339a;
	width:100%;
	height:108px;
	text-align:center;
	margin:0px;
	z-index:40;
	position: absolute;
	padding-bottom:0;
}
div#copyright {
	width:600px;
	color:white;
	margin-right:auto;
	margin-left:auto;
	font-size:12px;
	text-align:center;
}
div#liens {
	width:850px;
	height:28px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
div#annonce {
	width:1130px;
	height:50px;
	top:20px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
div#ombre {
	background-image:url(ombre.png);
	height:20px;
	position:relative;
	z-index:20;
}
div#liens a {
	text-decoration:none;
	height:38px;
	color:#FFFFFF;
	font-size:24px;
	width:127px;
	text-align:center;
	border-right:1px solid white;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
	background-repeat:no-repeat;
	background-position:2px;
}

div#liens a:hover {
	text-decoration:none;
	height:20px;
	color:#FFFFFF;
	width:127px;
	font-size:24px;
	text-align:center;
	border-right:1px solid white;
	border-bottom:8px solid white;
}
div.img_on {
	border:1px solid #CC0066;
}
div.img_on:hover {
	border:1px dashed #FFCCFF;
	filter:alpha(opacity=66);
	-moz-opacity:.66;
	opacity:.66;
}
#amis {
	width:150px;
	position:absolute;
	background-color:#ff3399;
	border:1px solid #cc0066;
	overflow:auto;
	max-height:300px;
	top:335px;
	left:53%;
	padding:5px;
}
#entete_boite {
	margin-left:29px;
	background-color:#FF3399;
	width:698px;
	padding:2px;
	margin-top:30px;
}
#amis_list {
	margin-left:15px;
	margin-top:29px;
	width:730px;
	height:auto;
	min-height:200px;
	padding:2px;
	border:1px solid #CC0066;
}
#amis_photo_list {
	float:left;
	margin:5px;
	padding:5px;
	width:160px;
	height:176px;
	border:1px solid #ff3399;
}
#amis_un {
	width:155px;
	height:155px;
	border:1px solid #ff3399;
}
a.pied {
	text-decoration:none;
	color:#FFFFFF;
	font-size:12px;
	padding-bottom:0;
}
a.pied:hover {
	text-decoration:underline;
	color:#FFFFFF;
	font-size:12px;
}
img#coeur {
	position:absolute;
	top:5px;
	left:10px;
	border:0px;
	width:153px;
	height:139px;
}
img.round_aff {
	z-index:25;
	position:relative;
	width:140px;
	height:140px;
	float:right;
	margin-left:80%;
	position:absolute;
}
#loading {
	background: white;
	padding:30px;
	border:1px solid #cc0066;
	display: none; /* hidden */
	position: absolute;
	left: 50%;
	top:37%;
	margin-left: -100px;
	filter:alpha(opacity=66);
	-moz-opacity:.66;
	opacity:.66;
	width: 200px;
	-moz-border-radius:8px;
	/*height: 100px;*/
        /*margin-top: -50;*/
    font-weight: bold;
	font-size: large;
}
#user a {
	padding-left:25px;
	color:#FFFFFF;
	text-decoration:none;
}
#user a:hover {
	padding-left:25px;
	color:#cc0066;
}
/* MENU */
.menuclickdroit {
	/* obligatoire */
	z-index:100;
	position:absolute;
	visibility:hidden;
	/* A changer suivant l'affichage voulu */
	width:150px;
	padding:5px 0;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:16px;
	background-color:#ff3399;
	border:1px solid #cc0066;
	/* Un filtre d'affichage spécial non obligatoire*/
	/*FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#303030,strength=3);
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#CECECE,endColorStr=#C0C0C0);*/
	FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0, opacity=85);
	-moz-opacity:.85;
	opacity:.85;
}
.MenuBis {
	background-image:url(puce.gif);
	background-position:135px 3px;
	background-repeat:no-repeat;
	padding:0 10px;
	cursor:pointer;
}
.menuitems {
	padding:0 10px;
	cursor:pointer;
	background : transparent;
}
.stl {
	margin:8px;
	width:300px;
}
.stl img {
	border:1px solid #ff3399;
	background-color:#ffa1ce;
}
.stl img:hover {
	filter:alpha(opacity=33);
	-moz-opacity:.33;
	opacity:.33;
}
.scrl:hover {
	filter:alpha(opacity=33);
	-moz-opacity:.33;
	opacity:.33;
}
#rand_img {
	border:1px solid #ff3399;
	float:left;
	margin-left:20px;
	margin-bottom:0px;
}
a {
	color:#FFFFFF;
	text-decoration:none;
}
a:hover {
	color:#cc0066;
	text-decoration:underline;
}
a.annoncelien {   
	color: #219ce7;  
	text-decoration:none 
}
a.annoncelien:hover {  
	color:#0000ff; 
}

div#user {
/*
background-image:url('');
background-repeat:no-repeat;
background-position:right bottom;
*/}
textarea#mail_mess,#message{
-moz-border-radius:6px;
border:0;
color:#000;
padding:3px;
}
.m_prof {
	background-image:url(connecter.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.m_prof:hover {
	background-image:url(connecter.png);
	background-repeat:no-repeat;
	background-position:1px 0px;
}
.m_mess {
	background-image:url(mail.png);
	background-repeat:no-repeat;
	background-position:-1px 0px;
}
.m_mess:hover {
	background-image:url(mail.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.m_img {
	background-image:url(img.png);
	background-repeat:no-repeat;
	background-position:-2px 0px;
}
.m_img:hover {
	background-image:url(img.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.m_frd {
	background-image:url(frd.png);
	background-repeat:no-repeat;
	background-position:-2px 0px;
}
.m_frd:hover {
	background-image:url(frd.png);
	background-repeat:no-repeat;
	background-position:-1px 0px;
}
.m_src {
	background-image:url(src.png);
	background-repeat:no-repeat;
	background-position:-2px 0px;
}
.m_src:hover {
	background-image:url(src.png);
	background-repeat:no-repeat;
	background-position:-1px 0px;
}
.m_dis {
	background-image:url(dis.png);
	background-repeat:no-repeat;
	background-position:-4px 0px;
}
.m_dis:hover {
	background-image:url(dis.png);
	background-repeat:no-repeat;
	background-position:-1px 0px;
}
.m_amcalc {
	background-image:url(coeuram.png);
	background-repeat:no-repeat;
	background-position:-4px 0px;
}
.m_amcalc:hover {
	background-image:url(coeuram.png);
	background-repeat:no-repeat;
	background-position:-1px 0px;
}
.m_mad {
	background-image:url(mad.png);
	background-repeat:no-repeat;
	background-position:-4px 0px;
}
.m_mad:hover {
	background-image:url(mad.png);
	background-repeat:no-repeat;
	background-position:-1px 0px;
}
.m_ast {
	background-image:url(ast.png);
	background-repeat:no-repeat;
	background-position:-4px 0px;
}
.m_ast:hover {
	background-image:url(ast.png);
	background-repeat:no-repeat;
	background-position:-1px 0px;
}
div.pro_des {
	width:207px;
	float:left;
	text-align:right;
	font-size:larger;
	margin-right:3px;
	z-index:0;
}
div.pro_des_d {
	width:100%;
}
div.list_mail {
	display:block;
	width:690px;
	padding:2px;
	margin:0px;
	float:left;
	border-bottom:1px solid #f9b1de;
}
div.list_mail:hover {
	background-color:#ff3399;
	filter:alpha(opacity=66);
	-moz-opacity:.66;
	opacity:.66;
}
a.rville {
	text-decoration:none;
	color:#000000;
}
a.rville:hover {
	text-decoration:none;
	color:#ffffff;
	background-color:#999999;
}
.buttonImg {
width: 40px;
height: 40px;
border: none;
cursor: pointer;
background: url("n1.png") no-repeat left top;
}
.buttonImg:hover {
background: url("n1on.png") no-repeat left bottom;
}