@media screen and (max-width: 802px) {
  header {
    padding: 0.8em 1.2em 0;
  }

  header div {
    gap: 1em;
  }

  header div a img {
    width: 8rem;
    height: 8rem;
  }

  header div:not(:first-child) a {
    font-size: 0.9em;
    padding: 0.6em;
    max-width: 160px;
  }

  .sous-texte {
    font-size: 0.95em;
    transform: translateY(-15%);
  }

  .link-block {
    margin-top: 1.5em;
    min-height: 80px;
  }
}

/* --- MOBILES (max 682px) --- */
@media screen and (max-width: 630px) {
  header div {
    flex-direction: column;
    align-items: center;   
    justify-content: center;
    gap: 0.5em;           
  }

  header div a img {
    width: 7rem;
    height: 7rem;
    margin-bottom: 0.8em;
    display: block;     
    margin-left: auto;  
    margin-right: auto;   
  }

  .link-block {
    flex: unset;         
    margin: 0;          
    width: 100%;         
    max-width: 250px;     
    text-align: center;   
  }

  .link-block a {
    display: block;     
    width: 100%;
    margin: 0 auto;     
  }

  .sous-texte {
    font-size: 0.9em;
    margin-top: 0.2em;
    transform: none;     
  }
}

/* Pour écrans de moins de 500px */
@media screen and (max-width: 500px) {

  body {
    font-size: 14px; 
  }

  .presentation-section h1 {
    font-size: 1.6em;
    margin-bottom: 15px;
  }

  .presentation-section h2 {
    font-size: 1.4em;
    margin-bottom: 15px;
  }

  .presentation-section p {
    font-size: 0.95em;
    line-height: 1.4;
    margin-bottom: 15px;
  }

  .divided {
    flex-direction: column;
    gap: 15px; 
  }

  .image-block {
    margin: 15px 0;
    padding: 0.5em;
  }

  .image-block img {
    max-width: 90%;
    height: auto;
  }

  .link-block {
    margin-bottom: 10px;
  }
}