
.cjweb-encheres-pagination_wrapper{
	margin : 20px 0;
}

ul#cjweb-encheres-wrapper{
	list-style-type: none;
	padding: 0;

}

#cjweb-encheres-wrapper li	{
	border : 1px solid var(--contrast);
	padding : 20px 20px 80px 20px;
	
	position : relative;
}

/*#cjweb-encheres-wrapper{
	 display: grid;
  	 grid-template-columns: repeat(auto-fill, 400px);
  	justify-content: space-around;
  	grid-gap: 20px;
}



#cjweb-encheres-wrapper li{
	
	width : 400px;
	
	
	
}*/

#cjweb-encheres-wrapper h2{
	font-size : 1.2em;
	line-height : 1.2em;
	font-weight : 800;
	padding : 10px 0 0 0;
}


a.cjweb-encheres-button {
  display : inline-block;
  background-color: var(--black);
  color: var(--white);
  border: 0px;
  border-radius: 10px;
  padding: 10px 20px;
  margin-top : 20px;
 
}

.cjweb-encheres-infosmall{
	font-size : 0.8em;
	padding-bottom : 15px;
}

.cjweb-encheres-titlelike{
	font-weight : 600;
	display : inline-block;
	width : 100%;
}


#cjweb-encheres-wrapper .cjweb-icon.icon-time{
	padding : 10px 10px 10px 0px;
}

.cjweb-encheres-button-wrapper{
	position : absolute;
	bottom : 20px;
	left : 20px;
}

/* Appliquer Flexbox au conteneur <ul> du shortcode */
ul#cjweb-encheres-wrapper {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Appliquer la largeur appropriée pour chaque <li> dans la grille */
ul#cjweb-encheres-wrapper li {
  width: calc(25% - 20px); /* 4 colonnes avec un espace de 20px entre elles */
  
  margin-right: 20px;
  margin-bottom: 20px;
}

ul#cjweb-encheres-wrapper li:nth-child(4n) {
  margin-right: 0;
}





 ul#cjweb-encheres-wrapper li:nth-child(4n+1):nth-last-child(-n+2),
  ul#cjweb-encheres-wrapper li:nth-child(4n+2):nth-last-child(-n+1) {
    width: calc(50% - 20px);
  }

@media screen and (min-width: 1200px) and (max-width: 1500px) {

	ul#cjweb-encheres-wrapper li{
		 width: calc(50% - 20px)!important;
	}

}


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

	ul#cjweb-encheres-wrapper li{
		 width: 100% !important;
		 margin-right : 0px;
	
	}


}
	
