.page-section {
    padding: 0 1;
}

.masthead {
    padding-bottom: 0;
}

.masthead .masthead-avatarmini {
    width: 5rem;
  }

.horaires {
    text-align: center;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.banner {
    position: fixed;
    display: flex;
    width: 100%;
    top: 10%;
    height: 50px;
    color:white;
    align-content: center;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: baseline;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;
    font-size:1.25rem;
    z-index: 2000;
    background-color: red;
}


 /* Style the form - display items horizontally */
 .form-inline {
    display: flex;
    flex-flow: column nowrap;
    align-items: left;
    width: 400px;
    margin-left: 40px;
  }
  
  /* Add some margins for each label */
  .form-inline label {
    margin: 5px 10px 5px 0;
  }
  
  /* Style the input fields */
  .form-inline input {
    vertical-align: middle;
    margin: 5px 10px 5px 0;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
  }
  
  /* Style the submit button */
  .form-inline button {
    padding: 10px 20px;
    background-color: dodgerblue;
    border: 1px solid #ddd;
    color: white;
  }
  
  .form-inline button:hover {
    background-color: royalblue;
  }
  
  /* Add responsiveness - display the form controls vertically instead of horizontally on screens that are less than 800px wide */
  @media (max-width: 800px) {
    .form-inline input {
      margin: 10px 0;
    }
  
    .form-inline {
      flex-direction: column;
      align-items: stretch;
    }
  }