*{
margin:			0;
padding:		0;
font-family:	Arial;
font-size:		12px;
}

body{
margin:			0 auto;
/* background:		#ffffff; */
background:		url(../medias/images/background.jpg) no-repeat top center #171717;
/* background:		url(../medias/images/abstract-pink-background.jpg) no-repeat top center #171717; */
}

img{
border:			none;
}

.float_right{
float:			right;
}

.float_left{
float:			left;
}

.clear_both{
clear:			both;
}

.red{
color:			#ff0000 !important;
}

.green{
color:			#00ad00;
}

.petit{
font-size:		10px;
}

.moyen{
font-size:		16px;
}

.grand{
font-size:		18px;
}

.gris{
color:			#828282;
}

.display_block{
display:		block;
}

.display_none{
display:		none;
}

.flyover *{
color:			#606060;
}


/************************************************************ André *************************************************************/

#fileMovie, #fileMovieImg {
height:						19px;
line-height:				19px;
margin-top:					1px;
width:						204px;
float : 					left;
margin-right : 				5px;
}

.zoneUpload {
	float : 				left;
}

#SWFUpload_0 {
	float : 				left;
	margin-top : 			-1px;
}

#SWFUpload_1 {
	float : 				left;
	margin-top : 			-1px;
}

.swfupload {
	float : 				left;
	margin-top : 			-1px;
}

#fsUploadProgress,#fsUploadProgressImg {
	float : 				left;
	clear : 				both;
	margin : 				5px;
}

.progressName {
	margin-bottom : 		5px;
}

.progressBarStatus p,.progressBarStatusImg p {
	font-size : 			12px !important;
	line-height : 			20px !important;
}


/************************************************************ André *************************************************************/

#containeur_comment_profile_flyover{
width:			759px;
margin:			0 auto;
}

#head_comment_profile_flyover{
background:		#ffffff;
width:			739px;
height:			55px;
padding:		0 10px 0 10px;
border-bottom:	1px solid #d8d8d8;
}

#head_comment_profile_flyover p{
height:			55px;
line-height:	55px;
font-size:		29px;
font-weight:	bold;
color:			#747474;
}

#contenu_comment_profile_flyover{
width:			699px;
background:		#dfdfdf;
padding:		10px 30px;
}

#contenu_comment_profile_flyover p{
font-size:		18px;
color:			#000000;
}

#contenu_comment_profile_flyover textarea{
width:			682px;
height:			190px;
margin:			10px 0 10px 0;
color:			black;
padding:		5px;
}

#footer_comment_profile_flyover{
background:		url(../medias/images/flyover/background_footer.gif) repeat-x;
height:			47px;
width:			749px;
padding:		0 10px 0 0;
}

#footer_comment_profile_flyover p{
height:			47px;
width:			749px;
text-align:		right;
line-height:	47px;
}

#footer_comment_profile_flyover img{
vertical-align:	middle;
}

#containeur_flyover_playlist{
width:			507px;
margin:			0 auto;
}

#head_playlist_flyover{
background:		#ffffff;
border-bottom:	1px solid #d8d8d8;
width:			467px;
height:			55px;
padding:		0 20px 0 20px;
}

#head_playlist_flyover p{
height:			55px;
line-height:	55px;
font-size:		29px;
font-weight:	bold;
color:			#747474;
}

#head_playlist_flyover img{
vertical-align:	middle;
}

#ajout_playlist_flyover{
background:		#eeeeee;
width:			467px;
padding:		10px 20px 10px 20px;
}

#ajout_playlist_flyover p{
font-size:		21px;
font-weight:	bold;
color:			#393939;
height:			50px;
line-height:	50px;
}

#ajout_playlist_flyover p.float_left{
width:			397px;
}

#ajout_playlist_flyover p.float_right{
width:			64px;
}

#ajout_playlist_flyover p span{
font-size:		14px;
font-weight:	normal;
color:			#393939;
}

