BODY{ color: #1D1D1D; font-family: Arial, Helvetica, sans-serif;  margin: 0px 0 0 0; padding: 0;  background: #ff9a01 url(Bg.png) repeat-x center top;  font-size: 12px; }
* { margin: 0; padding: 0; }
p { margin-bottom: 15px; line-height: 1.4em; margin-top: 0; }
a{ text-decoration: none; color: #ec7201; font-weight: bold; }
a:hover{ text-decoration: none; color: #C32500; font-weight: bold; }
h1, h2, h3, h4, h5{ margin: 0; padding: 0; font-weight: normal; }
img{ border: none; }

.Clear{ clear: both; font-size: 1px; height: 1px; line-height: 1px; overflow: hidden; }
.Small{	font-size: 10px;}
.Large{ font-size: 14px; }
.floatleft{	float:left; }
.floatright{ float: right; }
.aligncenter{ text-align: center;}
.alignleft{	text-align: left;}
.alignright{ text-align: right; }
.alignjustify{	text-align: justify;}
.width100{	width:100%;}
.debug{ border: 1px solid red; }

    #Root,
    #RootWide{ width: 985px; margin: 0 auto; }
    #RootWide #Head .wrap{ width: 985px; background: url(header2.png) no-repeat;  }

    #Head{ float:left; width: 985px; height: 235px; position:relative;}
	#Head .wrap{	position:absolute; top:0; width: 985px; height: 235px; background: url(header.png) no-repeat; }
	.texthead {	font-size: 10px; color: #FFFFFF; text-align: center; }
	
	#Head h1, #Head h1 a{ display:block; width: 288px; float:left; margin-top:-8px; }
	#Head span{	display: none; }
	
     /* Menu Header */
	#Head ul.Menu{ margin-left: 200px; margin-top:-8px; display: block; float:left; }
	#Head ul.Menu li{ list-style: none; display:inline; padding: 0; float: left; height: 120px; width: 60px; overflow: hidden; background: url(bouton_acc.png) no-repeat; }
	#Head ul.Menu a{ display:block; padding: 5px 0 0 0; float: left; height: 120px; width: 60px; }
	#Head ul.Menu a:hover{ padding: 6px 0 0 0; width:60px; background: url(bouton_acc_a.png) no-repeat; }

	#Head ul.Adresse{ margin-top:-9px; display: block; float:left; }
	#Head ul.Adresse li{ list-style: none; display:inline; padding: 0; float: left; height: 120px; width: 60px; overflow: hidden; background: url(bouton_ad.png) no-repeat; }
	#Head ul.Adresse a{ display:block; padding: 5px 0 0 0; float: left; height: 120px; width: 60px; }
	#Head ul.Adresse a:hover{ padding: 6px 0 0 0; width:60px; background: url(bouton_ad_a.png) no-repeat; }
	
	#Head ul.Aventure{ margin-top:-9px; display: block; float:left; }
	#Head ul.Aventure li{ list-style: none; display:inline; padding: 0; float: left; height: 120px; width: 60px; overflow: hidden; background: url(bouton_av.png) no-repeat; }
	#Head ul.Aventure a{ display:block; padding: 5px 0 0 0; float: left; height: 120px; width: 60px; }
	#Head ul.Aventure a:hover{ padding: 6px 0 0 0; width:60px; background: url(bouton_av_a.png) no-repeat; }
	
	#Head ul.Combat{ margin-top:-9px; display: block; float:left; }
	#Head ul.Combat li{ list-style: none; display:inline; padding: 0; float: left; height: 120px; width: 60px; overflow: hidden; background: url(bouton_com.png) no-repeat; }
	#Head ul.Combat a{ display:block; padding: 5px 0 0 0; float: left; height: 120px; width: 60px; }
	#Head ul.Combat a:hover{ padding: 6px 0 0 0; width:60px; background: url(bouton_com_a.png) no-repeat; }
	
	#Head ul.Course{ margin-top:-9px; display: block; float:left; }
	#Head ul.Course li{ list-style: none; display:inline; padding: 0; float: left; height: 120px; width: 60px; overflow: hidden; background: url(bouton_cou.png) no-repeat; }
	#Head ul.Course a{ display:block; padding: 5px 0 0 0; float: left; height: 120px; width: 60px; }
	#Head ul.Course a:hover{ padding: 6px 0 0 0; width:60px; background: url(bouton_cou_a.png) no-repeat; }
	
	#Head ul.Fille{ margin-top:-9px; display: block; float:left; }
	#Head ul.Fille li{ list-style: none; display:inline; padding: 0; float: left; height: 120px; width: 60px; overflow: hidden; background: url(bouton_fil.png) no-repeat; }
	#Head ul.Fille a{ display:block; padding: 5px 0 0 0; float: left; height: 120px; width: 60px; }
	#Head ul.Fille a:hover{ padding: 6px 0 0 0; width:60px; background: url(bouton_fil_a.png) no-repeat; }
	
	#Head ul.Moto{ margin-top:-9px; display: block; float:left; }
	#Head ul.Moto li{ list-style: none; display:inline; padding: 0; float: left; height: 120px; width: 60px; overflow: hidden; background: url(bouton_mot.png) no-repeat; }
	#Head ul.Moto a{ display:block; padding: 5px 0 0 0; float: left; height: 120px; width: 60px; }
	#Head ul.Moto a:hover{ padding: 6px 0 0 0; width:60px; background: url(bouton_mot_a.png) no-repeat; }
	
	#Head ul.Plateforme{ margin-top:-9px; display: block; float:left; }
	#Head ul.Plateforme li{ list-style: none; display:inline; padding: 0; float: left; height: 120px; width: 60px; overflow: hidden; background: url(bouton_pla.png) no-repeat; }
	#Head ul.Plateforme a{ display:block; padding: 5px 0 0 0; float: left; height: 120px; width: 60px; }
	#Head ul.Plateforme a:hover{ padding: 6px 0 0 0; width:60px; background: url(bouton_pla_a.png) no-repeat; }
	
	#Head ul.Sport{ margin-top:-9px; display: block; float:left; }
	#Head ul.Sport li{ list-style: none; display:inline; padding: 0; float: left; height: 120px; width: 60px; overflow: hidden; background: url(bouton_spo.png) no-repeat; }
	#Head ul.Sport a{ display:block; padding: 5px 0 0 0; float: left; height: 120px; width: 60px; }
	#Head ul.Sport a:hover{ padding: 6px 0 0 0; width:60px; background: url(bouton_spo_a.png) no-repeat; }
	
	#Head ul.Strategie{ margin-top:-9px; display: block; float:left; }
	#Head ul.Strategie li{ list-style: none; display:inline; padding: 0; float: left; height: 120px; width: 60px; overflow: hidden; background: url(bouton_str.png) no-repeat; }
	#Head ul.Strategie a{ display:block; padding: 5px 0 0 0; float: left; height: 120px; width: 60px; }
	#Head ul.Strategie a:hover{ padding: 6px 0 0 0; width:60px; background: url(bouton_str_a.png) no-repeat; }
	
	#Head ul.Tir{ margin-top:-9px; display: block; float:left; }
	#Head ul.Tir li{ list-style: none; display:inline; padding: 0; float: left; height: 120px; width: 60px; overflow: hidden; background: url(bouton_tir.png) no-repeat; }
	#Head ul.Tir a{ display:block; padding: 5px 0 0 0; float: left; height: 120px; width: 60px; }
	#Head ul.Tir a:hover{ padding: 6px 0 0 0; width:60px; background: url(bouton_tir_a.png) no-repeat; }
	
	#Head ul.Trash{ margin-top:-9px; display: block; float:left; }
	#Head ul.Trash li{ list-style: none; display:inline; padding: 0; float: left; height: 120px; width: 60px; overflow: hidden; background: url(bouton_tra.png) no-repeat; }
	#Head ul.Trash a{ display:block; padding: 5px 0 0 0; float: left; height: 120px; width: 60px; }
	#Head ul.Trash a:hover{ padding: 6px 0 0 0; width:60px; background: url(bouton_tra_a.png) no-repeat; }
	
    #Content{ float:left; width:985px; position:relative; background: url(center.png) repeat-y 0px 0;  }
    #RootWide #Content{ background: url(center2.png) repeat-y 0px 0; width:985px; }

    #Main{float:left; width: 560px; padding: 10px 0px 0px 36px; }
    #RootWide #Main{ width: 950px; float:center; }
	#Main h2{ color: white;  padding-top: 12px; font-size: 14px; font-weight: bold; }
	#Main p.Path{ margin: 4px 0 10px 10px; font-family: "MS Sans Serif", Geneva, sans-serif; font-size: 11px;  color: #C32500;  }
	#Main p.Path span{ color: #404040; }
	#Main p.Path a{text-decoration: none; color: #404040; padding-right: 11px; margin-right: 1px;  background-image: url(ico_path.gif);  background-position: right;  background-repeat: no-repeat;    }
	#Main p.Path a:hover{ color: #C32500; border-bottom:none;	}
	
	#Main .centreh2{margin: 0px 25px 0px 0px; background-image: url(bg_centre_h2.gif); background-repeat: no-repeat;  color: #C32500; height: 25px; }
	#Main .FormC{ float: left; display:block; width: 560px; padding: 10px; margin:0 0 0px 0px;   }

	#Main .Featured{margin: 0 0 0 22px; }
	#Main .Featured2{margin: 0 0 0 25px; padding: 5px 0; background-image: url(bg_jeu_semaine.gif); background-repeat: no-repeat;  height: 150px; }
	#Main .Featured2 h2{margin: 0 0 0 5px; font-size: 10px; float:left; width:250px; color: #6F8E1E;  text-transform: uppercase;  font-weight: bold;    }
	#Main .Featured p{ margin: 0 0 0 10px; float: right; width: 250px; color: #151515; }
	#Main .Featured2 p{ margin: 0 0 0 25px; float: left; width: 250px; color: #151515; }
	#Main .Featured2 .Caption{	font-size: 12px;  margin-bottom:0; font-weight: bold;  color: #ec7201;	 }
	#Main .Featured2 .Title{	font-size: 16px; margin-bottom: 5px;  font-weight: bold;	}
	#Main .Featured2 a{	color: #C32500;	text-decoration: none; 	}
	#Main .Featured div.Shot {  color: #404040; position: relative;  float:left; display: block; font-size:10px; width: 210px; height: 135px; margin: 0 0 3px 0px;}
	#Main .Featured img{ position:absolute; top: 5px; left: 5px; width: 200px; height: 125px; }
	#Main .Featured .ShotMask { display: block; position: absolute; top: 0; left: 0; width: 210px; height: 135px; cursor: hand; }
	#Main .Featured .ShotMask[class] { display:block; background: url(featured_frame.png) no-repeat;  }
	
 	/* CATEGORY SECTION */
	.Category{ margin: 0 0 0 10px; margin-bottom:33px; }
	.Category h2{ height:46px; display:block;  position: relative;   }
	.Category h2 span.Start{ display: block; padding-left: 20px; height: 46px; position: absolute; left: -19px;  width: auto;  }
	.Category h2 span.End{ line-height: 46px; display: block; float:left; font-size: 16px; font-weight:bold; color: #C32500; padding-right: 25px; background: url(bg_caption_left_add.gif) no-repeat left;   }
		.Category span.souscat a{ margin-right:35px; color: #ec7201;  }
	.Category span.souscat a:hover{ margin-right:35px; color: #C32500;  }
	.Category .AllGames{  text-align: left; float: right; position: relative; }
	.Category .AllGames span{  text-align: center; display: block; position:absolute; right:0px; padding-right: 20px; overflow: hidden; width:180px; height:33px; line-height: 33px; background: url(bg_morelink.gif) no-repeat right; 	  }
	.Category .AllGames a{ text-align: left; color: #404040; font-size: 12px; font-weight: bold; text-decoration: none; }
	.Category .AllGames a:hover{ color: #C32500; text-align: center; position:absolute; right:0px; top: 0px; overflow: hidden; width:180px; height:33px; line-height: 33px;  background: url(bg_morelink2.gif) no-repeat right;	}
    .desccat{ padding-top:10px; margin-top: 5px; margin-right: 40px; background-image: url(bg_desc_cat.gif); background-repeat: no-repeat; width:882px; height: 50px; font-size: 11px; color: #262626;}
	
	/* CENTER GAMES LIST */
	#RootWide #Main div.GamesRow{	float:center;	margin: 0 0 0 0;}
	#Main div.GamesRowJ{	float:left;	margin: 0 0 0 8px;}
	#Main div.GamesRow div.leftgame{ float: left; width: 130px; padding-left: 16px; padding-top: 5px; }
	#Main div.GamesRowJ div.notegame{ float: center; width: 130px; padding-top: 5px; }
	#Main div.Thumb { position:relative; float:left; display: block; font-size:8px; width: 130px; height: 105px; background: url(game_frame.png) no-repeat;}
	#Main img.Thumb{ position: absolute; top: 5px; left: 5px; width: 120px; height: 90px; }
	#Main .mask {	display:block; position: absolute;  top: 0;  left: 0; width:90px; height:65px;  cursor: hand;  }
	#Main .mask[class] {  background: url(game_frame.png) no-repeat;  }
	#Main div.GamesRow .Title{ text-align: center; margin-bottom:2px; color: #262626;  font-size: 9px;  font-weight: bold;  text-transform: uppercase;  font-family: Tahoma, Arial, Helvetica, sans-serif;  letter-spacing: -0.005em;               }
	#Main div.GamesRowJ .Title{ text-align: center; margin-bottom:2px; color: #262626;  font-size: 9px;  font-weight: bold;  text-transform: uppercase;  font-family: Tahoma, Arial, Helvetica, sans-serif;  letter-spacing: -0.005em;               }
	#Main div.GamesRow .Title a{ color: #262626;  text-decoration: none;   }
	#Main div.GamesRowJ .Title a{ color: #262626;  text-decoration: none;   }
	#Main div.GamesRow .Desc{ font-family: "MS Sans Serif", Geneva, sans-serif; font-size: 11px; color: #404040; }
	#Main div.GamesRow .leftgame .Desc{ padding-right: 10px; }

	/* Rating on the front or category page */
	#Main p.Rating{ margin-right: 30px; width: 70px; height: 12px; background-repeat: no-repeat; position: relative; float:right }
	#Main p.starna{ background-image: url(star0.gif); }
	#Main p.star10{ background-image: url(star10.gif); }
	#Main p.star15{ background-image: url(star15.gif); }
	#Main p.star20{ background-image: url(star20.gif); }
	#Main p.star25{ background-image: url(star25.gif); }
	#Main p.star30{ background-image: url(star30.gif); }
	#Main p.star35{ background-image: url(star35.gif); }
	#Main p.star40{ background-image: url(star40.gif); }
	#Main p.star45{ background-image: url(star45.gif); }
	#Main p.star50{ background-image: url(star50.gif); }

	/* GAME PAGE */
	#star-rating{ margin: 0 0 0 280px; background: url(star_rating.gif) repeat-x left; float:center; height:27px; width:80px;}
		#star-rating a:hover,
		#star-rating a:active,
		#star-rating a:focus,
		#star-rating .current-rating{ background: url(star_rating.gif) repeat-x left; }
		#star-rating{ position: relative; width: 80px; height: 27px; overflow: hidden; list-style: none; margin: 0; padding: 0; background-position: left top; }
		#star-rating li{ display: inline; line-height:27px; }
		#star-rating a,
		#star-rating .current-rating{ position: absolute; top: 0; left: 0; text-indent: -1000em; height: 27px; line-height: 27px; outline: none; overflow: hidden; border: none; }
		#star-rating a:hover,
		#star-rating a:active,
		#star-rating a:focus{ background-position: left bottom; }
		#star-rating a.one-star{ width: 20%; z-index: 6; }
		#star-rating a.two-stars{ width: 40%; z-index: 5; }
		#star-rating a.three-stars{ width: 60%; z-index: 4; }
		#star-rating a.four-stars{ width: 80%; z-index: 3; }
		#star-rating a.five-stars{ width: 100%; z-index: 2; }
		#star-rating .current-rating{ z-index: 1; background-position: left center; }

	#Main .Form2{ float: left; display:block; width: 850px; padding: 5px; margin:0px 0px 10px 20px; border: 5px solid; background: #EEEEEE; border-color: #D2D2D2 #C7C7C7 #C7C7C7 #D2D2D2; }
	#Main h3{ color: #C32500; font-size: 14px; margin-bottom: 5px; font-weight: bold; }
	#Main h4{ color: #C32500; font-size: 16px; margin-bottom: 5px; font-weight: bold; }
	#Main .Col50{ width: 48%;}
	#Main .Comments{ width: 100%; float: left; padding: 0; }
	#Main p.Comment{ color: #565656; margin: 0; font-size: 10pt; text-align: justify;  background: url(bg_comment_entry.gif) no-repeat 0 4px;  padding-left: 20px;      }
	#Main p.Signature{ margin: 9px 0 3em 0; text-align: right; font-size: 9pt; color: #F6A244;     }	
	#Main .AddComment{ float:right; width: 255px }
	#Main .AddComment{ font-size: 9pt; }
	#Main .AddComment span{ display: block; }
	#Main .AddComment .Button{font-size:11px; line-height: 20px; width: 85px; height: 25px; padding: 0; border:none; background-image: url(btn_medium.gif);  background-repeat: no-repeat;  background-color: #FFE9A8;  color: #E53838;  font-weight: bold;  text-align:center;  }

	/* Form styles */
	#Main Form{ margin: 0 0 1em 0; width:100% }
	#Main Form.Form{ }
	#Main div.Block{ padding:0 0 10px 0;  }
	#Main .Block .Title{ font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-size: 0.85em; font-weight: bold;  color: Black; 	}
	#Main .Block .Title b{ color: #FB0000;  margin-left: 0.3em;  }
	#Main .Error{ display: block; font-size:0.85em; 	font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; color: Red; font-weight: bold; }
	#Main .Message{ display: block; font-size: 1.2em; 	font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; color: #1E48C1; font-weight: normal;  text-align: center;  }
	#Main input.Text{ width: 278px; height: 18px; background-color: white; border: 1px solid #6e8886; color: #343434;  padding: 2px;  }
	#Main textarea{ background-color: #F0F0F0; border: 1px solid #C32500; color: #C32500; overflow: auto; }
	
	.related{ float:left; width: 86px; margin-left:3px; margin-bottom: 5px; font-size: 10px; }	
	.bontongame li{ margin-bottom: 1px; list-style: none; position:relative; width: 120px; height: 20px; border:none; background-image: url(bouton_game.gif);  background-repeat: no-repeat;}
	.bontongame a{ padding: 2px 0 0 0px; font-size: 12px; color: #FFFFFF; overflow: hidden; display:block;}
	.bontongame a:hover{ padding: 3px 0 0 0px; font-size: 11px; color: #ec7201; overflow: hidden; width: 120px; height: 20px; border:none; background-image: url(bouton_gamea.gif);  background-repeat: no-repeat;}
	
	/* User page */
	.pagemenu{ text-align: right; }
	.pagemenu li{ list-style: none; display: inline; margin:0 10px 0 0; }	
	.pagemenu a{ color: #333333; text-decoration: none;}


	
    div.Side	{ width: 310px; }
	.Right{ float:right; position:relative; top:0px; margin-bottom:0px; right:50px;  }
	.Side .Box{ width: 310px; float: left; magging-left: 10px; background-color: white; background-image: url(side_right_c.gif); }
	.Right .BoxFooter{ width: 310px; float: left; height:19px; background: url(side_right_f.gif) no-repeat; }
	.Side h2{ float:left; display: block; width: 310px; height: 19px;  background-image: url(side_right_h.gif); background-repeat: no-repeat; overflow: hidden;  }
	
	.Side ul{ list-style: none; margin-bottom:0px;}
	.Side li{ margin:0 0 0 0;}
	.Side ul.Nav{ font-size: 12px;  display: block; margin-bottom:0; float:left; width:180px;	}
	.Side ul.Nav li{ padding: 0; float: left; height: 28px; width: 180px; overflow: hidden; background: url(bg_menu_b.gif) no-repeat; }
	.Side ul.Nav a{ display:block; padding: 5px 0 0 20px; float: left; height: 19px; width: 180px; text-decoration: none; color: #404040; font-size: 12px; font-weight: bold; }
	.Side ul.Nav a:hover{ padding: 5px 0 0 20px; width: 180px; text-decoration: none; color: white; background: url(bg_menu_ba.gif) no-repeat; }
	
		.Side .BtnGo{ font-size: 12px; font-weight: bold; color: #ec7201; background-image: url(connexion.gif); width:80px; height:20px; border:none;  background-color: #ba0f15;  float: center; }
	.Side .Special .BtnGo{ background-image: url(btn_go_spec.gif);  background-color: #ba0f15;  float: center;    margin-top: 8px; margin-left: 40px }
	
	.Side .Combo select{	width:159px; }
	.Side .Combo form{ padding-bottom:9px;}
	
	.Side .News{  }
	.Side .News li{margin-bottom:7px;}
	.Side .News .Title{ font-size: 11px; display: block; display: block; font-weight: bold; }
	.Side .News .Date{ font-weight: normal; }
	.Side .News .More{ display:block; font-size: 10px; width:100%; text-align: right; font-weight: bold;  }
	
	/* Feedback form and comments */
	#feedbackread{ display: block; }	
	#feedbackpost{ display: none; }
	#feedbacknav_in{  position:absolute; display: none; }
	#feedbacknav_out{  position:relative; width:160px; height:23px; }
		#feedbacknav_out a{ position: absolute; top:5px; font-weight:bold; text-decoration: none; display:block; color: #303030;  }
		#feedbacknav_out a.Read{ left:65px; margin-bottom: 10px; }
		#feedbacknav_out a.Post{ left:195px;  margin-bottom: 10px;  }
	#feedbackread{padding:3px 3px 0 3px;  }
	    #feedbackread .FormComment{ float: left; display:block; width: 310px; margin:0 0 10px 1px; border:  1px  dashed; background: #C32500; border-color: #ec7201; }
		#feedbackread p{ font-size: 10px; margin: 0 5px 0 5px;  padding: 0px 4px 0 10px;  color: white; font-weight: bold;   }
		#feedbackread .User{ text-align:right; display:block; font-style: normal; font-size:11px; padding-left:15px; }
	#feedbackpost{  text-align: center; padding: 10px 0px 0 0px; }
	#feedbackpost textarea{ border: 3px solid #C32500;  overflow: auto; width: 280px; padding:2px; background: #ffffff;  }
	#feedbackpost input.Button{  width: 80px; height: 20px; padding: 0; border:none; background-image: url(valider.gif);  background-repeat: no-repeat; }
	
	/* Favorites */
	.RemoveFavorite{ text-decoration: none;  font-family: "Arial Black"; font-size: 11px; position:relative; top:0px;}

	/* Blocks */
	.center_block{ }
	.center_block h3{ float: left; }
	#WHOLIKESGAME{ float: left; width: 48%; }
	#PUBLISH{ float: right; width: 50%; }
	#PUBLISH .code{ display: block; width: 95%; height: 100px; font-size: 11px; background: #fafafa; border: 1px solid #cccccc; padding: 3px; overflow: hidden; }

	/* Pagination */
	p.Pages{ clear:both; display:block; text-align:center; padding:15px 0 0 0; }
	p.Pages a{ color: #262626; padding: 0 5px 0 5px; margin:0; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; border: 1px solid #C32500;}
	p.Pages a.PageActive{ background-color: #C32500;  color: White;}
	p.Pages a:hover{ background-color: #ec7201;  text-decoration: none; color: White;  }
	
	/* Pied de page */
    #Footer{ float:left; width: 985px; height: 75px;   position:relative; text-align:center;}
	#Footer .wrap{ position: absolute; width: 985px; height: 75px;  background: url(footer.png) no-repeat;  font-size: 12px; }
	#RootWide #Footer .wrap{ width: 985px; height: 75px;  background: url(footer2.png) no-repeat; }
	#Footer a{ text-decoration: none; color:#ffffff; }
	#Footer a:hover{color: #ec7201; 	}
		
	.partenaire a{color:#262626;font-size:9px}
	.partenaire a:hover{color:#C32500}