/* =============================================================================
   CONTENT
   ========================================================================== */
#news {
	position:relative;
	margin:auto;
	text-align:center;
	margin:auto;
	width:100%;
	max-width:1100px;
	padding-top:40px;
}
#news:after {
	content:'';
	display:block;
	clear:both;
}
#news .hidden{display:none;}
#news .visible{display:block;}


/* =============================================================================
   NAV
   ========================================================================== */   

/* NEWS LIST */
#news-pages {
	position: relative;
	display:inline-block;
	text-align:center;
	width:100%;	
	height:22px;
	margin: 20px 0;
}
.news-pages-bullets {
	position: relative;
	display: inline-block;	
	width:22px;
	height:22px;
	margin:0px 8px;
	background: rgba(0,0,0,.8);
	border:1px solid #fff;
	transform: rotate(-45deg);
}
.news-pages-bullets:hover {
	background: rgba(255,255,255,.3);
}
.news-pages-bullets.current {
	background: rgba(255,255,255,.3);
}
.news-pages-arrow {
	display:inline-block;
	width:13px;
	height:27px;
	vertical-align:top;
	margin-top:-2px;
}
.prev-arrow {
	background: url(../img/game/more_info_left.png) no-repeat center center;
	margin-right: 15px;
}
.next-arrow {
	background: url(../img/game/more_info_right.png) no-repeat center center;
	margin-left:10px;
}


/* NEWS DETAIL */
.news-footer {
	/*position:relative;*/
	height:45px;
	margin-top:15px;
	text-align:center;
}
.news-footer:after {
	content:'';
	display:block;
	clear:both;
}
.news-back {
	position: relative;
	display:inline-block;
	float: left;
}
.news-back a {
	display:block;
	font-size: 16px;
	line-height:18px;
	text-align:center;
	font-family: 'fuji-reg', 'Times New Roman', serif;
	color:#fff;
	text-transform:uppercase;
	padding: 11px 12px 8px 10px;
	background: rgba(0,0,0,.8);
	border:1px solid #ccc;
}
.news-back a i {
	font-size: 13px;	
	padding-right:6px;
}
.news-back a:hover {
	background: rgba(255,255,255,.3);
	color: #000;
	font-weight:bold;
}
.news-arrow {
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	width:40px;
	height:40px;
	background: rgba(0,0,0,.8);
	border:1px solid #ccc;
	margin: 0 8px;
}
.news-arrow.right-arrow {
	right: -60px;
}
.news-arrow.left-arrow {
	left: -60px;
}

.news-arrow a {
	display: block;
	height:100%;
}
.news-arrow i {
	line-height:40px;
	color: #fff;
	transition: .2s ease-in-out;
}
.news-arrow.left-arrow i {
	margin-right:2px;
}
.news-arrow.right-arrow i {
	margin-left:2px;
}
.news-arrow a:hover {
	background: rgba(255,255,255,.3);
}
.news-arrow a:hover i {
	color: #fff;
}


/* ADDTHIS */
.addthis_more {
	cursor:pointer;
}
/* pour cacher les boutons AddThis sur Facebook et Twitter*/
.addthis_button_twitter span, .addthis_button_facebook span  {
	display:none !important;
}
.at300b:hover {
	opacity: 1.0 !important;
}
.share-links {
	float: right;
}
.share-links a {
	width:40px;
	font-size:20px;
	padding:10px;
	text-align:center;
	color: #fff;
	margin-left:8px;
}
.share-links a:hover {
	background: #fff !important;	
	color:#000;
}
.share-links a.fa-facebook {
	background: #3C5998;	
}
.share-links a.fa-twitter {
	background: #00ABF0;
}
.share-links a.fa-share-alt {
	background: #de634b;
}



/* =============================================================================
   NEWS LIST
   ========================================================================== */  
   
 /* BLOC */  
.news-bloc {
	position:relative;
	display:inline-block;	
	float:left;
	width:31%;
	margin:10px;
}
/* SCREEN */
.news-screen {
	position:relative;
	display:block;	
	width:100%;
	margin:0;
	cursor: pointer;
	border:2px solid #74706d;
	box-shadow: 1px 2px 3px 2px rgba(0,0,0,0.3);	
	overflow:hidden;
}
.news-screen img {
	margin:0px auto -3px auto;
	width:100%;		
	/* border: 1px solid #009de0; */
	transition: all .2s ease-in-out;
	backface-visibility: hidden;
}

/* POUR LE FLASH LIGHT */
.news-screen:after {
  position: absolute;  
	background: #fff;
	content: "";
	height:300px;
	top: -60px;
	left: -180px;
	opacity:.2;
	transform: rotate(35deg);
	transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	width:100px;
	z-index:10;
}

/* LEGEND */
.news-legend {
	display:block;	
	width:100%;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	z-index:20;
	padding:10px 5px;
	font-family: 'fuji-reg', 'Times New Roman', serif;
	font-size:16px;
	text-transform:uppercase;
	color:#222;
	background: url("../img/pattern_background_block.png") no-repeat center center;
	background-size: cover;
	transition: all 0.3s ease;
	text-align:center;
	border-top:1px solid #69705d;
	border-left:2px solid #74706d;
	border-right:2px solid #74706d;
	border-bottom:2px solid #74706d;
	text-shadow: 0 1px 1px rgba(0,0,0,.8);
}

