/*             */
/* CSS COMMUNS */
/*             */
html, body {
text-align: center;
font-family: Arial, Tahoma, Helvetica, sans-serif; 
font-size: 10pt;
color: black;
background-color: white;
/* top right bottom left */
padding: 0 0 5px 0; 
margin: 0;
}
/* Liens */
a:link, a:visited {
color: #A218C9;
text-decoration: underline;
background-color: inherit;
}
a:active, a:hover {
color: black;
background-color: inherit;
}
/* Pied de Page */
#footer {
height: 25px;
text-align: center;
font-size: 8pt;
color: #A218C9;
text-align: center;
clear: both;

}
/* Liens Pied de Page */
#footer a:link, #footer a:visited {
color: #A218C9;
text-decoration: none;
background-color: inherit;
}
#footer a:active, #footer a:hover {
color: #F5A33D;
background-color: inherit;
}

/*#################################################*/
/*	    	CSS POUR LE SITE		   */
/*#################################################*/             

html.site, body.site {
background-image: url("images/background.jpg");
background-repeat: repeat-x;
background-position: left top;
}
/* Conteneur de la page */
#container {
width: 990px;
margin: auto;
}
/* En tête de page */
#header {
width: 990px;
height: 111px;
background-image: url("images/header.jpg");
background-repeat: no-repeat;
background-position: left top;
text-align: right;
}
/* Publicité en tête de page */
#header img {
float: right;
border: none;
margin-right: 6px;
}
/* Lien de retour vers l'Accueil */
#header #accueil {
width: 240px;
height: 102px;
float: left;
display: block;
margin-left: 6px;
}
#top-menu {
width: 990px;
height: 37px;
background-image: url("images/top-menu.jpg");
background-repeat: no-repeat;
background-position: left top;
padding: 0; 
margin: 0;
}

#menuhaut a {
	vertical-align:middle;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	text-align:center;	
	color:#9b0abd;
	text-decoration: none;
	background-color:#ffffff
}

#menuhaut a:hover {
	vertical-align:middle;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	text-align:center;	
	color:#F5A33D;
	text-decoration: none;
	background-color:#ffffff
}


/* Colonne Gauche */
#gauche {
width: 145px;
float: left;
}
/* Colonne Centre */
#centre {
width: 690px;
float: left;
/* top right bottom left */
margin: 0 5px 0 5px;
}
/* Colonne Droite */
#droite {
width: 145px;
float: left;
}
/* Titre Bloc Gauche & Droite */
.bloc-s_top {
width: 145px;
height: 20px;
color: white;
font-size: 10pt;
text-indent: 30px;
text-align: left;
background-image: url("images/bloc-s_top.jpg");
background-repeat: no-repeat;
background-position: left top;
/* top right bottom left */
margin: 2px 0 0 0;
padding-top: 12px;
}
/* Hack pour IE */
* html .bloc-s_top {
height: 20px;
}

/* Titre Bloc amis*/
.bloc-s_top_amis {
width: 145px;
height: 15px;
color: #3F3F3F;
font-size: 10pt;
text-align: center;
background-image: url("images/bloc-s_top_amis.jpg");
background-repeat: no-repeat;
background-position: left top;
/* top right bottom left */
margin: 8px 0 0 0;
padding-top: 4px;
}
/* Hack pour IE */
* html .bloc-s_top {
height: 15px;
}

/* Corps Bloc amis*/
.bloc-s-amis {
width: 145px;
background-image: url("images/bloc-s_body_amis.jpg");
background-repeat: repeat-y;
background-position: left top;
font-size: 8pt;
font-family: Tahoma;
vertical-align:middle;

/* top right bottom left */
padding: 2px 0 0px 0px;
}

/* Pied Bloc amis*/
.bloc-s_foot_amis {
width: 145px;
height: 8px;
line-height: 8px;
background-image: url("images/bloc-s_foot_amis.jpg");
background-repeat: no-repeat;
background-position: left top;
margin-bottom: -3px;
}

