/* Tablette */
  @media screen and (max-width: 768px) {
    .trining-and-tuto-title{
        font-size: 25px;
        text-align: left;
    }
    .trining-and-tuto-title{
        text-align: left;

    }
  }
  
  /* Mobile */
  @media screen and (max-width: 480px) {
    header {
      background-color: #FF5722; /* Couleur différente pour mobile */
    }
  
    .container {
      padding: 10px;
    }
  
    .column {
      width: 100%; /* S'assurer que les éléments prennent toute la largeur */
    }
  
    /* Réduire la taille de la police pour mobile */
    body {
      font-size: 14px;
    }

    .training-banner-button{
      display: none;
    }


    .ql-tooltip{
      display: none;
    }

    .course-nav{
      display: none;
    }

    .mbile-v-duration{
      display: none;
    }

  }

  /* Tablette */
  @media screen and (min-width: 768px) {
    .ghsd{
      display: none;
    }
  }
  

  .ql-tooltip{
    display: none;
  }


  .dark-mode .modal-header{
    background-color: #343a40;
}


.dark-mode .modal-body{
    background-color: #343a40;
}