.wrapper_catalogue {
  display: grid;
  row-gap: 40px;
  column-gap: 20px;
  grid-template-columns:1fr;
  align-content: start;
  justify-items: center;
}

.wrapper_uncatalogue {
  display: grid;
  column-gap: 30px;
  /* grid-template-areas:"wrapper_catalogue_col1 wrapper_catalogue_col2"; */
  /* grid-template-columns: 1fr 1fr; */
  grid-template-areas:
    "catalogue_encours_couv catalogue_encours_lib"
    "catalogue_precedent_lib catalogue_precedent_couv"
  ;

}
@media only screen and (max-width: 810px){
  .wrapper_uncatalogue {
  grid-template-areas:
    "catalogue_encours_couv"
    "catalogue_encours_lib"
    "catalogue_precedent_couv"
    "catalogue_precedent_lib"
  ;
    /* grid-template-columns: auto; */
  }
}

.catalogue_encours_couv {
  grid-area:catalogue_encours_couv;
  position: relative;
  align-self: center;
}

.catalogue_encours_lib {
  grid-area:catalogue_encours_lib;
  position: relative;
  align-self: center;
  padding: 20px 0 40px 0;
  text-align:left;
}

.catalogue_precedent_couv {
  grid-area:catalogue_precedent_couv;
  position: relative;
  align-self: center;
}

.catalogue_precedent_lib {
  grid-area:catalogue_precedent_lib;
  position: relative;
  align-self: center;
  padding: 20px 0 40px 0;
  text-align:right;
}

.catalog01-text {
  height: 100%;
  width: 100%;
  font-size: 16px;
  color: #fff;
}
.catalog02-text {
  height: 100%;
  width: 100%;
  font-size: 16px;
  color: #fff;
}
.tarif01-text {
  height: 100%;
  width: 100%;
  font-size: 16px;
  color: #000;
}