#ajout_playlist_flyover p img{
vertical-align:	middle;
}

.librairie_playlist_flyover{
background:		#dfdfdf;
width:			507px;
}

.ma_librairie{
background:		#4e4e4e;
width:			225px;
height:			30px;
float:			left;
margin:			10px 2px 0 26px;
}

*html .ma_librairie{
background:		#4e4e4e;
width:			225px;
height:			30px;
float:			left;
margin:			10px 2px 0 13px;
}

.ma_librairie p{
width:			225px;
height:			30px;
line-height:	30px;
text-align:		center;
font-size:		13px;
color:			#ffffff;
}

.ma_librairie p a,
.ma_playlist p a
{
color:			inherit;
text-decoration:none;
}

*html .ma_librairie p a{
color:			#ffffff;
text-decoration:none;
}

*html .ma_playlist p a{
color:			#33b4e4;
text-decoration:none;
}

.ma_playlist{
background:		#1c1c1c;
width:			225px;
height:			30px;
float:			left;
margin:			10px 26px 0 2px;
}

*html .ma_playlist{
background:		#1c1c1c;
width:			225px;
height:			30px;
float:			left;
margin:			10px 0 0 2px;
}

.ma_playlist p{
width:			225px;
height:			30px;
line-height:	30px;
text-align:		center;
font-size:		13px;
color:			#33b4e4;
}

.list_librairie{
width:			487px;
background:		#4e4e4e;
padding:		10px;
}

.list_playlist{
width:			487px;
background:		#1c1c1c;
padding:		10px;
}

.list table{
background:		#ffffff;
width:			454px;
margin:			0 auto;
}

.list table tr{
background:		#f2f2f2;
height:			50px;
}

.list table tr td.image_tableau{
width:			50px;
height:			50px;
text-align:		center;
}

.list table tr td.titre_tableau{
width:			254px;
height:			50px;
}

.list table tr td.icone_tableau{
width:			50px;
text-align:		center;
height:			50px;
}

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

#containeur_friends_flyover{
width:			759px;
margin:			0 auto;
}

#head_friends_flyover{
background:		#ffffff;
width:			739px;
height:			55px;
padding:		0 10px 0 10px;
border-bottom:	1px solid #d8d8d8;
}

#head_friends_flyover p{
height:			55px;
line-height:	55px;
font-size:		29px;
font-weight:	bold;
color:			#747474;
}

.contenu_friends_flyover{
background:		#dfdfdf;
width:			699px;
padding:		10px 30px;
border-bottom:	1px solid #d8d8d8;
}

.contenu_friends_flyover p{
height:			30px;
line-height:	30px;
color:			#000000;
}

.contenu_friends_flyover p.float_right input.recherche_ami{
background:		url(../medias/images/flyover/recherche_ami.png);
width:			220px;
vertical-align:	middle;
height:			18px;
border:			none;
padding:		5px 0 0 5px;
color: 			#000000;
}

.contenu_friends_flyover p.float_right input.envoyer_ami{
background:		url(../medias/images/flyover/envoyer_ami.png);
width:			39px;
vertical-align:	middle;
height:			23px;
border:			none;
text-indent:	-9999px;
cursor:			pointer;
margin-left:	-5px;
}

.aucun_result  {
text-align:		center;
margin:			50px 0;
color:			#3a3a3a;
}

.contenu_friends_flyover table{
width:			699px;
background:		#ffffff;
margin:			10px auto 0 auto;
}

.contenu_friends_flyover table tr{
background:		#f2f2f2;
height:			80px;
}

.contenu_friends_flyover table tr td.image_tableau{
text-align:		center;
width:			80px;
border-bottom:	1px solid #ffffff;
}

.contenu_friends_flyover table tr td.pseudo_tableau{
text-align:		left;
width:			469px;
vertical-align:	top;
padding:		15px 0 0 0;
color:			#000000;
border-bottom:	1px solid #ffffff;
}

