@media screen and (max-width: 1080px) {
  #content{
    width: 100%;
  }
  .back{
    margin-left: 20px;
  }
}



@media screen and (max-width: 820px){

  #login_form{
    width: 80%;
  }

  /* Tableau Utilisateur */

  .table_utilisateurs td:nth-child(4),
  .table_utilisateurs td:nth-child(5),
  .table_utilisateurs td:nth-child(7){
     display: none;
  }
  .table_utilisateurs th:nth-child(4),
  .table_utilisateurs th:nth-child(5),
  .table_utilisateurs th:nth-child(7){
     display: none;
  }


    /* Tableau Entreprise */
  .table_entreprises td:nth-child(3),
  .table_entreprises td:nth-child(4){
     display: none;
  }
  .table_entreprises th:nth-child(3),
  .table_entreprises th:nth-child(4){
     display: none;
  }


}








/*


  h2>p{
    font-size: 15px;
    margin-left: 26px;
  }

  .link{
    font-size: 13px;
    text-decoration: underline dotted;
    color: var(--couleur-principale);
  }

  .box{
    border-radius: 15px;
    background: var(--couleur-de-fond);
    border: 0px solid blue;
  }


  #content_int{
    padding: 5px;
    min-height: 69vh;
    border: 0px solid blue;
    background-color: red;
  }


  a:link{
    text-decoration: none;
  }

  .content_int_flex{
     border: 1px solid orange;
  }
  .content_int_flex_int{
     border: 1px solid black;
  }




  form{
    color: var(--couleur-secondaire);
    background: red;
  }



  input{
    width: 200px;
    height: 25px;
    margin: 5px;
  }

  input[type=date], input[type=time], input[type=number]{
    width: 110px;
  }




  .files_list{
    margin-top: 10px;


  }








*/























/* ------ */