/* CSS Document */

/*Mon profil et mes Amis*/
#partieGauche
{
	font-family:Helvetica, sans-serif;
	float:left;
	width:380px;
}

#titreProfil
{
	background:url(/decoupe/club/topactualite_r1_c4.gif) repeat-x;
	width:360px;
	text-align:left;
	vertical-align:bottom;
	
}

.nomTitre
{
	font-weight:bold;
	font-size:15px;
	color:#FFFFFF;
	text-transform:uppercase;
}

/*fond des td profil et amis*/
.contenu
{
	padding:5px 5px 5px 0px;
	font-size:11px;
}

.contenu  a
{
	text-decoration:none;
	font-size:14px;
	color:#3399CC;
}

.contenu form
{
	font-size:14px;
}

/*photo et modifier profil*/
#profilG
{
	float:left;
	padding:0 10px 10px 0;
	width:160px;
}

.cat
{
	font-size:12px;
	font-weight:bold;
	color:#CC0099;
}

#option
{
	clear:both;
	height:50px;
}

#optionListe
{
	list-style-type:none;
	position:relative;
	padding:0;
	margin:0;
	top:0;
}

#creerP
{
	position:absolute;
	left:170px;
	top:0;
}

#modifP
{
	position:absolute;
	left:0;
	top:0;
}

/*le bas de tout les tableaux*/
.basTab
{
	background:url(/decoupe/club/topactualite_r8_c2.gif) repeat-x;
}

.bouton
{
	cursor:pointer;
	height:25px;
	background:url(/decoupe/club/boutonOnOff.png) 0 0 repeat-x;	
	border:3px outset #FF66FF;
	margin-top:5px;
}

.bouton:hover
{
	height:25px;
	background:url(/decoupe/club/boutonOnOff.png) 0 -30px repeat-x;
	border:3px outset #CC0099;
}

/*Ma meilleur video et Mes videos*/
#partieDroite
{
	font-family:Helvetica, sans-serif;
	float:right;
	width:550px;
}

#meilleurVideo
{
	background:url(/decoupe/club/fondListeV.gif) repeat-y;
}

.titre
{
	background:url(/decoupe/club/topactualite_r1_c4.gif) repeat-x;
	width:530px;
	text-align:left;
	vertical-align:bottom;
	
}

/*le tableau qui contient toute les videos en mini*/
.listeVideo
{
	padding:0 20px 0 20px;
	text-align:center;
	width:530px;
}

/*liste des image des videos*/
.miniVideo
{
	cursor:pointer;
	border:3px solid #CC3399;
}

.miniVideo:hover
{
	 border:3px solid #FFCCCC;
}

.optionVideo form
{
	display:inline;
}

/***********************************************************************************************/
/**listeMembre.php**/

/**pour changer largeur page charger width dans .page #titre membre et dans le html class="basPage"**/
.page
{
	width:960px;
	font-family:Helvetica, sans-serif;
}

/*partie gauche de membre et profil**/
#optionListageMembre
{
	float:left;
	width:25%;
	height:500px;
}

#optionM
{	
	margin-left:30px;
	padding:5px 10px 7px 28px;
	font-size:16px;
	font-weight:bold;
	color:#A9BFFF;
	background:url(/decoupe/club/ongletMenu.png) no-repeat;
}

.optionCat
{	
	margin-left:30px;
	font-size:15px;
	font-weight:bold;
	color:#A9BFFF;
}

/*partie gauche dans la liste des membres pour les lister selon le choix de l'utilisateur*/
#optionListageMembre ul
{
	list-style-type:none;
}

#optionListageMembre li a
{
	font-size:12px;
	font-weight:bold;
	color:#0066FF;
}

#optionListageMembre li a:hover
{
	color:#FF66CC;
}

/* la div qui contient précédent et suivant*/
#movePage
{
	float:right;
	position:relative;
	width:75%;
	padding:0 0 15px 0;
}

/*Suivant et précédent*/
#prec a
{
	position:absolute;
	top:5px;
	left:5px;
	text-decoration:none;
	font-size:14px;
	color:#0066FF;
}

#suiv a
{
	position:absolute;
	top:5px;
	right:5px;
	text-decoration:none;
	font-size:14px;
	color:#0066FF;
}

#titreMembre
{
	background:url(/decoupe/club/topactualite_r1_c4.gif) repeat-x;
	width:940px;
	text-align:left;
	height:31px;
	vertical-align:bottom;
}

#nomTitreMembre
{
	font-weight:bold;
	font-size:20px;
	color:#FFFFFF;
	text-transform:uppercase;
}

/*image parti gauche tab*/
.fondListeG
{
	background:url(/decoupe/club/bordGauche.gif) repeat-y;
}

/*image parti droite tab*/
.fondListeD
{
	background:url(/decoupe/club/bordDroit.gif) repeat-y;
}

/*tableau avec les membre leur videos et les option ajoçuter amis*/
#membre
{
	clear:right;
	padding:10px 0 10px 0;
	width:74%;
}

