/* CSS Document */

/* ************************************************************** */
/*                 	    Les styles par defaut	                    */
/* ************************************************************** */

body
{
	margin:0;
	background-image: url(/img/fond.gif);
	background-repeat: repeat;
	background-color: #000;

	color: black;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 12px;
}


form{margin: 0; padding: 0;}
a{text-decoration: none; color:#000;}
a:hover{text-decoration:underline}
img{border:none;}


/* Les cleaners */

.clean{text-decoration: none;}
.clean:hover{text-decoration: none;}
.cleaner	{clear: both;}

/* Style pour ecrire */

.leger{font-weight:normal; }
.gras{font-weight:bold; }
.label{font-size:11px; color:#666666; }
.petit{font-size:10px; }
.mini{font-size:8px; }
.bleu{font-weight:bold; color:#00BFFD; }
.gris{color:#808080; }
.rouge{color:#FF0000; }
.blanc{color:#fff; }
.bordeaux{color:#912F48; }
.violet{color:#6633FF; }
.grand{font-size: 16px; }
.pseudo_fille{color:#FF3399;font-weight:bold;}
.pseudo_garcon{color:#0066CC;font-weight:bold;}

.pseudo_fille:hover{text-decoration:underline;}
.pseudo_garcon:hover{text-decoration:underline;}

.taille_pseudo{width: 100px; overflow: hidden;}

.img_lien{cursor: pointer;}
.img_lien:hover{text-decoration:underline;}


fieldset{border: 2px solid #9966CC; padding:20px;}
form input, select, textarea{ border: 1px solid grey}
legend{color: #9966CC; font-weight: bold;}

.erreur
{
	background-color: #9999CC;
	width: 630px;
	font-weight: bold;
	padding: 30px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 2px solid red;
	color: red;
}

#resultat
{
  background-color: #9999CC;
	width: 670px;
	padding: 30px;
	text-align: center;
}

.hr_commentaire{border: 1px solid #7090FF; clear:both; position: relative;}

/* Les formulaires */


.bouton_form
{
	float: left;
	background: url(bouton_milieu_bleu.gif);
	border: none;
	color: #fff;
	font-weight: bold;
	height: 25px;
	width: 197px
	padding-bottom: 4px;
	|padding-bottom: 0;
}

.conteneur_bouton_form
{
	float: right;
	height: 25px;
	margin-top: 20px;
	margin-right: 264px;
	_margin-right: 132px; /*IE6*/
}


.bouton_form_violet
{
	float: left;
	background: url(bouton_milieu_bleu.gif);
	border: none;
	color: #fff;
	font-weight: bold;
	height: 25px;
	width: 197px;
	padding-bottom: 4px;
	|padding-bottom: 0;
}

.conteneur_bouton_form_violet
{
	float: right;
	height: 25px;
	margin-top: 20px;
	margin-right: 264px;
	_margin-right: 132px; /*IE6*/
}

.conteneur_bouton_form_violet5
{
	float: right;
	height: 25px;
	margin-top: 20px;
	margin-right: 100px;
	_margin-right: 40px; /*IE6*/
}

.bouton_form_violet2
{
	float: left;
	background: url(bouton_milieu_violet.gif);
	border: none;
	color: #fff;
	font-weight: bold;
	height: 25px;
	padding-bottom: 4px;
	|padding-bottom: 0;
}

.conteneur_bouton_form_violet2
{
	height: 25px;
}

.bouton_form_violet3
{
	float: left;
	background: url(bouton_milieu_violet.gif);
	border: none;
	color: #fff;
	font-weight: bold;
	height: 25px;
	padding-bottom: 4px;
	|padding-bottom: 0;
}

.conteneur_bouton_form_violet3
{
	height: 25px;
}



.bouton_form_violet
{
	background-image:url(bouton_milieu_violet.gif);
	font-weight:bold;
	height:25px;
	width: 150px;
	border:none;
	color:#fff;
	padding-bottom: 4px;
	|padding-bottom: 0;
}

.form_bt_ok
{
	height: 20px;
	border: 1px solid #808080;
	background-color: #BFBFBF;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
}

.form_search
{
	width: 160px;
	height: 16px;
	line-height: 16px;
	border: 1px solid #808080;
	background-color: #FFFFFF;
	text-indent: 4px;
}

.form_newsletters
{
	width: 232px;
	height: 16px;
	line-height: 16px;
	border: 1px solid #808080;
	background-color: #FFFFFF;
	text-indent: 4px;
}




/* ************************************************************** */
/*                   Propriétés des éléments div									*/
/* ************************************************************** */

/* ************************************************************** */
/*  Le Header																											*/
/* ************************************************************** */

#pre_header
{
	position: absolute;
	z-index: 1;
	top: 0;
	width: 100%;
}

#header
{
	width: 976px;
	_width: 975px; /*IE6*/
	|width: 975px; /*IE7*/
	height: 140px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(header.png);
	_background-image: url(header.gif); /*IE6*/
	background-repeat: no-repeat;
}


#post_header
{
	height: 1px;
	font-size: 1px;
}


.pub2
{
	width: 728px;
	height: 90px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
}


#logo_ban
{
	float: left;
	margin-top: 35px;
	margin-left: -7px;
	width: 246px;
}

#texte_ban
{
	height: 20px;
	font-weight: bold;
	margin-left: 10px;
}

#boutons
{
	float: left;
	margin-left: 2px;
	margin-top: 65px;
	width: 524px;
}

#bouton_girlz img {display: none;}
#bouton_girlz{float:left; display: block; margin-left:3px; width:82px; height:75px; background-image:url(headerbouton_girlz0.gif);}
#bouton_girlz:hover {background-image:url(headerbouton_girlz1.gif);}

#bouton_boyz img {display: none;}
#bouton_boyz{float:left; display: block; margin-left:3px; width:82px; height:75px; background-image:url(headerbouton_boyz0.gif);}
#bouton_boyz:hover {background-image:url(headerbouton_boyz1.gif);}

#bouton_duoz img {display: none;}
#bouton_duoz{float:left; display: block; margin-left:3px; width:82px; height:75px; background-image:url(headerbouton_duoz0.gif);}
#bouton_duoz:hover {background-image:url(headerbouton_duoz1.gif);}

#bouton_duelz img {display: none;}
#bouton_duelz{float:left; display: block; margin-left:3px; width:90px; height:75px; background-image:url(headerbouton_duelz0.gif);}
#bouton_duelz:hover {background-image:url(headerbouton_duelz1.gif);}

#bouton_topz img {display: none;}
#bouton_topz{float:left; display: block; margin-left:3px; width:82px; height:75px; background-image:url(headerbouton_topz0.gif);}
#bouton_topz:hover {background-image:url(headerbouton_topz1.gif);}

#bouton_chat img {display: none;}
#bouton_chat{float:left; display: block; margin-left:3px; width:82px; height:75px; background-image:url(headerbouton_chat0.gif);}
#bouton_chat:hover {background-image:url(headerbouton_chat1.gif);}

.bouton_recherche
{
	background-image: url(bouton_loupe.gif);
	background-color: blue;
	width: 25px;
	height: 25px;
	border: none;
	margin-left: 4px;
}

.champ_recherche
{
	padding-top: 4px;
	padding-left: 4px;
	height: 17px;
	color: #777;
 	border: 1px solid grey;
}

.bh_rech
{
	float: left;
	width: 188px;
	margin-left: 5px;
	margin-top: 82px;
	padding: 5px;
	background-image: url(bloc_body_violet.gif);
	border: 1px solid #D4D0C8;
}

#explication_rubrique
{
	float: left;
	width: 976px;
	margin-top: -8px;
	text-align: center;
}



/* *************************************************************** */
/*  Le Contenu                                                     */
/* *************************************************************** */


#corps_ombre
{
	width: 977px;
	position: relative;
	z-index: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 230px;
}
#corps
{
	width: 976px;
	padding-bottom: 16px;
	background-color: #fff;
}

#contenu_g
{
	float: left;
	width: 200px;
	margin-left: 10px;
	margin-top: 40px;
}

#contenu_d
{
	float: right;
	width: 750px;
	_width: 740px; /*IE6*/
	margin-top: 40px;
}





/* Bloc Header */

.bc_header1_bleu
{
	width: 202px;
	height: 34px;
	overflow: hidden;
	background-image: url(bloc_header_bleu.gif);
	background-repeat: no-repeat;
	line-height: 36px;
	text-indent: 8px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}

.bc_header1_rose
{
	width: 202px;
	height: 34px;
	overflow: hidden;
	background-image: url(bloc_header_rose.gif);
	background-repeat: no-repeat;
	line-height: 36px;
	text-indent: 8px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}

.bc_header2
{
	width: 202px;
	height: 34px;
	overflow: hidden;
	background-image: url(bloc_header_violet.gif);
	background-repeat: no-repeat;
	line-height: 36px;
	text-indent: 8px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}

.bc_header3_violet
{
	width: 730px;
	height: 34px;
	overflow: hidden;
	background-image: url(contenu_header_violet.gif);
	background-repeat: no-repeat;
	line-height: 36px;
	text-indent: 8px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}

.bc_header3_bleu
{
	width: 730px;
	height: 34px;
	overflow: hidden;
	background-image: url(contenu_header_bleu.gif);
	background-repeat: no-repeat;
	line-height: 36px;
	text-indent: 8px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}

.bc_header3_rose
{
	width: 730px;
	height: 34px;
	overflow: hidden;
	background-image: url(contenu_header_rose.gif);
	background-repeat: no-repeat;
	line-height: 36px;
	text-indent: 8px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}

.bc_header5_violet
{
	width: 730px;
	height: 34px;
	overflow: hidden;
	background-image: url(section_header_violet.gif);
	background-repeat: no-repeat;
	line-height: 30px;
	text-indent: 8px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

.bc_header5_rose
{
	width: 730px;
	height: 34px;
	overflow: hidden;
	background-image: url(section_header_rose.gif);
	background-repeat: no-repeat;
	line-height: 30px;
	text-indent: 8px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

.bc_header5_bleu
{
	width: 730px;
	height: 34px;
	overflow: hidden;
	background-image: url(section_header_bleu.gif);
	background-repeat: no-repeat;
	line-height: 30px;
	text-indent: 8px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

.bc_header_404
{
	width: 400px;
	height: 24px;
	overflow: hidden;
	background-image: url(chat_v.gif.gif);
	line-height: 24px;
	text-indent: 8px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

.bc_header a
{
	color: white;
}

.bc_header_b
{
	width: 592px;
	height: 4px;
	margin-bottom: 16px;
	background-image: url(/img/bloc_header_b.gif);
	font-size: 1px;
}
.bc_header_details
{
	font-size: 11px;
	font-weight: normal;
}



/* Bloc Gauche */

/*bleu*/
.bc_normal1
{
	padding-top: 5px;
	width: 199px;
	|width: 200px;
	margin-bottom: 10px;
	border-right: 1px solid #C0A88E;
	border-left: 1px solid #C0A88E;
	border-bottom: 1px solid #C0A88E;
	background-image: url(bloc_body_bleu.gif);
	padding-bottom: 10px;
}

/*violet*/
.bc_normal2
{
	padding-top: 5px;
	width: 199px;
	|width: 200px;
	margin-bottom: 10px;
	border-right: 1px solid #C0A88E;
	border-left: 1px solid #C0A88E;
	border-bottom: 1px solid #C0A88E;;
	background-image: url(bloc_body_violet.gif);
}

/*rose*/
.bc_normal4
{
	padding-top: 5px;
	padding-bottom: 10px;
	width: 199px;
	|width: 200px;
	margin-bottom: 10px;
	border-right: 1px solid #C0A88E;
	border-left: 1px solid #C0A88E;
	border-bottom: 1px solid #C0A88E;
	background-image: url(bloc_body_rose.gif);
}

.supprimer
{
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}


.tableau_membres
{
	margin-left: 7px;
	border-collapse: collapse;
	width: 170px;
}

.tableau_menu
{
	margin-left: 7px;
	border-collapse: collapse;
	width: 192px;
}

.bc_normal a { color:#912F48; }
.bc_normal a:hover { background-color: #E3CBD1; }

#pub4
{
	width: 200px;
	height: 200px;
	background-color: white;
	margin-bottom: 10px;
}

#partenaires
{
	margin-left: 10px;
}

#connexion
{
	margin-left: 10px;
	width: 175px;
	line-height: 20px;
}

#inscription
{
	float: left;
}

#code_perdu
{
	float: right;
}




/* Blocs Droite */


.bloc_droite
{
	width: 730px;
}
.bloc_droite_h
{
	width: 336px;
	height: 4px;
	background-image: url(/img/bloc_droite_h.gif);
	font-size: 1px;
}
.bloc_droite_b
{
	height: 4px;
	font-size: 1px;
}

.bloc_droite_c
{
	width: 730px;
	margin-bottom: 10px;
}

.liste_membres, .liste_membres2
{
	width: 700px;
	margin-left: 30px;
	margin-top: 15px;
}

.liste_duoz
{
	width: 700px;
	margin-left: 20px;
}


#bouton_inscription
{
  float: left;
	width: 122px;
	height: 85px;
	margin-left: 78px;
	margin-top: 61px;
}



.dernierMembre
{
	float: left;
	width: 100px;
	height: 120px;
	margin-right: 13px;
	margin-bottom: 10px;
}

.membreConnecte
{
	float: left;
	width: 100px;
	height: 130px;
	margin-right: 13px;
	margin-bottom: 15px;
}

.photo96Homme
{
	width: 96px;
	height: 96px;
	background-color: #000;
	border: 2px solid #0066CC;
}

.photo96Homme table, .photo96Femme table
{
	border-spacing: 0;
	height: 96px;
}
.photo96Homme td, .photo96Femme td
{
	padding: 0;
}

.photo96Femme
{
	width: 96px;
	height: 96px;
	background-color: #000;
	border: 2px solid #FF3399;
}

.pub1
{
	float: right;
	width: 336px;
	height: 280px;
	background-color: white;
	margin-bottom: 10px;
	margin-right: 20px;
	_margin-right: 10px; /*IE6*/
}

#pub_galerie
{
	float: right;
	width: 336px;
	height: 280px;
	background-color: white;
	margin-bottom: 10px;
	margin-right: 20px;
	_margin-right: 10px; /*IE6*/
}

.chatter
{
	margin-top: -124px;
	margin-left: 80px;
	_margin-top: -126px;
}

.chatter img
{
	border-left: #808080 1px solid;
	border-bottom: #808080 1px solid;
}

.chatter2
{
	margin-top: -112px;
	margin-left: 80px;
}

.chatter3
{
	margin-top: -96px;
	margin-left: 80px;
}

.supprimer_photo
{
	margin-top: -103px;
	margin-left: 70px;
	_margin-left: 35px;
	float: left;
}

.precedent, .suivant, .page0
{
	float: left;
	color: #6666CC;
	border: 1px solid #6666CC;
	background-color: #FFF;
	padding: 2px;
	margin-right: 5px;
	margin-bottom: 20px;
}

.page1
{
	float: left;
	color: #fff;
	border: 1px solid #6666CC;
	background-color: #6666CC;
	margin-right: 5px;
}


.duelz_membre
{
	float: left;
  width: 360px;
	height: 400px;
}

.photo_duelz_fille
{
  width: 360px;
	height: 360px;
	background-color: #000;
	text-align: center;
	border: 2px solid #FF3399;
}

.photo_duelz_garcon
{
  width: 360px;
	height: 360px;
	background-color: #000;
	text-align: center;
 	border: 2px solid #0066CC;
}


.photo_duelz_fille table, .photo_duelz_garcon table
{
	border-spacing: 0;
	height: 360px;
}
.photo_duelz_fille td, .photo_duelz_garcon td
{
	padding: 0;
}


.bouton_vote
{
	margin-left: 10px;
	margin-top: -355px;
}

.versus
{
	float: left;
	margin-top: -250px;
	margin-left: 345px;
	_margin-left: 175px; /*IE6*/
}



.duelz_bas
{
	margin-top: 340px;
	text-align: center;
}



.bouton_duelz_fille
{
	float: left;
	background: url(bouton_milieu_rose.gif);
	border: none;
	color: #fff;
	font-weight: bold;
	height: 25px;
	width: 150px;
	padding-bottom: 4px;
	|padding-bottom: 0;
}

.conteneur_bouton_fille
{
	float: right;
	margin-right: 90px;
	height: 25px;
	_margin-right: 45px;
	background: url(bouton_milieu_rose.gif);
}


.bouton_duelz_garcon
{
	float: left;
	background: url(bouton_milieu_bleu.gif);
	border: none;
	color: #fff;
	font-weight: bold;
	height: 25px;
	width: 150px;
	padding-bottom: 4px;
	|padding-bottom: 0;
}

.conteneur_bouton_garcon
{
	float: right;
	margin-right: 80px;
	height: 25px;
	_margin-right: 45px;
	background: url(bouton_milieu_bleu.gif);
}

.bouton_duelz_zap
{
	float: left;
	background: url(bouton_milieu_violet.gif);
	border: none;
	color: #fff;
	font-weight: bold;
	height: 25px;
	width: 150px;
	padding-bottom: 4px;
	|padding-bottom: 0;
}

.conteneur_bouton_zap
{
	float: left;
	height: 25px;
	width: 179px;
	margin-top: 50px;
	_margin-top: 20px;
	margin-left: 280px;
	_margin-left: -120px;
	background: url(bouton_milieu_violet.gif);
}

.conteneur_bouton_confirm
{
	margin-left: 65px;
}

.conteneur_bouton_confirm2
{
	margin-left: 125px;
}

.conteneur_bouton_ok
{
	margin-left: 125px;
}


.bouton_confirm
{
	float: left;
	background: url(bouton_milieu_violet.gif);
	border: none;
	color: #fff;
	font-weight: bold;
	height: 25px;
	width: 100px;
}

/*******************************************************************/
/*                    page: profil                                 */


.bc_header4
{
	width: 202px;
	height: 34px;
	overflow: hidden;
	background-image: url(bloc_header_rose.gif);
	background-repeat: no-repeat;
	line-height: 36px;
	text-indent: 8px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}


.profil_classement
{
background-color: red;
margin-right: 100px;
 }

#bandeau_sup
{
 	width: 718px;
 	height: 50px;
	background-image: url(contenu_body_violet.gif);
	border: 1px solid #C0A88E;
	padding: 5px;
	text-align: center;
	margin-bottom: 5px;
}


.bouton_profil
{
	float: left;
	margin-left: 10px;
}

.bouton_compte
{
	float: left;
	margin-right: 20px;
}

#boutons_gauche
{
	float:left;
	margin-bottom: 20px;
	margin-left: 20px;
}

#boutons_milieu
{
	float: left;
	margin-left: 100px;
	margin-bottom: 20px;
}

#boutons_droite
{
	float: left;
	margin-left: 100px;
	margin-bottom: 20px;
}

#emplacement_photo_principale_femme
{
	float: left;
	background-color: #000;
	width: 360px;
	height: 360px;
	text-align: center;
	border: 2px solid #FF3399;
}

#emplacement_photo_principale_homme
{
	float: left;
	background-color: #000;
	width: 360px;
	height: 360px;
	text-align: center;
  border: 2px solid #0066CC;
}

#emplacement_photo_principale_homme table, #emplacement_photo_principale_femme table
{
	border-spacing: 0;
	height: 360px;
}
#emplacement_photo_principale_homme td, #emplacement_photo_principale_femme td
{
	padding: 0;
}


.informations_profil
{
	float: left;
	margin-left: 10px;
	font-size: 11px;
	width: 320px;
}


.informations_profil2_homme
{
	float: left;
  background-color: #99CCFF;
	overflow: auto;
	font-size: 11px;
	line-height: 20px;
	padding:5px;
	width: 342px;
	border: 1px solid #B6B6B6;
	text-align: justify;
	margin-left: 10px;
	margin-top: 10px;
}


.informations_profil2_femme
{
	float: left;
  background-color: #FFCCFF;
	overflow: auto;
	font-size: 11px;
	line-height: 20px;
	padding:5px;
	width: 342px;
	border: 1px solid #B6B6B6;
	text-align: justify;
	margin-left: 10px;
	margin-top: 10px;
}


.informations_profil3_homme
{
	background-color: #99CCFF;
	overflow: auto;
	padding:5px;
	width: 718px;
	padding-bottom: 30px;
	border: 1px solid #B6B6B6;
	text-align: justify;
	margin-bottom: 10px;
}


.informations_profil3_femme
{
	background-color: #FFCCFF;
	overflow: auto;
	padding:5px;
	width: 718px;
	padding-bottom: 30px;
	border: 1px solid #B6B6B6;
	text-align: justify;
	margin-bottom: 10px;
}


.informations_profil3bis_homme
{
	background-color: #99CCFF;
	width: 718px;
	border: 1px solid #B6B6B6;
	text-align: justify;
	margin-bottom: 10px;
	height: 150px;
}


.informations_profil3bis_femme
{
	background-color: #FFCCFF;
	width: 718px;
	height: 150px;
	border: 1px solid #B6B6B6;
	text-align: justify;
	margin-bottom: 10px;
}

#conteneur_bouton_modifier_titre
{
	width: 103px;
	height: 25px;
}

.conteneur_bouton_centre
{
	height: 25px;
}

#liste_photos_profil
{
	float: left;
	margin-top: 10px;
 	margin-bottom: 20px;
	text-align: center;
	width: 730px;
}

#liste_photos_connecte
{
	float: left;
	margin-top: 10px;
 	margin-bottom: 20px;
	text-align: center;
	height: 116px;
	width: 730px;
}

#liste_photos_duoz
{
	float: left;
	margin-top: 10px;
 	margin-bottom: 20px;
	text-align: center;
	height: 126px;
	width: 730px;
}


.amis_connectes
{
	float: left;
	width: 100px;
	height: 116px;
	margin-right: 19px;
	margin-bottom: 5px;
}

#transparence
{
	color: #fff;
	filter : alpha(opacity=68);
    opacity : 0.7;
    background: transparent ;
    background-color: #000;
    margin-top: -35px;
    height: 35px;
}

#transparence3
{
	color: #000;
	filter : alpha(opacity=68);
    opacity : 0.7;
    background: transparent ;
    background-color: #fff;
    margin-top: -35px;
    height: 35px;
}

#transparence2
{
	color: #000;
	filter : alpha(opacity=68);
    opacity : 0.7;
    background: transparent ;
    background-color: #fff;
    margin-top: -35px;
    height: 35px;
}

.ses_duoz
{
	float: left;
	width: 100px;
	height: 116px;
	margin-right: 18px;
	margin-bottom: 10px;
}

.photo80Homme_profil
{
	float:left;
	width: 96px;
	height: 96px;
	background-color: #000;
	border: 2px solid #0066CC;
	margin-right: 18px;
	margin-bottom: 5px;
}

.photo80Homme_profil table, .photo80Femme_profil table, .photo80Suppr_profil table
{
	border-spacing: 0;
	height: 96px;
}
.photo80Homme_profil td, .photo80Femme_profil td, .photo80Suppr_profil td
{
	padding: 0;
}

.photo80Femme_profil
{
	float:left;
	width: 96px;
	height: 96px;
	background-color: #000;
	border: 2px solid #FF3399;
	margin-right: 18px;
	margin-bottom: 5px;
}

.photo80Suppr_profil
{
	float:left;
	width: 96px;
	height: 96px;
	background-color: #000;
	border: 2px solid #6666CC;
	margin-right: 18px;
	margin-bottom: 5px;
}



.photo80Homme_principale
{
	float:left;
	width: 96px;
	height: 96px;
	background-color: #009900;
	border: 2px solid #0066CC;
	margin-right: 18px;
	margin-bottom: 5px;
}

.photo80Homme_principale table, .photo80Femme_principale table
{
	border-spacing: 0;
	height: 96px;
}
.photo80Homme_principale td, .photo80Femme_principale td
{
	padding: 0;
}

.photo80Femme_principale
{
	float:left;
	width: 96px;
	height: 96px;
	background-color: #009900;
	border: 2px solid #FF3399;
	margin-right: 18px;
	margin-bottom: 5px;
}





.photo80Homme
{
	width: 96px;
	height: 96px;
	background-color: #000;
	border: 2px solid #0066CC;
}

.photo80Femme
{
	width: 96px;
	height: 96px;
	background-color: #000;
	border: 2px solid #FF3399;
}

.photo80Homme table, .photo80Femme table
{
	border-spacing: 0;
	height: 96px;
}
.photo80Homme td, .photo80Femme td
{
	padding: 0;
}


.commentaire_profil
{
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	margin-top: 15px;
}

.contenu_commentaire_profil
{
	margin-left: 100px;
}

.texte_commentaire_profil
{
	float: left;
	border: 1px #CCC solid;
	margin-top: 5px;
	width: 600px;
	padding: 5px;
	padding-bottom: 42px;
	background-color: #fff;
	text-align: justify;
}

.texte_commentaire_non_lu
{
	float: left;
	border: 1px #000 solid;
	margin-top: 5px;
	width: 615px;
	padding: 5px;
	padding-bottom: 42px;
}

#pub3
{
	clear: both;
	width: 728px;
	height: 90px;
	background-color: white;
}

#champ_commentaire
{
	overflow: auto;
}

/******************************************************************/
/*                Page : TOPZ                                     */



#menu_recherche select
{
	width: 170px;
}

#menu_recherche
{
	margin-left: 15px;
}

.bc_header6_rose
{
	float:left;
	width: 360px;
	height: 34px;
	overflow: hidden;
	background-image: url(contenu_header_rose_court.gif);
	background-repeat: no-repeat;
	line-height: 36px;
	text-indent: 8px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}

.bc_header6_bleu
{
	float: left;
	width: 360px;
	height: 34px;
	overflow: hidden;
	background-image: url(contenu_header_bleu_court.gif);
	background-repeat: no-repeat;
	line-height: 36px;
	text-indent: 8px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	margin-left: 10px;
}



#topz_girlz
{
	float: left;
	width: 360px;
	height: 450px;
	margin-bottom: 10px;
}

#topz_boyz
{
	float: left;
	width: 360px;
	height: 450px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#topz_duoz
{
	float: left;
	width: 730px;
	height: 470px;
}


/* TOPZ GIRLZ */

#premz_girlz
{
	text-align: center;
	margin-top: -414px;
}

#deuz_girlz
{
	width: 110px;
	text-align: center;
	margin-top: -58px;
	|margin-top: -60px; /*IE7*/
	margin-left: 8px;
}

#troiz_girlz
{
	text-align: center;
	margin-top: -163px;
	|margin-top: -165px; /*IE7*/
	margin-left: 233px;
}

#emplacement_photo_topz_girlz
{
	margin-top: 10px;
	width: 180px;
	height: 180px;
	background-color: #000;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #FF3399;
	margin-bottom:5px;
}

#emplacement_photo_topz_girlz table, #emplacement_photo_topz_boyz table
{
	border-spacing: 0;
	height: 180px;
}
#emplacement_photo_topz_girlz td, #emplacement_photo_topz_boyz td
{
	padding: 0;
}


#emplacement_photo_dt_girlz
{
   	margin-top: 10px;
	width: 96px;
	height: 96px;
	background-color: #000;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #FF3399;
	margin-bottom: 5px;
}

#emplacement_photo_dt_girlz table, #emplacement_photo_dt_boyz table
{
	border-spacing: 0;
	height: 96px;
}
#emplacement_photo_dt_girlz td, #emplacement_photo_dt_boyz td
{
	padding: 0;
}

#podium_girlz
{
	width: 346px;
	height: 218px;
	background-image: url(topz_podium_girlz.gif);
	margin-left: auto;
	margin-right: auto;
	margin-top: 220px;
}


/* TOPZ BOYZ */

#premz_boyz
{
	text-align: center;
	margin-top: -414px;
}

#deuz_boyz
{
	text-align: center;
	margin-top: -58px;
	|margin-top: -60px; /*IE7*/
	margin-right: 133px;
	width: 130px;
}

#troiz_boyz
{
	text-align: center;
	margin-top: -163px;
	|margin-top: -165px; /*IE7*/
	margin-left: 233px;
}

#emplacement_photo_topz_boyz
{
	margin-top: 10px;
	width: 180px;
	height: 180px;
	background-color: #000;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #0066CC;
	margin-bottom: 5px;
}

#emplacement_photo_dt_boyz
{
   	margin-top: 10px;
	width: 96px;
	height: 96px;
	background-color: #000;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #0066CC;
	margin-bottom: 5px;
}

#podium_boyz
{
	width: 346px;
	height: 218px;
	background-image: url(topz_podium_boyz.gif);
	margin-left: auto;
	margin-right: auto;
	margin-top: 220px;
}



/*TOPZ DUOZ*/


#premz_duoz
{
	text-align: center;
	margin-top: -425px;
	|margin-top: -423px; /*IE7*/
	margin-left: auto;
	margin-right: auto;
	width: 375px;
}

#deuz_duoz
{
	text-align: center;
	margin-top: -58px;
	|margin-top: -60px; /*IE7*/
	margin-left: 12px;
	width: 215px;
	_margin-left: 8px; /*IE6*/
}


#troiz_duoz
{
	float: right;
	text-align: center;
	margin-top: -169px;
	|margin-top: -173px; /*IE7*/
	margin-right: 13px;
	width: 216px;
	_margin-right: 9px; /*IE6*/
}


#emplacement_photo_topz_duoz1
{
	float: left;
	margin-top: 10px;
	width: 180px;
	height: 180px;
	background-color: #000;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #FF3399;
	margin-bottom: 5px;
}

#emplacement_photo_topz_duoz2
{
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	width: 180px;
	height: 180px;
	background-color: #000;
	border: 2px solid #0066CC;
	margin-bottom: 5px;
}

#emplacement_photo_topz_duoz1 table, #emplacement_photo_topz_duoz2 table
{
	border-spacing: 0;
	height: 180px;
}
#emplacement_photo_topz_duoz1 td, #emplacement_photo_topz_duoz2 td
{
	padding: 0;
}

#picto_duoz1
{
	float: left;
	margin-top: -120px;
	margin-left: 165px;
	_margin-left: 82px; /*IE6*/
}



#emplacement_photo_dt_duoz1
{
	float: left;
	margin-top: 17px;
	margin-left: 5px;
	width: 96px;
	height: 96px;
	background-color: #000;
	border: 2px solid #FF3399;
	margin-bottom: 5px;
}

#emplacement_photo_dt_duoz2
{
	float: left;
	margin-top: 17px;
	margin-left: 5px;
	width: 96px;
	height: 96px;
	background-color: #000;
	border: 2px solid #0066CC;
	margin-bottom: 5px;
}

#emplacement_photo_dt_duoz1 table, #emplacement_photo_dt_duoz2 table
{
	border-spacing: 0;
	height: 96px;
}
#emplacement_photo_dt_duoz1 td, #emplacement_photo_dt_duoz2 td
{
	padding: 0;
}

#picto_duoz2
{
	float: left;
	margin-top: -65px;
	margin-left:  93px;
	_margin-left: -12px; /*IE6*/
}

#picto_duoz3
{
	float:left;
	margin-top: -70px;
	margin-left: 93px;
	_margin-left: 48px; /*IE6*/
}


#podium_duoz
{
	width: 706px;
	height: 226px;
	background-image: url(topz_podium_duoz.gif);
	margin-left: auto;
	margin-right: auto;
	margin-top: 220px;
}


/*******************************************************************/
/*                      page: MESSAGE;                             */

.pagination
{
	margin-top: 10px;
}

#table_message
{
	width: 730px;
	border-collapse: collapse;
}

#tr_message_titre
{
	background-color: #9999CC;
}

.tr_message_2
{
	background-color: #D0D0FF;
}

.tr_message_1
{
	background-color: #E0E0FF;
}

/*******************************************************************/
/*                     PAGE : PROFIL DUOZ                          */


#profil_duoz
{
	width: 730px;
}

#emplacement_photo_profil_duoz1
{
	float: left;
	margin-top: 10px;
	width: 360px;
	height: 360px;
	background-color: #000;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #FF3399;
	margin-bottom: 5px;
	text-align: center;

}



#emplacement_photo_profil_duoz2
{
	float: left;
	margin-top: 10px;
	margin-left: 2px;
	_margin-left: 1px;
	width: 360px;
	height: 360px;
	background-color: #000;
	border: 2px solid #0066CC;
	margin-bottom: 5px;
	text-align: center;
}

#emplacement_photo_profil_duoz1 table, #emplacement_photo_profil_duoz2 table
{
	border-spacing: 0;
	height: 360px;
}
#emplacement_photo_profil_duoz1 td, #emplacement_photo_profil_duoz2 td
{
	padding: 0;
}

.pseudo_duoz
{
	font-size: 18px;
	_margin-right: 235px; /*IE6*/
}


#picto_duoz
{
	float:left;
	margin-top: -200px;
	margin-left: 342px;
	_margin-left: 170px; /*IE6*/
}

.boutons_droite_duoz
{
	float: right;
	margin-right: 20px;
}

.profil_duoz_classement
{
	 margin-left: 180px;
}

.profil_duoz_votant
{
	float: right;
	margin-right: 10px;
}


/*******************************************************************/
/*                     PAGE : FORMER DUOZ                          */

.emplacement_duoz
{
  float: left;
	margin-top: 10px;
	width: 360px;
	height: 450px;
	text-align: center;
}


#emplacement_photo_duoz1
{
	margin-top: 10px;
	width: 360px;
	height: 360px;
	background-color: #000;
	margin-bottom: 5px;
	text-align: center;
	border: 2px solid #FF3399;
}

#emplacement_photo_duoz2
{
	margin-top: 10px;
	width: 360px;
	height: 360px;
	background-color: #000;
	margin-bottom: 5px;
	text-align: center;
	border: 2px solid #0066CC;
}

#emplacement_photo_duoz1 table, #emplacement_photo_duoz2 table
{
	border-spacing: 0;
	height: 360px;
}
#emplacement_photo_duoz1 td, #emplacement_photo_duoz2 td
{
	padding: 0;
}



#picto_former_duoz
{
	float: left;
	margin-left: 340px;
	_margin-left: 172px;
	margin-top: -280px;
}

#liste_choix
{
	float: left;
	margin-bottom: 20px;
}

#recherche_membre
{
	float: left;
	margin-left: 100px;
}

#emplacement_bouton
{
	float :left;
	margin-top: -20px;
	text-align: center;
	margin-left: 280px;
	_margin-left: 135px; /*IE6*/
	width: 180px;
	margin-bottom: 10px;

}

#emplacement_texte_former
{
  font-size: 14px;
  width: 340px;
  text-align: center;
}

/******************************************************************/
/*                   page duelz                                   */

#bandeau_sup_duelz
{
 	width: 718px;
 	height: 50px;
	background-color: #E0E0FF;
	border: 1px solid #C0A88E;
	padding: 5px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.bouton_duelz
{
	float: left;
	margin-left: 112px;
	_margin-left: 76px;
}

/*******************************************************************/
/*                 LAST COMMENTAIRE                                */

.emplacement_photo200_girlz
{
	width: 180px;
	height: 180px;
	background-color: #000;
	border: 2px solid #FF3399;
	margin-bottom:5px;
}

.emplacement_photo200_boyz
{
	width: 180px;
	height: 180px;
	background-color: #000;
	border: 2px solid #0066CC;
	margin-bottom:5px;
}

.conteneur_photo200
{
	float: left;
	width: 184px;
	height: 210px;
	text-align: center;
}

.emplacement_photo200_boyz table, .emplacement_photo200_girlz table
{
	border-spacing: 0;
	height: 180px;
}
.emplacement_photo200_boyz td, .emplacement_photo200_girlz td
{
	padding: 0;
}





.conteneur_commentaire
{
	float: right;
	width: 515px;
	margin-left: 10px;
	margin-bottom: 10px;
}


.emplacement_photo_commentaire_girlz
{
	float: left;
  width: 96px;
	height: 96px;
	background-color: #000;
	border: 2px solid #FF3399;
}

.emplacement_photo_commentaire_boyz
{
	float: left;
  width: 96px;
	height: 96px;
	background-color: #000;
	border: 2px solid #0066CC;
}

.emplacement_contenu_commententaire
{
	float: left;
	margin-left: 10px;
	width: 405px;
}

.emplacement_photo_commentaire_boyz table, .emplacement_photo_commentaire_girlz table
{
	border-spacing: 0;
	height: 96px;
}
.emplacement_photo_commentaire_boyz td, .emplacement_photo_commentaire_girlz td
{
	padding: 0;
}

.texte_commentaire
{
	float: left;
	width: 393px;
	border: 1px solid #969696;
	text-align: justify;
	padding: 5px;
	padding-bottom: 42px;
}

/*******************************************************************/
/*                 page inscription                                */

.choix_inscription
{
	float: left;
	margin-left: 10px;
	width: 330px;
	height: 100px;
	margin-bottom: 10px;
}


/* *************************************************************** */
/*  Le Footer                                                      */
/* *************************************************************** */

#footer
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	width: 977px;
	background-color: #CCCCFF;
}

#footer_copyright
{
background-color: #9999FF;
height: 25px;
border: 1px solid #000;
width: 990px;
margin-left: -8px;
text-align: center;
line-height: 25px;
}


.rec_duoz
{
	float: left;
	margin-bottom: 20px;
}

.modif_photo
{
	float: left;
	width: 100px;
	height: 170px;
	margin-right: 13px;
}

.ami_connecte
{
	float: left;
	width: 100px;
	height: 140px;
	margin-right: 19px;
	margin-bottom: 5px;
	text-align: center;
}

.chatter_connecte
{
	margin-top: -136px;
	|margin-top: -138px;
	_margin-top: -140px;
	margin-left: 80px;
}

.supprimer_ami
{
	margin-top: -112px;
	margin-left: 72px;
}

.supprimer_ami2
{
	margin-top: -112px;
	margin-left: 84px;
}

#un_duoz
{
	float: left;
	text-align: center;
	margin-left: 12px;
	width: 215px;
	height: 180px;
	_margin-left: 8px; /*IE6*/
}




 /* Les messages d'erreur */

#errorbg
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: black;
	filter: alpha(opacity=80);
	opacity: 0.8;
	z-index: 2000000;
}


#errorpop
{
	position: absolute;
	top: 100px;
	left: 0;

	border: 2px solid #000;
	background-color: #CCCCFF;

	font-weight: bold;


	z-index: 2000001;
}



.titrepop
{
	font-size: 22px;
	color: #000;
	margin-bottom: 10px;
}



/*LIGHTBOX PHOTO*/


#lerrorbg /* message d'erreur de la lightbox*/
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: black;
	filter: alpha(opacity=80);
	opacity: 0.8;
	z-index: 3000000;
}


#lerrorpop
{
	position: absolute;
	top: 100px;
	left: 0;

	border: 1px solid #000;
	background-color: #CCCCFF;

	font-weight: bold;

	z-index: 3000001;
}

.bandeau_message
{
  border-bottom: 1px solid #CCCCFF;
	border-top: 1px solid #CCCCFF;
	background-image: url('/img/chat_v.gif');
}

.titre_message
{
	height: 24px;
	line-height: 24px;
	margin-left: 5px;
	float: left;
}

.bouton_message
{
  margin-top: 2px;
	margin-right: 5px;
	float: right;
}

.ltitrepop
{
	font-size: 22px;
	scolor: #6600CC;
	color: #000;
	margin-bottom: 10px;
}



#titre_lightbox
{
	height: 24px;
	background-color: #fff;
	margin-bottom: 10px;
	color: #000;
	line-height: 24px;
	padding-left: 10px;
	padding-right: 10px;
}

#haut_gauche_lightbox
{
	float: left;
	margin-left: 10px;
	width: 644px;
}

#bas_lightbox
{
	clear: both;
}

#bouton_lightbox_photo
{
	float: right;
	margin-top: 2px;
	|margin-top: 0;
}

#titre_photo_lightbox
{
	float: center;
	height: 20px;
}

#signaler_la_photo
{
  float: right;
	margin-top:-20px;
}

#conteneur_photom_lightbox
{
	background-color: #000;
	width: 640px;
	height: 640px;
}

#conteneur_photom_lightbox table
{
	border-spacing: 0;
	height: 640px;
}
#conteneur_photom_lightbox td
{
	padding: 0;
}

#haut_droite_lightbox
{
	float: left;
	margin-left: 6px;
}

#conteneur_liste_photo_lightbox
{
	height: 644px;
	width: 140px;
	overflow-x:auto;
	overflow-y:auto;
}

.conteneur_photov_lightbox
{
 	margin-left: 10px;
	background-color: #000;
	width: 100px;
	height: 100px;
	margin-bottom: 10px;
}


.conteneur_photov_lightbox table
{
	border-spacing: 0;
	height: 96px;
}
.conteneur_photov_lightbox td
{
	padding: 0;
}

#commenter_photo_lightbox
{
	margin-bottom: 10px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: 750px;
}

.conteneur_bouton_commentaire
{
	width: 194px;
	height: 18px;
	margin-right: -12px;
	margin-bottom: 20px;
	|margin-top: 16px;
}

.commentaire_photo
{
	width: 765px;
	height: auto;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}

#commentaire_photo
{
	overflow-y: auto;
	width: 750px;
}

.contenu_commentaire_photo
{
	margin-left: 100px;
}

.texte_commentaire_photo
{
	float: left;
	border: 1px #CCC solid;
	margin-top: 5px;
	width: 635px;
	padding: 5px;
	padding-bottom: 42px;
	background-color: #fff;
	font-weight: normal;
}

#aucun_commentaire
{
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	height: 50px;
	line-height: 50px;
	width: 750px;
	margin-bottom: 10px;
}

#titre_photo
{
	float: left;
	width: 354px;
	margin-top: 5px;
	text-align: center;
}




/************MESSAGERIE***************/

/* Les 3 teintes de couleurs d'applat */
.clclair	{background-color:#E0E0FF;}
.clmoyen	{background-color:#D0D0FF;}
.clfonce	{background-color:#B0A0FF;}
.clean		{font-weight:100;}
.action	{background-color:#C0A0FF;font-weight:bold;}
.af:link		{font-weight:bold;text-decoration:none;color:black;}
.af:visited, .aflu		{font-weight:bold;text-decoration:none;color:#666666;}
.af:hover		{text-decoration:underline;}
.afred		{font-weight:bold;text-decoration:none;color:red;}
.afred:link		{font-weight:bold;text-decoration:none;color:red;}
.afred:hover		{text-decoration:underline;}
.indiceB		{font-style:italic;background-color:#C5C5C5;}
.indice			{font-style:italic;}
.hr_messagerie{border: 1px solid #9080FF;}


/********MESSAGERIE INSTANTANNEE*******/

#bar_messages
{
	position: fixed;
	z-index:1000000;
	bottom:0;
	left:0;
	width:100%;
	height: 30px;
	background-color: #8080FF;
}

.container
{
  position: fixed;
  _position: absolute;
  height: 382px;
  _height: 413px;
	width: 362px;
}

.titre_conversation
{
	margin-top: 0;
	cursor: move;
	height: 24px;
	line-height: 24px;
	margin-bottom: 10px;
}

.pseudo_interlocuteur
{
  float: left;
	margin-left: 5px;
	color: black;
	font-weight: bold;
	font-size: 12px;
	overflow: hidden;
	width: 290px;
}

.bouton_interlocuteur
{
  float: right;
	margin-right: 5px;
	color: white;
	height: 18px;
	margin-top: 2px;
	|margin-top: 0;
	_margin-top: 2px;
}

.conversation
{
  overflow-y: auto;
	overflow-x: hidden;
	height:250px;
	_height:280px;
	_width: 220px;
	background-color: #fff;
	margin-top: 3px;
	border: 1px solid #000;
}

.conteneur_bouton_messagerie
{
	width: 94px;
	height: 18px;
	margin-right: -12px;
	margin-top: 20px;
	|margin-top: 16px;
	_margin-top: 45px;
	_margin-right: 0;
}

.bouton_messagerie
{
	float: left;
	background: url(bouton_milieu_violet.gif);
	border: none;
	color: #fff;
	font-weight: bold;
	height: 25px;
	width: 110px;
	padding-bottom: 4px;
	|padding-bottom: 0;
}

.border_transparent
{
  height: 384px;
  _height: 415px;
  _position: absolute;
	width: 364px;
	background: transparent ;
	filter : alpha(opacity=66);
	opacity : 0.7;
}

.fond_conversation
{
	border: 1px solid #000;
	position: absolute;
	top: 6px;
	left: 6px;
	height: 370px;
	width: 350px;
	background-color: #CCCCFF;
	filter : alpha(opacity=100);
	opacity : 1;
}

.messagerie_bordure_droite
{
	float: right;
	width: 105px;
	_margin-right: -15px;
}

.position_bouton_envoi
{
  float: right;
	margin-top: 170px;
	margin-right: 20px;
}

.bas_messagerie
{
  margin-top: -5px;
	margin-left: 5px;
	margin-right: 110px;
	_margin-right: 0;
	height: 100%;
	_width: 200px;
}

.champ_conversation_messagerie
{
  |margin-left: -5px;
	overflow-y: auto;
	width:100%;
	_width: 215px;
}

.une_conversation
{
	margin-bottom: 10px;
}

.photo_friend_fille
{
	background-color: #000;
	height: 32px;
	width: 32px;
	border: 1px solid #FF3399;
}

.photo_friend_garcon
{
	background-color: #000;
	height: 32px;
	width: 32px;
	border: 1px solid #0066CC;
}


.photo_friend_fille table, .photo_friend_garcon table
{
	border-spacing: 0;
	height: 32px;
}
.photo_friend_fille td, .photo_friend_garcon td
{
	padding: 0;
}