/* =============================================================================
   BACKGROUND
   ========================================================================== */
body {
	background-image:none;
}

.tablet_content {
	display: block;
	clear: both;
}

/* =============================================================================
   LOGO
   ========================================================================== */
#logo {
	background-image:url(../img/back_tablet.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-color: #000;
	background-size: cover;
	padding-top:20px;
}

#logo img {
	width: 100%;
}

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

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

/* =============================================================================
   FOOTER
   ========================================================================== */
.footer-label {
	display:none;
}
#footer-rub {
	width:100%;
	padding:30px 10px 0px 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
#footer-social {
	width: 100%;
	text-align: left;
	padding: 14px 15px 14px 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
#footer-langues {
	width:100%;
	padding:20px 10px 20px 20px;	
}
#footer li {
	height:40px;
	border-right: none;
	padding-right:10px;
	padding-left:0px;
	margin-bottom:5px;
}
#footer li a {
	background: rgba(255,255,255,0.1); 
	color: #fff;
	padding:10px;
}
#footer li a:hover {
	background-color: #8b1e1e;
	color:#fff;
}
#footer-copyright {
	padding:0px 20px 0px 20px;	
}


/* =============================================================================
   GONDOLE
   ========================================================================== */
#gondole {
	max-height:270px;
}
.slider-title h2 {    
	font-size: 20px;
	padding-bottom: 1.4%;
}
.slider-title p {    
   display:none;
}
#slider-position {
	font-size:2.5em;
	bottom:0;
	top:1%;
	width:20px;
	height:100%;
}
#slider-position em {
	display:block;
	color:#1d1d1d;
	padding:0;
	height:16px;
}
#slider-next, #slider-prev {
	display:none;
}

/* =============================================================================
   HOME & NEWS
   ========================================================================== */
#home, #aside {
  float: left;
  width: 100%;
  padding: 0px 0px 25px 0px;
}

/* NAV NEWS */
#nav-pages, #nav-arrows, #nav-header, #nav-footer {
  padding-right:15px;
}   

/* 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%;
}
.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;
}


#fbcomments {
	padding-right:15px;
}

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

/* ASIDE */
#aside {
  padding:0px 15px 0px 10px;
}
#aside .mobile {
	display: inline-block !important;
}
#aside .desktop {
	display: none !important;
}
#aside #devblog, 
#aside #shop, 
#aside #video,
#aside #twitter, 
#aside #facebook {	
	display: inline-block;	
	width:48%;	
	margin-right:0px;
}
#aside #devblog {	
	margin-left:5px;
} 
#aside #shop,  
#aside #facebook {	
	margin-left:5px;
	margin-right:2.8%;
	float:left;
}
#aside #shop #shop_title span {
	font-size:19px;
	line-height:22px;
}
#aside #shop img {
	width:92%;
	padding-top:20px;
	padding-left:8%;
}
#aside #devblog {
	width:98.8%;
}
#aside #devblog img.normal-content {
	display:none;
}
#aside #devblog img.mobile-content {
	display: block;
}

/* POUR LE FLUX TUMBLR */
#aside #devblog #tumblr_posts {
	width:57.5%;
	float: left;
}
#aside #devblog img.mobile-content {
	display: block;
	float: left;
	width:40%;
	margin: 0px 2% 0px 0px;
}

#aside #shop img.normal-content {
	display:none;
}

#aside #video .bloc-content {
	background: #fff url(../img/news/video_m.jpg) top center no-repeat;
	height: 252px;
}
#aside #video .bloc-icone {
	top: 50px;
}

#aside #video img.normal-content {
	display:none;
}
#aside #video img.mobile-content {
	display:block;
	width:100%;
}


/* =============================================================================
   GAME
   ========================================================================== */
   
.cadre {	
	display: none;
}
   
/* GENERAL */
#game_content {
	width:100%;
}

/* HOME */
#home_texte {
	padding-top:10px;
	width:100%;	
}
#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 0px;
} 
.btn-discover {
	font-size: 16px;
}
.txt_discover.normal-content {
	display:block;
}
.txt_discover.mobile-content {
	display:none;
}




/* =============================================================================
   MEDIA
   ========================================================================== */
.thumbs_bloc {
	width:33.33%;
}
#media .youtube_list  {
	height:auto;
	margin-bottom:80px;
}
#media .youtube_playlist .thumbs_img img {
  margin-top:-15px;
}
#media .youtube_playlist .thumbs_title {
  margin-top:-18px;
}

#media .pagination_position {
	font-size:3.0em;
	bottom:4px;
}
#media .pagination_position em {
    padding:0;
}

/* Addthis Videos */
#share_video a.addthis_button_compact {
	display: none;
}

/* =============================================================================
   COMMUNITY
   ========================================================================== */   
#community .bloc {
	width:100%;
	height:auto;	
}
#community .youtube_list {
	height:auto;
	min-height:380px;
}
#community .youtube_playlist .thumbs_img img {
  margin-top:-20px;
}
#community .youtube_playlist .thumbs_title {
  margin-top:-24px;
}


/* =============================================================================
   SHOP
   ========================================================================== */
#shop .bloc {
	width:50%;	
}
#shop-release {
	text-align:right;
	padding-right:25px;
	top:-32px;
}

#shop #pc-offer {
	margin-bottom: 30px;
}
#shop #pc-preorder {
	margin-bottom: 7%;
	font-size: 19px;
}
#shop .pc_btn {
	font-size: 18px;
	text-align: center;
}
#shop .pc_btn .icone-steam {
	margin: 0px;
}

/* =============================================================================
   MEDIAQUERIES SOUS 630px
   ========================================================================== */
@media only screen and (max-width: 630px) {	
	
	#ps4 .bloc-title img, 
	#ps3 .bloc-title img, 
	#xbox .bloc-title img {
		width:100%;
	}
	
	#aside #video .bloc-icone .icon-youtube {
		padding-top:10%;
	}	

}