/* =============================================================================
   BACK
   ========================================================================== */
body {
	background: #FFF url(../img/back_tablet.jpg) no-repeat;
	background-position: center top;
	background-size: cover;
}

/* =============================================================================
   MAIN
   ========================================================================== */
#main {
	margin-top:42px;
	overflow:hidden;
}

/* =============================================================================
   FOOTER
   ========================================================================== */
#footer {
	padding-top:50px;
}
.footer-label {
	display:none;
}
#footer-top {
	top:20px;
	right:0;
	left:15px;
	text-align:left;
}
#footer-rub {
	padding:25px 10px 0px 15px;
}
#footer-games {
	padding:10px 10px 0px 15px;
}
#footer-langues {
	width:100%;
	padding:0px 10px 15px 15px;
}
#footer li {
	height:40px;
	border-right: none;
	padding-right:10px;
	padding-left:0px;
	margin-bottom:5px;
}
#footer li a {
	background-color: #1e1e1e;
	color: #666;
	padding:10px;
}
#footer li a:hover {
	background-color: #25425c;
	color:#fff;
}
#footer-logos {
	padding:0;
}
#footer-copyright {
	padding:10px 20px 0px 20px;	
}

/* =============================================================================
   HOME
   ========================================================================== */
/* SLIDER */
#home #slider {	
	width:100%;
	margin-bottom:10px;
}
/* NEWS */
#home_news {
	width:100%;
	padding:0;
	margin-bottom:10px;
}
#home_news .bloc_news {
	float:left;	
	display:inline-block;
	width:32%;
	height:150px;
	margin:0;
	padding:0;	
}
#home_news .news_img img {
	width:500px;
}
#home_news .bloc_news:nth-child(1) {
	margin:0px 1% 0px 0px;
}
#home_news .bloc_news:nth-child(2) {
	width:33%;
	margin:0px 0.5% 0px 0.5%;
}
#home_news .bloc_news:nth-child(3) {
	margin:0px 0px 0px 1%;
}

/* BLOCS LINKS & GAME */
#home_links {
	width:100%;
	height:180px;
	margin-bottom:10px;
}
#home_links a#home_links_1 {		
	height:180px;
	width:49%;
	background: transparent url(../img/home/home_links_1_m.jpg) no-repeat center;
	background-size: cover;
}
#home_links a#home_links_2 {
	height:180px;
	width:49%;
	background: transparent url(../img/home/home_links_2_m.jpg) no-repeat;
	background-size: cover;
	background-position:top left;
}	
#home_game {
	width:100%;
	float:left;
	padding-left:0px;
	position: relative;	
}
#home_game a#home_game_1 {
	background: transparent url(../img/home/home_game_1_m.jpg) no-repeat center;
	background-size:cover;
}
#home_game a#home_game_2 {
	background: transparent url(../img/home/home_game_2_m.jpg) no-repeat center;
	background-size:cover;
}
#home_game a#home_game_3 {
	background: #000 url(../img/home/home_game_3_m.jpg) no-repeat center;
	background-size: cover;
}
.home_links_txt,
.home_game_txt {
	font-size: 16px;	
}

/* SOCIAL BUTTONS */
#home_social .bloc_social::after {
	display:none;
} 
#home_social .bloc_social a span {
	display:none;
}
#home_social .bloc_social a i {
	border-right:none;
	float:none;
	margin:auto;
	font-size: 30px;
	line-height:30px;
}

/* =============================================================================
   NEWS
   ========================================================================== */
#news, #aside {
  float: left;
  width: 100%;
  padding: 0px 0px 25px 0px;
}
#news-main {
	width:100%;
	padding-right:0px;
}
/* NAV NEWS */
#nav-pages, #nav-arrows, #nav-header, #nav-footer {
  padding-right:15px;
}
.news-title {
	margin:10px 0 5px 0px;
}
/* NEWS */
.news-content {
	width:100%;
	/* padding: top right bottom left; */
	padding:12px 15px 6px 15px;
}
.news-figure {
	width:100%;
}
.filtre {
	padding:0;
}
.news-date {
	width:15%;
	padding:8px 4px;
}
.news-screen {
	margin:0;
	padding:0;
}
.news-screen .hover{
	height:98.2%;
}
.news-text {	
	width:100%;
	padding:10px 0px 8px 0px;
}
.news-footer {
	position:relative;
	float: left;
	margin-top:0px;
}
.news-footer a {
	float: left;
}
.news-footer .btn-share {
	display:inline-block;
	width:10%;
	margin-left:1.875%;
	text-align: center;
	padding: 2px 0px 0px 0px;
}
.news-footer .btn-more {
	width:32%;
	margin-left:0%;
}
.news-footer .btn-comment {
	width:30%;
	margin-left:1.875%;
}

