html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #F9F3D7;
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

* html body {
	margin-bottom: -50px;
}

a:link, a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

fieldset {
	border: none;
}

legend {
	font-weight: bold;
}

a img {
	border: none;
}

#cont {
	width: 100%;
	background-image: url(images/head-bg.png);
	background-repeat: repeat-x;
}

#page {
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	margin-top: -6px;
	position: relative;
	right: 25px;
}
/*css firefox*/
* > #page {
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	margin-top: -6px;
	position: relative;
	right: 25px;
}


/*#bar {
	background-image: url(images/bar-left.png);
	background-repeat: no-repeat;
	height: 49px;
}*/

#bar img, #bar a {
	margin: 0px;
}

#accueil {
	position: relative;
	left: 30px;
	top: 5px;
}

#favoris {
	position: relative;
	left: 26px;
	top: 5px;
}

#faq {
	/*padding-right: 100px;*/
	position: relative;
	left: 22px;
	top: 5px;
}

#partenaires {
	position: relative;
	left: 18px;
	top: 5px;
}

#head {
	background-image: url(images/head.png);
	background-repeat: no-repeat;
	height: 100px;
	position: relative;
	left: 30px;
}

* html #head {
	position: relative;
	bottom: 2px;
	top: 3px;
}

#head h1, #head h2 {
	margin: 0px;
	visibility: hidden;
}

#head2 {
	background-image: url(images/head2.png);
	background-repeat: no-repeat;
	height: 119px;
	position: relative;
	left: 30px;
}

* html #head2{
	position: relative;
	bottom: 2px;
	top: 3px;
}

* html #connected {
	position: relative;
	bottom: 2px;
	right: 80px;
	top: -110px;
	vertical-align: 20%;
	left: 0px;
}

* html #connect
{
	position: relative;
	bottom: 2px;
	right: 80px;
	top: -110px;
	vertical-align: 20%;
	left: 0px;

}

/*css firefox*/
* > #connect
{
	position: relative;
	bottom: 2px;
	right: 80px;
	top: -112px;
	vertical-align: 20%;
	left: 0px;

}

#connect {
	background-repeat: no-repeat;
	width: 303px;
	height: 80px;
	float: right;
}

#connected {
	background-image: url(images/connected.png);
	background-repeat: no-repeat;
	width: 303px;
	height: 80px;
	float: right;
	
}
/*css firefox*/
* > #connected 
{
	background-image: url(images/connected.png);
	background-repeat: no-repeat;
	position: relative;
	bottom: 2px;
	right: 0px;
	top: -115px;
	vertical-align: 20%;
	left: 0px;
	

}
/*css firefox*/
* > #econneted
{
	
	background-repeat: no-repeat;
	position: relative;
	bottom: 2px;
	right: 0px;
	top: -44px;
	vertical-align: 20%;
	left: 0px;
	

}

* html #connected {
	height: 109px;
	padding-top: 5px;
}

* html #connected {
	height: 109px;
	padding-top: 5px;
}

#connected p {
	color: #FFFFFF;
	float: left;
	padding-left: 15px;
	padding-top: 51px;
}

* html #connected p {
	padding-top: 15px;
}

#connected a {
	color: white;
}

#connected strong {
	font-size: 120%;
}
	
#connect fieldset, #search-bar fieldset {
	border: none;
	margin: 0px;
}

#connect label, #connect legend, #search-bar label, #search-bar legend {
	visibility: hidden;
	border: none;
	margin: 0px;
	padding: 0px;
}

#nick {
	width: 107px;
	position: relative;
	top: 7px;
	right: -15px;
}

#pass {
	width: 107px;
	position: relative;
	top: 21px;
	right: 25px;
	z-index: 2;
}

#login-ok {
	position: relative;
	top: 9px;
	left: 187px;
}

* > #login-ok {
	position: relative;
	top: 8px;
	left: 187px;
}


#search-bar {
	position: relative;
	bottom: 2px;
	width: 716px;
	height: 59px;
	background-image: url(images/search.png);
	background-repeat: no-repeat;
	float: left;
}

* html #search-bar {
	position: relative; 
	bottom: 13px;
	left: 30px;
	top: -111px;
}
/*css firefox*/
* > #search-bar {
	position: relative;
	bottom: 13px;
	left: 30px;
	top: -80px;


}

#ok {
	position: relative;
	left: 439px;
	bottom: 18px;
}

* html #ok {
	position: relative;
	left: 380px;
	bottom: 26px;
}
/*css firefox*/
* > #ok {
	position: relative;
	left: 410px;
	bottom: 30px;
}

#search {
	width: 200px;
	position: relative;
	left: 440px;
	bottom: 31px;
}

* html #search {
	position: relative;
	bottom: 10px;
	top: -43px;
	left: 409px;
}
/*css firefox*/
* > #search {
	position: relative;
	bottom: 10px;
	top: -49px;
	left: 409px;
}

