.wrapper_prodselect {
  display: grid;
  /* row-gap: 40px; */
  column-gap: 20px;
  grid-template-columns: auto 1fr;
  grid-template-areas:
    "prodfiltre prodambiancetheme"
    "prodfiltre prodliste"
  ;
  justify-content: center;
  grid-auto-rows: min-content;
  grid-template-rows: minmax(0,min-content);
}
.prodselectdisplayetroit {
  display:none;
}
.prodselectdisplaylarge {
  display:block;
}
@media only screen and (max-width: 600px){
  .prodselectdisplayetroit {
    display:block;
  }
  .prodselectdisplaylarge {
    display:none;
  }
}

.prodfiltre {
  grid-area: prodfiltre;
  position: relative;
  justify-self: left;
  text-align: left;
  padding:10px 20px 20px 20px;
  min-width: 220px;
}

.prodambiancetheme {
  grid-area: prodambiancetheme;
  /* justify-self: left; */
  margin:0 20px 20px 0;
}

.wrapper_prodambiancetheme {
  display: grid;
  grid-template-columns: auto;
}

.wrapper_prodambiancetheme_col {
  position: relative;
}

.prodliste {
  grid-area: prodliste;
  /* justify-self: left; */
  margin-right:20px;
}

.wrapper_prodliste {
  display: grid;
  row-gap: 40px;
  column-gap: 20px;
  grid-template-columns: repeat(auto-fit,320px);
  /* padding: 30px 40px 20px 40px; */
}

.wrapper_prodliste_col {
  /* background-color: #f8f8f8; */
  position: relative;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
}

.prodambiancethemetxt1 {
  font-weight:bold;
  font-size:28px;
  text-transform:uppercase;
  color:#fff;
  text-shadow: #606060 1px 1px 1px;
  padding: 0 8px 0 8px;
}
.prodambiancethemematieretxt1 {
  font-weight:normal;
  font-size:18px;
  color:#fff;
  text-shadow: #606060 1px 1px 1px;
  padding: 0 8px 0 8px;
}

.prodalltxt1left{
  width:50%;
  float:left;
  text-align:left;
  max-width: 160px;
}
.prodalltxt1right{
  width:50%;
  float:right;
  text-align:right;
  max-width: 160px;
}
.prodtxt1 {
  font-weight:bold;
  font-size:12px;
  text-transform:uppercase;
  color:#000
}
.prodtxtsub1 {
  font-weight:normal;
  font-size:10px;
  color:#000
}
.txttheme {
  font-weight:normal;
  font-size:14px;
  color:#000;
  padding-bottom: 6px;
}
.txtsousmatiere {
  font-weight:normal;
  font-size:14px;
  color:#000;
  padding-bottom: 6px;
}
.prodcolorsmall{
  width:26px;
  height:18px;
  border-radius:50%;
  border:1px solid #000;
  margin-right: 4px;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
}
.prodmulticolor{
  background-image:url('../img/multicolor.png');
  background-repeat:no-repeat;
  background-position:center center;
  background-size: cover;
}
.btnprodfiltre
{
  font-size:14px;
  color:#fff;
  width:max-content;
  background-color:#AFBFBE;
  padding:4px 6px 0 6px;
  cursor:pointer;
}