@charset "utf-8";
/* CSS Document */
body { margin: 0px;	font-family: Arial, Verdana, Helvetica, sans-serif;	font-size: 12px; color: #666666; background-color: #f7f8f4;}
img { border: 0; }
table, div, form, p { margin: 0; padding: 0; border: 0; }
a, a:visited, a:active, a:link { color: #666666; text-decoration: none; }
a:hover { color: #333333; text-decoration: none; }
input, select, textarea { color: #666666; border: 1px solid #bcbcbc; background-color: #ffffff; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; }
.fl{float:left}
.fr{float:right}
.cl{clear:both;font-size:1px;height:1px;line-height:1px;}

#page {	margin:0; padding:0;}

#contentBody{ position: relative; width: 1300px; margin: 0 auto;}

#content{ background: url(../img/content_bg.gif) repeat-y; padding-left: 66px; padding-right: 43px; padding-top: 4px; width:940px; float:left;}

#encartLogin{ height:40px; background: url(../img/login_bg.gif) right top no-repeat; padding:0 6px; line-height: 28px; }
#encartLogin .formLogin { display: block; float: right; width:535px; }
#encartLogin .formLogin a,#encartLogin .formLogin input,#encartLogin .formLogin label{ float: left; margin-right: 5px; }
#encartLogin .formLogin input{ margin-top: 5px; }
#encartLogin .createAccount { font-weight: bold; background: url(../img/login_picto.gif) right 8px no-repeat; display: block; float: right; width: 140px; }
#encartLogin a.createAccount:hover{background: url(../img/login_picto_on.gif) right 8px no-repeat;display: block; float: right; width: 140px; }

#topNav { height: 50px; background: url(../img/topNav_bg.gif) left top no-repeat; padding:0 10px; position: relative; }
#topNav ul,#topNav li{ margin: 0; padding: 0; list-style-image: none; list-style-type: none; float:left;}
#topNav .cart{float:right; width: 150px; background: url(../img/topNav_cartBg.gif) left top no-repeat; height:45px; text-align: left;}
#topNav .cart a{display: block; padding-left: 60px; padding-top: 10px;}

#topNav .tipps{position: absolute; width: 422px; padding-top: 30px; background:transparent top no-repeat; z-index: 20; top: 28px; margin: 0; visibility: hidden;  font-size: 12px; font-weight: bold;}
#topNav .tipps .tipp_content{padding:0 25px; background:transparent left top repeat-y;}

#topNav .tipps .submenu_row { float: none; padding: 1px 0px; border-top: 1px solid #d2d2d2; clear: both; overflow: hidden; }
#topNav .tipps .submenu_row a { display: block; float: left; margin: 0; padding:2px 0; width: 32%; text-align: left;}
#topNav .tipps .submenu_row a:hover, #topNav .tipps .submenu_row a.active { color: #333333; }

#topNav .tipps .tipp_bottom{padding:0 25px; padding-left: 55%; padding-bottom: 10px; background: transparent left bottom no-repeat; text-align: right;}
#topNav .tipps .tipp_bottom a{display: block; background: url(../img/home/picto_link.gif) right center no-repeat; padding-right: 20px; line-height: 32px; font-weight: bold;}
#topNav .tipps .tipp_bottom a:hover {background: url(../img/home/picto_link_on.gif) right center no-repeat;}


#tippCoreGame { 
	left: 77px; 
	background-image: url(../img/tooltipps/tooltipps_pc_top.png) !important; 
	/*_background: url(../img/tooltipps/tooltipps_pc_top.gif);*/

}
#tippCoreGame .tipp_content { 
	background-image: url(../img/tooltipps/tooltipps_pc_mid.png) !important;
	/*_background: url(../img/tooltipps/tooltipps_pc_mid.gif);*/ 
}
#tippCoreGame .tipp_bottom { 
	background-image: url(../img/tooltipps/tooltipps_pc_end.png) !important;
	/*_background: url(../img/tooltipps/tooltipps_pc_end.gif); */
 
}
#tippCoreGame .Label { color: #165992; }

#tippCasualGame { left: 230px; background-image: url(../img/tooltipps/tooltipps_casual_top.png) !important; }
#tippCasualGame .tipp_content { background-image: url(../img/tooltipps/tooltipps_casual_mid.png) !important; }
#tippCasualGame .tipp_bottom { background-image: url(../img/tooltipps/tooltipps_casual_end.png) !important; }
#tippCasualGame .Label { color: #920037; }

#tippOnlineGame { left: 380px; background-image: url(../img/tooltipps/tooltipps_online_top.png) !important; }
#tippOnlineGame .tipp_content { background-image: url(../img/tooltipps/tooltipps_online_mid.png) !important; }
#tippOnlineGame .tipp_bottom { background-image: url(../img/tooltipps/tooltipps_online_end.png) !important; }
#tippOnlineGame .Label { color: #ff9400; }

#searchBar{ background: url(../img/searchBar_bg.gif) repeat-x; height: 39px; line-height:39px; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; padding:0 10px;}
#searchBar .formSearch{ display: block; width: 450px; padding-top: 5px; float: left; background: url(../img/searchBar_formBg.gif) left 5px no-repeat; margin-right: 20px;}
#searchBar .formSearch div.factfinder-ac{float: left; padding-top: 5px; width: 360px;}
#searchBar .formSearch input{border:0px solid #ffffff; width: 300px; background-color: transparent; margin-left: 50px;}
#searchBar .formSearch a{float: left;}
#searchBar .browseCatalog {font-weight: bold; background: url(../img/login_picto.gif) right 14px no-repeat; display: block; float: left; width: 140px;}
#searchBar a.browseCatalog:hover {background: url(../img/login_picto_on.gif) right 14px no-repeat; display: block; float: left; width: 140px;}
#searchBar .help{float:right; min-width:auto;_width:auto;white-space:nowrap; background: url(../img/searchBar_helpBg.gif) left top no-repeat; height:39px; text-align: left;}
#searchBar .help a{display: block; padding-left: 55px;}

#banner{
	position: absolute;
	left:1057px;
	top:25px;
	width: 170px;
}
#banner strong {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 11px;
	padding-bottom: 2px;
}