#soustitreMenu {
	line-height: 17px;
	font-size: 10pt;
	vertical-align: bottom;
	text-align: center;
	/* background-color: #EA49ED; */
	background-image: url("images/menu-bg_on.jpg");
	color: #FE70CF;
	font-weight: bold;
}

/* Corps Bloc Gauche & Droite */
.bloc-s {
width: 145px;
background-image: url("images/bloc-s_body.jpg");
background-repeat: repeat-y;
background-position: left top;
font-size: 8pt;
font-family: Tahoma;
}
/* Pied Bloc Gauche & Droite */
.bloc-s_foot {
width: 145px;
height: 6px;
line-height: 6px;
background-image: url("images/bloc-s_foot.jpg");
background-repeat: no-repeat;
background-position: left top;
margin-bottom: 6px;
}
/* Bloc Identification */
#identification {
text-align: left;
font-weight: bold; 
color: #9A07BC;
}
/* Liens Identification */
#identification  a:link, #identification  a:visited {
color: #9A07BC;
background-color: inherit;
text-decoration: none;
margin-left: 8px;

}
#identification a:active, #identification a:hover {
color: black;
background-color: inherit;
}
/* Liens Partenaires */
#partenaires  a:link, #partenaires  a:visited {
color: black;
background-color: inherit;
text-decoration: none;
}
#partenaires a:active, #partenaires a:hover {
background-color: inherit;
}

/* Formulaires */
form {
padding: 0;
margin: 0;
text-align: center;
vertical-align: middle;
}
form p {
margin: 0cm 0cm 0pt;
}

input {
height: 15px;

/* top right bottom left */
margin: 0px 0 4px 0;
}
input#photo {
height: 20px;

/* top right bottom left */
margin: 0px 0 4px 0;
}
form, input, select {
font-family: Arial, Tahoma, Helvetica, sans-serif; 
font-size: 10pt;
}
select {
margin-bottom: 5px;

margin: 5px 0 0px 0;
}
select#inscription {

margin: 0px 0 5px 0;
}
select#sexe {

margin: 0px 0 5px 0;
}
select#selectcommentaire {

margin: 1px 8px 0px 0;
}
/* Hack pour IE */
* html input {
height: 18px;
}
	
/* Bouton Entrer */
#boutonimage {
height: 22px;
cursor:pointer;
}

/* Images dans les Bloc Gauche & Droite */
.bloc-s img {
margin-top: 9px;
border: none;
}

/* Menus dans les Bloc Gauche & Droite */
.menu {
width: 143px;
padding: 0; 
/* top right bottom left */
margin: 0 0 0 1px;
}

.menu li {
list-style: none; 
}
.menu  a:link, .menu  a:visited {
width: 143px;
height: 20px;
line-height: 20px;
list-style: none; 
text-align: left;
text-indent: 7px;
font-size: 9pt;
font-weight: bold;
color: #A218C9;
background-color: inherit;
background-image: url("images/menu-bg_off.jpg");
background-repeat: no-repeat;
background-position: left top;
display: block;
text-decoration: none;
margin: 0;
padding: 0; 
}
.menu a:active, .menu a:hover {
color: #A218C9;
background-color: inherit;
background-image: url("images/menu-bg_on.jpg");
background-repeat: no-repeat;
background-position: left top;
}
/* Bloc Accueil */
#bloc-accueil {
width: 690px;
height: 344px;
color: white;
font-size: 10pt;
font-weight: bold;
text-indent: 33px;
text-align: left;
background-color: inherit;
background-repeat: no-repeat;
background-position: left top;
/* top right bottom left */
margin: 2px 0 6px 0;
padding-top: 11px;
}
/* Hack pour IE */
* html #bloc-accueil {
height: 355px;
}
/* Texte Bloc Accueil */
#bloc-accueil div {
width: 273px;
height: 210px;
color: black;
background-color: inherit;
text-indent: 0;
font-weight: normal;
/* top right bottom left */
margin: 35px 0 0 399px;
}

/* Lien Inscription Gratuite Bloc Accueil */
#bloc-accueil a {
width: 160px;
height: 27px;
float: left;
display: inline;
/* top right bottom left */
margin: 44px 0 0 513px;
}
/* Hack pour IE */
* html #bloc-accueil a {
margin-right: -16px;
}

