A:link {
	TEXT-DECORATION: none
}
A:active {
	TEXT-DECORATION: none
}
A:visited {
	TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: none
}
A:hover {
	COLOR: red
}
BODY {
	FONT: 10px Arial; COLOR: #000000; TEXT-DECORATION: none;
	margin:0;
	padding:0;
	width:960px;
	margin:auto;
}
A {
	FONT: 10px Arial; COLOR: #000000; TEXT-DECORATION: none
}
SPAN {
	FONT: 10px Arial; COLOR: #000000; TEXT-DECORATION: none
}
DIV {
	FONT: 10px Arial; COLOR: #000000; TEXT-DECORATION: none
}
TD {
	FONT: 10px Arial; COLOR: #000000; TEXT-DECORATION: none
}
TR {
	FONT: 10px Arial; COLOR: #000000; TEXT-DECORATION: none
}
.rubrique {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: justify;
}
.rubriqueOn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #990000;
	font-weight: bold;
}
.PseudoOrange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #FF9900;
	font-weight: bold;
}
a:hover {  color: #990000}
.corpsTexte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	line-height: 14pt;
	border-style: none;
	text-align: justify;
}
.texte-tiret {  font-family: "Comic Sans MS"; font-size: 8pt; line-height: normale; background-color: #FFFFCC; text-decoration: none; text-transform: capitalize}
.TitreRubrique {
	font-family: "Comic Sans MS";
	font-size: 10pt;
	line-height: 14pt;
	font-weight: normal;
	clip:   rect(   );
	text-align: center;
}
.monconseil {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-color: #FF66FF;
	text-align: justify;
	line-height: 18px;
}
.notez {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 8pt}
.sous-titre {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #990000; text-transform: none; font-variant: normal}
.legendephoto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #003399;
	text-align: justify;
}
.Texte_blanc_8pt_b_justify {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #FFFFFF;
	text-align: justify;
}
.Texte_Gris_8pt_b_justify{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #333333;
	text-align: justify;
}
.petitelegende {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #666666; font-weight: bold}
.petitelegendeCAP {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #336699;
	font-weight: bold;
	text-transform: uppercase;
}
.news {  font: bold 8pt Arial, Helvetica, sans-serif; color: #000000; background: #FFFFFF}
.titre_forum {
	font-family: "Comic Sans MS";
	font-size: 10px;
	font-weight: bold;
	color: #FF9900;
}
.corpsTexteTitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	line-height: 14pt;
	border-style: none;
	color: #003366;
	text-transform: none;

}
.texteBox16h30W10boldverdana {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	height: auto;
	width: 30px;
	color: #000066;


}
.texteBox16h50W10boldverdana {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	height: auto;
	width: 50px;
	color: #000066;
}
.texteBox16h80W10boldverdana {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	height: auto;
	width: 80px;
	color: #000066;
}
.texteBox15h80W10boldverdana {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	height: 15;
	width: 80px;
	color: #000066;
}
.texteBox15h120W10boldverdana {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	height: 17;
	width: 123px;
	color: #CC0066;
}
.texteBox16h100W10boldverdana {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	height: auto;
	width: 100px;
	color: #000066;


}
.texte1ligneLargeurWebtv {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	height: 15px;
	width: 582px;
	color: #000066;




}
.texte1ligneLargeurWebtvPublier {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	height: 15px;
	width: 582px;
	border: none;




}
.texteBox16h120W10boldverdana {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	height: 15px;
	width: 123px;
	border: none;




}
.texteBox16h200W10boldverdana {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	height: auto;
	width: 200px;
	color: #000066;


}
.texteBox16h180W10boldverdana {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	height: auto;
	width: 180px;
	color: #990066;


}
.texteMULTIBox16h200W10boldverdana {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	height: 75px;
	width: 200px;
	color: #000066;


}
.texteMULTIBox16h180W10boldverdana {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	height: 75px;
	width: 200px;
	color: #000066;


}
.legendephoto12b {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #003399;
	text-align: justify;
}
.TRbleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #336699;
}
.corpsTexterouge {
	color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 14pt;
	font-weight: normal;

}
.petitelegendeRouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #990000;
	font-weight: bold;
	line-height: 10px;

}
.petitelegendeBleu {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #336699; font-weight: bold
}
.petitelegendeBleuSouligne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #336699;
	font-weight: bold;
	border-bottom-style: solid;
}
.petitelegendeNoir {

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #000000; font-weight: bold
}
.texteMULTIBox16h400W10boldverdanaCopy {

	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	height: 120px;
	width: 400px;
	color: #000066;
}
.texteMULTIBoxLargeurWebtv {

	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	height: 250px;
	width: 582px;
	color: #000066;
}
.corpsDefaut {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	line-height: normal;
	border-style: none;
	text-align: justify;
}
.petitelegendeBlanc {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #FFFFFF; font-weight: bold
}
.encadre {
	height: auto;
	width: auto;
	border: medium solid #CC0000;
	clear: both;

}
.petitelegendeBlancTOP {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #FFFFFF;
	font-weight: bolder
}
.recherche {
	font-family: Arial, Helvetica, sans-serif;
	color: #990066;
	height: 17px;
	width: 123px;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	left: 0px;
	top: 0px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	border: 0;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;

}
.texteBleuBox20h300W10boldverdana {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	height: 20px;
	width: 300px;
	color: #000066;
	background-color: #FFFFCC;
	padding: 3px;

}
.texteBleuMulti150h300W10boldverdana {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	height: 100px;
	width: 460px;
	color: #000066;
	background-color: #FFFFCC;
	padding: 3px;

}
.form {
	line-height: 16px;
	font-family: "Courier New", Courier, mono;
	font-size: 10px;
	height: 16px;
	vertical-align: middle;


}
.texteBleuBox20h80W10boldverdanaCopy {

	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	height: 20px;
	width: 80px;
	color: #000066;
	background-color: #FFFFCC;
	padding: 3px;
}
.emissionResumeMauve {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #990066;
	font-weight: bold;
	padding: 5px;

}
.petitelegendeMauve {

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #990066; font-weight: bold
}
.corpsTexteTitreMauve {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	line-height: 14pt;
	border-style: none;
	color: #990099;
	text-transform: none;
}