.contenu_friends_flyover table tr td.demande_tableau{
text-align:		right;
width:			150px;
padding:		15px 20px 0 0;
vertical-align:	top;
border-bottom:	1px solid #ffffff;
}

#footer_friends_flyover{
background:		url(../medias/images/flyover/background_footer2.gif) repeat-x;
width:			759px;
height:			58px;
}

#message_generique{
width:			567px;
margin:			0 auto;
}

#head_message_generique{
background:		#ffffff;
width:			567px;
height:			13px;
}

#contenu_message_generique{
background:		#dfdfdf;
width:			567px;
}

#contenu_message_generique p{
width:			567px;
height:			165px;
line-height:	165px;
text-align:		center;
font-size:		14px;
color:			#000000; 		
}

#footer_message_generique{
background:		#ffffff;
width:			517px;
height:			53px;
padding:		0 25px;
}

#footer_message_generique p{
height:			53px;
line-height:	53px;
}

#footer_message_generique img{
vertical-align:	middle;
}

#foot_message_generique{
background:		url(../medias/images/flyover/background_footer.gif) repeat-x;
width:			567px;
height:			47px;
}

#containeur_background_flyover{
width:			759px;
margin:			0 auto;
}

#head_background_flyover{
background:		#ffffff;
width:			739px;
height:			55px;
padding:		0 10px 0 10px;
border-bottom:	1px solid #d8d8d8;
}

#head_background_flyover p{
height:			55px;
line-height:	55px;
font-size:		29px;
font-weight:	bold;
color:			#747474;
}

#contenu_background_flyover{
width:			739px;
background:		#dfdfdf;
padding:		10px;
}

#contenu_background_flyover p{
width:			250px;
font-size:		14px;
color:			#000000;
}

#contenu_background_flyover p img{
border:			4px solid grey;
margin:			5px 0 0 0;
}

#contenu_background_flyover p input{
margin:			5px 0 5px 0;
}

#contenu_background_flyover p.petit{
line-height:	10px;
width:			600px;
}

#footer_background_flyover{
background:		url(../medias/images/flyover/background_footer.gif) repeat-x;
width:			759px;
height:			47px;
}

#containeur_post_flyover{
width:			759px;
margin:			0 auto;
}

#head_post_flyover{
background:		#ffffff;
width:			739px;
height:			55px;
padding:		0 10px 0 10px;
border-bottom:	1px solid #d8d8d8;
}

#head_post_flyover p{
height:			55px;
line-height:	55px;
font-size:		29px;
font-weight:	bold;
color:			#747474;
}

#titre_post_flyover{
color:			#000000;
background:		#dfdfdf;
width:			699px;
padding:		10px 30px 10px 30px;
border-bottom:	1px solid #ffffff;
}

#titre_post_flyover p, #titre_post_flyover p span{
color : 		#000000;
}

#titre_post_flyover textarea{
width:			687px;
height:			42px;
padding:		5px;
margin:			10px 0 0 0;
color:			black;
}

#description_post_flyover{
color:			#000000;
background:		#dfdfdf;
width:			699px;
padding:		10px 30px 10px 30px;
border-bottom:	1px solid #ffffff;
}

#description_post_flyover p, #description_post_flyover p span{
color : 		#000000;
}

#description_post_flyover textarea{
width:			687px;
height:			245px;
padding:		5px;
margin:			10px 0 0 0;
color:			black;
}

#media_post_flyover{
color:			#000000;
background:		#dfdfdf;
width:			699px;
padding:		10px 30px 10px 30px;
border-bottom:	1px solid #ffffff;
}

#media_post_flyover p span{
color:			#000000;
font-size:		24px;
font-weight:	bold;
}

#media_post_flyover input{
color:			#000000;
}

#media_post_flyover img{
border:			4px solid grey;
margin:			10px 0 5px 0;
}

