.iconeActu{
width: 30px; height: 20px;
vertical-align: top;
}

.actuContenu {
display: grid;
margin: 0 auto;
/*! grid-area: c; */
grid-template-columns: 70% 30%;
/*! grid-template-rows: auto; */
width: 80%;
gap: 10px 0;
}
.actuTexte {
grid-column: 1;
font-size: 90%;
/*! width: inherit; */
}
.containerActuImage {
  display: flex;
  justify-content: center;
grid-column: 2;
}

.actuImage1{width:60px;height:fit-content;}
.actuImage1 img{width:100%;height: 100%}
.actuImage2{width:100px;height:fit-content;}
.actuImage2 img{width:100%;height: 100%}

.citation {
margin: 20px auto;
width: 90%;
height: auto;
text-align: justify;
}


/* XXXXXXXXXX MEDIAS XXXXXXXXXXXX */
/* XXXX A5 portrait XXXX */
@media only screen and (max-width : 768px) and (orientation : portrait) {
  .iconeActu{
    width: 27px;
    height: 18px;
}

  .actuContenu {
    grid-template-columns: 75% 25%;
    width: 100%;
  }
  
  .actuTexte {
    font-size: 90%;
  }
  .containerActuImage{display:none;}
  .actuImage1{width: 50px}
  .actuImage2{width: 80px}

 .citation {
   width: 95%;
  }
 
}

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

  .iconeActu{
    width: 27px; 
    height: 18px;
    vertical-align: top;
}
  
  .actuImage1{width: 70px}
  .actuImage2{width: 100px}
  
  .citationContainer {
    width: 90%;
  }
  

}

/* 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) {


}