/* NEWS DETAIL */
#news-detail .news-footer .btn-more {
	display:none;
}
#news-detail .news-footer .mobile-content {
	display:block;
}

/* SOCIAL */
#social {
	padding-right:15px;
}

/* ASIDE FACEBOOK TWITTER */
#aside #afacebook.bloc {	
	float:left;
	width:50%;
	padding:0px 5px 0px 15px;
}
#aside #atwitter.bloc {	
	float:left;
	width:50%;
	padding:0px 15px 0px 5px;
}
/* ASIDE YOUTUBE */
#aside #ayoutube.bloc {
	float:left;
	width:100%;
	padding:0px 15px;
}
#aside #ayoutube .bloc-content {
	height:160px;
	background-position: center center;
	background-size: cover;	
}

/* =============================================================================
   BLOODBOWL
   ========================================================================== */
/* GENERAL */
#game_content {
	width:100%;
}
#game_aside {
	display:none;
}
#game_footer {
	display:block;
}
.nav_blocs li {
	width:33.33%;
}
#game_header {
	padding-right:0px;
}
.btn-discover {
	font-size: 16px;
}
.txt_discover.normal-content {
	display:block;
}
.txt_discover.mobile-content {
	display:none;
}

/* HOME */
#game_home_header {
	padding: 0px 0px 0px 5px;
}
#home_texte {
	padding-top:10px;
	width:100%;	
}
#game_home_texte {
	margin: 20px 0px 10px 0px;
	padding-right: 0px;
	width:100%;	
}
#home_img,
#game_home_img {
	padding-left:0px;
	width:100%;	
}
#home_img .normal-content {
	display:none;
}
#home_img .mobile-content {
	display:block;
}
#home_blocs {
	width:100%;
	float:left;
	padding:0px 10px 0px 10px;
}
#game_home_blocs {
	padding:0px;
}

/* TEXTES ET SCREENS */
#game_content {
	padding-left:0px;
}
.game_subtitle {
	margin-right:0px;
}
.game_txt_only {
	width:100%;
}
.game_txt {
	width:61.5%;
}
.game_screen,
.game_btn,
.game_illustration {
	width:38.5%;
}
.game_screen:hover img,
.game_btn:hover img,
.game_screen:hover .zoom {
	filter: none !important;
	-webkit-filter: none !important;
	-moz-filter: none !important;
	-ms-filter: none !important;
	-o-filter: none !important;
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: all 0 ease !important;
	transition: none !important;
}

/* RACES */
#races .card {
	width:20%;
}
#races .card img {
	width:100%;
}
#races .card .card_chara img {
	width: 100%;
}
#race_detail .chara-normal-content {
	display:block;
}
#race_detail .chara-mobile-content {
	display:none;
}
#race_detail #game_baleze {
	width: 23%;
}
#race_detail #game_baleze img {
	width: 100%;
}
#race_detail  #game_baleze_txt {
	width: 68%;
	margin: 0px 0px 25px 0px;
}


/* =============================================================================
   BLOODBOWL TABLET
   ========================================================================== */
#bbtablet_logo img {
	width:80%;
	margin-right:-40px;
}
#bbtablet_header img {
	width:100%;
	margin-left:0px;
}	 
#bbtablet_left p {
	padding-left:5px;
	width:55%;
}
#bbtablet_left p:last-child {
	width:55%;
}
#bbtablet .game_screen {
	width:45%;
}
#bbtablet #screen_left1 {
	padding:0;
}
#bbtablet #screen_left2 {
	margin-top:-5px;
}
#bbtablet #screen_left1 img, 
#bbtablet #screen_left2 img {
	width:100%;
}
#bbtablet_dwarf img {
	margin-left:-30px;
}
#bbtablet #screen_right img {
	width:220px;
}
#bbtablet #screen_left2 a:last-child {
	margin:-10px 0px 0px 10px;
}

