body{
    height: 100vh;
  }

 main {
    padding-top: 1.5rem;
  }
  h1,
  h2,
  h3 {
      text-transform: uppercase;
      font-weight: bold;
      margin: 0;
      padding: 0;
  }

  h1 {
  font-size: 2.5vw;
  }

  hr {
      margin: 1rem;
      padding: 0;
  }

  .logoTitle {
      width: 100%;
      margin-top: 1rem;
  }

  .logoCC4V{
    width: 100%;
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding: var(--margin);
  }

  .column {
      margin: 0px;
      padding: 0;
      align-items: center;
  }

  .column-title {
      font-size: 1.6em;
      font-weight: 600;
      letter-spacing: 2px; 
      line-height: 0.9em;     
      padding-top: 1rem;
      height: 5rem;
  }

  .user-choice {
      margin-top: 1rem;
      border-radius: 16px;
      box-shadow: 0 4px 15px rgba(6, 31, 48, 0.582);
      font-size: 1em;
      font-weight: 600;
      color: var(--C9);
      cursor: pointer;
      transition: transform 0.15s, box-shadow 0.15s;
      border: none;
      outline: none;
      height: 3.4em;
      width: 100%;
  }


  .user-choice:hover{
    background-color: var(--C5);
  }

  .user-choice.rpe {
      color: #fff;
  }

  .user-choice.alsh {
      color: #fff;
  }

  .user-choice.jeunesse {
      color: #fff;
  }

  /*---------------fin portail-------------------*/