/*****************CATEGORIE distrib****************/
	


.nav-links{
	color: #A78A3C;
	/*border: 1px solid #A78A3C;*/
	/*padding: 5px;*/
}

.page-numbers.current, .page-numbers:hover{
	color :white;
	background-color: #A78A3C;
	border: 1px solid #A78A3C;
	padding: 5px;
	margin: 0;
}

.page-numbers{
	color : #A78A3C;
	background-color: white;
	border: 1px solid #A78A3C;
	padding: 5px;
	margin: 0;
}

	
	#category{
		margin-left: 17%;
		/*padding-left: 10%;
		padding-right: 10%;*/
				/*background-color: #FFF;*/
				background-color: #F8F8F8;
	/*	width: 83%;*/
		min-height: 85%;
       /* position: relative;*/
	}
	
		#category header{
			
			padding-top: 1rem;
			padding-bottom: 1rem;
			width: 100%;
					color: #030310;
		/*opacity: .5;*/

	}



@media only screen and (min-width: 992px){
		#category header{

            position: fixed;
            width: 83%;
            background-color: #FFF;
            top: 0;
            z-index: 50000;
            
	}
        #category .conteneur{
        /* margin-top: 93px;*/
    }

    
}
	
	#category header select{
		margin-right: 1rem;
		min-width: 100%;
		max-width: 100%;
		font-family: Montserrat;
		font-size: 11px;
opacity: .5;
	}
	
		#category .content{
	padding-top: 1rem;
	background-color: #F8F8F8;
	margin-bottom: 50px;
	/*background-color: #F0F0EF;*/
          /*  margin-top: 93px;*/
	/*padding: 1rem;*/
}
	

	
	#category h2{
		font-family: Montserrat, sans-serif;
		font-weight: bold;
		font-size: 1.1rem;
		color: #A78A3C;
		padding-left: 2rem;
		letter-spacing: .2rem;
		margin-top: .5rem;
        text-transform: uppercase;
	}

	/*#category h2{
		color: #A78A3C;
		font-size: 1.8rem;
	font-family: Piek, verdana;
	font-weight: bold;
	letter-spacing: .08rem;
	}*/
	
		#category .films{
		padding-top: 1rem;
		/*text-align:center;*/
	}
	
/*	#category .film{
		text-align:center;
	}*/
	
		#category img{
		max-width: 100%;
		/*margin-bottom: 1rem;*/
		/*text-align: center;
		margin: auto;*/
	}
		
		#category h3{
			font-family: Piek;
		text-align:center;
		font-size: 1.1rem;
		font-weight: bold;
		color: #A78A3C;
		padding-top: .5rem;
		letter-spacing: 0.05rem;
	}
	
			#category h4{
				font-family: Montserrat;
		text-align:center;
		font-size: .75rem;
		letter-spacing: .05rem;
		font-weight: bold;
		color: #030310;
	}
				#category h5{
				font-family: Montserrat;
		text-align:center;
		font-size: .65rem;
		letter-spacing: .05rem;
		color: #030310;
	}
	

#category .categorie{
	color: #A78A3C;
	font-size: .5rem;
	text-transform: uppercase;
}


.grid-sizer{
	width: 23%;
}

.gridnoticias .grid-sizer{
	width: 48%;
}

.gridnoticias .grid-item { /* .grid-sizer, */
width: 48%; /*25*/ /* 16 pour 5 */
  margin-bottom: 0; /*2%;*/
   margin-top: 1rem; /*2%;*/
   }
	
	.grid-item { /* .grid-sizer, */
width: 23%; /*25*/ /* 16 pour 5 */
  margin-bottom: 2%;
   margin-top: 2%;
   /*overflow-x: hidden;
overflow-y: auto;*/
	/*  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;*/

	/*  -webkit-transition:background-size .2s ease-out;
    -moz-transition:background-size .2s ease-out;
    -ms-transition:background-size .2s ease-out;
    -o-transition:background-size .2s ease-out;
    transition:background-size .2s ease-out;*/
}