/* Titre Bloc Centre */
.bloc-b_top {
width: 690px;
height: 20px;
color: white;
font-size: 10pt;
text-indent: 33px;
text-align: left;
background-image: url("images/bloc-b_top.jpg");
background-repeat: no-repeat;
background-position: left top;
/* top right bottom left */
margin: 2px 0 0 0;
padding-top: 12px;
}
/* Hack pour IE */
* html .bloc-b_top {
height: 20px;
}
/* Corps Bloc galerie photo */
.bloc-galerie-photo {
width: 690px;
background-image: url("images/bloc-b_body.jpg");
background-repeat: repeat-y;
background-position: left top;

}

.celHommeGalerie {
	padding-bottom: 7px;  
	color: #2827a7;
	text-align: center;
	cursor:pointer;
	/*cursor: hand;*/
}

.celFemmeGalerie {
 padding-bottom: 7px; 
	color: #ef14cd;
	text-align: center;
	cursor:pointer;
	/*cursor: hand;*/
}

.celCoupleGalerie {
  padding-bottom: 7px; 
	color: #BF03E7;
	text-align: center;
	cursor:pointer;
	/*cursor: hand;*/
}

.celHommeGalerie img{
	border: 1px solid #2827a7; 
}

.celFemmeGalerie img{
	border: 1px solid #ef14cd; 
} 

.celCoupleGalerie img{
	border: 1px solid #BF03E7; 
} 

.bloc-b {
width: 690px;
background-image: url("images/bloc-b_body.jpg");
background-repeat: repeat-y;
background-position: left top;
font-size: 7pt;
font-family: Tahoma;
text-align: center;
}
/* Pied Bloc Centre */
.bloc-b_foot {
width: 690px;
height: 6px;
line-height: 6px;
background-image: url("images/bloc-b_foot.jpg");
background-repeat: no-repeat;
background-position: left top;
margin-bottom: 6px;
}

/*Table inscription */
table#inscription {
font-family: Arial, Tahoma, Helvetica, sans-serif; 
font-size: 10pt;
color: black;
}

/*Table commentaire */
table#tablecommentaire {
font-family: Arial, Tahoma, Helvetica, sans-serif; 
}
/* Table Membres en ligne */
table#membres {
width: auto;
/* top right bottom left */
margin: 3px 0px 0 1px;
}
/* Table Membres en ligne - Titres */
table#membres th {
height: 18px;
line-height: 18px;
color: white;
font-size: 10pt;
}

table#membres #id {
width: 20px;
}
table#membres #idrecherche {
width: 30px;
}
table#membres #sexephoto {
width: 45px;
}
table#membres #sexephotorecherche {
width: 45px;
}
table#membres #pseudo {
width: 165px;
background-image: url("images/fondcateg.jpg");
background-repeat: repeat-x;
background-position: left top;
}
table#membres #pseudorecherche {
width: 208px;
background-image: url("images/fondcateg.jpg");
background-repeat: repeat-x;
background-position: left top;
}
table#membres #prenom {
width: 160px;
background-image: url("images/fondcateg.jpg");
background-repeat: repeat-x;
background-position: left top;
}
table#membres #sms {
width: 38px;
background-image: url("images/fondcateg.jpg");
background-repeat: repeat-x;
background-position: left top;
}
table#membres #age {
width: 33px;
background-image: url("images/fondcateg.jpg");
background-repeat: repeat-x;
background-position: left top;
}
table#membres #agerecherche {
width: 33px;
background-image: url("images/fondcateg.jpg");
background-repeat: repeat-x;
background-position: left top;
}
table#membres #region {
width: 217px;
background-image: url("images/fondcateg.jpg");
background-repeat: repeat-x;
background-position: left top;
}
table#membres #regionrecherche {
width: 250px;
background-image: url("images/fondcateg.jpg");
background-repeat: repeat-x;
background-position: left top;
}
table#membres #statut {
width: 70px;
background-image: url("images/fondcateg.jpg");
background-repeat: repeat-x;
background-position: left top;
}
table#membres #votes {
width: 84px;
background-image: url("images/fondcateg.jpg");
background-repeat: repeat-x;
background-position: left top;
}
table#membres #icones {
width:45px;
}
table#membres #iconesrecherche {
width:45px;
}


