BODY{ color: #1D1D1D; font-family: Arial, Helvetica, sans-serif; margin: 0px 0 0 0; padding: 0; background: #BDBDBD url(background.gif) 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: #17b8f1; font-weight: bold; } a:hover{ text-decoration: none; color: #E8D000; font-weight: bold; } h1, h2, h3, h4, h5{ margin: 0; padding: 0; font-weight: normal; font-weight: bold; } img{ border: none; } .Clear{ clear: both; font-size: 1px; height: 1px; line-height: 1px; overflow: hidden; } .Small{ font-size: 11px;} .Pub{ font-size: 9px; color: #17b8f1;} .Large{ font-size: 14px; } .floatleft{ float:left; } .floatright{ float: right; } .aligncenter{ text-align: center;} .alignleft{ text-align: left;} .alignright{ text-align: right; } .Aligned, .alignjustify{ text-align: justify;} .width100{ width:100%;} .debug{ border: 1px solid red; } #Root, #RootWide{ width: 800px; margin: 0 auto; } #Head{ float:left; width: 800px; height: 102px; position:relative;} #Head .wrap{ position:absolute; top:0; width: 800px; height: 102px; background: url(bg_header.gif) no-repeat; font-size: 9px; color: #FFFFFF; text-align: center; } #Head .wrap a{ color: #17b8f1; } #Head .wrap a:hover{ color: #E8D000; } #RootWide #Head .wrap{ width: 800px; background: url(bg_header.gif) no-repeat; font-size: 9px; color: #FFFFFF; text-align: center; } #Head span{ display: none;} #Head h1, #Head h1 a{ display:block; width: 288px; height: 108px; float:left; margin-top:10px; } #Head ul.Menu{ font-family: "Verdana"; margin-left: 40px; display: block; margin-bottom:0; float:left; width:800px; text-align: center; } #Head ul.Menu li{ list-style: none; padding: 0; float: left; height: 22px; width: 120px; overflow: hidden; background: url(bouton_header.gif) no-repeat; } #Head ul.Menu a{ display:block; padding: 5px 0 0 0; float: left; height: 22px; width: 120px; text-decoration: none; color: #FFFFFF; font-size: 9px; font-weight: bold; } #Head ul.Menu a:hover{ padding: 6px 0 0 0; width: 120px; font-size: 8px; text-decoration: none; color: #d90909; background: url(bouton_headera.gif) no-repeat; } #Content{ float:left; width:800px; position:relative; background: url(bg_center.gif) repeat-y 0px 0; } #RootWide #Content{ background: url(bg_center2.gif) repeat-y 0px 0; } #Main{float:left; width: 560px; padding: 0 28px 0px 32px; } #RootWide #Main{ width: 730px; float:center; } #Main h2{ padding-top: 10px; color: #222222; 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: #303030; } #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: #303030; border-bottom:none; } #Main .centreh2{background-image: url(bg_centre_h2.gif); background-repeat: no-repeat; height: 41px; color: #FFFFFF; } #Main .FormC{ margin: 0 0px 0 0;float: center; display:block; width: 545px; padding: 10px; } #Main .Featured{margin: 0 0 0 10px; } #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: #17b8f1; } #Main .Featured2 .Title{ font-size: 16px; margin-bottom: 5px; font-weight: bold; } #Main .Featured2 a{ color: #17b8f1; 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:10px; } .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: #303030; padding-right: 25px; width: 187px; height: 46px; background: url(bg_caption_left_add.gif) no-repeat left; } .Category .AllGames{ padding-top: 0px; text-align: left; float: right; position: relative; } .Category .AllGames a{ width:240px; height:21px; overflow: hidden; } .Category .AllGames a:hover{ width:240px; height:42px; background: url(bg_morelink2.gif) no-repeat right; } /* SEARCH SECTION */ .search{ position:relative; top: 3px; left: 3px; width: 100px; height: 81px; } .search2 { position:relative; float:left; display: block; font-size:8px; width: 117px; height: 95px; margin:0; background: url(game_frame.png) no-repeat;} /* MENU HEADER*/ .mainnav a{ display:block; padding: -1px 0 0 0px; float: left; height: 34px; width: 100px; text-decoration: none; color: #FFFFFF; font-size: 12px; font-weight: bold; } .mainnav a:hover{ background: url(header.gif) no-repeat right; } .qui a{ display:block; padding: -1px 0 0 0px; float: left; height: 34px; width: 180px; text-decoration: none; color: #FFFFFF; font-size: 12px; font-weight: bold; } .qui a:hover{ background: url(headerq.gif) no-repeat right; } /* CENTER GAMES LIST */ #Main div.GamesRow{ float:left; margin: 0px 0 0px 0px;} #Main div.GamesRowJ{ float:left; margin: 0px 0 0px 0;} #Main div.GamesRow div.leftgame{ float: left; width: 267px; padding-bottom: 2px; } #Main div.GamesRowJ div.notegame{ float: center; width: 108px; padding-top: 5px; } #Main div.Thumb { position:relative; float:left; display: block; font-size:8px; width: 108px; height: 90px; background: url(game_frame.png) no-repeat;} #Main img.Thumb{ position: absolute; top: 3px; left: 3px; width: 100px; height: 81px; } #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.Thumb2 { position:relative; float:left; display: block; font-size:8px; width: 117px; height: 95px; margin-right: 4px; background: url(game_frame2.png) no-repeat;} #Main img.Thumb2{ position: absolute; top: 3px; left: 3px; width: 111px; height: 90px; } #Main .mask2 { display:block; position: absolute; top: 0; left: 0; width:117px; height:95px; cursor: hand; } #Main .mask2[class] { background: url(game_frame2.png) no-repeat; } #Main div.GamesRow .Title{ text-align: center; margin-bottom:2px; color: #17b8f1; 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: #17b8f1; font-size: 8px; font-weight: bold; text-transform: uppercase; font-family: Tahoma, Arial, Helvetica, sans-serif; letter-spacing: -0.005em; } #Main div.GamesRow .Title a{ color: #17b8f1; text-decoration: none; } #Main div.GamesRowJ .Title a{ color: #17b8f1; 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: 54px; height: 10px; background-repeat: no-repeat; position: relative; float:right } #Main p.starna{ background-image: url(starna.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 .GameBG{ float:center; width:780px;} #Main .GameBGBox{ float:center; width:720px; padding:8px 0 0 0; text-align:center; color: red; } #Main .Form2{ float: left; display:block; width: 716px; padding: 10px; margin:0 0px 25px -15px; border: 5px solid; background: #EEEEEE; border-color: #E8D000; } #Main h3{ color: #17b8f1; font-size: 14px; margin-bottom: 3px; font-weight: bold;} #Main h4{ color: #d90909; font-size: 16px; margin-bottom: 5px; margin-top: 15px; text-align:center; font-weight: bold; } #Main .pub728{ margin-left: -5px; } #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; float:right; } /* Sitemap */ #Main .sitemap { font-size: 11px; margin-left: 10px; } #Main .sitemap_category { font-size: 12px; margin-left: 55px; } #Main .sitemap_games { font-size: 10px; margin-left: 80px; } /* 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: 2px solid #E8D000; color: #303030; overflow: auto; } .related{ float:left; width: 115px; margin-left:4px; margin-bottom: 5px; font-size: 9px; } .bontongame li{ margin-bottom: 1px; list-style: none; position:relative; width: 120px; height: 22px; border:none; background-image: url(bouton_game.gif); background-repeat: no-repeat;} .bontongame a{ padding: 3px 0 0 0px; font-size: 12px; color: #FFFFFF; overflow: hidden; display:block;} .bontongame a:hover{ padding: 3px 0 0 0px; font-size: 11px; color: #17b8f1; overflow: hidden; width: 120px; height: 22px; 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;} .pages{ clear:both; display:block; text-align:center; padding:15px 0 0 0; } .pages a{ color: black; padding: 0 5px 0 5px; margin:0; text-decoration: none; } .pages a.active{ background-color: #D50000; color: White;} .pages a:hover{ background-color: #F70000; text-decoration: none; color: White; } div.Side { width: 180px; } .Left{ float: left; position:relative; top: 0px; margin-bottom:0px; left:20px; } .Right{ float:right; position:relative; top:0px; margin-bottom:0px; left:22px; } .Side .Box{ width: 180px; float: left; padding: 0 0 0 0; background-image: url(bg_menu_cr.gif); background-repeat: repeat-y; } .Side .Boxb{ width: 180px; float: left; padding: 0 00 12px; background-image: url(bg_menu_cr.gif); background-repeat: repeat-y; } .Side .Boxb a{ color:#303030; text-decoration: none; font-weight: bold;} .Side .Boxb a:hover{ text-decoration: none; color:white ; font-weight: bold; } .Side div.Comments{ background-image: url(bg_menu_c.gif); background-repeat: repeat-y; } .Side div.CommentsFooter{ float: left; width:180px; height:12px; background-image: url(bg_inbox_footer.gif);} .Left .BoxFooter{ width: 180px; float: left; height:20px; background: url(bg_menu_fr.gif) no-repeat; } .Right .BoxFooter{ width: 180px; float: left; height:20px; background: url(bg_menu_fr.gif) no-repeat; } .Left .BoxFooterb{ width: 180px; float: left; height:20px; background: url(bg_menu_fr.gif) no-repeat; } .Left .BoxFootero{ width: 180px; float: left; height:20px; background: url(bg_menu_fr.gif) no-repeat; } .Left .BoxFooterr{ width: 180px; float: left; height:20px; background: url(bg_menu_fr.gif) no-repeat; } .Side .SolidBox{ width:180px; float: left; padding:0px 10px 10px 10px; background-image: url(bg_menu_cr.gif); background-repeat: repeat-y; } .Side .SolidBox a{ color: #FFFFFF; text-decoration: none; } .Side .SolidBox a:hover{ color: #303030; text-decoration: none; } .Left .SolidBox{ background-position: left bottom; background-image: url(bg_menu_cr.gif) } .Right .SolidBox{ background-position: right bottom; background-image: url(bg_menu_cr.gif) } .Side div.Special{ background-image: url(bg_menu_cr.gif) } .Left div.Special{ background-image: url(bg_menu_cr.gif); } .Right div.Special{ background-image: url(bg_menu_cr.gif); } .Side h2{ float:left; margin: 10 0 0 0; display: block; width: 180px; height: 65px; color: white; background-image: url(bg_menu_h.gif); background-repeat: no-repeat; font-size: 11px; font-weight: bold; text-transform: uppercase; overflow: hidden; font-family: Tahoma, Arial, Helvetica, sans-serif; letter-spacing: 2px; text-align:center; padding: 0px 0 0px 0px; } .Side h2.Special{ height: 65px; background-image: url(bg_menu_h.gif); } .Side h2.Solid{ height:73px; line-height:32px; padding: 0 0 0 0px; background-image: url(bg_menu_hr.gif); } .Side h2.Solidcombo{ height:59px; line-height:32px; padding: 0 0 0 0px; background-image: url(bg_menu_combo.gif); } .Side h2.Solidnewgame{ height:73px; line-height:32px; padding: 0 0 0 0px; background-image: url(bg_menu_newgame.gif); } .Side h2.Solidcon{ height:58px; line-height:32px; margin-top: 12px; background-image: url(bg_menu_connexion.gif); } .Side h2.SolidSpecial{ height:73px; line-height:32px; padding: 0 0 0 0px; background-image: url(bg_menu_hr.gif); } .Side h2.SolidSpecialrech{ height:58px; line-height:32px; padding: 0 0 0 0px; background-image: url(bg_menu_rechercher.gif); } .Side h2.Solidcat{ height:73px; line-height:32px; padding: 0 0 0 0px; background-image: url(bg_menu_cat.gif); } .Side h2.Solidjfav{ height:61px; line-height:32px; padding: 0 0 0 0px; background-image: url(bg_menu_jfav.gif); } .Side h2.Solidpartenaires{ height:62px; line-height:32px; padding: 0 0 0 0px; background-image: url(bg_menu_partenaires.gif); } .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{ margin: 0 0 0 0; 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: #FFFFFF; font-size: 12px; font-weight: bold; } .Side ul.Nav a:hover{ padding: 5px 0 0 20px; width: 180px; text-decoration: none; color: #303030; background: url(bg_menu_ba.gif) no-repeat; } .Side .SearchBox{ color="#17b8f1" font-weight: bold; background-image: url(bg_side_textbox_spec.gif); background-repeat: no-repeat; border: 0 none; width: 154px; height: 19px; line-height: 17px; padding: 2px 0 0 5px; margin: 0; } .Side .BtnGo{ background-image: url(btn_go.gif); width:96px; height:25px; border:none; background-color: #05a4c6; float: center; } .Side .Special .BtnGo{ background-image: url(btn_go_spec.gif); background-color: #05a4c6; float: center; margin-top: 6px; margin-left: 31px } .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: 2px dashed #E8D000; background: #17b8f1; } #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: 2px solid #E8D000; overflow: auto; width: 280px; padding:2px; background: #FFFFFF; } #feedbackpost input.Button{ width: 120px; height: 25px; 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; } #Footer{ float:left; width: 800px; height: 150px; position:relative; } #Footer .partenaires{ font-size: 10px; text-align:center; } #Footer .wrap{ position: absolute; width: 800px; height: 100px; color: #303030; text-align:right; padding:50px 14px 0 0; background: url(bg_footer.gif) no-repeat; font-size: 11px; } #RootWide #Footer .wrap{ width: 800px; height: 100px; background: url(bg_footer.gif) no-repeat; } #Footer a{ text-decoration: none; color:#303030; } #Footer a:hover{color: #17b8f1; } #Footer p{ margin: 0 0 4px 0; line-height: 1.2em; } /* Pagination */ p.Pages{ clear:both; display:block; text-align:center; padding:15px 0 0 0; } p.Pages a{ color: black; padding: 0 5px 0 5px; margin:0; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif;} p.Pages a.PageActive{ background-color: #05A2C4; color: White;} p.Pages a:hover{ background-color: #E8D000; text-decoration: none; color: White; }