.fixed {
    position:fixed;
    top:0;
}

.header{
	position: relative;
	float: left; 
	width: 100%; 
	height: 164px; 
	margin-bottom: 30px;
	 z-index: 9999;	
}	

@media only screen and (max-width: 992px){
	.header { 
		height: 64px; 
	}
	
	nav .brand-logo {
		margin-top: 5px;
	}
}	
 @media only screen and (min-width : 993px) {
		nav .brand-logo img {
			width: 80%; 
			
		}	
 }


	
.form-liste-news{
    float: left;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 100%;
    padding: .625rem;
    -webkit-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
	background-color: rgba(129, 212, 250,.65);
    background-repeat: repeat-y;
    background-position: left top;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.form-liste-savoir{
    float: left;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 100%;
    padding: .625rem;
    -webkit-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
	background-color: rgba(224, 224, 224,.65);
    background-repeat: repeat-y;
    background-position: left top;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.form-liste-cat{
    float: left;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 100%;
    padding: .625rem;
    -webkit-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
	background-color: rgba(0, 0, 0,.65);
    background-repeat: repeat-y;
    background-position: left top;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.form-liste-dossier{
    float: left;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 100%;
    padding: .625rem;
    -webkit-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
    background-color: rgba(2, 119, 189,.65);
    background-repeat: repeat-y;
    background-position: left top;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.form-liste-savoir:hover{background-color:rgba(0,0,0,.2)}
.form-liste-dossier:hover{background-color:rgba(0,0,0,.5)}
.form-liste-cat:hover{background-color:rgba(0,0,0,.2)}
.form-liste-news:hover{background-color:rgba(0,0,0,.5)}

.pr__upcoming-game-h__xsm__details__platforms {
    line-height: 12px;
    float: left;
    clear: both;
    list-style-type: none;
}
.gk__link__area, .gk__link__area--invisible {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}


.titre-liste {
    font-size: 1.2rem;
    line-height: 18px;
    letter-spacing: .01rem;
    /*font-weight: 700;*/
	color:#ffffff;
	float: left;
    text-transform: uppercase;
	margin: 0px;
}

.cat-liste {
    float: left;
    clear: both;
    margin: 5px 0;
    list-style-type: none;
    color: #fff;
    font-size: .75rem;
    line-height: 12px;
    letter-spacing: .01rem;
	padding: .250rem;
}

.pr__game-h__sm__details span, .pr__game-h__xsm__details span, .pr__upcoming-game-h__xsm__details span, .pr__upcoming-game-h__xsm__details--no-image span {
    vertical-align: baseline;
}


between-xs {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.row--nowrap {
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}


.pr__upcoming-game-h__xsm:after{
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:'.'
}

.pr__upcoming-game-h__xsm figure {
    font-size: 0;
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: cover;
    background-size: cover;
}

/************************************tset*****************************/

strong {
  font-weight: 600;
}

iframe{
	border:0;
}

nav ul a {
      font-size: 0.9rem;
      color: #fff;
      display: inline-block;
      padding: 0px 10px;
}

.clearfix:before,.clearfix:after{
content:" ";
display:table
}

.clearfix:after{
clear:both
}

.row1:after {
  content: "";
  display: table;
  clear: both;
}
img{
	max-width : 100%;
	_width : 100%;
	height: auto;
} 

object,embed,video,iframe{
	max-width : 100%;
	_width : 100%;
} 

h1, h2, h3, h4, h5, h6 {
  font-weight: 500; 
  }
h1{
  line-height: 4.5rem;
} 
  
td{
padding: 0px;
}

td b{
font-size:12px;
}

#search {
display: none;
margin-bottom: 0;
color:#ff0000;
/*border-top: 1px solid #111;
border-bottom: 1px solid #111;*/
}

 input[type=text]:focus {
border-bottom: 1px solid #ffffff;
-webkit-box-shadow: 0 1px 0 0 #ffffff;
-moz-box-shadow: 0 1px 0 0 #ffffff;
box-shadow: 0 1px 0 0 #ffffff;
}

/************************************************noel*****************************************/
/*.couleurdegrader1{
    background : linear-gradient(160deg, #29b6f6 10%, #004578 100%);	
	
}*/

.couleurdegrader1{
    background : linear-gradient(160deg, #29b6f6 30%, #00e6c6 100%);	
}	


/************************************************news*****************************************/

  /*.card.news {
    height: 208px; }*/
   /* .card.news .card-image {
      height: 118px; 
	  width:100%;
	  }*/
	  
.breadcrumb> div {
	padding: 0 1px;
	display: inline-block;
	color:#999999;
	font-size:0.7em;
	marign-bottom:10px;
	line-height: 20px;
	vertical-align: middle;
	height: 20px;
}
.breadcrumb a {color:#999999;}
							
.card.news .card-content {
	height: 80px;
}
	  
.card .card-content {
	padding: 5px; 
}
		
.card-content a {
		color:#444444;
		text-decoration: none;
		font-weight: bold;
		font-size: 13px;
		text-transform: uppercase;
}	

.card-content a:hover {
	color: #888888;
	text-decoration: none;
}
	
			
@media only screen and (min-width: 993px) {	  
	  .container{
	  width :78%;
	  }
}	  
/************************************************dossiers*****************************************/

.wrapper{
	border-bottom:solid 3px #ffffff; 
	background-color:#e0e0e0;
	 height:395px; 
	 background-image: url(images/fond-dossier.jpg);  
	 background-repeat: repeat;
}

.corpsdossier{ 
	margin-left:auto; 
	margin-right:auto;
	max-width:1000px;  
	top:30px; 
	height: 285px;
}



#featured-main {

	background: #000;
	
	/*margin-top:30px;*/
		-ms-box-shadow: 0 2px 7px -3px #000;

		-moz-box-shadow: 0 2px 7px -3px #000;

		-o-box-shadow: 0 2px 7px -3px #000;

		-webkit-box-shadow: 0 2px 7px -3px #000;

	box-shadow: 0 2px 7px -3px #000;

	float: left;

	overflow: hidden;

	position: relative;

	width: 100%;

	height: 285px;

	z-index: 11;

	}


.main-story {
	float: left;
	/*overflow: hidden;*/
	position: relative;
	width: 570px;	
	height: 285px;

	}


.main-story img {

	float: left;

	/*opacity: .9;*/

		-moz-transition: opacity .4s;

		-ms-transition: opacity .4s;

		-0-transition: opacity .4s;

		-webkit-transition: opacity .4s;

	transition: opacity .4s;

	/*margin-left: -25px;*/

	min-width:570px !important;
	/*min-width: 620px !important;*/

	}


.main-story:hover img {

	opacity: .7;

	}


.main-text {

	color: #fff;

	float: left;

	padding: 10px;

	position: absolute;

		bottom: 0;

		left: 0;

	width: 530px;

	z-index: 20;

	}



.main-text h1 {

	color: #fff;

	float: left;

	font-size: 20px;

	font-weight: 700;
/*background-color:#7fdcfe;*/
	line-height: 120%;

	text-align: center;

	text-decoration: none;

		-moz-text-shadow: 1px 1px 2px #000;

		-ms-text-shadow: 1px 1px 2px #000;

		-o-text-shadow: 1px 1px 2px #000;

		-webkit-text-shadow: 1px 1px 2px #000;

	text-shadow: 1px 1px 2px #000;

	text-transform: uppercase;

	width: 100%;

	}



.main-story:hover .main-excerpt {

	max-height: 200px;

	}





.sub-story {

	border-bottom: 1px solid #222;

	border-left: 1px solid #222;

	float: left;

	overflow: hidden;

	position: relative;

	width: 214px;

	height: 143px;
	


	}
.dossier-home {

	/*border-bottom: 1px solid #222;

	border-left: 1px solid #222;*/
	margin-left:1px;
margin-bottom:1px;
	float: left;

	overflow: hidden;

	position: relative;

	width: 214px;

	height: 143px;
	


	}
.dossier-home img{
	float: right;
	/*-moz-transition: opacity .4s;

	-ms-transition: opacity .4s;

	-0-transition: opacity .4s;

	-webkit-transition: opacity .4s;

	transition: opacity .4s;*/

}
	
.dossier-home:hover img {

	opacity: 0.7;


	}
	
.sub-story img {

	float: right;

/*	opacity: .9;

		-moz-transition: opacity .4s;

		-ms-transition: opacity .4s;

		-0-transition: opacity .4s;

		-webkit-transition: opacity .4s;*/

	transition: opacity .4s;

	}



.sub-story:hover img {

	opacity: 0.5;

	}



.sub-text {

	padding: 10px 10px 8px 10px;

	position: absolute;

		bottom: 0;

		left: 0;

	width: 194px;

	}



.sub-text h2 {

	color: #fff;

	float: left;

	font-size: 14px;

	font-weight: bold;

	line-height: 120%;

text-align:center;
	margin-bottom: 4px;

		-moz-text-shadow: 1px 1px 2px #000;

		-ms-text-shadow: 1px 1px 2px #000;

		-o-text-shadow: 1px 1px 2px #000;

		-webkit-text-shadow: 1px 1px 2px #000;

	text-shadow: 1px 1px 2px #000;

	text-transform: uppercase;

	}


.sub-story:hover .sub-text p {

	max-height: 100px;

	}
	
/*****************************************couleurs catégories*************************************************/
.couleurpardefaut{
text-transform: lowercase; 
font-family: /*'Ceviche One',*/arial, sans-serif; 
color: #ffffff; 
background-color: #555555; 
line-height: 12px; 
vertical-align: middle;
font-size:12px;
}

.couleurPassionJapan{
background-color : #a752ff;
}
.couleuranimes, .couleurcinema{
background-color:#ff0054;
}
.couleurmangas,.couleurpj-staff{
background-color:#62e2e6;
}
.couleurjeuxvideo{
background-color:#2ad6c2;
}
.couleurstreaming{
background-color:#e97dff;
}

.couleurpodcast{
background-color:#ffb83c;
}
.couleurPlanning{
background-color: #d52165; 
}
.couleurPJ{
background-color: #a752ff; 
font-size:12px;
}
.couleurjapanexpo,.couleurJapon{
background-color: #ff0000;
}

/*******************************************fin couleurs catégories***********************************************/	
/**************************************************************opacity images black************************************************************/

.news-home{

	float: left;

	overflow: hidden;

	position: relative;

	}

.news-home img {

	float: left;

/*	opacity: .9;*/

		-moz-transition: opacity .4s;

		-ms-transition: opacity .4s;

		-0-transition: opacity .4s;

		-webkit-transition: opacity .4s;

	transition: opacity .4s;

	}



.news-home:hover img {

	opacity: 0.7;

	}



.news-home-text {

	padding: 10px 10px 8px 10px;

	position: absolute;

		bottom: 0;

		left: 0;

	width: 194px;
	color: #555555;
	}




/************************************************fin dossiers*****************************************/
/************************************************sortie anime home*****************************************/

.sortieanimehome {
 /* padding: 20px;*/
  margin: 0.5rem 0 1rem 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  background-color: #fff; 
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  position: relative;
  }

.ombre {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
  
.titrenews{
	position: absolute; 
	bottom: 20px; 
	text-align:center;
	width: 100%;
	padding: 2px; 	
	text-shadow: 1px 1px 2px #000;
	cursor: pointer;
    display: block; 
} 

.titrenews  h1{
	font-size: 18px; 
	/*font-weight: 900;*/
	color: #fff;
	text-transform: uppercase;
	line-height: 1.62rem;
	margin : 0px;
}

/************************************************fin sortie anime home*****************************************/


.flechevideogrande {
display: block;
position: relative;
width: 46px;
height: 40px;
margin-top: 45px;
margin-left: 138px;
background-image: url(images/flechevideo.png);
background-repeat: no-repeat;
}

/************************************** pagination style *********************************************/
.pagin {
padding: 2px 0;
margin: 0;
font-family: "Verdana", sans-serif;
font-size: 1rem;
font-weight: bold;


}
.pagin * {
padding: 2px 6px;
margin: 0;
}
.pagin a {
border: solid 1px #bfbfbf;
background-color: #EFEFEF;
color: #666666;
text-decoration: none;
border-radius: 5px; /*CSS3*/
-webkit-border-radius: 5px; 
-moz-border-radius: 5px;
}
.pagin a:visited {
border: solid 1px #bfbfbf;
background-color: #EFEFEF;
color: #60606F;
text-decoration: none;
}
.pagin a:hover, .pagin a:active {
border: solid 1px #29b6f6;
background-color: white;
color: #29b6f6;
text-decoration: none;
}
.pagin span {
cursor: default;
border: solid 1px #dedbdb;
background-color: #F0F0F0;
color: #B0B0B0;
border-radius: 5px; /*CSS3*/
-webkit-border-radius: 5px; 
-moz-border-radius: 5px;

}
.pagin span.current {
border: solid 1px #29b6f6;
background-color: #29b6f6;
color: white;
}

.current a {
padding: 2px 6px;
margin: 0;
font-family: "Verdana", sans-serif;
font-size: 9pt;
font-weight: bold;
border: solid 1px #29b6f6;
background-color: #29b6f6;
color:#ffffff;
text-decoration: none;
border-radius: 5px; /*CSS3*/
-webkit-border-radius: 5px; 
-moz-border-radius: 5px;

}
/**************************************fin  pagination style ******************************************/

/*********************************************note ****************************************************/

.note{
	font-weight: bold; 
	background-color: rgba(0, 0, 0, 0.7);	
	display: inline-block;
    color: #FFF;
    position: relative;
    z-index: 1;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}	
.notecritik{
float: right;
    margin: 0px 0px 0px 8px;
    font-size: 1.4rem;
    line-height: 19px;
    letter-spacing: .01rem;
    padding: .40rem;
	color: #fff;
	font-weight: 500;
	width: 30px;
    height: 30px;
}
/**********************************************fin note************************************************/


/******************************************* lightbox ************************************************/

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #333333;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #ffffff;
}

.lbLoading {
	background: #ffffff url(images/images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 5px solid #ffffff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
/*******************************************fin lightbox ************************************************/