.gridExpositions {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 50px 1fr;
  grid-template-rows: auto;
  width: 95%;
  gap: 10px;
  /*background-color: tomato;*/
}
.expositionsG {
  grid-column:1;
  font-size: 90%;
  /*background-color: aqua;*/
}
.expositionsD {
  grid-column:2;
  font-size: 90%;
  /*background-color: lime;*/
}

.expositionsD b {
  font-size: 100%;
}

/* XXXXXXXXXX MEDIAS XXXXXXXXXXXX */
/* XXXX A5 portrait XXXX */
@media only screen and (max-width : 768px) and (orientation : portrait) {
  .gridExpositions {
    display: block;
    margin-left:5px;
  }
  .expositionsG {margin-top:10px;}
  .expositionsD {margin-top:5px;margin-left:10px;}
}


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

 .gridExpositions {
    grid-template-columns: 10% 1fr;
 }
 .expositionsG {}
 .expositionsD {}


}

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

  .gridExpositions {
    display: block;
    margin-left:5px;
  }
  .expositionsG {margin-top:10px;}
  .expositionsD {margin-top:5px;margin-left:10px;}
  
}



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

 .gridExpositions {
    grid-template-columns: 8% 1fr;
 }
 .expositionsG {}
 .expositionsD {}

}