/*##########################################*/
/* STYLE DES BALISES HTML DU SITE ALLOSKYPE */
/*##########################################*/

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #D6E9EA;
	color:#068186;
	font-size: 13px;
}

a{
	text-decoration: none;
	color:#068186;
}

a:hover {
	text-decoration: none;
	color:#068186;
}

ol, ul { margin: 0px 0px 0px 0px; }

li { margin: 5px 20px 5px 20px; }

p {margin: 0 10px 0 10px;}

INPUT { 
	font-size:12px;
	font-family:verdana;
	color:#068186;
	font-weight: bold;
}

SELECT {
	font-size:12px; 
	font-family:verdana; 
	color:#068186;
	font-weight: bold;
}

TEXTAREA {
	font-size:12px; 
	font-family:verdana; 
	color:#068186;
	font-weight: bold;
}

h1 {
	font-size: 15px;
	font-weight: bold;
	color: #02868D;
	margin: 0px 0px 0px 0px;
}

#basdepage {
	font-size: 1px;
	color:#D6E9EA;
}

/*##########################################*/
/*              MENUS DES COTES             */
/*##########################################*/

#menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #02868D;
}

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

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

.titre-menu {
	text-align: center;
	background-image: url(img/titre.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #F9B603;
	padding: 9px 10px 3px 10px;
}

.fond-menu {
	background-image: url(img/menu-fond.gif);
	background-repeat: repeat-y;
}

/*##################################################*/
/*   MODE COMMUNICATION (inscription/modif profil)  */
/*##################################################*/

#tableskype {
	background-image: url(img/skype.jpg);
	background-repeat: no-repeat;
	background-position : center center;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}

#tablemsn {
	background-image: url(img/msn.jpg);
	background-repeat: no-repeat;
	background-position : center center;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}

/*##################################################*/
/*      PARTIE SUPERIEURE DU SITE et DU PROFIL      */
/*##################################################*/

#pub {
	background-image: url(img/pub-fond.gif);
	background-repeat: repeat-x;
}

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

#pub a:hover {
	text-decoration: none;
	color: #02868D;
}

#pub a img{
	border: 0px;
}

#pub a:hover img{
	border: 0px;
}

/*#################################################*/
/*	     	   MENU DU HAUT			   */
/*#################################################*/

#menuhaut {
	background-image: url(img/menuhaut-fond.jpg);
	background-repeat: repeat-x;
	vertical-align:middle;
	color:#068186;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-align:center;
}

#menuhaut TABLE{
	color:#068186;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-align:center;
}

#menuhaut a {
	text-decoration: none;
	color: #068186;
}

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

#menuhaut a img{
	border: 0px;
}

#menuhaut a:hover img{
	border: 0px;
}

/*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: 5px; 
}

/*##################################################*/
/*            PARTIE CENTRALE DU SITE               */
/*##################################################*/

#haut {
	background-image: url(img/online-haut-fond.gif);
	background-repeat: repeat-x;
}

#gauche {
	background-image: url(img/online-fond-gauche.gif);
	background-repeat: repeat-y;
}

#droite {
	background-image: url(img/online-fond-droite.gif);
	background-repeat: repeat-y;
}

#bas {
	background-image: url(img/online-bas-fond.gif);
	background-repeat: repeat-x;
}

#fond {
	background-color: #7EC2C5;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}

#fond a {
	text-decoration: underline;
	color: #068185;
}

#fond a:hover {
	text-decoration: underline;
	color: Gold;
}

#fond a img{
	border: 2px solid #7EC2C5;
}

#fond a:hover img{
	border: 2px solid Orange;
}

#fond .intro {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
}

/*#################################################*/
/*               ACCUEIL/BIENVENUE                 */
/*#################################################*/

#accueilDiv {
	width: 650px;
	height: 315px; 
	padding: 0px; 
	margin: 0px;
	margin-top: 0px;		
	margin-bottom: 10px;
	text-align: right;
	background-image: url("img/accueil.jpg");
	background-repeat: no-repeat;
}

#accueilDiv a img{
	border: 0px;
}

#accueilDiv a:hover img{
	border: 0px;
}

#RechercheAccueilTable{
	background-color: #7EC2C5;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left; 
	border: 1px solid #FFFFFF;
	float:right;
}

.lgTitreRechercheAccueil{
	background-color: #068186;
	border: 1px solid #FFFFFF;
}

.lgCorpRechercheAccueil{
	border: 1px solid #FFFFFF;
	background-color:#D6E9EA;
	color:#068186;
	font-weight: bold;
	font-size: 13px;
}

/*#################################################*/
/*              MEMBRES EN LIGNE		   */
/*#################################################*/

#online { 
	width: auto;
	height: 450px;
	overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
}

/*#################################################*/
/*               MESSAGES D'ERREURS                */
/*#################################################*/