/* HOVER */
.news-bloc:hover .news-screen img {
  transform: scale(1.05);
}
.news-bloc:hover .news-screen:after {
  left: 120%;
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.news-bloc:hover .news-legend {
  color:#222;
}


/* =============================================================================
   NEWS DETAIL
   ========================================================================== */
	 
/* HEADER */
.article-title {
	display:inline-block;
	width:100%;
	height:32px;
	position: relative;
	padding:7px 0px 0px 20px;
	text-align:left;
	background: url(../img/news/title_bg.png) no-repeat top left;
}
.article-title h1 {
	position:relative;	
	display:inline-block;
	font-size:23px;
	font-family: 'fuji-reg', 'Times New Roman', serif;
  color: #000;
	font-weight: normal;
	text-transform:uppercase;
}
.news-date {
	position: absolute;
	bottom:8px;
	right:0;
	z-index:4;
	font-family: 'fuji-reg', 'Times New Roman', serif;
    color: #fff;
    text-shadow: 0px 2px 8px rgba(0,0,0,.9);
}

/* CONTENU TEXTE */
.news-content {
	position:relative;
	width: 100%;
	display:block;
	/*
	background: repeating-linear-gradient(
	  45deg,
	  rgba(0,0,0,.6),
	  rgba(0,0,0,1) 2px,
	  rgba(0,0,0,.6) 4px
	);
	*/
	background:rgba(0,0,0,0.8);
	padding: 10px 15px;
}
.news-content:before,
.news-content:after {
	content:'';
	display:block;
	width:126px;
	height:61px;
	position: absolute;
	top:0;
	z-index:10;
}
.news-content:before {
	left:0;
	background: url(../img/deco-block-left.png) no-repeat center center;
}
.news-content:after {
	right:0;
	background: url(../img/deco-block-right.png) no-repeat center center;
}

.deco-bottom {
	position:relative;
	width:100%;
	height:40px;
	display:block;
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	z-index:10;
}
.deco-bottom:before,
.deco-bottom:after {
	content:'';
	display:block;
	position: absolute;
	bottom:0;
}
.deco-bottom:before {
	width:180px;
	height:40px;
	left:0;
	background: url(../img/deco-block-bottom_left.png) no-repeat center center;
}
.deco-bottom:after {
	width: 260px;
	height:12px;
	right:0;
	background: url(../img/deco-block-bottom_right.png) no-repeat center center;
}

.news-text {
	position:relative;
	width:100%;
	line-height:1.5;
	text-align:justify;
	font-size:13px;
	color:#fff;
	padding:18px;
	column-count: 2;
	column-gap: 35px;
}
.news-text p {
	font-size:13px;
	margin:0;
}
.news-text a {
	color:#e5d194;
	font-weight:bold;
	text-decoration:none;
	transition: .2s ease-in-out;
}
.news-text a:hover {
	text-decoration: underline;
}
.news-text img {	
	width:100%;
	height:auto;
}

.news-text ul {
    padding:0px 0px 0px 5px;
}
.news-text li {
    margin-bottom:7px;
}
.news-text li:before {
    content:'';
    display:inline-block;
    width:6px;
    height:6px;
    border:1px solid #fff;
    background: transparent;
    margin: -2px 10px 0 5px;
    vertical-align:middle;
    transform: rotate(45deg);
}


/* YOUTUBE PLAYER */
.news-youtube {
  position: relative;
	display:block;
	width: 100%;
	padding-bottom: 56.27198%;
}
.news-youtube iframe, 
.news-youtube embed, 
.news-youtube object {
	position:absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}


/* =============================================================================
   MEDIA QUERIES 
   ========================================================================== */

@media screen and (max-width: 1280px) {
	#news {
		width:100%;
		max-width:900px;
	}
	.news-content {
		max-width:900px;
		margin:auto;
	}
}

@media screen and (max-width: 1000px) {	
	.news-arrow {
		display: inline-block;
		position: relative;
		top:initial;
		transform: none;
	}
	.news-arrow.right-arrow {
		right: initial;
	}
	.news-arrow.left-arrow {
		left: initial;
	}
}

@media screen and (max-width: 940px) {	
	#news {
		max-width:90%;
		padding-bottom:10px;
	}
	.news-bloc {
		width:46%;
		margin:2%;
	}
	.news-text {
		column-count: 1;
	}
	.article {
		text-align:center;
		margin-top:30px;
	}
	.article-title {
		width:100%;
		height:auto;
		text-align:left;
		background: url(../img/news/title_bg.png) repeat-y top left;
	}
	.news-date {
		top:-30px;
		color:#000;
		text-shadow: 0px 2px 8px rgba(255,255,255,.9);
		border-bottom:1px solid #000;
		padding-bottom:2px;
		bottom:initial;
	}
	.news-footer {
		width:95%;
		margin:15px auto;
	}
	.news-footer {
		width:100%;
	}
}



@media screen and (max-width: 550px){
	.news-bloc {
		width:96%;
		margin:2%;
	}
	.news-footer {
		margin-bottom:50px;
	}
	.share-links {
		float: none;
		margin:20px;
	}
}