#Breadcrumbs{ height: 23px; line-height: 23px; background: url(../img/breadcrumbs/commun_bg.gif) repeat-x; font-size: 11px; padding-left: 20px;}
#Breadcrumbs a, #Breadcrumbs a:hover{color: #FFFFFF;float: left;}
#Breadcrumbs .home{padding-left:20px; background: url(../img/breadcrumbs/icon_home.gif) left center no-repeat;}
#Breadcrumbs .last{color:#425d00; padding-left: 5px; background: url(../img/breadcrumbs/commun_lastBg.gif) left center no-repeat;}
#Breadcrumbs a.last:hover {color:#425d00;}
#Breadcrumbs .last strong{padding-right: 5px; background: url(../img/breadcrumbs/commun_lastBd.gif) right center no-repeat; display: block;}
#Breadcrumbs img{ float: left; margin:0 3px;}

#main{position: relative; width: 920px; margin:0 auto; padding-top: 20px;}

#contentMain{border:2px solid #e9e9e9; border-top:0px solid #FFFFFF;}

#contentFooter {padding: 20px; font-size: 11px; background: url(../img/hg_footer_nav.jpg) 10px top no-repeat;position:relative; }
#contentFooter ul,#contentFooter li{ margin: 0; padding: 0; list-style-image: none; list-style-type: none;}