/* =============================================================================
   MEDIA
   ========================================================================== */
/* NAV */
.media-game, .media-nav  {
	width: 100%;
	padding:0;	
}
.media-game ul, .media-nav ul {
	text-align: center;
}
.media-game ul {
	margin:0px;
}
/* SCREENS */
#screens_pages .screens_bloc {
	width:30%;
	margin:1% 1.55% 2% 1.55%;
}

/* VIDEOS */
#media #youtube_title {
	font-size:20px;
}

/* =============================================================================
   COMMUNITY
   ========================================================================== */
#community .normal-content {
	display:none;
}
#community .mobile-content {
	display:block;
}
#community .bloc {
	width:100%;
	height:auto;
}
#community #youtube_playlist {
	height:auto;
}


/* =============================================================================
   LEAGUES
   ========================================================================== */
.leagues_bloc {
	width:33%;
}

/* =============================================================================
   SHOP
   ========================================================================== */
#shop {
  padding:10px;
}
#shop_pack {
	/*width: 50%;*/ /* NEW SHOP */
	text-align:center;
	margin-bottom:20px;
}
#shop_pack div{
	text-align: center;
}
#shop_pack img {
	/*width:75%;*/
}
#shop_pack .normal-content {
	display:none;
}
#shop_pack .mobile-content {
	display:block;	
}
.shop_bloc {	
	width:100%;
}
.shop_txt1 {
	font-size:25px;
}
.shop_txt2 {
	font-size:25px;
}
#shop_specialoffer .shop_txt2 {
	font-size:23px;
}
.shop_txt3 {
	font-size:18px;
}
.shop_txt3 b {
	font-size:50px;
}
.shop_txt4 {
	font-size:19px;
	padding-left:10px;
}
.shop_btn a {
	color: #000;
}
.shop_btn a:hover {
	color: #000;
}
.shop_page_sp .shop_txt4  {
	font-size:20px;	
	padding-right:0px;
	width:60%;
}
#shop_retailer{
	width: 49%;
}

#shop_macaron {
	right:-10px;
	width:100px;
	height:100px;
}
#shop_platform{
	width: 100%;
	height: 0%;
	margin-bottom: 20px;
}
#shop_btn div{
	display: inline-block;
	width: 32.5%;
	margin: 0% 0.2% 0% 0.1%;
}
#shop_btn div img{
	width: 100%
}
#shop_macaron img {
	width:100%;
}

#shop_newplayer .shop_content {	
	background: #af8554 url(../img/shop/new_back_tablet.jpg) no-repeat;
}

#shop_specialoffer .shop_content {
	height:230px;
	background: #492100 url(../img/shop/offer_back_tablet.jpg) no-repeat;
} 

#shop_newplayer .shop_txt img,
#shop_specialoffer .shop_txt img {
	width: 40%;
	min-width: 190px;
} 

/* BLOOD BOWL TABLET */

#shop_bb_tablet_content {
	height: auto;
}

#image_tablet {
	position: relative;
	width: 100%;
	top: 0px;
	text-align: center;
}

#image_tablet img {
	max-width: 700px;
}

#shop_bb_tablet_right {
	width: 100%;
	margin-bottom: 25px;
}

#shop_bb_tablet_logo {
	padding: 10px 20px 20px 20px;
	width: 100%;
}

#shop_bb_tablet_download {
	width: 100%;
	padding: 10px 0px 10px 0px;
	text-align: center;
}
/*
#shop_bb_tablet_download a {
	display: inline;
}
*/
#shop_retailer a span:only-of-type{
	margin-top: 13px;
}
#shop_trailer{
	width: 98%;
	margin: 34px 1% 0px 1%;
}
#shop_text{
	width: 100%;
	padding: 0px 1% 0px 1%;
}


/* =============================================================================
   POUR LES GRANDES RESOLUTIONS DE PORTABLE, GENRE l'IPHONE 5 EN FORMAT PAYSAGE,
   ENTRE 481px et 620px
   ========================================================================== */
