/* grille */
#container {
margin:0 auto;
width:996px;
padding-left:4px
}

#leftcolumn, #rightcolumn{
margin-top : 5px;
margin-bottom : 5px;
}

#leftcolumn {
width : 690px;
margin-right:0px;
margin-left : 0px;
}

#rightcolumn {
width:294px;
margin-right:0px;
}

/* contenus */
.hiddenToHuman{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

.inlineblock{float:left}

#header h1{margin:0;padding:0;text-align:left}

#edito {width:240px;margin-right:10px;margin-bottom:10px}
#edito ul{margin:0 5px 0 20px}
#edito li{margin:5px 0}
#edito ul li{list-style-type:disc}

.more{float:right;margin-right:5px;padding-right:12px;background:url(/images/link-more.png) no-repeat right 4px}

.blockwrapper1col{width:198px}
.blockwrapper2cols {width:425px}
.blockwrapper3cols .gameslistblock{width:225px}
.blockwrapper3cols .more{margin-right:30px}
.blockwrapper .titlewrapper{background:url(/images/bg-title-2.png) repeat-x center 7px}
.blockwrapper h2,.gameslistblock h3{text-transform:uppercase}
.blockwrapper h2 em{font-weight:bold;text-transform:lowercase}
.blockwrapper h2{padding:0 2px;text-align:center;color:#303030}
.blockwrapper h2 span{padding:0 10px;background-color:#fff}
.gameslistblock{width:210px;margin-bottom:10px}
.gameslistblock,.gameslistblock li .cover,.gameslistblock li div{float:left}
.gameslistblock li{margin-bottom:5px}
.gameslistblock li .cover, .lcol a .cover{border:solid 1px #666;}
.gameslistblock h3{margin:4px 0;font-size:1.15em;color:#bc1a1b}
.gameslistblock div{margin-left:5px}
.gameslistblock h4{margin:0}
.gameslistblock div img, #gamesample .gametype img{vertical-align:bottom}
.gameslistblock div a,.gameslistblock div p{color:#000}
.gameslistblock .gametype{margin:1px 0;color:#666}
.gameslistblock .viewed{margin-left:5px;color:#666}
.gameslistblocklast{margin:24px 25px 0 0;padding-right:20px;background:url(/images/vertical-separator.png) no-repeat right top}
.blockwrapper1col h2{margin-bottom:5px;padding-left:0;text-align:left}
.blockwrapper1col h2 span{padding:0 10px 0 0}
.blockwrapper1col .gameslistblock h3{text-transform:none;font-size:1em}
.blockwrapper1col .gameslistblock{width:auto}

#gamesample{position:relative;float:left;width:458px;padding:5px;margin-right:10px;margin-bottom:10px;border:solid 1px #666;background-color:#fff;color:#666}
#gamesample .lcol, #gamesample .rcol{float:left}
#gamesample .lcol{width:190px;margin-right:10px}
#gamesample .rcol{width:240px;margin-left : 5px;}
#gamesample .kind{margin-bottom:15px;text-align:center;font-size:1.2em;font-weight:bold}
#gamesample h3 a, #gamesample .gametype, #gamesample .kind,#gamesample .desc{color:#000}
#gamesample .gametype span{color:#666}
#gamesample h3{margin-top:0;text-align:left}
#gamesample .kind,#gamesample h3 a{font-size:1.4em}
#gamesample .everplayed{padding:1px 0 1px 18px;background:url(/images/icons16/1dice.png) no-repeat 0 0}
#gamesample .likes{padding:1px 0 1px 18px;background:url(/images/icons16/heart.png) no-repeat 0 0}
#gamesample .have{padding:1px 0 1px 18px;background:url(/images/icons16/box.png) no-repeat 0 0}
#gamesample .lcol p a{text-decoration:underline}
#gamesample .lcol p a:hover{text-decoration:none}
#gamesample .allkinds{float:right;margin-right:5px;padding-bottom:3px;color:#000}
#gamesample .discover{clear:right;margin-bottom:10px;float:right;margin-right:5px;padding-bottom:3px;color:#000}
#gamesample .ludo{clear:right;width:130px;margin-bottom:18px;margin-left:50px}
#gamesample .allkinds,#gamesample .discover,#gamesample .ludo a{text-decoration:underline}
#gamesample .allkinds:hover,#gamesample .discover:hover,#gamesample .ludo a:hover{text-decoration:none}
#gamesample .more{float:none;position:absolute;right:5px;bottom:5px} 
#gamesample .desc,#gamesample .cover{display:block;margin-top:10px}

#events {margin-bottom:10px}
#events h2{margin-bottom:5px;text-align:left}
#events .current,#events .tocome{margin-bottom:10px}
#events .current h2{text-transform:uppercase;color:#303030}
#events .current img,#events .current .rcol{float:left}
#events .current h3{margin:0}
#events .current h3 a{color:#000}
#events .current .geo{color:#666}
#events .current .geo{margin-bottom:5px}
#events .current img{margin-right:15px}
#events .tocome li{font-size:.85em}
#events .tocome li a {font-weight:bold}

#newsfeed {margin-bottom:10px}
#newsfeed h2{margin-bottom:5px;text-align:left;text-transform:uppercase;color:#303030}
#newsfeed li{font-size:.85em}
#newsfeed li a {font-weight:bold}
#newsfeed li img{vertical-align:bottom}

#ad{width:300px;height:250px;margin-bottom:10px}

#members .member{float:left;width:140px;margin-right:5px;margin-bottom:5px}
#members h2{margin-bottom:5px;text-align:left;text-transform:uppercase;color:#303030}
#members h3{text-align:center;font-size:1.2em;color:#666}
#members .member h4 a{color:#000}
#members .lcol,#members .rcol{float:left}
#members .lcol{margin-right:2px}
#members .rcol{color:#666}
#members .rcol p img{vertical-align : middle;}