.relative
{
	position:relative;
}

/*pour bien positionner le texte vue*/
#vue
{
	position:absolute;
	right:40px;
	top:-2px;
	font-size:15px;
	color:white;
	font-weight:bold;
}

a img
{
	border:none;
}

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

/*liste de 3 amis*/
#listeAmi
{
	width:350px;
}

#listeAmi td
{
	padding:0 5px O 5px;
}

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

.bouton
{
	cursor:pointer;
	font-weight:bold;
	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 bouton play au dessus des images*/
.boutonPlay
{
	border:none;
	position:absolute;
	top:18px;
	left:28px;
	z-index:10;
}

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

/*liste des images playlist*/
.miniPlaylist
{
	cursor:pointer;
	border:3px solid #0033FF;
}

.miniPlaylist:hover
{
	 border:3px solid #00CCFF;
}

.optionVideo form
{
	display:inline;
}

#select_trier
{
	display:inline;
	margin-bottom:2px;
	width:110px;
	font-size:11px;
	font-weight:bold;
	color:#CC0099;
	border:none;
}

/***********************************************************************************************/
/**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
{
	position:relative;
	width:100%;
	padding:0 0 10px 0;
	height:20px;
}

#movePage_play
{
	float:left;
	position:relative;
	width:63%;
	padding:0 0 15px 0;
}

/*Suivant et précédent*/
#prec
{
	position:absolute;
	top:5px;
	left:5px;
}

#suiv
{
	position:absolute;
	top:5px;
	right:5px;
}

#prec a
{
	text-decoration:none;
	font-size:14px;
	color:#0066FF;
	font-weight:bold;
}

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

#suiv a
{
	text-decoration:none;
	font-size:14px;
	color:#0066FF;
	font-weight:bold;
}

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

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

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

.nomTitreMembreMini
{
	font-weight:bold;
	font-size:14px;
	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:100%;
}

#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:39%;
} 

