/* CSS Document */

@import "board-ie6.css";

/*	--== BOARD GAMES CSS ==--*/


/*  --== GENERAL STYLES ==-- */

.board * {
	margin: 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}
.board {
	display: block;
	width: 690px;
	min-height: 300px;
}
.board .clr{
	clear:both;
}
.board a{
	color: #8cac00;
	text-decoration:none;
}

/*	--== END OF GENERAL STYLES ==-- */

/*	--== LEFT COLUMN STYLES ==-- */

.board #leftColumn {
	margin-top: 95px;
	padding-top:45px;
	background:url(images/board_leftBg.png) top left no-repeat;
	width:450px;
	/*height: 823px;*/
	float: left
}
.board #leftColumn .inner{
		background:url(images/board_leftBgBottom.jpg) bottom left no-repeat;
		padding-bottom: 60px;
}
.board #leftColumn h5{
	clear:both;
	font-weight:bold;
	color: #60a202;
	font-size: 13px;
	margin: 13px 0px 5px 0px;
}
.board #leftColumn h3{
	background: none;
	background-image:url(images/board_leftHeadingBg.gif);
	background-position: right 15px;
	background-repeat: repeat-x;
	font-size: 16px;
	color:#60a202;
	margin: 30px 10px 10px 0px;;
}
.board #leftColumn span.h3{
	background: #FFFFFF;
	padding-right: 2px;
}
.board #leftColumn p{
	float:left;
	font-size:12px;
	color: #43542b;
	padding: 0px 30px 0px 10px;
}
.board #leftColumn p.intro{ font-size:13px;}
.board #leftColumn a.button{
	float: left;
	background:url(images/board_button.jpg) top left no-repeat;
	display: block;
	width: 114px;
	height: 38px;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	padding-left: 28px;
	font-weight:bold;
	margin-right: 6px;
	position:relative;
}
.board #leftColumn a.more {
	float:right;
	font-size: 11px;
	text-decoration:none;
	padding: 0px;
	margin: 0px;
	margin-right: 15px;
	padding-top: 2px;
}
.board #leftColumn a.button table{ height: 38px;}

.board #leftColumn .meilleures {
	margin: 6px 6px 6px 0px;
	float: left;
}
/* LEFT COLUMN - BOX MAILLEURES */
.board #leftColumn .meilleures .top{
	background:url(images/board_meilsBgTop.gif) top left no-repeat;
	width:292px;
	height: 6px;
	overflow:hidden;
}
.board #leftColumn .meilleures .main{
	background:url(images/board_meilsBg.gif) top left repeat-y;
	width: 292px;
}
.board #leftColumn .meilleures .bottom{
	background:url(images/board_meilsBgBottom.gif) top left no-repeat;
	width:292px;
	height: 5px;
}
.board #leftColumn .meilleures h4{
	font-weight:bold;
	color: #60a202;
	font-size: 14px;
	margin: 0px 0px 5px 10px;
}

.board #leftColumn .meilleures img.ficheImg{
	border:solid 1px #60a202;
	margin: 6px 0px 0px 6px;
	width: 126px;
	height: 78px;
}
.board #leftColumn .meilleures .fiche1, .board #leftColumn .meilleures .fiche2{
	background: url(images/board_meilFicheBg.gif);
	width: 142px;
	height: 182px;
	overflow: hidden;
	margin-left: 4px;
	float: left;
}
.board #leftColumn .meilleures .fiche2{ margin-left: 2px; }
.board #leftColumn .meilleures .fiche1 h6 a, .board #leftColumn .meilleures .fiche2 h6 a{
	display:block;
	font-size:11px;
	font-weight:bold;
	padding: 0px 6px 2px 6px;
	text-decoration:none;
	color:#60a202;
}
.board #leftColumn .meilleures .fiche1 h6 a:hover, .board #leftColumn .meilleures .fiche2 h6 a:hover{
	text-decoration:underline;
}
.board #leftColumn .meilleures .fiche1 a.more, .board #leftColumn .meilleures .fiche2 a.more{ padding-top: 0px; }
.board #leftColumn .meilleures .fiche1 a.text, .board #leftColumn .meilleures .fiche2 a.text,
.board #leftColumn .meilleures .fiche1 span.text, .board #leftColumn .meilleures .fiche2 span.text{
	display:block;
	font-size:10px;
	line-height: 13px;
	color: #43542b;
	padding: 0px 6px 2px 6px;
	text-decoration:none;
}

