#matifs-root .tableau{
  border-collapse: collapse;
  font-size: 14px;
  width: 100%;

}

#matifs-root .tableau thead th{
  background: orange;             
  color:#fff;
  text-transform: uppercase;
  letter-spacing:.4px;
  padding:10px 12px;
  border:1px solid orange;
}

#matifs-root .titre_tableau{
  margin:20px 0 10px;
  font-weight:700;
}

#matifs-root.row { margin-left: 0; margin-right: 0; }
#matifs-root .col-md-4 { float: none; width: auto; padding-left: 0; padding-right: 0; }


#matifs-root {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;                 
  align-items: start;       
}

#matifs-root > [class^="matif_"] {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

#matifs-root h3.titre_tableau {
  margin: 0 0 10px;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#matifs-root .tableau thead th {
  text-transform: uppercase;
  font-weight: 700;
}


@media (max-width: 1024px) {
  #matifs-root { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


@media (max-width: 680px) {
  #matifs-root { grid-template-columns: 1fr; }
}