/* Table Membres en ligne - Cellules */
table#membres td {

line-height: 10px;
font-size: 10pt;
vertical-align: middle;
}
/* Table Membres en ligne - Colonne Pseudo */
table#membres .pseudo {
text-align: left;
text-indent: 8px;
}
/* Table Membres en ligne - Lignes Hommes */
table#membres .h {
color: #2827a7;
cursor: pointer;
/*cursor: hand;*/
}

/* Table Membres en ligne - Lignes Femmes */
table#membres .f {
color: #ef14cd;
cursor: pointer;
/*cursor: hand;*/
}
/* Table Membres en ligne Lignes - Couples */
table#membres .c {
color: #BF03E7;
cursor: pointer;
/*cursor: hand;*/
}
/* Table Membres en ligne - Icones */
table#membres td img {
/* top right bottom left */
margin: auto 0 auto 0px;
}


/*#################################################*/
/*	    	CSS POUR LE PROFIL      	   */
/*#################################################*/

/* Conteneur du profil */
#container-fiche {
width: 730px;
margin:auto;
/*border: 1px solid #000000;*/
}

/* En tête de page */
#header-fiche {
width: 730px;
height: 100px;
background-repeat: no-repeat;
background-position: left top;
text-align: left;
}
#header-fiche h1 {
line-height: 33px;
font-size: 11pt;
color: #334C5C;
background-color: inherit;
margin: 0;
}

#header-fiche #recap {
font-weight:bold;
font-size: 10pt;
color: white;
width: 240px;
height: 85px;
float: left;
/* top right bottom left */
padding: 7px 0px 0px 5px;
}

#header-fiche #recap img {
float: left;
margin-right: 5px;

}

#header-fiche #button {
/* top right bottom left */
padding: 7px 0px 0px 0px;
}

#header-fiche #button a {
font-weight:bold;
color:white;
text-decoration:none;
}

#header-fiche #button a:hover {
color: orange;
background-color: inherit;
text-decoration:none;
}

#detail-fiche {
width: 730;
height: 26px;
line-height: 26px;
font-size: 11pt;
text-indent: 7px;
background-color: inherit;
background-position: left top;
/* top right bottom left */
padding: 0 0px 0 0px;
clear: both;
font-weight:bold;
}
#detail-fiche a{
color:white;
font-size:10pt;
text-decoration:none;
font-style: italic;
color:white;
font-weight:bold;
}
#detail-fiche a:hover{
color:orange;
font-size:10pt;
text-decoration:none;
font-style: italic;
font-weight:bold;
}

#photos-fiche {
width: 400px;
padding-bottom: 0;
/* top right bottom left */
padding: 5px 5px 5px 5px;

}
/* Titre Bloc Détail */
.bloc-detail_top {
width: 320px;
height: 20px;
line-height: 20px;
color: #606060;
font-size: 11pt;
text-indent: 5px;
text-align: left;
background-color : #F0F0F0;
background-repeat: no-repeat;
background-position: left top;
/* top right bottom left */
padding: 5px 0 0 0px;

}
/* Corps Bloc Bloc Détail */
.bloc-detail {
text-align: left;
line-height: 14pt;
font-size: 9pt;
/* top right bottom left */
padding: 0px 0px 10px 5px;
}