@media only screen and (max-width: 620px) {	
	
	/* BLOODBOWL */
	#game_footer {
		padding-left:5px;
	}
	.game_txt {
		float:left;
		width:100%;
		padding:10px 5px 10px 10px;
	}
	#game_content .normal-content {
		display:none;
	}
	#game_content .mobile-content {
		display:block;
	}
	.game_screen, 
	.game_btn {
		width:100%;
	}
	.screen_center img {
		width:100%;
	}
	.game_illustration {
		width:100%;
		text-align:center;
	}
	.game_illustration {
		width:100%;
		text-align:center;
	}
	.game_illustration img {
		width:auto;
	}
	
	/* BLOODBOWL TABLET */
	#bbtablet_orc {
		display:none;
	}
	#bbtablet_logo {
		width:60%;
	}	
	#bbtablet_logo img {
		width:100%;
		margin-right:-20px;
	}
	#bbtablet_header {
		width:40%;
	}
	#bbtablet_header img {
		margin-left:-15px;
	}	
	#bbtablet_left p {
		padding-left:5px;
		width:55%;
	}	
	#bbtablet_left {
		width:100%;
	}
	#bbtablet_left p:last-child {
		width:55%;
	}
	#bbtablet .game_screen {
		width:45%;
	}
	#bbtablet_dwarf img {
		margin-left:-30px;
	}
	#bbtablet_right {
		width:100%;
	}
	#bbtablet_dwarf {
		float:left;
		display:inline-block;
		width:50%;
	}
	#bbtablet #screen_right {
		float:left;
		display:inline-block;
		width:50%;
		margin-top:20px;
	}
	#bbtablet_dwarf img {
		margin-left:0px;
		width:100%;
	}
	#bbtablet #screen_right img {
		width:100%;
	}	
	#shop_bb_tablet {
		z-index:5;
		margin-top:-60px;
	}
	
	/* LEAGUES */
	#leagues_pages .leagues_bloc {
		width: 48%;
		margin: 1% 1% 3% 1%;
	}
	#leagues_pages .leagues_title {
		font-size:18px;
	}
}

/* =============================================================================
   MEDIAQUERIES SOUS 630px
   ========================================================================== */
@media only screen and (max-width: 585px) {
	#shop_retailer a{
		height: 18%;
	}
	#shop_retailer a span{
		display: block;
		float: left;
		margin: 5px 0;
	}
	#shop_retailer a span.pob{
		width: 100%;
		text-align: center;
	}
}	
@media only screen and (max-width: 630px) {	
	
	/* YOUTUBE */
	.youtube_play {
		left:35%;
		width:38px;
		height:25px;
		padding-top:6px;
	}
	.youtube_play i {
		font-size: 14px;
	}
	
  
}

.appstore{
	position: relative;
}
.appstore div#moblet {
  font-weight: 600;
  right: -3px;
  top: -55px;
  margin-left: 50px;
  position: absolute;
  display: inline-block;
  width: 70px;
  height: 30px;
  /*line-height: 16px;*/
  font-size: 10px;
  margin-left: 15px;
  background: #FFDC40;
  text-shadow: rgba(255, 255, 255, 0.2) 1px 1px, rgba(255, 255, 255, 0.2) 1px 1px;
  -moz-border-radius: 0 3px 2px 0px;
  -webkit-border-radius: 0;
  border-radius: 0 3px 2px 0px;
  color: #000;
  overflow: visible;
}
.appstore div#moblet span:first-child{
	font-size: 16px;
}
.appstore div#moblet span:last-child{
	font-size: 8px;
	position: absolute;
	width: 100%;
	left: -2px;
	z-index: 2;
}
.appstore div#moblet:after {
  content: "";
  position: absolute;
  right: 100%;
  bottom: 0;
  width: 0;
  height: 0;
  display: inline-block;
  line-height: 0;
  border-width: 15px;
  border-style: solid;
  border-color: #FFDC40 #FFDC40 #FFDC40 transparent;
}
.appstore div#moblet:before {
  content: '';
  position: absolute;
  bottom: 6px;
  width: 60px;
  left: -35px;
  height: 4px;
  -moz-box-shadow: 0 5px 14px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 5px 14px rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.4);
  z-index: -1;
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -webkit-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}

#desktop {
display: none;
}