/*pour définir la couleur des login dans le site*/
.login
{
	font-weight:bold;
	font-size:14px;
	color:#FF66CC;
}

.login:hover
{
	color:#3333FF;
}

.login_mini
{
	font-weight:bold;
	font-size:11px;
	color:#FF66CC;
}

.login_mini:hover
{
	color:#3333FF;
}

/* partie des 2 meilleur videos*/
.meilleurV
{
	 width:72px;
	 vertical-align:top;
}

.pays
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #336699; 
	font-weight: bold;
	text-transform:uppercase;
}

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

.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) repeat-x;
}

#chemin a
{
	font-size:16px;
	font-weight:bold;
	color:#A9BFFF;
}
#chemin a:hover
{
	color:#0066FF;
}

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

/**Avatar.php**/
#infoAvatar
{
	font-size:12px;
	padding:10px 20px 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;
	height:88px;
	-margin:0;
	background:url(/decoupe/club/info.png) no-repeat;
}

/**Perso.php**/

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

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

#updateAvatar
{
	width:300px;
	padding:15px 0 10px 0;
	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:55%;
	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**/

/*pour le tableau d'affichege message reçus /envoyé et nouveau*/
#navigation td
{
	vertical-align:top;
}

#navigation .chemin
{
	padding-top:5px;
	font-size:16px;
	font-weight:bold;
	color:#A9BFFF;
	background:url(/decoupe/club/ongletChemin.png) repeat-x;
}

#navigation .chemin a
{
	font-size:16px;
	font-weight:bold;
	color:#A9BFFF;
}

#navigation .chemin a:hover
{
	color:#0066CC;
}

/*dans le cas ou l'onglet est actif*/
#navigation .cheminOn
{
	padding-top:10px;
	height:40px;
	font-size:16px;
	font-weight:bold;
	color:#A9BFFF;
	background:url(/decoupe/club/ongletCheminOn.png) repeat-x;
}

#navigation .cheminOn a
{
	font-size:16px;
	font-weight:bold;
	color:#A9BFFF;
}

#navigation .cheminOn a:hover
{
	color:#0066CC;
}

#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;
	padding:0;
}

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

#message td
{
	vertical-align:top;
	-padding:0 0 0 10px;
}

.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;
}

/******************************************************************************************/
/**playlist.php**/

#optionListagePlaylist
{
	position:relative;
	height:30px;
}

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

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

/*lister et trier dans les playlist*/
.optionCatP
{
	float:left;
	padding:0 7px 20px 0;
	font-size:15px;
	font-weight:bold;
	color:#A9BFFF;
}

/*les champs pour la création de la playlist*/
#optionPlay
{
	float:left;
	width:290px;
	heigth:500px;
	padding:5px 0 0 10px;
}

/*pour la case qui informe à quoi sert une playlist*/
#infoPlay
{
	font-size:13px;
	color:#000099;
	width:600px;
	height:180px;
	margin:35px 0 0 320px;
	padding:1px 0 0 20px;
	background:url('/decoupe/club/playInfoFond.png') no-repeat;
}

#infoPlay h1
{
	color:#000066;
	font-weight:bold;
}

#infoPlay ul
{
	list-style-type:disc;
}

/*pour lister les playlist déjà existantes*/
#mesPlay
{
	margin:10px 0 10px 320px;
}

.catB
{
	font-size:12px;
	font-weight:bold;
	color:#0088EE;
}

/*pour l'erreur si jamais la playlist as un déjà ce nom là pour cette personne*/
#erreur
{
	color:red;
	font-size:11px;
}

/*Pour l'affichage de la playlist a coté de sont image (titre et nombre de vidéos)*/
.descPlay
{
	margin:0 10px 0 100px;
}

.petitViolet
{
	font-size:11px;
	color:#FF33CC;
}

/*pour regarder supprimer ou partager la playlist*/
#optionModifPlay
{
	padding:0 0 20px 0;
}