#head3 {
	position: relative;
	bottom: 2px;
	float: left;
	width: 308px;
	height: 59px;
	background-image: url(images/head3.png);
	background-repeat: no-repeat;
}

* html #head3 {
	position: relative;
	bottom: 13px;
	top: -111px;
	right: -1px;
}
/*css firefox*/
* > #head3 {
	position: relative;
	bottom: 13px;
	top: -80px;
	right: -1px;
}

#main {
	height: 100%;
	position: relative;
	bottom: 2px;
	left: 61px;
	width: 900px;
	background-color: #FFFFFF;
	border-left: solid 1px #FB7EFB;
	border-right: solid 1px #FB7EFB;
	top: -165px;
}

/*css firefox*/
* > #main {
	height: 100%;
	position: relative;
	bottom: 2px;
	left: 61px;
	width: 900px;
	background-color: #FFFFFF;
	border-left: solid 1px #FB7EFB;
	border-right: solid 1px #FB7EFB;
	top: -82px;
}

* html #main {
	bottom: 55px;
}

#bar-left {
	float: left;
}

.bar-l {
	padding-right: 0px;
	margin-top: 20px;
	width: 172px;
	background-image: url(images/bar-left-bg.gif);
	background-repeat: repeat-y;
	position: relative;
	left: -19px;
}

.bar-l ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

.bar-l-foot {
	width: 172px;
	height: 29px;
	background-image: url(images/bar-left-foot.gif);
	background-repeat: no-repeat;
}

li {
	list-style-image: url(images/puce.gif);
}

.main {
	width: 685px;
	padding-left: 20px;
	background-image: url(images/main-bg.png);
	background-repeat: repeat-y;
}

.main-foot {
	width: 703px;
	height: 75px;
	position: relative;
	right: 20px;
	background-image: url(images/center_footer.jpg);
	background-repeat: no-repeat;
}

.main hr {
	width: 95%;
	position: relative;
	right: 10px;
	margin-top: 10px;
}

.sel-profile  {
	width: 194px;
}

.form-profile {
	margin-left: 60px;
}

.form-profile input {
	width: 188px;
}

.form-profile label {
	font-weight: bold;
}

.b-profile {
	width: 300px;
}

.r-profile {
	width: 100px;
}

.main-head {
	position: relative;
	right: 20px;
}

#top3 {
	background-image: url(images/top3.png);
}

#profils {
	background-image: url(images/profils.png);
}

#content {
	float: left;
	padding-top: 5%;
}

#footer {
	background-image: url(images/footer.gif);
	width: 905px;
	height: 140px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	bottom: 2px;
	top: -165px;
	left: 1px;
}

* > #footer {
	background-image: url(images/footer.gif);
	width: 905px;
	height: 140px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	bottom: 2px;
	top: -82px;
	left: 1px;
}

* html #footer {
	bottom: 55px;
}

#address {
	width: 905px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

* html #address {
	position: relative;
	bottom: 55px;
	top: -165px;
}
/*css firefox*/
* > #address {
	position: relative;
	bottom: 55px;
	top: -75px;
}

#top-female, #top-male {
	width: 310px;
	height: 290px;
	background-position: top;
	background-repeat: no-repeat;
	float: left;
	margin-left: 17px;
}

* html #top-female, * html #top-male {
	margin-bottom: -40px;
	margin-left: 10px;
}

#top-female {
	background-image: url(images/podium-filles.png);
}

#top-male {
	background-image: url(images/podium-garcons.png);
}

#top-female, #top-female a, #top-male, #top-male a {
	color: white;
}

#f1, #f2, #f3, #m1, #m2, #m3 {
	width: 80px;
	height: 90px;
	text-align: center;
}

#f1, #m1 {
	position: relative;
	left: 115px;
	top: 16px;
}

#f2, #m2 {
	position: relative;
	left: 215px;
	bottom: 48px;
	top: -45px;
}

* html #f2, * html #m2 {
	bottom: 55px;
}

#f3, #m3 {
	position: relative;
	left: 15px;
	bottom: 115px;
	top: -110px;
}

* html #f3, * html #m3 {
	bottom: 130px;
}

/* html #f3, * html #m3 {
	bottom: 120px;
}*/

#female-end, #male-end {
	position: relative;
	bottom: 50px;
	text-align: center;
}

#female-end a, #male-end a {
	position: relative;
	top: 12px;
}

#female-end a {
	color: #CE098C;
}

#male-end a {
	color: #16609F;
}

#latest-end {
	margin: 15px;
}

.next, .next a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}

.big {
	color: #000000;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 10px;
	margin-bottom: 20px;
}

.t1 {
	position: relative;
	top: 20px;
}

.t2 {
	position: relative;
	right: 100px;
	bottom: 10px;
}

.t3 {
	position: relative;
	left: 100px;
	bottom: 115px;
}

