* {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1rem;
}

.fenetreCartouche {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  width: 40%;
  min-height: 50px;
}
.ctnTitre, .ctnFormat, .ctnRetour {
  display:  flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.imageTitre {width: auto;height: 30px;}
.imageRetour {width: auto;height: 20px;}

/* XXXX A5 portrait XXXX */
@media only screen and (max-width : 768px) and (orientation : portrait) {
  .fenetreCartouche {width:95%;min-height: 40px;}
  .imageTitre {height: 24px;}
  .ctnFormat {font-size: 75%;}
  .imageRetour {height: 16px;}
}

/* XXXX A5 paysage XXXX */
@media only screen and (max-width : 1024px) and (orientation : landscape) {
  .fenetreCartouche {width:60%;min-height: 40px;}
  .imageTitre {height: 26px;}
  .ctnFormat {font-size: 75%;}
  .imageRetour {height: 16px;}
}

/* XXXX Tablette portrait XXXX */
@media only screen  and (min-width : 769px) and (max-width : 834px) and (orientation : portrait) {
  .fenetreCartouche {width: 60%; min-height: 40px;}
  .imageTitre {height: 28px;}
  .ctnFormat {font-size: 90%;}
  .imageRetour {height: 20px;}
  
}

/* XXXX Tablette paysage XXXX */
@media only screen  and (min-width : 1025px) and (max-width : 1112px) and (orientation : landscape) {
  .fenetreCartouche {width: 50%; min-height: 40px;}
  .imageTitre {height: 28px;}
  .ctnFormat {font-size: 90%;}
  .imageRetour {height: 20px;}
  
}