.FooterNavigation { height: 127px; clear: both;}
.FooterNavigation .Section { float: left; height: 100px; width: 180px; padding: 0; margin-right: 56px; border-right: 1px solid #666666; }
.FooterNavigation .Section .Links li { float: none; border: none; line-height: 14px; }
.FooterNavigation .Section .Links li a { margin: 0; }
.FooterNavigation .Section .Label { height: 20px; line-height: 11px; padding: 0; margin-top: -1px; font-weight: bold; color:#666666; }
.FooterNavigation .last { border-right: none; margin-right: 0; }

.FooterNavigationPartner { height: 30px;}
.FooterNavigationPartner .Links img{margin-right:10px;}
.FooterNavigationPartner .Links { float: left; margin-left:10px;}
.FooterNavigationPartner .Links li { display: block; width: auto; float: left;}
.FooterNavigationPartner .Label { display: block; width: 60px; float: left; line-height: 25px; font-weight: bold; }

#main #service, .right-rounded-block {width: 300px;}
#main #service h2, .right-rounded-block h2{margin:0; padding:0; line-height: 25px; padding-left: 10px; background: url(../img/service/title_bg.gif) left top no-repeat; color: #666666; font-size: 14px; text-transform: uppercase;}
#main #service .servNews, .right-rounded-block .right-rounded-block-contents{ background: url(../img/help/mainText_bg.gif) left top repeat-x; border-left:1px solid #dbdbdb; border-right: 1px solid #dbdbdb; padding:0px 5px;}
#main #service .servNews strong{display: block; font-size: 14px; text-align: center; padding: 5px; }
#main #service .servNews span{display: block; font-size: 12px; text-align: left; width:280px; margin:0 auto; padding-top: 10px; font-weight: bold; background: url(../img/pix_sep.gif) left top repeat-x; }
#main #service .servText{ border:1px solid #dbdbdb; border-top: 0px solid #dbdbdb; padding:8px 10px;}
#main #service .servText .inactif, #main #service .servText .actif{ width: 280px; margin:0 auto; padding-bottom: 5px; background-color: #FFFFFF;}
#main #service .servText .inactif .title_serv a, #main #service .servText .actif .title_serv a{display: block; _width: 271px; line-height: 20px; font-size: 14px; font-weight: bold; padding:0 5px; background: left top no-repeat;}
#main #service .servText .inactif .title_serv a{color:#666666; background-image: url(../img/service/title_inactif.gif);}
#main #service .servText .actif .title_serv a{color:#FFFFFF; background-image: url(../img/service/title_actif.gif);}
#main #service .servText .text_serv{ padding: 10px;}
#main #service .servText .inactif .text_serv{display: none;}
#main #service .facebook {width:283px; margin: 0 auto; background: url(../img/service/facebook_bg.gif) left top no-repeat; height: 40px; line-height: 40px; display: block; color:#666666; text-decoration: none;}
#main #service .facebook strong{ padding: 0px; padding-left:85px; line-height: 40px; display: block; font-size:15px;}
#main #service .servBottom, .right-rounded-block .right-rounded-block-footer { height:28px; background: url(../img/help/mainBottom_bg.gif) left top repeat-x; border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;}

.right-rounded-block .right-rounded-block-contents {padding:0px;}


/** Global styles **/

.inline-block {
    display:-moz-inline-block;
    display:-moz-inline-box;
    display:inline-block;
    *display:inline;
    *zoom: 1;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.center {
    margin:0 auto;
}

/* Float and Clear */
.left {
    float:left;
    *zoom:1;
}

.right {
    float:right;
}

.none {
    float:none;
}

.lclear {
    clear:left;
    *zoom: 1;
}

.rclear {
    clear:right;
    *zoom: 1;
}

.clear {
    clear:both;
    *zoom: 1;
}

/** Factfinder autocompleter **/
.factfinder-ac {
	position:relative;
}
.factfinder-ac .ac-search-results{
	position: absolute;
	left: 50px;
	top: 30px;
	width: 310px;
}
.factfinder-ac .yui-ac
{
    font-family: arial;
    font-size: 100%;
    position: relative;
    display:-moz-inline-block;
    display:-moz-inline-box;
    display:inline-block;
    *zoom:1;
    *display:inline;
}

.factfinder-ac .yui-ac-container
{
    position: absolute;
    left:50px;
    top: 1.6em;
    width: 310px;
}

.factfinder-ac .yui-ac-content
{
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
    overflow: hidden;
    position: relative;
    width: 310px;
    z-index: 9050;
}


.factfinder-ac .yui-ac-content ul
{
    margin: 0;
    padding: 0;
    width: 310px;
    *line-height:20px;
}

.factfinder-ac .yui-ac-content li
{
    cursor: default;
    list-style: none;
    margin: 0;
    padding: 2px 5px;
    *padding:0 5px;
    white-space: nowrap;
    line-height:15px;
    font:normal 11px arial;
    color:#666;
}

.factfinder-ac .yui-ac-content li.yui-ac-prehighlight
{
    background: #B3D4FF;
}

.factfinder-ac .yui-ac-content li.yui-ac-highlight
{
    background: #426FD9;
    color: #FFF;
}

