.containerDiaporama{
  margin: 0 auto;
  width: fit-content;
  height: fit-content;
  /*background-color: red;*/
}

.divconteneur{
  /*margin: auto;*/
  width: 473px;
  height: 265px;
  z-index: 1;
}
#divimagea {
position: absolute;
height: 265px;
opacity: 100;
}
#divimageb {
position: absolute;
height: 265px;
opacity: 0;
top: 8px;
}

/* XXXXXXXXXX MEDIAS XXXXXXXXXXXX */
/* XXXX A5 portrait XXXX */
@media only screen and (max-width : 768px) and (orientation : portrait) {
   .containerDiaporama{margin-top: 10px;width: 164px;}
  .divconteneur{width: 184px;height: 92px;}
  #divimagea {height: 92px;}
  #divimageb {height: 92px;top: 70px;}
}
/* XXXX A5 paysage XXXX */
@media only screen and (max-width : 1024px) and (orientation : landscape) {
  .containerDiaporama{margin-top: 20px;width:160px;}
  .divconteneur{width: 180px;height: 90px;}
  #divimagea {height: 90px;}
  #divimageb {height: 90px;top: 20px;}
}

/* XXXX Tablette portrait XXXX */
@media only screen  and (min-width : 769px) and (max-width : 834px) and (orientation : portrait) {
  .containerDiaporama{margin-top: 10px;width: 284px;}
  .divconteneur{width: 300px;height: 159px;}
  #divimagea {height: 159px;}
  #divimageb {height: 159px;top: 55px;}
}

/* XXXX Tablette paysage XXXX */
@media only screen  and (min-width : 1025px) and (max-width : 1112px) and (orientation : landscape) {
  .containerDiaporama{margin-top: 10px;width: 284px;}
  .divconteneur{width: 300px;height: 159px;}
  #divimagea {height: 159px;}
  #divimageb {height: 159px;top:10px;}
}