/* =============================================================================
   TOP BAR
   ========================================================================== */
#topbar { 
	display:block;
}

/* =============================================================================
   ICONES SOCIAL TOP
   ========================================================================== */
#icons_social {
	display:none;
}

/* =============================================================================
   PREORDER
   ========================================================================== */
#header .preorder, #header .available {
	display:none;
}

/* =============================================================================
   ASIDE
   ========================================================================== */

/* BLOC SHOP */ 
#aside #shop .preco {
	font-size:18px;
	line-height: 2px;
}	 
#aside #shop .preco p:last-child {
	font-size:24px;
}
	 
/* BLOC DEVBLOG */
#aside #devblog .bloc-title .normal-content {
	display:none;
}
#aside #devblog .bloc-title .mobile-content {
	display:block;
}
#aside #devblog .bloc-img .normal-content {
	display:block;
}
#aside #devblog .bloc-img .mobile-content {
	display:none;
}

/* BLOC VIDEO */
#aside #video .icon-youtube {
	top:20px;
}

/* GONDOLE HUMBLE BUNDLE */
#gondole .normal-content {
	display:block;
}
#gondole .mobile-content {
	display:none;
}

/* =============================================================================
   NEWS
   ========================================================================== */

/* News */
.news-marge {
	display:none;
}
.news-figure {
	width:26%;
}
.news-date {
	width:100%;
	text-align:left;
}
.news-screen {
	margin-top:30px;
}
.news-screen .hover{
	top: 33px;
	height:74.2%;
}
.news-text {
	width:73%;
}
.news-footer .icon-facebook, .news-footer .icon-twitter, .news-footer .icon-google-plus, .news-footer .btn-more, .news-footer .btn-comment {
	margin-left: 1%;		
}
.news-footer {
	margin-top:-30px;
}

/* News Detail */
#news-detail .news-screen {
	width:100%;
	margin:0;
	padding:0;
}
#news-detail .news-footer .btn-more {
	display:none;
}
#news-detail .news-footer .mobile-content {
	display:block;
}

/* =============================================================================
   COMMUNITY
   ========================================================================== */
#community-content .normal-content {
	display:none;
}
#community-content .mobile-content {
	display:block;
}

/* =============================================================================
   MEDIA
   ========================================================================== */
   
.media-game {
	width: 55%;
}
.media-game li {
	padding-left:12px;
}
.media-game li.game-wrd {
	width: 130px;
	margin-right:5px;
}
.media-game li.game-wab {
	width: 130px;
	margin-right:5px;
}
.media-game li.game-wee {
	width: 150px;
}

.media-nav {
	width: 45%;
}
.media-nav li  {
	margin-left: 0px;
}

/* =============================================================================
   SHOP
   ========================================================================== */
#shop {
  padding:10px;
}
#shop_rd {
	width: 100%;
	background: #1a1a1a url(../img/shop/rd_back.jpg) center;
}
#shop_rd .left {
	width: 27%;
	/* padding: 70px 2% 0px 3%; */
	padding: 15px 2% 15px 3%;
}
#shop_rd .right {
	width: 73%;
	padding: 0px 2% 0px 0px;
}
#shop_rd .right .bloc_newplayer,
#shop_rd .right .bloc_oldplayer {
	width: 46%;
	margin: 0px 2% 20px 2%;
}
#shop_rd .right .bloc_newplayer .cartouche,
#shop_rd .right .bloc_oldplayer .cartouche {
	font-size: 18px;
}
#shop_rd .right .bloc_oldplayer .macaron {
	top: 110px;
	right: -30px;
}
#shop_ab .left img ,
#shop_ee .left img {
	max-width: 150px;
	width: 100%;
	min-width: 120px;
}

/* =============================================================================
   POUR LA PARTIE MEDIA
   ========================================================================== */
@media only screen and (max-width: 810px) {
	
	/* MEDIA */
	.media-game, .media-nav  {
		width: 100%;
		padding:0;
	}
	.media-game ul, .media-nav ul {
		text-align: center;
	}

}


/* =============================================================================
   POUR LES SMARTPHONE ET IPAD ENTRE 769px et 1000px
   ========================================================================== */
@media only screen and (min-width: 769px) and (max-width: 1000px) {
  
	body {
	  background-image:none;
	}
	body.logo_ee {
	  background-image:none;
	}
	
	/* GONDOLE HUMBLE BUNDLE */
	#gondole .normal-content {
		display:none;
	}
	#gondole .mobile-content {
		display:block;
	}

	.backgrounds {
		display:none;
	}
	.backgrounds_ee {
		display:none;
	}
	
	#logo_rd, #logo_ab, #logo_ee, #logo_esl {	  
	  background-repeat:no-repeat;
	  background-position: bottom center;
	  background-color: #000000;
	  background-size: cover;
	}
	#logo_rd, #logo_esl {
		background-image:url(../img/back-tablet.jpg);
	}
	#logo_ab {
		background-image:url(../img/back-tablet_ab.jpg);
	}
	#logo_ee {
		background-image:url(../img/back-tablet_ee.jpg);
	}
	#logo_esl img {
		width:100%;
	}	
  
}
/* =============================================================================
   POUR LES SMARTPHONE ET IPAD ENTRE 1001px et 1024px
   ========================================================================== */
@media only screen and (min-width: 1001px) and (max-width: 1024px) {  

	.backgrounds {
		display:none;
	}
		
}