.gutter-sizer { 
width: 2%; 
}


.grid-item img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  
 
}
.colimg{
	   	  	background-image: url("lignecategorienoire.svg");
      background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 0 9px;
	padding: 5px;
	-webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.colimgcartelera{
		background-image: url("lignecategorie.svg");
		 
}


/*
.colimg:hover{
	background-size: 100% 9px;
	-webkit-transition:background-size .4s ease-out;
    -moz-transition:background-size .4s ease-out;
    -ms-transition:background-size .4s ease-out;
    -o-transition:background-size .4s ease-out;
    transition:background-size .4s ease-out;
}*/



.grid-item:hover .colimg {
	background-size: 120% 9px;/*100%*/
	/*-webkit-transform-origin: center bottom;
	 transform-origin: center bottom;*/
	-o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
    -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
   margin-bottom: .5rem;
  /*-o-transform: translateY(3px) scale(1.05);
  -ms-transform: translateY(3px) scale(1.05);
  -moz-transform: translateY(3px) scale(1.05);
  -webkit-transform: translateY(3px) scale(1.05);
  transform: translateY(3px) scale(1.05);*/
}



.grid-item:hover {
	 transform: translateY(2px);
    -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


.grid{
	/*margin-top: 50px;*/
	margin-top: 1%; /* 4% */
	    -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}



@media only screen and (max-width: 992px){
	.grid-sizer, .grid-item{
		/*width: 30%;*/ /*33*/
		width: calc(30% - 10px);
		 margin-bottom: 5%;
	}
	
	.gutter-sizer { 
width: 5%; 
}

.gridnoticias	.gutter-sizer { 
width: 2%; 
}

.gridnoticias .grid-sizer{
	width: 48%;
}

.gridnoticias .grid-item { /* .grid-sizer, */
width: 48%; /*25*/ /* 16 pour 5 */
  margin-bottom: 2%;
   margin-top: 2%;
   }


}

@media only screen and (max-width:576px){
	.grid-sizer, .grid-item{
		/*width: 48%;*/ /*50*/
		width: calc(48% - 10px);
	}
	.gutter-sizer { 
width: 4%; 
}
.itemcontent{
	font-size: 1.2rem;
}

.gridnoticias	.gutter-sizer { 
width: 2%; 
}

.gridnoticias .grid-sizer{
	width: 48%;
}

.gridnoticias .grid-item { /* .grid-sizer, */
width: 48%; /*25*/ /* 16 pour 5 */
  margin-bottom: 2%;
   margin-top: 2%;
   }


}

@media only screen and (max-width:480px){
	.grid-sizer, .grid-item{
		/*width:  100%;*/
		width: calc(100% - 10px);
	}
	.itemcontent{
	font-size: 1.4rem;
}
.gridnoticias	.gutter-sizer { 
width: 2%; 
}

.gridnoticias .grid-sizer{
	width: calc(100% - 10px);
}

.gridnoticias .grid-item { /* .grid-sizer, */
width: calc(100% - 10px); /*25*/ /* 16 pour 5 */
  margin-bottom: 2%;
   margin-top: 2%;
   }

}

	/*@media only screen and (max-width:767.98px){*/
/*@media (max-width:767.98px){*/
	@media only screen and (max-width:992px){

	#category{
		margin-left: 0;
		width: 100%;
	}
	
			#category header{

			margin-top: 100px;
             /* margin-top: 76px;
                position: fixed;
                background-color: white;
                z-index: 5000;
                top: 0;*/
                

	}
        
        /*#category .conteneur{
            margin-top: 166px;
        }*/
	
		#category header select{
		margin-bottom : 1rem;
		/*min-width: 30%;
		max-width: 30%;*/

	}
	
}

	@media only screen and (max-width:767.98px){


	
			#category header{

			margin-top: 65px; /* 80*/
           /*     margin-top: 0;
                padding-top: 81px;*/

	}
	
#category h2{
	text-align: center;
}
	
}