#optionModifPlay a
{
	font-size:13px;
	font-weight:bold;
	color:#0033CC;
	margin-right:50px;
}

#optionModifPlay a:hover
{
	color:#990000;
}

#optionModifPlay input
{
	font-size:13px;
	font-weight:bold;
	color:#0033CC;
	margin-right:50px;
	padding:0;
}

#optionModifPlay a img
{
	border:none;
}

/******************************************************************************************/
/**index;php (playlist)*/

/*tableau avec les membre leur videos et les option ajoçuter amis*/
#aff_playlist
{
	float:left;
	margin:5px 0 0 15px;
	-margin:5px 0 0 8px;
	width:100%;
}

.option_play
{
	text-align:center;
	vertical-align:top;
	padding-bottom:5px;
}

.option_play a
{
	font-size:13px;
	font-weight:bold;
	color:#0033CC;
}



/******************************************************************************************/
/**gerer.php**/

/*grande div qui contient la listes des playlist*/
#lalistedesplay
{
	float:left;
	width:600px;
	margin:10px 10px 10px 10px;
	-margin:10px 5px 10px 5px;
}

/*pour l'affichage de toutes les playlist chaque div contient une playlist*/
.gerermesplay
{
	position:relative;
	width:100%;
	height:120px;
}

/*le nom de la playlist gerer.php et index.php*/
.nomplay
{
	font-size:15px;
	font-weight:bold;
	color:#CC0099;
}
/*description de la playlist (nom+nbvideo+date)*/
.gererdescplay
{
	position:absolute;
	left:0;
	top:0;
	width:22%;
}

/*3 video de la playlist*/
.videoplay
{
	position:absolute;
	left:21%;
	top:0;
	width:48%;
	height:120px;
}

/*les option de la playlist (regarder+supprimer+partager)*/
.gereroptionplay
{
	position:absolute;
	right:0;
	top:18px;
	width:27%;
}

.gereroptionplay a
{
	font-size:13px;
	font-weight:bold;
	color:#0033CC;
}

.gereroptionplay img
{
	border:none;
}

.gereroptionplay input
{
	font-size:13px;
	font-weight:bold;
	color:#0033CC;
	padding:0;
}

.gereroptionplay input:hover
{
	color:#CC0000;
}

#aff_miniature_gerer_play td
{
	width:145px;
	text-align:left;
	padding-bottom:10px;
}

/******************************************************************************************/
/**emission.php**/

#milieu_navig
{
	position:absolute;
	top:25px;
	left:140px;
	color:#FF66CC;
	font-size:14px;
	font-weight:bold;
}

/*pour la partie navigation de la playlist (précédent/suivant)*/
#bas_navig
{
	position:absolute;
	bottom:0;
	left:0;
	width:349px;
	height:25px;
}

/*le texte précédent*/
#prec_navig
{
	position:absolute;
	left:15px;
	top:0;
	color:#0066FF;
	font-size:14px;
	font-weight:bold;
}

#prec_navig:hover
{
	color:#FF66CC;
	text-align: left;
}

/*le texte suivant*/
#suiv_navig
{
	position:absolute;
	right:10px;
	top:0;
	color:#0066FF;
	font-size:14px;
	font-weight:bold;
}

#suiv_navig:hover
{
	color:#FF66CC;
	text-align: right;
}

/*les 2 double fleche dans am navigation de la playlist*/
.navig_suiv
{
	display:block;
	width:50px;
	height:39px;
	background:url(/img/suivantOn-Off.png) 0 0 no-repeat;
	position:absolute;
	left:280px;
	top:13px;
	z-index:10;
}

.navig_suiv:hover
{
	background:url(/img/suivantOn-Off.png) -51px 0 no-repeat;
}

/*les 2 double fleche dans am navigation de la playlist*/
.navig_prec
{
	display:block;
	width:50px;
	height:39px;
	background:url(/img/precedentOn-Off.png) -51px 0 no-repeat;
	position:absolute;
	left:20px;
	top:13px;
	z-index:10;
}