/* Titre Bloc Infos petit */
.bloc-s-info_top {
width: 330px;
height: 22px;
line-height: 22px;
color: #9204AA;
font-size: 11pt;
text-indent: 0px;
text-align: left;
background-repeat: no-repeat;
background-position: left top;
/* top right bottom left */
margin: 5px 0 0 0px;
float: left;
}
/* Corps Bloc Infos petit */
.bloc-s-info {
width: 362px;
text-align: left;
line-height: 11pt;
border-left: 1px solid #FE7ED7;
border-right: 1px solid #FE7ED7;
/* top right bottom left */
margin: 0 0 0 8px;
padding-bottom: 5px;
float: left;
}
/* Hack pour IE */
* html .bloc-s-info {
width: 364px;
}
.bloc-s-info_foot {
width: 364px;
height: 5px;
background-image: url("images/bloc-s-info-fiche_foot.jpg");
background-repeat: no-repeat;
/* top right bottom left */
margin: 0 0 0 8px;
float: left;
}
/* Paragraphes Bloc Infos petit */
.bloc-s-info p {
width: 172px;
float: left;
/* top right bottom left */
margin: 5px 0 5px 6px;
}
p {margin: 0cm 0cm 0pt;}
/* 1eres lignes Paragraphe Bloc Infos petit */
.bloc-s-info p:first-line {
color: #FE7ED7;
font-weight: bold;
background-color: inherit;
}
/* Images Bloc Infos petit */
.bloc-s-info img {
float: left;
border: none;
margin: 5px;
}
/* Sous Titres Bloc Infos petit  */
.bloc-s-info h2 {
width: 245px;
height: 29px;
line-height: 29px;
background-image: url("images/ico-dedicace.jpg");
background-repeat: no-repeat;
background-position: left bottom;
float: left;
font-size: 10pt;
font-weight: normal;
text-indent: 39px;
color: #FE7ED7;
background-color: inherit;
/* top right bottom left */
margin: 0 0 3px 0;
clear: right;
}
.bloc-s-info h2 strong {
font-size: 10pt;
font-weight: normal;
color: #9204AA;
font-weight: bold;
}
/* Textes Bloc Infos petit  */
.bloc-s-info span {
width: 255px;
float: left;
}

/* Titre Bloc Infos grand  */
.bloc-b-info_top {
width: 100%;
height: 25px;
color: #9204AA;
font-size: 12pt;
text-align: left;

/* top right bottom left */
margin: 10px 0px 5px 0px;
border-bottom: 3px solid #cccccc;
}

/* Titre Bloc Infos petit SOUS TITRE  */
.bloc-b-info_top_sous_titre {
width: 100%;
height: 20px;
color: #9204AA;
font-size: 11pt;
text-align: left;

/* top right bottom left */
margin: 10px 0px 5px 0px;
border-bottom: 1px solid #E2DFDF;
}

/* Corps Bloc Infos grand  */
.bloc-b-info {
width: 721px;
text-align: left;

/* top right bottom left */
margin: 0 0 0 10px;
/* top right bottom left */
padding: 0 5px 0 5px;
float: left;
}

/* Hack pour IE */
* html .bloc-b-info {
width: 730px;
}

/* Corps Bloc Infos grand  */
.bloc-b-info-annonce {
width: 721px;

/* top right bottom left */
margin: 0px 0 0px 0px;
/* top right bottom left */
padding: 0 6px 6px 6px;

}

/* Hack pour IE */
* html .bloc-b-info-annonce {
width: 730px;
}

/* Pied Bloc Infos grand  */
.bloc-b-info_foot {
width: 100%;
height: 5px;

background-repeat: no-repeat;
/* top right bottom left */
margin: 0 0 10px 0px;

}

/* Hack pour IE */
* html .bloc-b-info_foot {
margin: 0 0 0px 0px;
}

/* Titre Bloc Infos grand violet */
.bloc-b-info2_top {
width: 100%;
height: 22px;
line-height: 22px;
color: #9204AA;
font-size: 11pt;
text-indent: 6px;
text-align: left;
border-bottom: 1px solid #cccccc;
background-repeat: no-repeat;
background-position: left top;
/* top right bottom left */
margin: 15 0 5px 0px;


}
/* Corps Bloc Infos grand violet */
.bloc-b-info2 {
width: 100%;
text-align: left;
background-color: #FFFFFF;
/* top right bottom left */
margin: 0 0px 0 0px;
/* top right bottom left */
padding: 0px 0px 0px 0px;

}
/* Hack pour IE */
* html .bloc-b-info2 {
/* top right bottom left */
/*width: 730px;*/
margin: 0 0px 0 -1px;
}
/* Pied Bloc Infos grand violet  */
.bloc-b-info2_foot {
width: 100%;
background-repeat: no-repeat;
/* top right bottom left */
margin: 0 0 5px 0px;
clear: both;
}

