/* RESET */ *{ margin: 0; padding: 0;} a img, iframe{ border: 0; } h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; } form, fieldset{ border: 0; } input, textarea, select, button { font-size: 100%; font-family: Arial, Helvetica, sans-serif; } select{ margin: inherit; } table{ border-collapse: collapse; border: 0; } td, th, caption{ font-size: 100%; font-weight: normal; text-align: left; } /* LAYOUT */ body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #090909; width: 980px; margin: 0 auto;} .wrap{ width: 980px; margin: 0 auto; } .wrapnav{ width: 980px; margin: 0 auto; } .wrapnav ul { padding: 0; display:inline;} .wrapnav li { padding-right: 7px; display:inline;} #Head, #menu, #F, #fildariane, #Game, #Content, #Footer{ float:left; width:100%; } #Head{ height: 95px; } #Head .wrap{ height: 95px; background: url(head_banner.jpg) no-repeat; position:relative; } #Head h1{ font-size: 11px;color:#5d9dfc; } #Logo { width:0px; float: left;} #Login{ float: right; margin: 0px 0 0 0; margin-left:250px; color: #cdcdcd; text-align: right; width: 40%; font-size: 11px; font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;} #Login a{ color: #f4b906; } #Login a:hover{ color: white; } #menu{ border-bottom: 1px solid #0191FF; padding: 9px 0; color: #999999; text-align: right; font-weight: bold; font-size: 16px; } #menu a{ color: #0066FF; text-decoration: none; } #menu span{ margin: 0 10px; } #menu a:hover{ color: #2d80fd;} .ttitle{ width:625px;color:#5d9dfc;padding-left:0px; } .ttitlein{ width:625px;color:#5d9dfc;padding-left:200px; } #F{ padding: 2px 0 0px 0; border-bottom: 1px solid white; } #Game{ background: #FFF; padding: 20px 0; } #fildariane{ font-size: 11px; padding: 5px 0; color:#000; font-weight:bold;} #fildariane span{ color: #555; font-weight:normal; } #fildariane a{ padding: 0 0px 0 14px; color: black; text-decoration: none; font-weight: normal; background: url(path_bullet.gif) no-repeat left; } #fildariane a:hover{ text-decoration: underline; } #Content{ background: #fff; padding: 10px 0; } #Main{ float: left; width: 605px; } #Main h1{ font-weight: bold; color: #0066FF; } #Side{ float: right; width: 356px; margin-right: -12px; } * html #Side{ margin-right: -6px; } #Content.content-game{ border-top: 0 none; } #facebook{ margin: 0 auto; background-color: #fff;} .facimages{width: 980px; margin: 0 auto; padding-bottom: 5px;} #Footer{ padding:20px 0 ; color:#333333;} #Footer .left { width: 100%; } #Footer .left a{ color:#333333; } #Footer .left a:hover{ color:#CDCDCD; } #Footer .right{ width: 39%; } #Footer .right a{ color:#333333; } #Footer .right a:hover{ color:#CDCDCD; } /* Helpers */ .left{ float: left; } .right{ float: right; } .center{ display: block; margin: 0 auto; } .tl{ text-align: left; } .tr{ text-align: right; } .tc{ text-align: center; } .tj{ text-align: justify; } .small{ font-size: 0.9em; } .clear, .Clear{ font-size: 1px; height: 1px; clear: both; line-height: 1px; } /* CONTENT */ h1, h2, h3, h4, h5{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } h1{ font-size: 16px; margin: 0 0 25px 0; } h2{ font-size: 18px; margin: 0 0 15px 0; } h3{ font-size: 16px; margin: 0 0 10px 0; } h4{ font-size: 14px; font-weight:bold; margin: 0 0 10px 0; } h5{ font-size: 13px; font-weight:bold; margin: 0 0 10px 0; } a{ color: #333; } a:hover{ color: #e30000; } p{ margin: 0 0 20px 0; } ul, ol{ margin: 0 0 20px 0; padding: 0 0 0 16px; } li{ margin: 0 0 4px 0; } /* featured */ #F{ } #F ul{ float: left; width: 520px; height: 155px; overflow: hidden; list-style: none; padding: 0; } #F ul a{ float:left; width:518px; height:148px; padding:5px; color: #454545; text-decoration: none; cursor: pointer; } #F ul .thumb{ float: left; margin: 0 10px 0 0; width: 217px; height: 136px; border: 4px solid #EBEBEB; overflow: hidden; cursor: pointer; } #F ul .thumb img{ width: 217px; } #F ul .title{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-transform: uppercase; } #F ul .desc{ display:block; margin-left: 230px; } #F ul a:hover .thumb{ border: 4px solid #e30000; } #F ul a:hover .title{ color: #e30000; } #F .right{ width: 440px; padding-top:10px; } #F a.fgame{ float: right; width: 165px; margin: 0 0 14px 24px; color: #454545; cursor: pointer; padding: 2px; text-decoration: none; } .fgame .left{ width: 54px; text-align: center; margin: 0 6px 0 0; } .fgame .thumb{ display:block; width: 46px; height: 46px; border: 3px solid #E0e0e0; overflow: hidden; cursor: pointer; } .fgame .thumb img{ height: 46px; } .fgame .title{ display: block; width: 104px; height: 15px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0 0 4px 0; overflow: hidden; } .fgame .desc{ display:block; margin-left: 60px; font-size: 10px; line-height: 1.1em; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; } #F a.fgame:hover .thumb{ border: 3px solid #e30000; } #F a.fgame:hover .title{ color: #e30000; } /* game list */ .category h2{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #0066FF; height:1.2em; border-bottom: 1px solid #b7b7b7; margin:0 0 10px 0; margin-top: 10px;} .category h2 a.left{ font-weight: bold; color: #0066FF; text-decoration: none;} .category h2 a.right{ font-weight: normal; margin-top: 6px; font-size: 10px; color: #777; text-decoration: none; text-transform: uppercase; } .category h2 a.right:hover{ color: #000; } .gamesrow{ float: left; width: 635px; margin: 0 -30px 12px 0; } .category .gamerel{ float: left; margin-right: 30px; padding: 3px; width: 120px; height: 100px; text-decoration: none; border: 1px solid #fff; } .category .gamerel .left{ margin: 0; width: 114px; } .gamerel .thumb { float: left; width: 100px; height: 64px; margin: 0 8px 3px 0; overflow: hidden; border: 3px solid #4D4D4D; } .gamerel .thumb img{ width: 100px; } .gamerel span.title{ color: #3B3B3B; margin-bottom: 4px; width: 130px; float: left; font-size: 9px; font-weight: bold; text-transform: uppercase; font-family: Tahoma, Arial, Helvetica, sans-serif; letter-spacing: -0.005em; } .category .gamerel:hover{ background: #fafafa; border:1px solid; border-color:#e0e0e0 white white #e0e0e0;} .category .gamerel:hover .title{ color: #e30000; } .category .gamerel:hover .desc{ color: #333; } .category .gamerel:hover .thumb{ border: 3px solid #e30000; } .gamesrowb{ float: left; width: 610px; margin-left: 7px; } .category .game{ float: left; margin-right: 30px; padding: 3px; width: 279px; text-decoration: none; border: 1px solid #fff; } .category .game .left{ margin: 0; width: 114px; } .category .gameb{ float: left; margin-right: 30px; padding: 3px; width: 165px; text-decoration: none; border: 1px solid #fff; } .category .gameb .left{ margin: 0; width: 165px; } .game .thumb { float: left; width: 100px; height: 64px; margin: 0 8px 3px 0; overflow: hidden; border: 3px solid #4D4D4D; } .game .thumb img{ width: 100px; } .gameb .thumbb { float: left; width: 165px; height: 114px; margin: 0 8px 3px 0; overflow: hidden; border: 3px solid #4D4D4D; } .gameb .thumbb img{ width: 165px; } .game .title{ color: #3B3B3B; margin-bottom: 4px; font-size: 9px; font-weight: bold; text-transform: uppercase; font-family: Tahoma, Arial, Helvetica, sans-serif; letter-spacing: -0.005em; } .gameb span.titleb{ color: #3B3B3B; margin-bottom: 4px; float: left; width: 165px; font-size: 9px; font-weight: bold; text-transform: uppercase; font-family: Tahoma, Arial, Helvetica, sans-serif; letter-spacing: -0.005em; } .game .desc{ display:block; font-family: "MS Sans Serif", Geneva, sans-serif; font-size: 11px; color: #9B9B9B; } .category .game:hover{ background: #fafafa; border:1px solid; border-color:#e0e0e0 white white #e0e0e0;} .category .game:hover .title{ color: #e30000; } .category .game:hover .desc{ color: #333; } .category .game:hover .thumb{ border: 3px solid #e30000; } .category .gameb:hover .thumbb{ border: 3px solid #e30000; } .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; } /* 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{ width: 255px; height: 70px; background-color: #FFFEF9; border: 1px solid #F7C993; color: #8E4826; overflow: auto; } /* S I D E */ #Column1, #Column2{ float: left; width: 166px; margin: 0 12px 0 0; } #Side a:hover{ text-decoration: underline; } .simplewidget{ width: 336px; padding: 0 4px; margin:0 0 20px 0; } .widewidget{ float: left; margin:0 0 15px 0; width: 344px; background: white url(bg_sidewide.gif); } .widewidget .out{ float: left; width: 100%; background: url(bg_sidewide_footer.gif) no-repeat bottom; padding: 0 0 15px 0; } .widewidget .in{ float:left; width:312px; padding:17px 16px 10px 16px; background: url(bg_sidewide_top.gif) no-repeat; } .widget{ float: left; margin: 0 0 15px 0; width: 166px; background: white url(bg_side.gif); } .widget .out{ float: left; width: 100%; background: url(bg_side_footer.gif) no-repeat bottom; padding: 0 0 15px 0; } .widget .in{ float:left; width:136px; padding:17px 15px 10px 15px; background: url(bg_side_top.gif) no-repeat; } #Side h2{ margin:0 0 18px 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } .widget ul{ padding: 0; list-style: none; } .widget ul li{ padding: 0 0 0 16px; background: url(bullet1.gif) no-repeat 0 4px; } .widget ul li.empty{ background:none; } .widget ul a{ color: #454545; text-decoration: none; } .widget p{ margin: 0 0 10px 0; } .widget select{ width: 135px; } /* search */ #Search .text{ float:left; width:255px; height: 18px; padding:7px 5px 5px 5px; background: url(bg_search.gif) repeat-x; border: 1px solid #999; } #Side #Search h2{ margin: 0 0 6px 0; } #Search .btn{ float: right; width: 35px; height: 32px; background: #de120f url(btn_go.gif); color: white; font-size: 1px; border: 0 none; cursor: pointer; } /* NEWS block */ #NewsBlock{ } #NewsBlock li{ margin-bottom: 15px; padding: 0; background: none; } #NewsBlock .title{ color: #4682b4; font-size: 11px; display: block; display: block; font-weight: bold; } #NewsBlock .date{ font-weight: normal; } #NewsBlock .more{ display:block; font-size: 10px; width:100%; text-align: right; font-weight: bold; } #NewsBlock .more a{ color: #e30000; } /* Feedback */ p.site_comment{ margin: 0 0 7px 0; font-size: 11px; } p.site_comment .user{ font-size: 11px; color: #4682b4; font-weight: bold; } p.site_comment .user a{ color: #4682b4; font-weight: bold; } #SitefeedbackBlock form p{ margin: 0 0 10px 0; } #SitefeedbackBlock textarea{ border: 1px solid silver; overflow: auto; width: 128px; padding: 3px; height: 60px; } #SitefeedbackBlock input.Button{ font-size:11px; } /* FOOTER */ #Footer a{ text-decoration: none; color:#ccc; } #Footer a:hover{color: #fff; } #Footer p{ margin: 0 0 4px 0; line-height: 1.2em; } #Footer{ font-size: 11px; } /* GAME PAGE */ #Game h1{ font-size: 12px; text-transform: uppercase; } #Game h1 span{ font-size: 20px; display: block; text-transform: none; } #Gamebox{ float: left; width: 979px; background: #656565; border: solid #333; border-width: 1px 0 0 1px; } #Gamebox .left{ float: left; width: 790px; min-height:450px; padding: 6px 0; background: #8e8e8e url(bg_game.gif) repeat-y right; text-align: center; } * html #Gamebox .left{ height: 450px; } #description {min-height:80px;} #desc-bloc { float:left;padding: 10px 0px 5px 0px;} #sous-jeux { width:800px; margin: 5px 0px 0px 30px; } .sous-jeuxleft { text-align:center; } span.imgl { float: left; width: 100px;} span.imgl img { border: 3px solid #4D4D4D;} span.imgr { float: right; width: 490px;} /* Game comments */ #Gamebox .right{ float: right; width: 170px; padding: 0px 17px 0 0; color: white; font-size: 11px; } #Gamebox .right h2{ color: #ff7e00; text-transform: uppercase; font-weight: bold; margin: 0 0 10px 0; } #Gamecomments{ height: 200px; overflow: auto; } #Gamecomments p{ margin: 0 0 5px 0; } #Gamecomments .user{ color: #ccc; font-weight: bold; } #feedbackpost textarea{ background: #cccccc; color: #000; width:604px; height: 50px; overflow: auto; border: 1px solid; border-color: #333 #999 #999 #333; } #feedbackpost .btn{ border: 0 none; background: url(bg_btn_submit.gif); width: 62px; height: 21px; color: white; font-size: 11px; } .code{ display: block; width: 127px; height: 200px; font-size: 11px; background: #fff; border: 1px solid; border-color: #999 #eee #eee #999; padding: 3px; overflow: hidden; } #star-rating{ background: url(star_rating.gif) repeat-x left -1000px; float:right; height:30px; width:145px;} #star-rating a:hover, #star-rating a:active, #star-rating a:focus, #star-rating .current-rating{ background: url(star_rating.gif) repeat-x left -1000px; } #star-rating{ position: relative; width: 145px; height: 30px; overflow: hidden; list-style: none; margin: 15px 0 0 0; padding: 0; background-position: left top; } #star-rating li{ display: inline; line-height:30px; } #star-rating a, #star-rating .current-rating{ position: absolute; top: 0; left: 0; text-indent: -1000em; height: 30px; line-height: 30px; 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; } #Recommended .category .game{ height: 90px; margin: 0 0 12px 0; overflow: hidden; } #related { float:left;width:600px;margin-top:10px; } ul.sitemap{ list-style: none; } ul.sitemap li{ list-style: none; float: left; width: 180px; } ul.sitemap_games li{ float: none; } /* User navigation */ #UserMenu{ margin: 0 0 15px 0; padding:5px; background:white; border: 1px solid; border-color: #cccccc #f3f3f3 #f3f3f3 #cccccc; } #UserMenu .active a{ color: #333; font-weight:bold;} .pagemenu{ text-align: right; } .pagemenu li{ list-style: none; display: inline; margin:0 10px 0 0; } .pagemenu a{ color: #666; text-decoration: none;} /* Profile data */ #Profile{ float:left; width:100%; list-style: none; padding:0; margin:0 0 15px 0;} #Profile li{ float: left; width: 230px; line-height: 1.6em; } #Profile li.avatar{ width: 120px; } #Profile li.avatar img{ border: 1px solid; border-color: #cccccc #f3f3f3 #f3f3f3 #cccccc; padding: 5px; background: white; } /* Favorites */ .favorites{ list-style: none; margin: 0; padding: 0; } .favorites li{ float: left; width: 111px; height:100px; margin: 0 15px 15px 0; overflow:hidden; } .favorites a{ display: block; padding:3px; width: 109px; height: 98px; border: 1px solid #f5F5F5; text-decoration: none; } .favorites a:hover{ background: #fafafa; border:1px solid; border-color:#e0e0e0 white white #e0e0e0;} .favorites .Thumb{ display:block; width: 100px; height: 64px; overflow: hidden; border: 3px solid #4D4D4D; } .favorites .Thumb img{ width: 100px; } .favorites .title{ display: block; width: 100%; text-align: center; color: #333333; font-weight: bold; padding: 4px 0 0 0; } /* Userlist */ .list_user{ width: 245px; margin:0 0 18px 0; } .list_user .avatar{ float: left; width: 50px; padding: 3px; border: 1px solid; border-color: #cccccc #f3f3f3 #f3f3f3 #cccccc; background:white; } .list_user .info{ float: right; width: 175px; } .list_user .info img{ float: left; margin-right: 5px; } .username0, .username1, .username2{ float: left; line-height: 23px; text-decoration: none; font-size:14px; } .username0{ color: #CCCCCC; } .username1{ color: Navy; } .username2{ color: #ff1493; } .list_user .info a:hover{ text-decoration: underline; } /* Microformats */ .hreview-aggregate { float:left;height:60px; } /* Settings */ #Settings h3{ margin: 20px 0 4px 0; } #Settings .Form{ float: left; display:block; width: 583px; padding: 10px; margin:0 0 30px 0; border: 1px solid; background: #fafafa; border-color: #CCCCCC #fff #fff #CCC; } #Settings input.Text{ width: 200px; } #Avatar img{ float:left; border: 1px solid; border-color: #cccccc #f3f3f3 #f3f3f3 #cccccc; padding: 3px; margin:0 0px 0 0; } #Avatar p{ margin: 0 0 9px 0; } .odd{ float: left; } .even{ float: right; } #Password{ display: none; } .vivid{ color: #ff4500; } /* Pub */ #pub {width:980px; margin:0 auto; padding:4px 0; background:black;float:left;} #pub1 {margin-left:5px; float:left; top:0;} #pub2 {margin-left:35px; float:left; top:0;} #pub3 {margin-right:5px; float:right; top:0;} .laurywidewidget{ float: left; margin:0 0 15px 0; width: 979px; background: white url(bg_jeu_milieu.gif); } .laurywidewidget .out{ float: left; width: 100%; background: url(bg_jeu_bas.gif) no-repeat bottom; padding: 0 0 15px 0; } .laurywidewidget .in{ float:left; width:97%; padding:1px 16px 10px 16px; background: url(bg_jeu.gif) no-repeat; } .laurywidewidget .pub{ float:right; width:160px; height:613px; padding:0px 16px 10px 2px; background: #cccccc; } .laurywidewidget .pub p{ margin-left:7px; margin-top:7px;} .laurywidewidget .vote{ float:right; width:170px; height:35px; padding:0px 16px 10px 2px; } .laurywidewidget .pubcentre{ float:left; margin-left: 210px; width:340px; height:280px;