.navig_prec:hover
{
	background:url(/img/precedentOn-Off.png) 0 0 no-repeat;
}

#liste_comm
{
	padding:0 0 20px 0;
}
/*pour la photo de la personne qui a posté le commentaire*/
#liste_comm img
{
	float:left;
	margin:0 0 10px 0;
}

/*ce qui vas englober le commentaire et l'image*/
.comment
{
	clear:both;
	padding:3px 0 10px 0;
}

.img
{
	border:1px ridge #0066FF;
}


/*pour le commentaire et ses info (date,login)*/
.comm
{
	margin-left:55px;
}

/*pour afficher le nombre de page de tous les commentaire*/
#page_comm
{
	width:540px;
	height:25px;
	text-align:center;
	color:#CC0066;
	font-size:12px;
}

#page_comm a
{
	color:#CC0066;
	font-size:13px;
}

#page_comm a:hover
{
	color:#CC0066;
	font-size:13px;
	background:#FF99FF;
}

.page_courante_comm
{
	color:#CC0066;
	font-size:18px;
	font-weight:bold;
}

/*pour l'affichage des bouton de la meme couleur que les autre*/
#optionVideo input,img
{
	cursor:pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	font-weight: bold;
}

/*pour l'affichage des playlist de la personne*/
#gestionplay
{
	padding:10px 0 10px 0;
	width:570px;
}

/*pour la liste des playlist*/
#list_play_haut
{
	width:505px;
	height:20px;
	background:url('/decoupe/club/listPlay/listplay_haut.png') no-repeat;
}

#list_play_milieu
{
	width:505px;
	background:url('/decoupe/club/listPlay/listplay_milieu.gif') repeat-y;
	padding:0 5px 0 10px;
	text-align:left;
	color:#0099FF;
	font-weight:bold;
	font-size:12px;
}

#list_play_bas
{
	width:505px;
	height:20px;
	background:url('/decoupe/club/listPlay/listplay_bas.png') no-repeat;
}

/*la liste des playlist dans emission et profil*/
.ajouterplay
{
	background:url('/img/no_existe.png') no-repeat;
	text-align:left;
	padding:0 3px 5px 20px;
	border:none;
	height:21px;
	color:#0066FF;
	font-weight:bold;
}

.retirerplay
{
	background:url('/img/existe.png') no-repeat;
	text-align:left;
	padding:0 0 5px 20px;
	border:none;
	height:21px;
	color:#0066FF;
	font-weight:bold;
}

/****partie partager video****/
/*pour l'affichage du formulaire qui permet l'envoi d'un mail*/
#envoyer 
{
	position:absolute;
	top:700px;
	left:30%;
	width:350px;
	z-index:10;
}

#partage_haut
{
	background:url('/decoupe/club/partage/partage_haut.png') no-repeat;
	width:350px;
	height:20px;
	text-align:center;
}

.partage_milieu
{
	background:url('/decoupe/club/partage/partage_milieu.gif') repeat-y;
}

#partage_bas
{
	background:url('/decoupe/club/partage/partage_bas.png') no-repeat;
	width:350px;
	height:20px;
}

.info
{
	font-size:12px;
	font-weight:bold;
	vertical-align:top;
	text-align:right;
	padding-right:5px;
}

/*dans le cas ou la personne n'est pas connecté*/
#inscription_connecte
{
	background:url('/decoupe/club/inscription_connecte.png') no-repeat;
	padding:10px 5px 10px 10px;
	text-align:left;
	width:507px;
	color:#0099FF;
	font-weight:bold;
	font-size:12px;
	margin-top:5px;
	height:76px;
}

#inscription_connecte a
{
	font-size:12px;
}
/* structure de page */
#entete_de_page {
}

#pied_de_page {
}

#pub_300x250_1 {
	height: 260px;
	width: 300px;
	top: 10px;
	left: 10px;
	position: relative;
}

#pub_300x250_2 {
	height: 260px;
	width: 300px;
	top: 10px;
	left: 10px;
	position: relative;
}

#pave_du_haut {
	width: 300px;
	position: relative;
}