body {
  padding-top: 48px;
}
.logo {
  max-width: 50%;
}
header h1 {
  font-size: 24px;
}
.container-fluid {
	width:90%;
	max-width:90%;
}

.table-droite-bordered td:nth-child(2) {
  border: 1px solid #dee2e6;
}

.table-bordered-custom {
  border-collapse: collapse;
  width: 100%; /* Ajoute cette ligne pour que le tableau prenne toute la largeur */
}
.imgbordered {
	border: 1px solid #dee2e6;
}
.table-bordered-custom th,
.table-bordered-custom td {
  border: 1px solid #dee2e6;
  padding: 8px;
  text-align: left;
}

 #dynamicTable {
    table-layout: auto;
    width: 100%;
    max-width:100%;
  }
 .responsive-separator {
    display: none;
    margin-top: 0rem;
    margin-bottom: 2rem;
    border: 0;
    border-top: 2px solid rgba(0, 0, 0, 0.1);
  }

  @media (max-width: 991.98px) {
    .responsive-separator {
      display: block;
    }
  }
@media (max-width: 1024px) {
	.container-fluid {
	width:100%;
	max-width:100%;
	}
  #dynamicTable {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  #dynamicTable thead {
    display: none;
  }
  #dynamicTable th,
  #dynamicTable td {
    display: block;
    border: none;
    width: 100%;
    max-width: 100%;
  }
  #dynamicTable td input {
  
  }
  #dynamicTable th {
    /*font-weight: bold;*/
  }

  #dynamicTable td:before {
    content: attr(data-label) ": ";
    float: left;
    font-weight: bold;
    /*text-transform: uppercase;*/
  }
}