fieldset.erreurmess {
	border: 2px solid red;
	font-size: 13px;
	color: red;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

legend.erreurmess {
	padding: 2px;
	font-weight: bold;
	color: red;
	font-size: 14px;
}

/*#################################################*/
/*               MESSAGES DE RESULTAT              */
/*#################################################*/

.divResultat{
	font-weight: bold;
	color: #068186;
	font-size: 14px;
	text-align: center;
	font-style: italic;
}

/*#################################################*/
/*		IMAGES BOUTONS                     */
/*#################################################*/

.bouton {
	cursor: pointer;
	/*cursor: hand;*/
}

/*#################################################*/
/*	     SOUS-TITRES PARTIE CENTRALE           */
/*#################################################*/

#soustitre {
	background-image: url(img/sstitrec.gif);
	background-repeat: repeat-x;
	vertical-align:middle;
}

/*#################################################*/
/*	     SOUS-TITRES MENU DES COTES		   */
/*#################################################*/

#soustitreMenu {
	width: 130px;
	text-align: center;
	background-color: #FCDDAD;
	color: orange;
}

/*#################################################*/
/*	     TEXTE POUR LE MULITPAGE		   */
/*#################################################*/

#fondMultiPage {
	background-color: #7EC2C5;
	font-size: 13px;
	font-weight: bold;
	color: #068185;
}

#fondMultiPage a {
	text-decoration: underline;
	color: #068185;
}

#fondMultiPage a:hover {
	text-decoration: underline;
	color: Gold;
	border:0px
}


/*######################################################*/
/*TABLEAU/LISTE DES RESULTATS POUR AFFICHAGE DES MEMBRES*/
/*######################################################*/

#tableListeMembre {
	font-size: 13px;
	font-weight: normal;
	border: 1px solid #FFFFFF;
}

.lgTitreListeMembre {
	background: #068E93;
	font-weight: bold; 
	color: #FFFFFF;
}

.lgHommeListeMembre {
	color: #0000FF;
	cursor: pointer;
	/*cursor: hand;*/
}

.lgFemmeListeMembre {
	color: #FF00FF;
	cursor: pointer;
	/*cursor: hand;*/
}

.lgCoupleListeMembre {
	color: #BF03E7;
	cursor: pointer;
	/*cursor: hand;*/
}

.lgHommeListeMembre TD {
	border: 1px solid #FFFFFF;
}
.lgFemmeListeMembre TD{
	border: 1px solid #FFFFFF;
}
.lgCoupleListeMembre TD {
	border: 1px solid #FFFFFF;
}

/*##########################################################*/
/*MISE EN FORME DES ZONES POUR AFFICHAGE DE LA SAISIE DU RTE*/
/*##########################################################*/

.affichRte {
	background: #FFFFFF;
	font-family:verdana;
	font-size: 12px;
	font-weight: normal;
	color:#068186;
	margin: 5px;
	padding: 5px;
	overflow: auto; 
	width:auto;
}

.affichRte P { 
	margin: 0px 0px; 
}

.affichRte OL { 
	margin: 0px 0px 0px 40px; 
}

.affichRte UL { 
	margin: 0px 0px 0px 40px; 
}

/*#################################################*/
/*  AFFICHAGE DE LA DESCRIPTION DANS LE PROFIL     */
/*#################################################*/

#tableDescription {
	font-size: 14px;
	font-weight: bold;
}

.lgTitreDescription {
	text-align: center;
	background-image: url(img/degrade-blanc-haut.gif);
	background-repeat: repeat-x;
}

.lgCorpDescription {
	background: #FFFFFF; 
}

.lgPiedDescription {
	background-image: url(img/degrade-blanc-bas.gif);
	background-repeat: repeat-x;
}

/*#################################################*/
/*	   AFFICHAGE DES COMMENTAIRES	           */
/*#################################################*/

#tableCommentaire {
	font-size: 13px;
	font-weight: bold;
	border-style:solid;
	border: 1px solid #068E93;
}

.lgTitreCommentaire {
	font-size: 14px;
	background: #D6E9EA; 
	color: #068186;
}

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

.lgTitreCommentaire TD {
	border-bottom: 1px  solid #068E93;
}

.lgCorpCommentaire {
	background: #FFFFFF; 
}

/*#################################################*/
/*	    GALERIE PHOTOS DES MEMBRES		   */
/*#################################################*/

#tableGalerie {
	font-size: 12px;
	font-weight: bold;
	background-color: #FFFFFF;
}

#tableGalerieHaut {
	font-size: 13px;
	text-align: center;
	background-image: url(img/degrade-blanc-haut.gif);
	background-repeat: repeat-x;
}

#tableGalerieBas {
	background-image: url(img/degrade-blanc-bas.gif);
	background-repeat: repeat-x;
}

.celHommeGalerie {
	color: #0000FF;
	text-align: center;
}

.celFemmeGalerie {
	color: #FF00FF;
	text-align: center;
}

.celCoupleGalerie {
	color: #BF03E7;
	text-align: center;
}

.celHommeGalerie img, .celFemmeGalerie img, .celCoupleGalerie img{
	border: 1px solid #7EC2C5; 
}

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

#blocQuestionFaqDiv{
	margin-left: 40px;
	text-align: justify;
}

#blocQuestionFaqDiv a {
	text-decoration: none;
}

#blocQuestionFaqDiv a:hover {
	text-decoration: none;
}

#reponseFaqDiv {
	font-weight: bold;
	text-align: justify;
}

/*#################################################*/
/*              TOP CINQUANTE			   */
/*#################################################*/

#listeTopMembres { 
	width: auto;
	height: 450px;
	overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
}