/* *********************************
           Variables
  ********************************** */
/* *********************************
   Some Style Overrides on Bootstrap
  ********************************** */
  .navbar-inverse {
    background: rgba(62, 195, 246, 0);
    border-bottom: none;
  }
  
  .navbar-inverse .navbar-toggle {
    border: 1px solid #333;
    border-color: rgba(255, 255, 255, 0.7);
  }
  
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: transparent;
  }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
      background: rgba(255, 255, 255, 0.75);
    }
  }
  
  .navbar-inverse .navbar-nav > li > a {
    color: black;
  }
  
  .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #22F;
  }

  /* *********************************
             Toolbar Logo
    ********************************** */
  .small-logo-container {
    padding-top: 50px;
    height: 50px;
    overflow: hidden;
    position: absolute;
  }
  
  .small-logo {
    color: white;
    font-size: 2.5em;
    padding-bottom: 2px;
  }
  
  /* *********************************
             Big Logo
    ********************************** */
    .big-logo-row {
      background: #6A888A; /* Retire toute couleur de fond */
      background-image: url("/img/1206-329-max.png"); /* Remplit le fond avec l'image */
      background-size: fill; /* Ajuste l'image pour qu'elle couvre tout le conteneur */
      background-position: center; /* Centre l'image dans le conteneur */
      background-repeat: no-repeat; /* Évite que l'image se répète */
  }
  
  .big-logo-row .big-logo-container {
      padding-top: 290px;
  }
  
  .big-logo-row h1 {
      font-size: 4em;
      margin: 0;
      padding: 0 0 15px 0;
  }

  .big-logo-text {
    margin-left: 20px;
  } 
  
  .small-text {
    font-size: 1.3em;
    margin-left: 30px;
  }

  .adhesion-status {
    font-size: 1.3em;
    margin-left: 30px;
  }


  @media (min-width: 400px) {
      .big-logo-row h1 {
          font-size: 4.5em;
      }
  }
  @media (min-width: 440px) {
      .big-logo-row h1 {
          font-size: 5.5em;
      }
  }
  @media (min-width: 500px) {
      .big-logo-row h1 {
          font-size: 6.5em;
      }
  }
  @media (min-width: 630px) {
      .big-logo-row h1 {
          font-size: 7.5em;
      }
  }
  @media (min-width: 768px) {
      .big-logo-row h1 {
          font-size: 9em;
          padding-bottom: 30px;
      }
  }
  @media (min-width: 1200px) {
      .big-logo-row h1 {
          font-size: 10em;
      }
  }