.order {
	width: 704px;
	height: 44px;
	background-image: url(images/classer-bg.png);
	background-repeat: no-repeat;
	text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
}

.order fieldset {
	border: none;
}

.order legend {
	visibility: hidden;
}

.order label, .order select {
	position: relative;
	bottom: 12px;
}

.order input {
	position: relative;
	left: 5px;
	bottom: 7px;
}

* html .order input {
	bottom: 6px;
}

.p {
	padding-top: 35px;
	padding-left: 22px;
	width: 288px;
	height: 145px;
	background-repeat: no-repeat;
	float: left;
	margin-left: 8px;
	margin-bottom: 10px;
}

.p img {
	margin-bottom: 10px;
}

.pm {
	background-image: url(images/profil-garcon.png);
}

.pf {
	background-image: url(images/profil-fille.png);
}

.thumb {
	float: left;
	color: white;
}

.thumb a, .thumb a:visited {
	color: white;
}

.profile {
	padding-left: 15px;
	padding-top: 40px;
	margin-left: 13px;
	width: 620px;
	height: 390px;
	background-repeat: no-repeat;
}

#profile-avatar {
	margin: 20px;
	margin-right: 25px;
}

#profile-nick {
	position: relative;
	bottom: 20px;
	font-size: 150%;
	font-weight: bold;
}

.profile table {
	margin-top: 50px;
}

.profile th {
	text-align: left;
	font-weight: normal;
}

.profile td {
	font-weight: bold;
}

.profile-bio {
	position: absolute;
	top: 220px;
	left: 470px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

#profilef {
	background-image: url(images/fiche-fille.png);
}

#profileg {

	background-image: url(images/fiche-garcon.png);
}

.bio {
	float: left;
	text-align: justify;
	margin-left: 23px;
	margin-top: 10px;
}

#profile-pres {
	float: left;
	color: white;
}

#profile-pres a {
	color: white;
}

#mail {
	font-size: 110%;
}

#profile-photos {
	width: 97%;
	/*border-style: dashed;
	border-width: 1px;
	border-color: black;*/
}

#profile-photos img {
	border-style: solid;
	border-width: 1px;
	border-color: black;
	margin: 3px;
}

#profile-photos a {
	text-decoration: none;
	border: none;
}

#memberlist th, #memberlist td {
	padding: 2px;
	border-style: solid;
	border-width: 1px;
}

.latestm, .latestf {
	float: left;
	margin-top: 20px;
	margin-left: 7px;
	width: 86px;
	height: 105px;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 12px;
	color: white;
}

.latestm a, .latestm a:visited, .latestf a, .latestf a:visited {
	color: white;
}

.latestm {
	background-image: url(images/mini-garcon.png);
}

.latestf {
	background-image: url(images/mini-fille.png);
}

.desc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.desc-img {
	height: 60px;
}

.profile-nick {
	position: relative;
	bottom: 5px;
}

#mailer fieldset {
	padding: 1em;
}

#mailer label {
	display: inline;
	float: left;
	width: 70px;
	font-weight: bold;
}

#mailer input, #mailer textarea {
	width: 80%;
}

.form legend {
	visibility: hidden;
}

.form fieldset {
	border: none;
}

.form label {
	display: inline;
	float: left;
	width: 100px;
}

.main label {
	display: inline;
	float: left;
	width: 100px;
}

.form-big label {
	width: 0px;
}

.form-big table {
	float: left;
	margin: 5px;
	height: 170px;
	width: 110px;
	border-collapse: collapse;
	border-width: 1px;
	border-color: black;
	border-style: solid;
}

.form-big td, .form-big th {
	text-align: center;
	margin: 0px;
	padding: 0px;
	border-width: 1px;
	border-color: black;
	border-style: solid;
}

.center {
	text-align: center;
}

.bbig {
	text-align: center;
	margin-top: 10px;
}

* html .bbig input {
	width: 300px;
}

.comment-obj {
	float: left;
	width: 390px;
	margin-bottom: 15px;
}

.comment-info {
	text-align: right;
	float: left;	
}

.comment-msg {
	font-size: 10px;
}

.spacer {
	clear: both;
	margin: 0px;
	padding: 0px;
	border: none;
}

.error {
	text-align: center;
	width: 700px;
}

.error a {
	font-weight: bold;
}

#datas {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 8px;
}

.form-reg label {
	font-weight: bold;
}

.form-reg {
	padding-left: 180px;
}

.form-list {
	width: 664px;
	height: 295px;
	background-image: url(images/list.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	margin-bottom: 20px;
	padding-left: 40px;
}

.form-list legend {
	display: none;
}

.form-list {
	font-weight: bold;
}

.lbl-list {
	display: inline;
	width: 100px;
	float: left;
}

.form-pass label {
	font-weight: bold;
}

.faq {
	padding-right: 30px;
}


#profilem {

	background-image: url(images/fiche-garcon.png);

}

/*.cgu {
	padding-right: 10px;
}*/