#media_post_flyover .img_billet .photoModiProfil{
border:			1px solid grey;
margin:			2px 0 5px 0;
}

#media_post_flyover .img_billet img, .progressContainer img{
border:			none !important;
margin:			2px 0 5px 0;
}

.model_post img {
margin:			2px 0 5px 0;
}

#media_post_flyover p span.red{
font-size:		12px;
font-weight:	normal;
}

#tag_post_flyover{
color:			#000000;
background:		#ffffff;
width:			699px;
padding:		10px 30px 10px 30px;
border-bottom:	1px solid #ffffff;
}

#tag_post_flyover input{
width:			685px;
padding:		0 5px 0 5px;
margin:			10px 0 0 0;
color : 		black;
}

#footer_post_flyover{
background:		url(../medias/images/flyover/background_footer.gif) repeat-x;
width:			759px;
height:			47px;
}

#footer_post_flyover p{
width:			749px;
padding:		0 10px 0 0;
height:			47px;
line-height:	47px;
text-align:		right;
}

#footer_post_flyover img{
vertical-align:	middle;
}

#containeur_save_flyover{
width:			759px;
margin:			0 auto;
}

#head_save_flyover{
background:		#ffffff;
width:			739px;
height:			55px;
padding:		0 10px 0 10px;
border-bottom:	1px solid #d8d8d8;
}

#head_save_flyover p{
height:			55px;
line-height:	55px;
font-size:		29px;
font-weight:	bold;
color:			#747474;
}

#photo_profil{
background:		#dfdfdf;
width:			699px;
padding:		10px 30px 10px 30px;
border-bottom:	1px solid #ffffff;
}

#photo_profil p{
color:			#000000;
}

#photo_profil p.float_left{
color:			#000000;
width:			300px;
height:			200px;
}

#photo_profil p.float_left img{
border:			4px solid grey;
margin:			10px 0 5px 0;
}

#photo_profil p input{
color:			#000000;
}

#aime_profil{
background:		#dfdfdf;
width:			699px;
padding:		10px 30px 10px 30px;
border-bottom:	1px solid #ffffff;
}

#aime_profil p{
color:			#000000;
}

#aime_profil input{
width:			695px;
margin:			5px 0;
color:			#000000;
}

#description_profil{
background:		#dfdfdf;
width:			699px;
padding:		10px 30px 10px 30px;
border-bottom:	1px solid #ffffff;
}

#description_profil p, #description_profil p span{
color:			#000000;
}

#description_profil textarea{
width:			695px;
height:			270px;
margin:			5px 0;
color:			black;
}

#footer_save_flyover{
background:		url(../medias/images/flyover/background_footer.gif) repeat-x;
width:			759px;
height:			47px;
}

#footer_save_flyover p{
width:			749px;
padding:		0 10px 0 0;
height:			47px;
line-height:	47px;
text-align:		right;
}

#footer_save_flyover p img{
vertical-align:	middle;
}


/**************************\
| CSS FLYOVER AND POPINFOS |
\**************************/

.flyover,
.popInfos
{
display:		none;
}

#background_Flyover,
#background_popInfos
{
background:		url( ../medias/images/overlay.png );
display:		none;
height:			100%;
left:			0px;
margin:			0px auto;
position:		absolute;
top:			0px;
width:			100%;
}

#background_Flyover{
z-index:		9995;
}

#content_Flyover,
#content_popInfos
{
position:		absolute;
}

#content_Flyover
{
z-index:		9996;
}

#background_popInfos{
z-index:		9997;
}

#content_popInfos
{
margin-top:		24px;
z-index:		9998;
}

#modifier_background img {
position :		relative;
top : 			1px;	
}

#modifier_background a {
font-size :		16px;
}

#modifier_background {
padding-top : 	4px;
width : 		210px;
margin : 		0 auto;
}



.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}