.board #leftColumn .meilleures .fiche1 a.text:hover, .board #leftColumn .meilleures .fiche2 a.text:hover{
	text-decoration:underline;
}

.board #leftColumn img.leftPush {
	margin-top: 6px;
	width: 142px;
	height: 230px;
	border:none;
}
/* LEFT COLUMN - BOX MARQUES */
.board #leftColumn .marques {
	background: url(images/board_marquesBg.jpg) top left no-repeat;
	width: 440px;
	height: 98px;
	margin-bottom: 5px;
}
.board #leftColumn .marques .inner{
	position: relative;
	padding: 15px 0 0 0;
	background: none;
	margin: 0 auto;
	width: 440px;
	text-align:center;
}
.board #leftColumn .marques .inner a.more {
	position: absolute;
	top: 82px;
	left: 310px;
	float:right;
	margin: 0px;
	padding:0px;
}
.board #leftColumn .marques .inner img{
	border: none;
}
.board #leftColumn table.brands{
	text-align: center;
}	


.board #leftColumn .acc {
	padding-bottom: 10px;

}
.board #leftColumn .acc img{
	border:solid 1px #ffd5ee;
	margin-left: 10px;
	float: left;
	width: 136px;
	height: 88px;
	display:block;
}
.board #leftColumn .acc p{
	padding: 0px;
	margin-left: 10px;	
	width: 275px;
	float:left;
	display:block;
}
.board #leftColumn .acc p a{
	font-size:11px;
}


/* --== END OF LEFT COLUMN STYLES ==-- */


/*	--== RIGHT COLUMN STYLES ==-- */

.board #rightColumn {
	width: 220px;
	float: left;
	overflow:auto;
}
.board #rightColumn .top{
	height: 201px;
	margin-top: 95px;
	background:url(images/board_rightTopBg.png) top left no-repeat;
}
.board #rightColumn .top .inner{	padding: 32px 10px 0px 15px; }
.board #rightColumn h4{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	margin-bottom: 8px;
}
.board #rightColumn .links {
	background: url(images/board_rightLinksBg.png) top left repeat-y;
	width: 220px;
}
.board #rightColumn .links .inner {
	background: url(images/board_rightLinksBgBottom.png) bottom left no-repeat;
	width: 220px;
	padding-bottom: 30px;
}
.board #rightColumn .links .inner ul {
	padding-left: 15px;
	padding-right: 15px;
	list-style-type:none;
}
.board #rightColumn .links .inner ul li a {
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
.board #rightColumn .links .inner ul li a:hover {
	text-decoration:none;
}
.board #rightColumn .push{
	background:url(images/board_pushBg.png) bottom right;
	padding-bottom: 90px;
}

/*	--== END OF RIGHT COLUMN STYLES ==-- */


/*	--== PRODUCT PAGES STYLES ==--  */

#pictionary { background: url(../images/pictionary/pictionary_bg.jpg) top left no-repeat; }
#scrabble { background: url(../images/scrabble/scrabble_bg.jpg) top left no-repeat; }
#uno { background: url(../images/uno/uno_bg.jpg) top left no-repeat; }

/*	--== END OF PRODUCT PAGES STYLES ==--  */


.board #leftColumn {
	_background: none !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/images/board_leftBg.png', sizingMethod='crop') !important;
}
.board #rightColumn .top{
	_background: none !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/images/board_rightTopBg.png', sizingMethod='crop') !important;
}