#membre td
{
	padding:5px 0 5px 0;
}

/*image perso des membres*/
.imagePerso
{
	float:left;
	padding:0 5px 0 0;
}

/*la liste des membre*/
.listMembre
{
	 text-align:left;
	 vertical-align:top;
	 line-height:1.5em;
	 width:35%;
} 

/* on vas faire la différence entre les hommes et les femmes pour la couleur du nom*/
.nomM
{
	font-weight:bold;
	font-size:14px;
	color:#3333FF;
}

.nomF
{
	font-weight:bold;
	font-size:14px;
	color:#FF66CC;
}

/* parrtie des 2 meilleur videos*/
.meilleurV
{
	 width:35%;
	 vertical-align:middle;
}

.pays
{
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
}

/* partie droite ajouter amis communiquer avec*/
.optionMb
{
	vertical-align:top;
	width:30%;
}

.optionMb a
{
	font-size:12px;
	font-weight:bold;
	line-height:1.8em;
}

/**********************************************************************************************/
/**profil.php**/

#menu
{	
	margin-left:30px;
	padding:5px 10px 7px 33px;
	font-size:16px;
	font-weight:bold;
	color:#A9BFFF;
	background:url(/decoupe/club/ongletMenu.png) no-repeat;
}

/*l'onglet qui affiche paramètre du compte et l'option choisie (le centre)*/
#chemin
{
	font-size:16px;
	font-weight:bold;
	color:#A9BFFF;
	background:url(/decoupe/club/ongletChemin.png);
}

.optionProfil
{
	font-size:18px;
	color:#0066CC;
	font-weight:bold;
}

/**Avatar.php**/
#infoAvatar
{
	font-size:12px;
	padding:10px 0 0 0;
}

#contrainte
{
	margin:0 0 0 100px;
	padding:10px 0 0 0;
	list-style-type:none;
	font-style:italic;
	font-size:12px;
}

#inf
{
	margin:0 0 0 10px;
	height:88px;
	-margin:0;
	background:url(/decoupe/club/info.png) no-repeat;
}

/**Perso.php**/

#infoPerso
{
	font-size:12px;
	text-align:right;
	width:100%;
}

#update
{
	width:66.5%;
	padding:15px 0 10px 0;
	margin-left:33%;
	text-align:center;
	font-size:15px;
	color:#0066FF;
	font-weight:bold;
	border:2px solid #0066FF;
}

#updateAvatar
{
	width:300px;
	padding:15px 0 10px 0;
	margin-left:40%;
	text-align:center;
	font-size:15px;
	color:#0066FF;
	font-weight:bold;
	border:2px solid #0066FF;
}


.text
{
	font-size:14px;
	color:#FF66CC;
	font-weight:bold;
}

.typeInput input
{
	width:290px;
	margin:10px 0 0 0;
	color:#0033FF;
	font-weight:bold;
}


.typeRadio
{
	margin:10px 159px 5px 0;
	color:#0033FF;
}

.typeSelect
{
	margin:10px 0 5px 0;
}

.etoile
{
	color:#FF0000;
	font-size:15px;
	font-weight:bold;
}

/*pour la modification de la video*/
#modif_video
{
	padding:10px 0 10px 0;
	width:100%;
}

#modif_video td
{
	vertical-align:top;
}


/***********************************************************************************************/
/**Inscription.php**/

#inscription
{
	font-family:Helvetica, sans-serif;
	float:left;
	width:95%;
	text-align:right;
}

/*avantage et ergonomie*/
.inscriptO
{
	font-size:16px;
	color:#000099;
	font-weight:bold;
}

/*pour la partie aperçus d'une membre inscrit et des avantages (à droite)*/
#apercuInscrip
{
	float:right;
	width:42%;
	margin:0;
	padding:0;
}

#apercuInscrip ul
{
	list-style-type:none;
	font-size:11px;
	margin:0;
	padding:10px;
}

/***********************************************************************************************/
/**ami.php**/

#infoAmi
{
	padding-top:5px;
	font-size:12px;
	color:#0033CC;
}

/***********************************************************************************************/
/**message.php**/

#listeMessage
{
	width:70%;
	text-align:left;
	padding:15px 0 15px 0;
}

#listeMessage a
{
	font-weight:bold;
	font-size:12px;
	color:#0066CC;
}

#listeMessage a:hover
{
	color:#FF66CC;
}

#listeMessage td
{
	width:33%;
	font-size:12px;
	color:#0066FF;
	vertical-align:top;
}

/*pour la lecture des messages*/
#message
{
	padding:10px 0 10px 0;
	width:60%;
	text-align:left;
}

#message td
{
	vertical-align:top;
}

.champsMessage
{
	font-size:11px;
	color:#0033CC;
}

.infoMessage
{
	text-align:right;
	width:17%;
	padding:0 15px 3px 0;
}


#titreMessage
{
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:#0099CC;
}