BODY{ color: #404040; font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 0; padding: 0; background: #7f0c0e url(fond.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: #7f0c0e; font-weight: bold; } a:hover{ text-decoration: none; color: #448702; 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: 11px;} .VerySmall{ font-size: 9px;} .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: 190px; position:relative; color: #FFFFFF; font-size: 9px;} #Head ul{ display: block; height: 24px; width: 800px; margin-left: 40px; } #RootWide #Head ul{ width: 800px; } #Head ul a{ color: #E8FC95; text-decoration: none; } #Head ul a:hover{ color: white; } #Head li{ float: left; display: block; padding: 7px 2px 0 2px; background: url(bullet_mainnav.gif) no-repeat 0 9px; } #Head span{ display: none;} #Head h1, #Head h1 a{ display:block; width: 288px; height: 108px; float:left; margin-top:10px; } #Content{ float:left; width:800px; position:relative; background: url(bg_center.gif) repeat-y 0px 0; } #RootWide #Content{ background: url(bg_center.gif) repeat-y 0px 0; } #Main{float:right; width: 560px; padding: 10px 28px 20px 31px; } #RootWide #Main{ width: 730px; float:center; } #Main h2{ padding-top: 13px; color: #FFFFFF; font-size: 14px; font-weight: bold; } #Main .bienvenue{ font-size: 11px;} #Main .bienvenue a{ color: #7f0c0e; text-decoration: none; font-weight: bold; } #Main .bienvenue a:hover{ color: #37550D; text-decoration: none; font-weight: bold;} #Main .centreh2{background-image: url(bg_centre_h2.gif); background-repeat: no-repeat; height: 45px; } #Main .cath2{background-image: url(bg_cat_h2.gif); background-repeat: no-repeat; height: 45px; } #Main .FormC{ float: left; display:block; width: 531px; padding: 10px; margin:0 0 25px 1px; border: 4px solid; background: #ffe600; border-color: #448702; } #Main .FormCat{ float: left; display:block; width: 516px; padding: 10px; margin:0 0 25px 1px; border: 4px solid; background: #ffe600; border-color: #448702; } /* JEU DE LA SEMAINE*/ #Main .Featured2{ background-image: url(bg_jeu_semaine.gif); background-repeat: no-repeat; height: 150px; } #Main .Featured2 p{ width: 200px; } #Main .Featured2 .Caption{ font-size: 12px; margin-bottom:0; font-weight: bold; color: #37550D; } #Main .Featured2 .Title{ margin-top: 10px; font-size: 16px; margin-bottom: 5px; font-weight: bold; color: #448702; } #Main .Featured2 a{ color: #448702; text-decoration: none; } #Main .Featured{ margin: -70px 10px 0 22px; } #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; } /* MENU HEADER*/ .mainnav a{ display:block; padding: -5px 0px 0 0px;float: left; height: 34px; width: 90px; } .mainnav a:hover{ background: url(header.gif) no-repeat right; } .Go{ background-image: url(go.gif); width:32px; height:25px; border:none; float: center; } .Ok{ background-image: url(ok.gif); width:32px; height:25px; border:none; float: center; } .Text { color: #448702; font-size: 10px; font-weight: bold; } .Connex { margin-left:70px; color: #FFFFFF; } .Connex a{ display:block; } .Connex a:hover{ color: #448702; } /* CENTER GAMES LIST */ #Main div.GamesRow{ float:left; margin: 5px 0 0px 0;} #Main div.GamesRowJ{ float:left; margin: 4px 0 0px 0;} #Main div.GamesRow div.leftgame{ float: left; width: 256px; padding-bottom: 2px; } #Main div.GamesRowJ div.leftgame{ float: left; width: 175px; padding-bottom: 2px; } #Main div.Thumb { position:relative; float:left; display: block; font-size:8px; width: 84px; height: 65px; margin:0; background: url(game_frame.png) no-repeat;} #Main img.Thumb{ position: absolute; top: 3px; left: 3px; width: 70px; height: 59px; } #Main div.Thumb2 { left:22px; position:relative; float:left; display: block; font-size:8px; width: 90px; height: 65px; background: url(game_frame.png) no-repeat;} #Main img.Thumb2{ position: absolute; top: 3px; left: 25px; width: 70px; height: 59px; } #Main .mask { display:block; position: absolute; top: 0; left: 0; width:75px; height:65px; cursor: hand; } #Main .mask[class] { background: url(game_frame.png) no-repeat; } #Main div.GamesRow .Title{ margin: 0 0 0 10px; margin-bottom:4px; color: #7f0c0e; font-size: 12px; font-weight: bold; text-transform: uppercase; font-family: Tahoma, Arial, Helvetica, sans-serif; letter-spacing: -0.005em; } #Main div.GamesRowJ .Title{ margin: 0 0 0 2px; margin-bottom:4px; color: #7f0c0e; font-size: 11px; font-weight: bold; text-transform: uppercase; font-family: Tahoma, Arial, Helvetica, sans-serif; letter-spacing: -0.005em; } #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: 27px; width: 64px; height: 11px; 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{ margin: 0 0 0 15px; margin-top: -25px; background-repeat: repeat-x; background-color: white; float:left; width:685px; padding:15px 0 0 0;} #Main .GameBGBox{ float:left; width:655px; padding:15px 15px 15px 15px; background-color: white; text-align:center; color: red; } #Main .Form2{ float: left; display:block; width: 716px; padding: 10px; margin:0 0px 30px -13px; border: 4px solid; background: #ffe600; border-color: #448702; } #Main h3{ color: #7f0c0e; font-size: 14px; margin-bottom: 3px; font-weight: bold;} #Main h4{ color: #37550D; font-size: 16px; margin-bottom: 5px; margin-top: 15px; text-align:center; 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; float:right; } /* 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 #303030; color: #303030; overflow: auto; } .related{ float:left; width: 86px; margin-left:3px; margin-bottom: 5px; font-size: 10px; } .bontongame li{ margin-bottom: 10px; 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: #FFE600; 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;} .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{ color: white; width: 180px; float: left; padding: 0 0 0 0; background-color: white; background-image: url(bg_menu_c.gif); } .Side .Boxb{ color: white; width: 180px; float: left; padding: 0 00 12px; background-color: white; background-image: url(bg_menu_c.gif); } .Side .Boxb a{ color:white; text-decoration: none; font-weight: bold;} .Side .Boxb a:hover{ text-decoration: none; color:#D8DA07 ; 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_f.gif) no-repeat; } .Right .BoxFooter{ width: 180px; float: left; height:20px; background: url(bg_menu_f.gif) no-repeat; } .Left .BoxFooterb{ width: 180px; float: left; height:20px; background: url(bg_menu_f.gif) no-repeat; } .Left .BoxFootero{ width: 180px; float: left; height:20px; margin-bottom:5px; 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{ color: #FFFFFF; width:180px; float: left; padding: 0 0 5px 0; background-image: url(bg_menu_cr.gif); } .Side .SolidBox a{ color: #FFFFFF; text-decoration: none; } .Side .SolidBox a:hover{ color: #37550D; 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: 50px; 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: 50px; margin-top:5px; background-image: url(bg_menu_h.gif); } .Side h2.Solid{ height:50px; line-height:32px; background-image: url(bg_menu_hr.gif); } .Side h2.Solidcombo{ height:50px; line-height:32px; margin-top:5px; background-image: url(bg_menu_combo.gif); } .Side h2.Solidnewgame{ height:50px; line-height:32px; margin-top:5px; background-image: url(bg_menu_newgame.gif); } .Side h2.Solidcon{ height:50px; line-height:32px; background-image: url(bg_menu_connexion.gif); } .Side h2.SolidSpecial{ height:50px; line-height:32px; margin-top:5px; background-image: url(bg_menu_hr.gif); } .Side h2.SolidSpecialrech{ height:505px; line-height:32px; margin-top:5px; background-image: url(bg_menu_rechercher.gif); } .Side h2.Solidcat{ height:50px; line-height:32px; margin-top:5px; background-image: url(bg_menu_cat.gif); } .Side h2.Solidfav{ height:50px; line-height:32px; padding: margin-top:5px; background-image: url(bg_menu_jfav.gif); } .Side h2.Solidsponsor{ height:50px; line-height:32px; padding: margin-top:5px; background-image: url(bg_menu_sponsor.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: #ffe600; background: url(bg_menu_ba.gif) no-repeat; } #Main .SearchBox{ color="#7f0c0e" font-weight: bold; border: 0 none; } .Side .Special .BtnGo{ background-image: url(btn_go_spec.gif); background-color: #1C1C1C; float: center; margin-bottom: -0px; margin-top: 0px; margin-left: 20px } .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: #448702; border-color: #7f0c0e; } #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: 1px solid #303030; overflow: auto; width: 280px; padding:2px; } #feedbackpost input.Button{ width: 80px; 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: left; width: 95%; } #PUBLISH .code{ display: block; width: 95%; height: 100px; font-size: 10px; background: #fafafa; border: 1px solid #cccccc; padding: 3px; overflow: hidden; } #Footer{ float:left; width: 800px; height: 50px; position:relative; } #Footer .wrap{ position: absolute; width: 800px; height: 50px; color: #ffe600; text-align:right; padding:8px 0px 0 0; background: url(bg_footer.gif) no-repeat; font-size: 11px; } #Footer a{ text-decoration: none; color:#ffe600; } #Footer a:hover{color: #FFFFFF; } #Footer p{ margin: 0 0 4px 0; line-height: 1.2em; } p.Pages{ clear:both; display:block; text-align:center; padding:15px 0 0 0; } p.Pages a{ color: #448702; padding: 0 5px 0 5px; margin:0; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; border: 1px solid #9E0001;} p.Pages a.PageActive{ background-color: #9E0001; color: #FFFF00; border: 1px solid #448702;} p.Pages a:hover{ background-color: #448702; text-decoration: none; color:#FFFF00; }