/* LAYER  */
#viooLayerContainer { position: fixed;	z-index: 1000; top: 0; left:25%; *left:26%; width:590px; margin:0 auto 0 auto; padding: 0; _position: absolute; _top: expression(body.scrollTop - 250 + "px"); _left: expression(body.scrollLeft + 243 + "px");}

/* Assombrissement de la page */
#viooLayerGlobalLayer { position: fixed; z-index: 100; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height:100%;  background:#000; -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; filter:alpha(opacity=30); _position: absolute; _height: expression( document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 13 + 'px' ); _width: expression( document.body.offsetWidth > document.body.offsetWidth ? document.body.offsetWidth : document.body.offsetWidth + 265 + 'px' ); _left: expression(body.scrollLeft - 400 + "px");}


/*
#viooLayerContainer { position: fixed;	/position: absolute;	z-index: 100; top: 0; left: 0;	margin: 0; padding: 0;	width: 100%; *width:104%; }
#viooLayerGlobalLayer { position: fixed; /position: absolute; z-index: 100; top: 0; left: 0; margin: 0; padding: 0; width: 100%; *width:104%; height:100%; /height: expression( document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px' ); background:#000; -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; filter:alpha(opacity=30);}
#viooLayerContainer { position:relative; width:466px; height:538px; margin:0 auto 0 auto; }
	.viooLayerBgAll { background:transparent url(../images/layer/layerBgPlainte.png) no-repeat; position: relative; z-index: 101; top: 15px; left:0; width:466px; height:538px; margin:0 auto 0 auto; padding:0; }
*/
	.viooLayerBgAll { background: transparent; position: relative; z-index: 90; top: 15px; *top:30px; left:0; width:590px; height:538px; margin:0 auto 0 auto; padding:0; }

	/* contenu textuel */
	.viooLayer { position: relative; top: -508px; *top:-500px; width: 540px; margin:0 auto 0 auto; z-index: 101; }
		.viooLayerContent { width:550px; margin:6px 0 0 0; line-height:14px; }
			.viooLayerContent label { display: block; margin:10px 0 2px 0; width:500px; clear:both; font-size:14px; }
			/*.viooLayerContent span { display: block; }*/
			.viooLayerInput { height: auto; border-top: 2px solid #969696; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; border-left: 2px solid #969696; margin-top:10px; width: 305px; }
			.viooLayerTextarea { height: auto; border-top: 2px solid #969696; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; border-left: 2px solid #969696; margin-top:10px; width: 305px; }
			.viooLayerBtn { position: absolute; top:494px; left:150px; text-align:center; }
			.viooLayerBtn .viooBtnContent22 span { display:block; width:70px; height:20px; padding:6px 0 0 0; }

	/* Bouton de fermeture du layer */
	/*#viooLayerBtnClose { position: absolute; z-index: 102; top: 0px; left: 500x; width:50px; }*/
	#viooLayerBtnClose { position: relative; z-index: 102; float:right; width:50px; }
	#viooLayerBtnClose .viooBtnContent17 span { display:block; height:15px; padding:4px 0 0 0; }
		.viooLayerCloseBtn22 { display:inline; height:16px; text-align:center; font-weight:bold; background:transparent; text-decoration:none; cursor:pointer; }
			.viooLayerCloseBtnBorder22 { float:left; width:1px; height:14px; margin-top:1px; }
			.viooLayerCloseBtnContent22 { float:left; height:16px; line-height:12px; }
			.viooLayerCloseBtnContent22 span { margin:0 9px 0 9px; color:#FFFFFF; }

		
	.viooLayerForm { font-size:14px; margin:0 0 0 46px; }/*margin:0 30px 0 46px;*/
		.viooLayerIntro { margin-top:18px; width:520px; }
		.viooLayerForm p { margin:10px 0 10px 0; }
	/*.viooLayerForm input { width:303px; border-top:solid 2px #969696; border-right:solid 2px #fbfbfb; border-bottom:solid 2px #fbfbfb; border-left:solid 2px #969696; }*/
	.viooLayerFormInputText  { width:500px; }
	.viooLayerFormInputText input, .viooLayerFormInputText textarea { float:left; width:405px; margin-bottom:5px; border-top:solid 2px #969696; border-right:solid 2px #fbfbfb; border-bottom:solid 2px #fbfbfb; border-left:solid 2px #969696; }
	.viooLayerFormInputTextareaMini  { width:405px; }
	.viooLayerFormInputTextareaMini textarea { width:405px; height:70px; margin-bottom:5px; border-top:solid 2px #969696; border-right:solid 2px #fbfbfb; border-bottom:solid 2px #fbfbfb; border-left:solid 2px #969696; }
	.viooLayerFormInputTextareaMaxi { width:405px; }
	.viooLayerFormInputTextareaMaxi textarea { width:405px; height:70px; margin-bottom:5px; border-top:solid 2px #969696; border-right:solid 2px #fbfbfb; border-bottom:solid 2px #fbfbfb; border-left:solid 2px #969696; }
	.viooLayerFormInputFile { width:500px; }
	.viooLayerFormInputFile input { float:left; width:405px; margin-bottom:5px; border-top:solid 2px #969696; border-right:solid 2px #fbfbfb; border-bottom:solid 2px #fbfbfb; border-left:solid 2px #969696; }

	.viooGoButtonLayer { position:relative; top:12px; left:230px; width:102px; height:22px; background:transparent url(../images/layer/btnLayer.png) no-repeat; cursor:pointer;  }

/* POUR DIV DU DEBUG */
#debug { float:left; margin-top:380px;}


/* GESTION ERREURS */

/**Erreurs**/
.viooStatusLabelGroupMembreLayer {position:relative; width:24px; height:24px; color:#ff0000; text-align: top; top:-28px; left:-30px; margin:0; padding:0; }
/*.viooStatusLabelGroupMembreLayer2{position:relative; width:24px; height:24px; color:#ff0000; text-align: left; margin:10px 0pt 0px 26px; padding:0; }*/
#viooGroupMembreLayerTitrePasokPasok { position:absolute; top:127px; left:407px; color:#ff0000; }/* Pseudonyme deja pris */

/**Champs mal remplis**/ 
.viooGroupMembreLayerStatusPasok {float:left;background:transparent url(../images/user/register/pasok.png) 0 0 no-repeat; width:24px; height:24px;}

/**Champs bien remplis**/ 
.viooGroupMembreLayerStatusok { float:right;width:212px;height:24px;display:none;background:transparent url(../images/user/register/ok.png) 0 0 no-repeat; }
.viooGroupMembreLayerStatusok2 { float:left;width:360px;height:24px;display:none; margin:6px 0 0 0; background:transparent url(../images/user/register/ok.png) 0 0 no-repeat; }

/**Champs vide**/ 
.viooGroupMembreLayerStatusEmpty {float:left;background:#FFF;background-position: center center; width:50px;height:20px;display:none;}


.viooErrorPasokContent{float:left;margin:3px 0 0 0;background:transparent url(../images/user/register/pasok_white.png) 0 0 no-repeat; width:24px; height:24px;}


#viooLayerContainer ul {list-style-type:none;margin:0pt;/*line-height:1em;*/line-height:25px;padding:2px;text-align:center;width:500px;}
#viooLayerContainer .viooCloud {width:auto; float:left; margin:0 2px; display: inline;}


/* PICTOS */

	.pictoLayerMembre { float:left; width:48px; height:33px; margin:-5px 0 0 -14px; background:transparent url(../images/group/viooMembreIconTitle.png) no-repeat 4px 0;  /*border-bottom:solid 1px #e7c5dd;*/ }
	.pictoLayerVideo { float:left; width:48px; height:33px; margin:-5px 0 0 -14px; background:transparent url(../images/group/viooVideoIconTitle.png) no-repeat 0 0;  /*border-bottom:solid 1px #e7c5dd;*/ }
	.pictoLayerArticle { float:left; width:48px; height:33px; margin:-5px 0 0 -14px; background:transparent url(../images/group/viooArticleIconTitle.png) no-repeat 0 0;  /*border-bottom:solid 1px #e7c5dd;*/ }
	.pictoLayerPhoto { float:left; width:48px; height:33px; margin:-5px 0 0 -14px; background:transparent url(../images/group/viooPhotoIconTitle.png) no-repeat 0 0;  /*border-bottom:solid 1px #e7c5dd;*/ }
	.pictoLayerBlog { float:left; width:48px; height:33px; margin:-5px 0 0 -14px; background:transparent url(../images/group/viooBlogIconTitle.png) no-repeat 0 0;  /*border-bottom:solid 1px #e7c5dd;*/ }
	.pictoLayerSalondethe { float:left; width:48px; height:33px; margin:-5px 0 0 -14px; background:transparent url(../images/group/viooSalondetheIconTitle.png) no-repeat 0 0;  /*border-bottom:solid 1px #e7c5dd;*/ }
	.pictoLayerAstuce { float:left; width:42px; height:33px; margin:-5px 0 0 -14px; background:transparent url(../images/group/viooAstuceIconTitle.png) no-repeat 0 0;  /*border-bottom:solid 1px #e7c5dd;*/ }



/* LAYER D'INVITATION AMIS */
#viooLayerAmisContainer { position: fixed;	z-index: 100; top: 0;  left:25%; *left:26%; width:590px;	margin:0 auto 0 auto;  padding: 0;	
	_position: absolute;
  _top: expression(body.scrollTop -200 + "px");
  _left: expression(body.scrollLeft + 243 + "px");
}
	.viooLayerAmisBgAll { background: transparent; position: relative; z-index: 100; top: 15px; left:0; width:590px; height:538px; margin:0 auto 0 auto; padding:0; }
.viooLayerAmisBgWhite { background:transparent url(../images/common/bgLayerWhite.png) no-repeat; }
/* Assombrissement de la page */
#viooLayerAmisGlobalLayer { position: fixed; z-index: 100; top: 0; left: 0; margin: 0; padding: 0; width: 100%; *width:104%; height:100%;  background:#000; -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; filter:alpha(opacity=30); 
	_position: absolute;
	_height: expression( document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 13 + 'px' );
	_width: expression( document.body.offsetWidth > document.body.offsetWidth ? document.body.offsetWidth : document.body.offsetWidth + 265 + 'px' );
  _left: expression(body.scrollLeft - 400 + "px");  
}
	/* contenu textuel */
	#viooLayerAmisContainer .viooLayerAmis { position:absolute; margin:0 auto; top:40px; width:100%; height:100%; z-index:101;}
		.viooLayerAmisContent { width:550px; margin:6px 0 0 18px; }
		.viooLayerAmisContent h1 { margin-bottom:10px; }
		.viooLayerAmisContent h2 { margin-bottom:7px; }
		.viooLayerAmisContent h3 { margin-bottom:7px; }
			/*.viooLayerAmisContent label { display: block; margin:15px 0 0 0; }*/
			.viooLayerAmisContent span { display: block; }
			.viooLayerAmisInput { float:left; height: auto; border-top: 2px solid #969696; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; border-left: 2px solid #969696; margin-top:10px; width: 305px; }
			.viooLayerAmisTextarea { float:left; height: auto; border-top: 2px solid #969696; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; border-left: 2px solid #969696; margin-top:10px; width: 305px; }
			
      .viooLayerAmisBtn { position: absolute; top:494px; left:150px; text-align:center; }
			.viooLayerAmisBtn .viooBtnContent22 span { display:block; width:70px; height:20px; padding:6px 0 0 0; }

#viooLayerAmisPasok { display:none; width:544px; padding:8px 0 8px 0; border-top:solid 1px #989a9c; border-bottom:solid 1px #989a9c; color:#F00; }
.viooStatusPasok { background:transparent url(../images/user/register/pasok.png) no-repeat scroll 0; float:left; height:24px; width:24px; }

	/* Bouton de fermeture du LayerAmis */
	#viooLayerAmisBtnClose { position:absolute; z-index:102; top:-6px; left:533px; width:50px; }
	#viooLayerAmisBtnClose .viooBtnContent17 span { display:block; height:15px; padding:4px 0 0 0; }
		.viooLayerAmisCloseBtn22 { display:inline; height:16px; text-align:center; font-weight:bold; background:transparent; text-decoration:none; cursor:pointer; }
			.viooLayerAmisCloseBtnBorder22 { float:left; width:1px; height:14px; margin-top:1px; }
			.viooLayerAmisCloseBtnContent22 { float:left; height:16px; line-height:12px; }
			.viooLayerAmisCloseBtnContent22 span { margin:0 9px 0 9px; color:#FFFFFF; }

		
	.viooLayerAmisForm { font-size:14px; margin:0 0 0 46px; }/*margin:0 30px 0 46px;*/
		.viooLayerAmisIntro { margin-top:18px; }
		.viooLayerAmisForm p { margin:10px 0 10px 0; }
	/*.viooLayerAmisForm input { width:303px; border-top:solid 2px #969696; border-right:solid 2px #fbfbfb; border-bottom:solid 2px #fbfbfb; border-left:solid 2px #969696; }*/
	.viooLayerAmisFormInputText input { float:left; width:220px; margin-bottom:5px; border-top:solid 2px #969696; border-right:solid 2px #fbfbfb; border-bottom:solid 2px #fbfbfb; border-left:solid 2px #969696; }
	.viooLayerAmisFormInputTextareaMini textarea { width:405px; height:70px; margin-bottom:5px; border-top:solid 2px #969696; border-right:solid 2px #fbfbfb; border-bottom:solid 2px #fbfbfb; border-left:solid 2px #969696; }
	.viooLayerAmisFormInputTextareaMaxi textarea { width:405px; height:70px; margin-top:6px; border-top:solid 2px #969696; border-right:solid 2px #fbfbfb; border-bottom:solid 2px #fbfbfb; border-left:solid 2px #969696; }
	.viooLayerAmisFormInputFile input { width:303px; margin-top:6px; border-top:solid 2px #969696; border-right:solid 2px #fbfbfb; border-bottom:solid 2px #fbfbfb; border-left:solid 2px #969696; }

.viooErrorPasokContent{float:left;margin:3px 0 0 0;background:transparent url(../images/user/register/pasok_white.png) 0 0 no-repeat; width:24px; height:24px;}


	.viooGoButtonLayerAmis { position:absolute; top:500px; left:180px; width:102px; height:22px; background:transparent url(../images/LayerAmis/btnLayerAmis.png) no-repeat; cursor:pointer;  }


#viooLayerContainer .viooLayerFormInputText input {width:405px; height:16px;}
#viooLayerContainer .viooLayerFormInputText textarea {width:405px; height:16px;}
#viooLayerContainer .viooLayerFormInputTextareaMaxi textarea {width:405px; height:45px;}


		.viooAuthentContentSeparateLayer { float:left; width:540px; height:1px; margin:10px 0 10px 0; background:#e9e8e7; }
		.viooAuthentContentSeparateLayerBis { float:left; width:540px; height:1px; margin:5px 0 5px 0; background:#686D6F; }
		
/* BACKGROUND POUR ADD UGC */
.viooLayerAmisBg1 { background:transparent url(../images/common/bgLayerMini.png) no-repeat; }
.viooLayerAmisBg1White { background:transparent url(../images/common/bgLayerWhiteMini.png) no-repeat; }
.viooLayerAmisBg11 { background:transparent url(../images/common/bgLayerMini.png) no-repeat; }
.viooLayerAmisBg112 { background:transparent url(../images/beauty/bgLayerMini.png) no-repeat; }
.viooLayerAmisBg113 { background:transparent url(../images/cooking/bgLayerMini.png) no-repeat; }
.viooLayerAmisBg114 { background:transparent url(../images/luxuary/bgLayerMini.png) no-repeat; }
.viooLayerAmisBg115 { background:transparent url(../images/love/bgLayerMini.png) no-repeat; }
.viooLayerAmisBg116 { background:transparent url(../images/slimness/bgLayerMini.png) no-repeat; }
.viooLayerAmisBg117 { background:transparent url(../images/fashion/bgLayerMini.png) no-repeat; }
.viooLayerAmisBg118 { background:transparent url(../images/people/bgLayerMini.png) no-repeat; }
.viooLayerAmisBg119 { background:transparent url(../images/whatsnew/bgLayerMini.png) no-repeat; }
.viooLayerAmisBg120 { background:transparent url(../images/shopping/bgLayerMini.png) no-repeat; }
.viooLayerAmisBg122 { background:transparent url(../images/job/bgLayerMini.png) no-repeat; }
.viooLayerAmisBg123 { background:transparent url(../images/hightech/bgLayerMini.png) no-repeat; }
.viooLayerAmisBg124 { background:transparent url(../images/astro/bgLayerMini.png) no-repeat; }
.viooLayerAmisBg125 { background:transparent url(../images/viootv/bgLayerMini.png) no-repeat; }
.viooLayerAmisBg128 { background:transparent url(../images/mom/bgLayerMini.png) no-repeat; }