.wrapper_themeselect {
  display: grid;
  /* row-gap: 40px; */
  column-gap: 20px;
  grid-template-columns: auto 1fr;
  grid-template-areas:
    "themefiltre themeliste"
  ;
  justify-content: center;
  grid-auto-rows: min-content;
  grid-template-rows: minmax(0,min-content);
}

.themedisplayetroit {
  display:none;
}
.themedisplaylarge {
  display:block;
}
@media only screen and (max-width: 740px){
  .themedisplayetroit {
    display:block;
  }
  .themedisplaylarge {
    display:none;
  }
}

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

.themeliste {
  grid-area: themeliste;
  margin-right:20px;
}

.wrapper_themeliste {
  display: grid;
  row-gap: 20px;
  column-gap: 20px;
  grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
  justify-items: center;
}

.wrapper_themeliste_col {
  position: relative;
  overflow: hidden;
}

.themealltxt1left{
  width:50%;
  float:left;
  text-align:left;
}
.themealltxt1right{
  width:50%;
  float:right;
  text-align:right;
}
.themetxt1 {
  font-family:var(--font-family-titre);
  font-weight:bold;
  font-size:32px;
  color:#fff;
  background-image: linear-gradient(to top, #000, #fff0);
  padding: 0 8px 12px 8px;
  position:absolute;
  bottom: 0;
  width: 100%;
}
.themematieretxt1 {
  font-weight:normal;
  font-size:12px;
  color:#000;
  padding: 0 8px 0 8px;
  text-align: left;
}