.header {
    font-family: 'Roboto Condensed', serif;
    text-align: center;
    color: white;
    background-color: red;
  }
  body {
    font-family: 'Roboto Slab', serif;
   }
   footer {
    font-family: 'Roboto Slab', serif;
   }
   .boutonchien {
    background-color: #FFE6CC;
    text-align: center;
    border: 2px dotted rgb(228, 211, 166);
    color: darkslategray;
    border-radius: 5px;
    padding: 10px 5px;
  }
  .boutonchienchat {
    background-color: #CAFFCA;
    text-align: center;
    border: 2px dotted rgb(228, 211, 166);
    color: darkslategray;
    border-radius: 5px;
    padding: 10px 5px;
  }
  .boutonchat {
    background-color: #FFFFC6;
    text-align: center;
    border: 2px dotted rgb(228, 211, 166);
    color: darkslategray;
    border-radius: 5px;
    padding: 10px 5px;
  }
  .boutoncheval {
    background-color: #CAEEFF;
    text-align: center;
    border: 2px dotted rgb(228, 211, 166);
    color: darkslategray;
    border-radius: 5px;
    padding: 10px 5px;
  }
  .container {
    display: inline-block; /* Utilisez "inline-block" pour aligner l'image et le texte horizontalement */
    vertical-align: baseline; /* Pour aligner verticalement le contenu si nécessaire */
}