/* Hack pour IE */
* html .bloc-b-info2_foot {
margin: 0 0 0px 0px;
}

/* Titre Bloc Infos grand violet */
.bloc-b-info3_top {
width: 690px;
line-height: 22px;
color: #FAC6EF;
font-size: 11pt;
text-indent: 6px;
text-align: left;
background-image: url("images/bloc-b-info-fiche_top3.jpg");
background-repeat: no-repeat;
background-position: left top;
/* top right bottom left */
margin: 0 0 0px 0px;
/* top right bottom left */
padding: 0 0px 5px 0px;
float: left;
}
/* Corps Bloc Infos grand violet */
.bloc-b-info3 {
width: 676px;
text-align: left;
background-color: #FFFFFF;
border-left: 1px solid #FE7ED7;
border-right: 1px solid #FE7ED7;
/* top right bottom left */
margin: 0 0 0 0px;
/* top right bottom left */
padding: 0 6px 0px 6px;
float: left;
}
/* Hack pour IE */
* html .bloc-b-info3 {
/* top right bottom left */
width: 676px;
}
/* Pied Bloc Infos grand violet  */
.bloc-b-info3_foot {
width: 690px;
height: 5px;
background-image: url("images/bloc-b-info-fiche_foot3.jpg");
background-repeat: no-repeat;
/* top right bottom left */
margin: 0 0 5px 0px;
float: left;
clear: both;
}

/*Pour aligner verticalement l'image du sexe au pseudo*/
#menuhaut p.flag { 
   line-height: 1em; 
}
#menuhaut p.flag img, span { 
   vertical-align: middle; 
}
#menuhaut p.flag span { 
   padding-left: 1px; 
}


/*#################################################*/
/*	    	FOIRE AUX QUESTIONS		   */
/*#################################################*/

#blocQuestionFaqDiv{
  padding:10px;
  font-size: 10pt;
	margin-left: 40px;
	text-align: justify;
}

#blocQuestionFaqDiv a {
font-size: 10pt;
color: #A218C9;
text-decoration: none;
background-color: inherit;
}

#blocQuestionFaqDiv a:hover {
color: #000000;
font-size: 10pt;
text-decoration: none;
}

#reponseFaqDiv {
padding:10px;
font-size: 10pt;
text-align: justify;
}

/*#################################################*/
/*	    	BLOC MODERATEUR		   */
/*#################################################*/


.corp-bloc-modo{
width:730px;
float:left;
text-align: left;
font-size: 10pt;
background-color:#F8F2F8;
}

.corp-bloc-modo a{
font-size: 10pt;
color: #A218C9;
text-decoration: none;
font-weight: bold;
}

.corp-bloc-modo a:hover{
font-size: 10pt;
color: #000000;
text-decoration: none;
font-weight: bold;
}


/*#################################################*/
/*	    	PHOTO PRINCIPALE/ALBUM PHOTO		   */
/*#################################################*/


.imageBox,.imageBoxHighlighted{
		width:130px;	/* Total width of each image box */
		height:160px;	/* Total height of each image box */
		float:left;
	}
	.imageBox_theImage{
		width:110px;	/* Width of image */
		height:125px;	/* Height of image */
		
		/* 
		Don't change these values *
		*/
		background-position: center center;
		background-repeat: no-repeat;
		
		margin: 0 auto;
		margin-bottom:2px;
	}
	
	.imageBox .imageBox_theImage{

		padding:2px;
	}

	.imageBoxHighlighted span{	/* Title of selected image */
		background-color: #316AC5;
		color:#FFFFFF;
		padding:2px;
	}
	
	.imageBox_label{	/* Title of images - both selected and not selected */
		
		text-align:center;
		font-family: arial;
		font-size:11px;		
		padding-top:2px;
		margin: 0 auto;
	}
	
	.efface {
	color:white;
	background-color:red;
	width:95px;
	height:20px;
	left:1px;
	top:52px;
	position:relative;
	visibility:hidden;
	}
	
	html:not([lang*=""]) .efface {
	left:8px;
	}