
.containerLiens {
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto auto;
  grid-auto-rows: 40px;
  width: 60%;
  height: auto;
  gap:4%;
  align-items: center;
  justify-content: center;
  /*! background-color: tomato; */
}

.lienG {
  grid-column: 1;
  font-size: 90%;
  text-align: right;
  /*! background-color: aqua; */
}

.lienD {
  grid-column: 2;
  font-size: 90%;
  /*! background-color: limegreen; */
}
.containerImage {
  width: initial;
  height: 30px;
}
.containerImage img {
  width: 100%;
  height: 100%;
}

/* XXXXXXXXXX MEDIAS XXXXXXXXXXXX */
/* XXXX A5 portrait XXXX */
@media only screen and (max-width : 768px) and (orientation : portrait) {
  
  .containerLiens {
    margin: 10px auto;
    grid-auto-rows: 30px;
    width: 90%;
    gap:2%;
  }

  
  .containerImage {
    height: 20px;
  }
    
}


/* XXXX A5 paysage XXXX */
@media only screen and (max-width : 1024px) and (orientation : landscape) {

.containerLiens {
    margin: 10px auto;
    margin: 10px auto;
    grid-auto-rows: 30px;
    width: 90%;
    gap:2%;
  }

  .containerImage {
    height: 20px;
  }
 
}

/* XXXX Tablette portrait XXXX */
@media only screen  and (min-width : 769px) and (max-width : 834px) and (orientation : portrait) {


}



/* XXXX Tablette paysage XXXX */
@media only screen  and (min-width : 1025px) and (max-width : 1112px) and (orientation : landscape) {


}

