.items {
    display:flex;
    flex-flow:row;
    flex-wrap: wrap;
    justify-content: center;
}
.items div.prod-item {
    /*border: 1px solid gray;*/
    width:200px;
    margin: 5px;
}

.pager{
	justify-content: center;
    display: flex;
}

.pager div {
	border: 1px solid #eaeaea;
	margin: 5px;
	padding:5px 5px;
}

.pager div.disabled {
	opacity: 0.25;
}

.pager .pageNumbers a {
	display: inline-block;
	padding: 0 10px;
	color: gray;
}

.pager .pageNumbers a.active {
	color: #fff;
	background:#FBB532;
}
.pageNumbers a:hover{background:#eaeaea;}
.pager {
	overflow: hidden;
}

.paginate-no-scroll .items div{
	height: 250px;
}
div.previousPage:hover, div.nextPage:hover{
    	cursor:pointer;
}
div.previousPage, div.nextPage{
    	background:#FBB532;
    	color:#fff;
    	font-weight:bold;
}
ul.page_menuProduits{
  list-style: none;
  /*background:#eaeaea;*/
  width:269px;
  overflow-y:scroll;
}
ul.page_menuProduits li{
    height:50px;
    border-bottom: 1px solid #999;
    line-height: 2.6;
}
ul.page_menuProduits li a{
    color:#000;
    vertical-align:middle;
    width:100%;
    height:100%;
}
ul.page_menuProduits li a:hover{

}
.block_produits{width:80%; margin:auto;}
.prod-card{width:200px; height:200px; transition: transform .2s}
.prod-card-txt{text-align:center; color:#fff; font-weight:bold;}

.prod-card-1{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/02/carte-eco.jpg"); background-size: cover;}
.prod-card-2{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/03/depliant3Volets.jpg"); background-size: cover;}
.prod-card-3{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/03/factureWorkorder.jpg"); background-size: cover;}
.prod-card-4{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/03/enveloppes.jpg"); background-size: cover;}
.prod-card-5{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/03/cartePostale.jpg"); background-size: cover;}
.prod-card-6{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/03/signets.jpg"); background-size: cover;}
.prod-card-7{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/03/autocs.jpg"); background-size: cover;}
.prod-card-8{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/02/carte-eco.jpg"); background-size: cover;}
.prod-card-9{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/03/brochure.jpg"); background-size: cover;}
.prod-card-10{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/03/cheque.jpg"); background-size: cover;}
.prod-card-11{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/03/pochette.jpg"); background-size: cover;}
.prod-card-12{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/03/entLettre.jpg"); background-size: cover;}
.prod-card-13{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/03/factureWorkorderState.jpg"); background-size: cover;}
.prod-card-14{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/03/calendrier.jpg"); background-size: cover;}
.prod-card-15{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/03/accPorte.jpg"); background-size: cover;}
.prod-card-16{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/03/blocNotes.jpg"); background-size: cover;}
.prod-card-17{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/03/ncr.jpg"); background-size: cover;}
.prod-card-18{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/03/menu.jpg"); background-size: cover;}
.prod-card-19{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/03/tenteTable.jpg"); background-size: cover;}
.prod-card-20{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/03/certificats.jpg"); background-size: cover;}
.prod-card-21{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/03/souhaits.jpg"); background-size: cover;}
.prod-card-22{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/03/billetNum.jpg"); background-size: cover;}
.prod-card-23{width:200px; height:200px; background-image: url("https://dev.ibiscom.ca/wp-content/uploads/2025/03/cahiers.jpg"); background-size: cover;}

.prod-card:hover{
 transform: scale(1.1);
}

.scroll-shadows {
  max-height: 350px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;

  background:
    /* Shadow Cover TOP */
    linear-gradient(
      white 30%,
      rgba(255, 255, 255, 0)
    ) center top,
    
    /* Shadow Cover BOTTOM */
    linear-gradient(
      rgba(255, 255, 255, 0), 
      white 70%
    ) center bottom,
    
    /* Shadow TOP */
    radial-gradient(
      farthest-side at 50% 0,
      rgba(0, 0, 0, 0.2),
      rgba(0, 0, 0, 0)
    ) center top,
    
    /* Shadow BOTTOM */
    radial-gradient(
      farthest-side at 50% 100%,
      rgba(0, 0, 0, 0.2),
      rgba(0, 0, 0, 0)
    ) center bottom;
  
  background-repeat: no-repeat;
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  background-attachment: local, local, scroll, scroll;
}