header {
  background-color: rgb(125, 125, 125);
  min-width: 100px;
  width: 33%;
  
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 5%;
  box-sizing: border-box; /* évite que padding modifie la largeur */
}

@media (max-width: 680px) {
  header {
    display: flex; /* flux normal pour petits écrans */
    flex-direction: row;
    width: 100%;    /* occupe toute la largeur disponible */
    padding: 2%;    /* padding réduit si besoin */
  }
}


.headerLogo_conteneur {
    min-width: 60px;  /* largeur du div */
    max-width: 120px; 
    width:100%;

    min-height:60px;
    height:100%;
    overflow: hidden; /* cache le surplus si l'image déborde */

}

.headerLogo_conteneur img {
    width: 100%;
    height:100%;
    object-fit: cover; /* "cover" recadre en gardant l'image centrée */
}



.header_conteneur {

     min-height:50px;
    height:100%;
    margin-top:20px;

  background-color: rgb(255, 255, 255);
  width: 98%;  /* largeur du div */
  overflow: hidden; /* cache le surplus si l'image déborde */


}