/*
// Site	: Home Bubble
// Date	: 2008-08-04
*/

/*
// Section : Html Reset
*/
*	 { padding: 0; margin: 0; }
img  { border: none;  }
a	 { /*color: #6699CC;*/  cursor: pointer; outline:none; color:#FFF; text-decoration:none; }
body { position:relative; background:#EEEEEE  repeat-x top;  font: normal normal normal 12px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; color:#E7E7E7; padding: 0; width:962px; margin:0px auto 0 auto; }
input {color:#666; font-size: 11px; border:1px solid #CCCCCC; background:#EBEBEB url("../../images/front/gui/bkg/genInput.png") repeat-x top; padding:2px;}
form, ul, li {padding:0; margin:0;}
h1, h2, h3{ font: normal normal normal 12px  "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; color:#FFF;}
textarea { font: normal normal normal 12px  "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; padding:10px; }


#searchWord{ width:200px; margin:0 10px 0 0 ; }

.buttonLoadingRight{ position:absolute; width:16px; height:16px; z-index:20; top:7px; left:60px; background:url('../../images/front/gui/bkg/small_loader.gif');  }
.buttonLoadingLeft{ position:absolute; width:16px; height:16px; z-index:20; top:7px; left:-30px; background:url('../../images/front/gui/bkg/small_loader.gif');  }

#genBackColors{ position:fixed; width:100%; height:100%;	top: 0;	left: 0px; top:0; z-index:0;  margin:0 auto 0 auto; background:none; text-align:center;}	

a.genLink { color:#2CC3F0; }
a:hover.genLink { color:#FFF; }

#myBodyContainer{ width:962px; margin:0 auto 0 auto; }
#genMainContainer{width:962px; margin:0 auto 0 auto; }



#contentContainerBody{ margin:-5px 0 0 0; }

.opacity { behavior: url('/plugins/front/iepngfix_v2/iepngfix.htc') }
.clear { clear:both; margin:0; padding:0; }
.hide{display:none;}
.show{display:block;}
.genSep{ height:1px; width:100%; border-top:1px dotted #444; }

.grey{ color:#505050; }

.blockBodySh{ position:relative;  background:url('../../images/front/gui/bkg/shadow.png') bottom right ;  }
.blockBody{ position:absolute; top:-5px; left:-5px;   z-index:1; margin:0 0 0px 0;}


.header{ width:972px; height:90px;  }
.headerContent{ width:964px; height:83px; position:relative;  margin:0px; padding:7px 0 0 7px;  }

.headerCarousel{ width:962px; height:160px;  margin:0 0 10px 3px;}
.headerCarouselContent{ width:953px; height:153px; position:relative; background:; margin:0px; padding:7px 0 0 7px;  }


.homeCarousel{ width:633px; height:250px; }
.homeCarouselContent{ width:626px; height:236px; position:relative;  margin:0px; padding:7px 0 0 7px;  }

.sideBox{ width:315px; height:250px; }
.sideBoxContent{ width:301px; height:240px; position:relative; background:#FFF; margin:7px;  }

.sideBoxSearch{ width:315px; height:40px; margin:0 0 10px 0; }
.sideBoxContentSearch{ width:315px; height:40px; position:relative;  margin:0px;  }

.sideBoxMeteo{ width:315px; height:200px; margin:0 0 10px 0; }
.sideBoxMeteoContent{ width:315px; height:193px; position:relative;  padding:0px 0 7px 0;  }

.sideBoxAd{ width:315px; height:272px; margin:0 0 10px 0; }
.sideBoxAdContent{ width:315px; height:263px; padding:9px 0 0 0; text-align:center; position:relative; background:url("../../images/front/gui/bkg/genBlue.png"); ; margin:0px; font-size:10px; color:#B8B8B8; }

.sideBoxArticle{ width:315px; height:218px; margin:0 0 10px 0; }
.sideBoxArticleContent{ width:315px; height:218px; position:relative; background:#FFF; margin:0px; overflow:hidden; }
a .sideBoxArticleContent{text-decoration: none;}

.sideBoxVideo{ width:315px; height:250px; margin:0 0 0px 0; }
.sideBoxVideoContent{ width:315px; height:250px; position:relative; background:#FFF; margin:0px; background:; }

.blockLeft{ width:400px; height:247px; margin:0 0 10px 0;}
.blockLeftContent{ width:386px; height:240px; position:relative; margin:0px;  }

.blockStarList{ width:223px; height:505px; margin:0 0 10px 0;}
.blockStarListContent{ width:223px; height:505px; position:relative; margin:0px;  }


.blockClipList{ width:223px; height:246px; margin:0 0 0px 0;}
.blockClipListContent{ width:223px; height:246px; position:relative; margin:0px;  }

#genMainContainer{ position:relative; width:967px; margin:0 auto 0 auto; }
#bodyContainer{position:absolute; top:187px; left:0; z-index:15; width:969px; margin:0 auto 0 auto; background:;}
#bodyContainerTest{position:absolute; top:187px; left:0; z-index:15; width:969px; margin:0 auto 0 auto; background:;}

#myBody { width:955px;  margin:0 0 0 0; padding:0px 0px 5px 3px;  }
	#genBodyTop{position:relative; width:991px; height:5px;  margin:0; padding:0;}
	#genBodyBot{position:relative; width:991px; height:5px;  margin:0; padding:0; }

#genTopBodyContainer{ width:100%; height:20px; background: #000 ; margin: 0 auto 0 auto; color:white; }
#genTopBody{ width:100%; height:20px; background: #000 ; margin: 0 auto 0 auto; color: white }

#footer{ width:991px; background:#FFF url("../../images/front/gui/bkg/genBodyCenter.png"); padding:10px 0; }
	#footerBody{ background:red; width:983px; height:150px; padding:0 2px 0 2px;margin:0 0 0 2px; }

#genMenuContainer{ position:absolute; top:45px; left:250px; z-index:10; width:615px; margin: 3px auto 10px auto;  }
	.genMenuItem{position:relative; cursor:pointer; float:left; padding:6px 15px 5px 15px; height:17px;  text-align:center; margin:0 5px 0 0; }
	#genMenuContainer a.genMenuMainLink{ font-weight:normal; text-decoration:none;  color:#FFF; text-transform:uppercase; }
	#genMenuContainer a.genMenuMainLink:hover{ color:#000; }
	
	#genMenuContent{ width:600px; margin:0 auto 0 auto; }
	
	.subMenu{ display:none; position:absolute; top:28px; left:0; width:450px; padding:4px 10px 0 10px; height:20px; background:red; z-index:50; opacity:0.75; }
		.subShow{display:block;}
		.subMenuLink{ float:left; }
	#genMenuContainer .subMenu a{ position:relative; float:left; display:block;  padding:; margin:0 15px 0 0; font-size:11px; text-decoration:none; color:#FFF;  }
	#genMenuContainer .subMenu a:hover{ text-decoration:underline;  }
	
.genTranspBlue, .genTranspBlueActive{  background:url("../../images/front/gui/bkg/genTranspBlue.png"); }
.genTranspOrange, .genTranspOrangeActive{  background:url("../../images/front/gui/bkg/genTranspOrange.png"); }
.genTranspPurple, .genTranspPurpleActive{  background:url("../../images/front/gui/bkg/genTranspPurple.png"); }
.genTranspGreen, .genTranspGreenActive{  background:url("../../images/front/gui/bkg/genTranspGreen.png"); }
.genTranspYellow, .genTranspYellowActive{  background:url("../../images/front/gui/bkg/genTranspYellow.png"); }
.genTranspPink, .genTranspPinkActive{  background:url("../../images/front/gui/bkg/genTranspPink.png"); }
	.genTranspOrange a, .genTranspBlue a, .genTranspPurple a, .genTranspGreen a, .genTranspYellow a, .genTranspOrangeActive a, .genTranspBlueActive a, .genTranspGreenActive a{ color:#FFF; }

#genTopBodyContainerLogo{position:relative; width:962px; height:95px; background:none ; color:white; margin:0 0 5px 0; }
	#genTopBodyLogo{position:relative; width:967px; height:130px; background: none ; margin: 0 auto 0 auto; color: white }
	#genLogo{ position:absolute; top:15px; left:10; width:226px; height:70px; display:block; background:url("../../images/front/gui/bkg/genLogoWhite.png"); }
	
.moreInfo{ font-size:10px;  }


#genTopContainer{ width:100%; height:35px; background:#191919; color:white; }

.genMemberButtonLabelLeft{ float:left; width:8px; height:15px; background: url('../../images/front/gui/bkg/genMemberButtonLabelLeft.png') no-repeat;}
.genMemberButtonLabelBody{ float:left; height:15px; background: url('../../images/front/gui/bkg/genMemberButtonLabelBody.png') no-repeat;}
.genMemberButtonLabelRight{ float:left; width:8px; height:15px; background: url('../../images/front/gui/bkg/genMemberButtonLabelRight.png') no-repeat;}

#genLeftContainer{position:relative; float:left; width: 633px; padding:0px 0px 0 0px; margin:0px 0 0 0; background:none; }
#genRightContainer{position:relative; float:right; margin:0px 0 0 0px; padding:0px 0 0 0px; width: 310px;  }
	.genBlue{ background:url("../../images/front/gui/bkg/genBlue.png");  }
	.genOrange{ background:url("../../images/front/gui/bkg/genBlue.png");  }
	.genGreen{ background:url("../../images/front/gui/bkg/genGreen.png");  }
	.genGreyLong{ background:url("../../images/front/gui/bkg/genGreyFadeLong.png");  }
	

#genCarouselContainer{ width:955px; padding:10px 0 10px 0px ; height:135px; background:none;}
	#genCarousel{ float:left; width:955px;   background:none; padding:0 0 0 0px; visibility:hidden;}
	
		#genCarousel li{position:relative;; width:171px; height:135px; background:none; padding:0 0px 0 5px;  }
		#genCarouselVideo li{position:relative;; width:171px; height:180px; background:none; padding:0 0px 0 5px;  }
	/*	#genCarousel li{ width:100px; height:200px; background:red;  }   	 */
	#genCarouselPrev{cursor:pointer; float:left; width:25px; height:135px; background:url("../../images/front/gui/bkg/genCarouselPrevHover.png"); background-position:0 -35px; margin:0 0 0 5px;}
		#genCarouselPrev:hover{ background:url("../../images/front/gui/bkg/genCarouselPrev.png");  background-position:0 -35px; }
		
	#genCarouselNext{cursor:pointer; float:left; width:30px; height:135px; background:url("../../images/front/gui/bkg/genCarouselNextHover.png"); background-position:0 -35px; margin:0 0 0 5px;}
		#genCarouselNext:hover{background:url("../../images/front/gui/bkg/genCarouselNext.png"); background-position:0 -35px; }
		
	.genCarouselImage{ display:block; width:171px; height:127px; }
	.genCarouselDesc{display:block; position:absolute; left:5px; top:87px; z-index:5; height:35px; width:157px; padding:5px 7px 0 7px; background:url("../../images/front/gui/bkg/genCarouselDesc.png"); color:#FFF; text-decoration:none; overflow:hidden; line-height:16px;}
	.genCarouselDesc:hover{text-decoration:underline;}
	
	.genCarouselLink{position:absolute; top:0; left:5px; display:block; width:166px; padding:5px 0 5px 5px; color:#FFF; display:none; font-size:10px; }
	.genCarouselLink:hover{ text-decoration:underline;}

#genSearchContainer{  height:25px;  }
	.genSideContainer{  margin:0 0 10px 0; padding:9px 0 5px 10px; }
	.genSideBorder{ border-bottom:1px solid #E9E9E9; }
	#genButSearchField{ float:left; width:200px;}
	#genButSearch{ float:left; display:block; margin:0 0 0 10px; color:#FFF; padding:2px 0 0 0; }
	
	.genSideBarElem{ margin:0 0 20px 0;  }
	#sideLatestVideoContainer{ width:280px; background:none; text-align:right; padding:0 10px 0 0; }
	#sideLatestVideo{ text-align:right; background:none; margin:0 0 0 50px; }
		#sideLatestVideo li{ width:180px; height:165px; padding:10px 10px 10px 0px; text-align:left; }
		#sideLatestVideo ul{ width:300px; }
		
	
	#contentSideMore{line-height: 18px; position:relative; width:305px; margin:0px 0 0px 0px; background-position:0px -50px; right:0px; padding:10px 0 10px 10px; font-size:12px; color:#0093FF; text-align:left;}
/*	#contentSideMore a{ text-decoration:underline;  }
	#contentSideMore a:hover{ text-decoration:none; color:#0091FF;  }
	#contentSideMore p{ padding:0 0 0 10px; line-height:1.9em; }
*/
	#contentSideMore .title{font-size:14px; font-weight:bold; color:#ffffff;}
	

#genWeatherContainer{ padding:10px 0 10px 10px; }
	.genWeather{ float:left; margin:0 0px 0 0; text-align:center; }
	.genWeatherTitle{ color:#0095F9;  font-size:16px; padding:0 0 5px 0; }
	.genWeaterSep{ float:left; height:110px; width:1px; border-right:1px dotted #ccc; margin:0 15px 0 15px; }

.genSidebarTitle{  color:#0095F9;  font-size:16px; padding:0 0 0px 10px; }

#genSub{position:relative; margin:0px 0 0 0;}
#genSubLeftContainer{ float:left; width:400px;   background:none; padding:0 0 0 0px; margin:0 10px 0 0;}
	.genBackContent{ width:400px; margin:0 0 20px 0;   }
	
	 a.mainTitle { display:block; font-size:16px;  background: none; font-weight:bold; padding:8px 0 0 20px; text-align:left; color:#FFF; }
	 a:hover.mainTitle{ color:#0094FE; }
	 
	a.mainTitleOrange { display:block; font-size:16px;  background: none; font-weight:bold; padding:8px 0 0 20px ; text-align:left; color:#FA5D36;}
	 a:hover.mainTitleOrange{ color:#006; }
	
	a.mainTitleBlue { display:block; font-size:16px;  background: none; font-weight:bold; padding:8px 0 0 20px ; text-align:left; color:#0095F9;}
	 a:hover.mainTitleBlue{ color:#006; }	
	

	
#genSubRightContainer{ float:left; width:210px; background:none; }
#name{ position:relative;}

.rssBlockContainer { margin:0; list-style:none; }
.rssBlock{ padding:0; margin:0 0 0 0;  padding:0px 0 0px 0; width:350px; border-top:1px dotted #41485F; }
.rssBlockFirst{  padding:0; margin:0 0 0 0;  padding:0px 0 0px 0; width:350px;  }
.rssContent{ padding:0px 0 0px 0px; background:none ; width:370px;   } 
.rssBody{ display:none; padding:5px 0px 5px 10px;  }
.rssTitle{ background:none; padding:0; margin:0; cursor:pointer; }


.rssLink a:hover{ text-transform:underline; color:#FF2A00; }

#clipBody{ width:190px;  padding:5px 0px 0px 10px; text-align:left; }
.clipBlock{  padding:0px 0 6px 0; width:210px; margin:0 0 0 0; background:none;  }
.clipText{ float:left; width:180px; background:none; overflow:hidden; height:15px; }
a.clipText{ float:left; display:block; width:180px; background:none;   padding:0 0 0 0; font-size:10px; }
a.clipText:hover{  text-decoration:none;  color:#DFBE29; }

.bulletImage{ margin:12px 0 0 0;height:8px; }
.bulletClipList{ float:left; width:15px; height:11px; padding:0 10px 0 0; text-align:center; }
.bulletOrange{ float:left; width:15px;  background: url("../../images/front/gui/bkg/bulletOrange.png") no-repeat bottom left; }
.bulletBlue{ float:left; width:15px;  background: url("../../images/front/gui/bkg/bulletBlue.png") no-repeat bottom left; }
.bulletPurple{ float:left; width:15px;  background: url("../../images/front/gui/bkg/bulletPurple.png") no-repeat bottom left; }
.bulletGreen{ float:left; width:15px;  background: url("../../images/front/gui/bkg/bulletGreen.png") no-repeat bottom left; }
.bulletYellow{ float:left; width:15px; background: url("../../images/front/gui/bkg/bulletYellow.png") no-repeat bottom left; }

.bulletText{ float:left; width:330px; background:none; padding:8px 0 8px 0; }
a.bulletText{ float:left; display:block; width:330px; background:none;   }
a.bulletText:hover{  text-decoration:underline;}

a.more { font-size:11px; font-weight:bold; color:#0094FE;}
a.more:hover{ text-transform:underline; }

.genTitleContainer{ padding:1px 0 0 1px; text-align:center; }
.genTitle{ padding: 4px 5px 0 10px ; font-weight:bold; text-transform:uppercase; height:21px;  background: url("../../images/front/gui/bkg/genBack30.png") no-repeat; float:left; color:#FFF;  }
.genTitleLeft{ width:5px;  height:25px;    float:left;  }
.genTitleRight{ width:10px;  height:25px;  background: url("../../images/front/gui/bkg/genTitleRight.png") no-repeat ; float:left; }

.genTitle a {  font-size:13px;  background: none; font-weight:bold; text-align:left; color:#FFF; }
.genTitle a:hover{ text-decoration:underline;}

.genAccueil{  color:#FF2D0B;  font-size:14px; }
.genAccueilMore{  color:#0071CB;  font-size:14px; }

.textOrange{ color:#FF2A00; }
.bkgOrange{ background-color:#FF2A00; }
.genBorderLeftOrange{ border-left:2px solid #FF2A00; }

.bkgOrange50{ background-image:url("../../images/front/gui/bkg/genBackOrange50.png");  }
.bkgPurple50{ background-image:url("../../images/front/gui/bkg/genBackPurple50.png");  }
.bkgGreen50{ background-image:url("../../images/front/gui/bkg/genBackGreen50.png");  }
.bkgYellow50{ background-image:url("../../images/front/gui/bkg/genBackYellow50.png");  }
.bkgBlue50{ background-image:url("../../images/front/gui/bkg/genBackBlue50.png");  }
.bkgPink50{ background-image:url("../../images/front/gui/bkg/genBackPink50.png");  }

.genBack15{ background-image:url("../../images/front/gui/bkg/genBack15.png"); }
.genBack30{ background-image:url("../../images/front/gui/bkg/genBack30.png"); }
.genBack50{ background-image:url("../../images/front/gui/bkg/genBack50.png"); }

.textPink{ color:#FF5F8F; }
.bkgPink{ background-color:#FF5F8F; }
.genBorderLeftPink{border-left:2px solid #FF5F8F;  }

.textGreen{ color:#35AC36; }
.bkgGreen{ background-color:#35AC36; }
.borderGreen{ border:1px solid #35AC36;  }
.genBorderLeftGreen{ border-left:2px solid #35AC36; }

.textPurple{ color:#BA43FE; }
.bkgPurple{ background-color:#BA43FE; }
.genBorderLeftPurple{ border-left:2px solid #BA43FE; }

.textYellow{ color:#DFBE29; }
.bkgYellow{ background-color:#EDCA31; }
.genBorderLeftYellow{ border-left:2px solid #EDCA31; }

.textPink{ color:#FF3B86; }
.bkgPink{ background-color:#FF3B86; }

.bkgAll{ background-image:url("../../images/front/gui/bkg/bkgAll.png"); width:6px; }

.textBlue{ color:#00A9FC; }
.bkgBlue{ background-color:#00A9FC; }
.genBorderLeftBlue{ border-left:2px solid #00A9FC; }

#lightboxCloseContainer{ text-align:right;   }
#lightboxOverlay{ display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%;	background: url("../../images/front/gui/bkg/lightbox.png"); z-index:1001;
			/*	
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
			*/
		}
		
		#lightbox {
			display: none;
			position: fixed;
			top: 20%;
			left: 35%;
			
		
			padding: 0px;

			z-index:1002;
			overflow: auto;
		}
		
		#lightboxContent{
			width:550px;
			min-height:400px;
			overflow:hidden;
		}

#lighboxTitleContainer{ padding:0 0 10px 0;}
.lighboxTitle{font-size:18px; font-weight:bold; color:#0A96F5; }

.lightboxLoading{ position:absolute; width:35px; height:35px; z-index:50; top:25%; left: 50%; background:url('../../images/front/gui/bkg/ajax-loader.gif') center center;  }
		
		.navigation{ padding:10px 0 15px 0;  width:603px; text-align:center;}
		.navigation_first{ padding:10px 0 10px 0;  width:603px; text-align:center;}
		
.pagination {	font-family:; font-size:12px; margin:0px; padding:10px; 	}

.pagination .courante {	/*background-image:url("../../images/front/gui/bkg/genBackBlue15.png");*/	color:white; /* border-radius:0.5em; -moz-border-radius:0.5em; */ margin-left:5px; padding:4px 8px; text-decoration:none; }

.pagination .desactive { color:#918A7B;	margin-left:5px; padding:3px 7px; text-decoration:none;	}

.pagination a {	background: none repeat scroll 0 0; background-image:url("../../images/front/gui/bkg/genBack15.png"); background-repeat:repeat-x;	color:#828484; margin-left:5px;	/*	border-radius:0.5em; -moz-border-radius:0.5em; */ padding:3px 7px; text-decoration:none;	}
		.pagination a:hover {
			background:#ECE6D7 none repeat scroll 0 0;
		
			color:#4B4438;
		}

.category{ padding:0px 0 10px 0px; width:603px; }		
.categoryButton a{ display:block; float:left; color:#FFF; font-weight:bold; margin:0 0 10px 0px; height:18px; padding:2px 0 0 0; background:url("../../images/front/gui/bkg/genCategory.png") 305px 0 ; }
.categoryButton a:hover{  background-image:url("../../images/front/gui/bkg/genCategoryHover.png")  ; }

.categoryButtonSelected a{ display:block; float:left;  font-weight:bold; margin:0 0 10px 20px; height:18px; padding:2px 0 0 0; }
.categoryButtonSelected a:hover{  text-decoration:underline; }

a.linkOrangeOn{ color:#FF2A00; }
a.linkBlueOn{ color:#1895FC; }
a.linkPurpleOn{ color:#BA43FE; }
a.linkGreenOn{ color:#35AC36; }
a.linkYellowOn{ color:#DFBE29; }
a.linkPinkOn{ color:#FF3B86; }

.currentCategory{ margin:0px 0 10px 0;  font-size:14px; font-weight:bold; padding:2px 10px 0 10px; height:18px; display:block; }

.linkOrange a:hover{ color:#FF2A00;  }
.linkPurple a:hover{ color:#BA43FE;  }
.linkGreen a:hover{ color:#35AC36;  }
.linkYellow a:hover{ color:#DFBE29;  }
.linkPink a:hover{ color:#FF3B86;  }
.linkBlue a:hover{ color:#00A9FC;  }

a:hover.linkOrange{ color:#FF2A00;  }
a:hover.linkPurple{ color:#BA43FE;  }
a:hover.linkGreen{color:#35AC36;  }
a:hover.linkYellow{ color:#DFBE29;  }
a:hover.linkPink{ color:#FF3B86;  }
a:hover.linkBlue{ color:#00A9FC;  }

.categoryButton { margin:0 0 0 20px; float:left; }
.categoryButtonLeft{ float:left; background:url("../../images/front/gui/bkg/genCategory.png"); width:10px; height:20px; }
.categoryButtonRight{ float:left; background:url("../../images/front/gui/bkg/genCategory.png") right ; width:10px; height:20px;}

.smallTitle{ font-size:10px; font-style:italic; letter-spacing:1px; }
a.smallTitle{ font-size:10px;  }
 a.smallTitle:hover{   text-transform:underline; }

.btnValid{ cursor:pointer; width:58px; height:20px; margin:5px 0 5px 0 ; background:url("../../images/front/gui/btn/valid.png") no-repeat ; }


.myself{float: left;}
.myForm{float: left; margin: 0 0 0 40px; } 
.pseudo{color: #008EEF; font-size: 14px; font-weight: bold;}



a.starTitle{ display:block; font-size:16px;width:190px; font-weight:bold; padding:8px 0 0 0px ; text-align:left; color:#FF2A00;}
a.starTitle:hover{ color:#0093FF; }
#starBody{ width:190px;  padding:5px 0px 0px 15px; text-align:left; }
.starTitle{ color:#FF3A86; font-weight:bold; font-size:14px; }

/* Bloc page d'acceuil */

       .starElement{ margin:0 0 10px 0;}
       .starElement img{ float:left; }
       .starElement a.starNameList{display:block; width:105px; height: 55px; padding:15px 0 0 10px; float:left; font-size:14px; font-weight:bold; }
       .starElement a.starNameList:hover{ text-decoration:underline; }
      
/*Bloc Stars*/
	   .starShowElement{width: 125px; margin:10px 10px 10px 10px; float: left;}

	   .starShowElement a.starNameList{display:block; height: 25px; padding:0px 0 0 10px; font-size:14px; text-align: center; }

	   .starShowElement img{margin-top: 10px;}
	   .starShowElement a.starNameList{display:block; height: 35px; padding:15px 0 0 10px; font-size:12px; text-align: center; }

	   .starShowElement a.starNameList:hover{ text-decoration:underline; }
	   
	   
#starBott{ width:186px; height:25px; padding:0 0 0 15px;  }
#starBott a{  width:190px; display:block;  font-size:12px; color:#FF2A00; text-align:center; }

.starSep{ margin:0 0 10px 0; }

.starContent{ padding:5px 0 0 0 ; }
.starContent a{ font-size:13px; color:#FF3A86; text-decoration:none;}
.starContent a:hover{ color:#FFF;}

/* Page star */

#starMainImage{ position:relative; margin:0px 0 10px 0;  }
#starMainDesc{ position:absolute; top:383px; left:; font-size:13px; margin:0 0 0 0px; width:580px; height:80px; padding:10px 0 0 50px ; color:#FFF; }
#starMainDesc a{ text-decoration:underline; }
#starMainDesc a:hover{ color:#FFF; }
	#starMainDesc .label{ display:block; width:130px; text-align:right; float:left; }
	#starMainDesc .information{ display:block; float:left; }


#starMainFans{ position:absolute; right:3px; top:0px; height:27px; padding:12px 4px 0 4px; margin:0px 0 0 0; font-weight:12px; font-weight:bold;}
#starBeFan{ position:absolute; left:0px; top:0px; height:27px; padding:12px 4px 0 4px; margin:0px 0 0 0; font-weight:12px; font-weight:bold;}
#starMainTitle{ position:absolute; padding:5px 0 0 0; left:0; top:0; width:630px; text-align:center; }
#starMainTitle h2{ font-size:16px; font-weight:bold; }

.fanButton{ width:109px; height:27px; background:url(../../images/front/gui/btn/fan.png); cursor:pointer; }
.notFanButton{ width:109px; height:27px; background:url(../../images/front/gui/btn/notFan.png); cursor:pointer; }


.buttonContainer{ position:absolute; top:2px; right:10px; z-index:10; }.contentTitle{ background:url(../../images/front//gui/bkg/genBlue.png) bottom right; width:630px;  margin:0px 0 0 0; padding:0 0 15px 0;  }
#contentStats{ position:absolute; right:4px; top:0px; z-index:40; width:32px; height:32px; background:url(../../images/front//gui/bkg/contentStat.png) no-repeat; padding:5px 0 0 0; }
#contentStats a{ font-weight:bold; font-size:13px; }
.contentShadow{ background:url(../../images/front//gui/bkg/shadowRight.png) repeat-y bottom right; width:635px;  }
.contentBody{ background:url(../../images/front//gui/bkg/genBlue.png) bottom right; width:605px; padding:0 10px 0px 15px; }

#contentLinkEdit{ position:absolute; left:250px; top:-5px; z-index:40; height:21px; background:url(../../images/front//gui/bkg/genBack30.png) no-repeat; padding:5px 8px 0 8px; }
#contentLinkEdit a:hover{ color:#F00; }

.contentBodyBlock{ background:url(../../images/front//gui/bkg/genBlue.png) bottom right; width:370px; padding:0 10px 0px 15px; }
.contentTitleBlock{ background:url(../../images/front//gui/bkg/genBlue.png) bottom right; width:395px;  margin:-5px 0 0 0; padding:0 0 0px 0; }
.contentShadowBlock{ background:url(../../images/front//gui/bkg/shadowRight.png) repeat-y bottom right; width:400px;  }
.shadowBottomBlock{  background:url(../../images/front//gui/bkg/shadowBottom.png) repeat-x; width:395px; height:5px; background-position:0px 0; }

.contentTitleBlockSmall{ background:url(../../images/front//gui/bkg/genBlueDark.png) bottom right; width:200px;  margin:-5px 0 0 0; padding:0 0 0px 0; }
.contentBodyBlockSmall{ background:url(../../images/front//gui/bkg/genBlueDark.png) bottom right; width:295px; padding:0 10px 0px 5px; }
.contentShadowBlockSmall{ background:url(../../images/front//gui/bkg/shadowRight.png) repeat-y bottom right; width:315px;  }
.shadowBottomBlockSmall{  background:url(../../images/front//gui/bkg/shadowBottom.png) repeat-x; width:311px; height:5px; background-position:0px 0; }


.keywordTitle{ float:left; }
.keywordList{  float:left; width:340px; margin:0 0 0 3px;  }
.keywordList a{ color:#A6A6A6; }

.contentBody {  background:url(../../images/front//gui/bkg/genBlue.png);  }
.contentBody h2{font-size:20px;  font-weight:bold; padding:0px 0 0px 0; }
#contentDate{ padding:0 0 10px 0; font-size:11px; font-style:italic; color:#C8C8C8; text-align:left; width:600px;}
.contentBody p{ padding:0 0 8px 0; color:#FFF; }
.contentBody ul { margin:0 0 0 30px; }
.contentBody img.left { margin:0 15px 5px 0px ;  }
.contentBody img.right { margin:0 0 5px 15px ; }
#contentArticle{ font-size:14px; line-height:20px; overflow-x:hidden; width:600px;  }

.contentBodyTitle{ padding:0 0 10px 0; }
.contentBodyContainer{ padding:0px 0 10px 0; }
.contentBottom{ margin:0 0 5px 0; }

.media_embed{ width:600px;  margin:10px 0 10px 0;  text-align:center; }

.contentBodySpace { padding-top:10px ; }

.shadowRight{width:;  background:url(../../images/front//gui/bkg/genBlue.png);  }
.shadowBottom{  background:url(../../images/front//gui/bkg/shadowBottom.png) repeat-x; width:631px; height:5px; background-position:0px 0; }




#contentDiaporama{ position:relative; width:603px; margin:5px 0 0 0; background-position:0px -100px; right:0px; padding:30px 0 10px 0 ; text-align:center; }
	.contentOrange{  }
	#contentDiaporama #contentDiaporamaTitle{ position:absolute; padding:8px;  top:0; left:0;  font-size:14px; font-weight:bold;}
	#contentDiaporama #contentDiapControls{ position:absolute; width:70px; padding:4px;  top:5px; left:540px; color:#000; font-size:11px; font-weight:bold; }
	
		#contentDiapControls a.prevOrange, #contentDiapControls a.prevOrange:hover{ float:left; display:block; width:20px; height:16px; background-repeat:repeat-x;  }
		
		#contentDiapControls a.prevOrange{ background:url(../../images/front//gui/bkg/arrowLeftOrange.png) ; }
		#contentDiapControls a.prevOrange:hover{  background:url(../../images/front//gui/bkg/arrowLeftOrange.png);  background-position:0px -16px; }
		
		#contentDiapControls a.nextOrange, #contentDiapControls a.nextOrange:hover{ float:left; margin:0 0 0 7px; display:block; width:20px; height:16px; background-repeat: repeat-x;  }
		#contentDiapControls a.nextOrange{ background:url(../../images/front//gui/bkg/arrowRightOrange.png) repeat-x; }
		#contentDiapControls a.nextOrange:hover{ background:url(../../images/front//gui/bkg/arrowRightOrange.png);  background-position:0px -16px; }
	
	#contentDiaporama a{ margin:0 5px 0 0;  }

	.contentMainP{ padding:0 15px; }
	
	.contentKeywords{float:left;}
	.contentComments{float:right;}
	.contentLink{ float:right; margin:0 10px 0 0; }
	div.contentMainTitle{  padding:5px 5px 5px 10px; }
	.contentMainTitle h3{ padding:0; margin:0; }
	 a.contentMainTitle{font-size:16px; font-weight:bold;}
	 a.contentMainTitle:hover{text-decoration:underline;}
	 
	 div.contentMainStar{width: 150px; padding:5px 5px 5px 10px; }
	
	.contentSep{ height:1px; width:603px; border-top:1px dotted #656565; margin:0px 0 25px 0; }

	.contentContent{ padding:10px 0 10px 0 ; }

	.contentInfo{line-height: 18px; position:relative; width:585px; margin:0px 0 0 0px; background:; right:0px; padding:10px 10px 10px 10px; font-size:10px; color:#0093FF; text-align:left;}
	.contentInfo img{ margin:0px 0 0 20px;  }
	.contentInfo a{  font-weight:bold; }
	.contentInfo a:hover{ color:#2E5197; font-weight:bold; }
	
	#contentSocial{line-height: 18px; position:relative; width:603px; margin:5px 0 0 0px; background:; right:0px; padding:10px 0 10px 0px; font-size:13px; color:#0093FF; text-align:center;}
	#contentSocial img{ margin:0px 0 0 20px;  }
	#contentSocial a{  font-weight:bold; }

	#contentMore{line-height: 18px; position:relative; width:613px; margin:5px 0 0px 0px; background-position:0px -50px; right:0px; padding:10px 0 10px 0px;  font-size:12px; color:#0093FF; text-align:left;}
	
	.contentListOrange{ float:left; width:15px; height:15px; background: url("../../images/front/gui/bkg/bulletOrange.png") no-repeat bottom left; }
	.contentListBlue{ float:left; width:15px; height:15px; background: url("../../images/front/gui/bkg/bulletBlue.png") no-repeat bottom left; }
	.contentListGreen{ float:left; width:15px; height:15px; background: url("../../images/front/gui/bkg/bulletGreen.png") no-repeat bottom left; }
	.contentListPurple{ float:left; width:15px; height:15px; background: url("../../images/front/gui/bkg/bulletPurple.png") no-repeat bottom left; }
	.contentListYellow{ float:left; width:15px; height:15px; background: url("../../images/front/gui/bkg/bulletYellow.png") no-repeat bottom left; }
	.contentList{ float:left; text-decoration:none; display:block; width:560px; background:none;   padding:0 0 0 0;}
	.contentList a{text-decoration:none; font-size:14px;}
	.contentList a:hover{text-decoration:none; font-size:14px;}
	.contentListContainer{ padding:5px 0 0 10px;  }
	.contentListDetails{ font-size:10px; }
	
	
	.contentMostCommented{ float:left; text-decoration:none; display:block; width:270px; background:none;   padding:3px 0 0 0; margin:0 0 3px 0;}
	.contentMostCommented a{text-decoration:none;}
	.contentMostCommented a:hover{color:#FFF}
	.contentMostCommentedContainer{ padding:5px 0 0 10px;  }
	
	
	#contentMore p{ padding:0 0 0 10px; line-height:1.9em; }
	.contentMoreTitle{ font-size:16px; font-weight:bold; padding:0 0 0px 0; }

.articleDiaporama{ width:623px; padding:10px 0 10px 0px ; margin:0 0 0 0px; height:103px; background:none;}
.articleCarousel{ width:623px; padding:10px 0 10px 0px ; margin:0 0 0 10px; height:103px; background:none;}
	.articleCarousel li{ width:137px; height:103px; background:none; padding:0 0px 0 10px;  }
	

a.green{ color:#00A127;  }
a.orange{ color:#FF2A00;  }
a.blue{ color:#0091FF;  }
a.purple{ color:#8200CA;  }
a.yellow{ color:#E5C651;  }


.contentBloc{ padding:10px 0 10px 0; }

#commentContainer{ padding:10px 0 10px 0; }
.commentAddTitle{ font-size:16px; font-weight:bold; padding:0 0 10px 0; }
.comment{padding:20px 0 0px 0; }
.borderDotted{ margin-top:20px; border-top:1px dotted #41485F}
.commentImg{float:left;  padding-right: 20px; }
.commentBody{float:left; width: 485px; padding: 0 10px 10px 0px; background-color:none; overflow-x:hidden;}
.commentBody span{color:#fff; font-style:italic; font-size:10px;}
.commentBody p{ padding-top: 10px;}
.comBodyContent{ font-size:14px; }
#comTextarea{ width:580px; height:150px;  }
.profileLink{ color:#0095FC; text-decoration: none; font-weight: bold; font-size:14px;}
.profileLink:hover{ text-decoration: underline; }

#registerForm{ position:relative; }
#myselfRegister{  position:absolute; top:110px; left:400px; }

#profilePageLink{ color:#008EEF; font-size:14px; font-weight:bold; }
#profileAccountLink{ font-size:13px; font-weight:bold; color:#849398;}

#genLogin{ position:absolute; z-index:10; top:15px; background:none; right:12px; padding:0 0px 0 0; text-align:center; line-height:18px; }
#genLogued{ position:absolute; z-index:10; top:15px; background:none; right:21px; padding:0 0px 0 0; text-align:center; line-height:18px; }
#genLogin a{font-weight:bold;}



#genFacebook{ position:absolute; z-index:10; top:54px; right:0; padding:0 20px 0 0; }
#genLoginMore{ position:absolute; z-index:70; top:35px; right:0; background:none; padding:0 17px 0 0; display:; line-height:16px; }
#genLoginMore a{ font-size:11px; }
#genLoginMore a:hover;{ font-size:11px; color:#0090FF;}
.genLoginAuth{ float:left; width:100px; margin:0 10px 0 0 ;  }

/* Login  */
.pipe{ color:#9A9A9A; }
#authForget{ padding:20px 0 0 0; display:none; }

#authResult{  display:none; padding:10px 0 0 0; }
#authResultMessage{ display:none;  }

.error{ color:#FF7F00; }
.valid{ color:#0F0; }

.auth{ background:none; }
.authTitle{  color:#008EEF;  }
.authText{ width:180px; padding:5px 0 5px 0; font-size:16px; float:left; color:#004169; margin:0 10px 0 0;  }
	#authOk{ position:relative; float:left; width:42px; height:33px; background:url("../../images/front/gui/btn/okBig.png"); cursor:pointer;  }

#authActive{ padding:10px 0; }	

.cursor	{ cursor:pointer;}

	.authTitle{  color:#008EEF;  }

.register{ background:none; }
	.register label{display:block; padding:10px 10px 0 0; float:left; width:100px; text-align:right; }
	.register input{ width:140px; float:left; padding:5px; font-size:16px;  color:#004169; margin:0 10px 0 0;  }
	.register input.file{ width:140px; float:left; padding:5px; font-size:16px;  color:#004169; margin:0 10px 0 0;  }
	#registerOk{position:relative; float:left; width:42px; height:33px; background:url("../../images/front/gui/btn/okBig.png"); cursor:pointer;  }
	.register .line{ padding:10px 0 10px 0; }

.editProfile{ background:none; }
	.editProfile label{display:block; padding:10px 10px 0 0; float:left; width:100px; text-align:right; }
	.editProfile input{ width:200px; float:left; padding:5px; font-size:16px;  color:#004169; margin:0 10px 0 0;  }
	#registerOk{float:left; width:42px; height:33px; background:url("../../images/front/gui/btn/okBig.png"); cursor:pointer;  }
	.editProfile .line{ padding:10px 0 10px 0; }
	
	#updatePhoto{ display:none; }
	#updateSucces{ color:#0F0; font-weight:bold; text-align:center; padding:10px 0 0 80px; display:none;}

#changePass{ display:none; }

.hideForm{ color:#FF7F00; display:none; padding:10px 0 0 0; float:left;  }

.registerSuccess{ display:none;}
.registerTitle{  }

/*New password*/
.errorChange{display:none; padding:10px 0 0 0;}
.errormailChange{display:none; padding:10px 0 0 0;}
.newPasswordSuccess{ display:none; }

.addFile{ margin:19px 0 0 0 ; }.wmd-preview{ border:1px dotted #00A9FF; width:575px; overflow-x:hidden; padding:10px; }
.wmd-preview p{ margin: 0 0 8px 0; }



.elContentNewArticle{ width:575px; height:520px; font-size:14px; }

#newArticle label{ display:block; float:left; width:100px;margin-right:10px; padding:3px 0 0 0; text-align:left; font-weight:bold; font-size:14px; }

.newArticleInput{ width:470px; font-size:14px; height:20px; padding-top:3px; color:#000; font-weight:bold; }

.newArticleContent{ display:block; margin: 0 0 10px 0px;  font-size:14px; font-weight:bold;}
#newArticle .formElement{ float:left; width:485px; margin:0 0 10px 0;}

#newArticleError{ color:#FF7F00; font-size:14px;  }
#newArticleError div{ display:none; }

#newArticleButton{ position:absolute; right:10px; top:0; padding:3px 0 0 0;}
.newArticleIcon{ padding:0px 0 0 0; font-weight:bold; font-size:14px; }/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../../images/front/plugins/colorbox/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-32px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../../images/front/plugins/colorbox/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}