table{
  border-collapse: collapse;
}

th, td{
  border: 1px solid rgb(134, 134, 138);
  padding: 10px;
  vertical-align:middle;
  text-align: center;
  width: max-content;
  color: rgb(229, 241, 157);
}

.TitreItem{
  text-align:left;
  padding-right: 30px;
}

.ChampSaisie  {
  background: gray;
  color: darkkhaki;
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
}

.horodatage-block {
  background: rgb(48, 47, 47);
  padding: 25px;
  margin: 5px;
  border-radius: 10px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
  text-align: center;
  width: max-content;
  height: max-content;
  font-size: 0.9rem;
  color: darkgrey  ;
}


 /* On cache la vraie checkbox */
  /* input[type="checkbox"] {
    display: none;
  } */

  /* Le style du carré */
  .checkmark {
    width: 15px;
    height: 15px;
    border-radius: 6px;
    background-color: #e1e5ea;
    /* margin-right: 12px; */
    position: relative;
    transition: all 0.3s ease;
  }

  /* Le petit check (✔) */
  .checkmark::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    opacity: 0;
    transform: scale(0) rotate(45deg);
    transition: all 0.2s ease;
  }

  /* Quand la case est cochée */
  input[type="checkbox"]:checked + .checkmark {
    background-color: #e24a4a;
    box-shadow: 0 0 10px rgba(74, 144, 226, 0.4);
  }

  input[type="checkbox"]:checked + .checkmark::after {
    opacity: 1;
    transform: scale(1) rotate(45deg);
  }

  /* Effet hover */
  label:hover .checkmark {
    background-color: #d4dae0;
  }

:root {
  --color-Lundi00: rgb(211, 209, 209); 
  --color-Lundi01: rgb(211, 209, 209); 
  --color-Lundi02: rgb(211, 209, 209); 
  --color-Lundi03: rgb(211, 209, 209); 
  --color-Lundi04: rgb(211, 209, 209); 
  --color-Lundi05: rgb(211, 209, 209); 
  --color-Lundi06: rgb(211, 209, 209); 
  --color-Lundi07: rgb(211, 209, 209); 
  --color-Lundi08: rgb(211, 209, 209); 
  --color-Lundi09: rgb(211, 209, 209); 
  --color-Lundi10: rgb(211, 209, 209); 
  --color-Lundi11: rgb(211, 209, 209); 
  --color-Lundi12: rgb(211, 209, 209); 
  --color-Lundi13: rgb(211, 209, 209); 
  --color-Lundi14: rgb(211, 209, 209); 
  --color-Lundi15: rgb(211, 209, 209); 
  --color-Lundi16: rgb(211, 209, 209); 
  --color-Lundi17: rgb(211, 209, 209); 
  --color-Lundi18: rgb(211, 209, 209); 
  --color-Lundi19: rgb(211, 209, 209); 
  --color-Lundi20: rgb(211, 209, 209); 
  --color-Lundi21: rgb(211, 209, 209); 
  --color-Lundi22: rgb(211, 209, 209); 
  --color-Lundi23: rgb(211, 209, 209); 
  --color-Mardi00: rgb(211, 209, 209); 
  --color-Mardi01: rgb(211, 209, 209); 
  --color-Mardi02: rgb(211, 209, 209); 
  --color-Mardi03: rgb(211, 209, 209); 
  --color-Mardi04: rgb(211, 209, 209); 
  --color-Mardi05: rgb(211, 209, 209); 
  --color-Mardi06: rgb(211, 209, 209); 
  --color-Mardi07: rgb(211, 209, 209); 
  --color-Mardi08: rgb(211, 209, 209); 
  --color-Mardi09: rgb(211, 209, 209); 
  --color-Mardi10: rgb(211, 209, 209); 
  --color-Mardi11: rgb(211, 209, 209); 
  --color-Mardi12: rgb(211, 209, 209); 
  --color-Mardi13: rgb(211, 209, 209); 
  --color-Mardi14: rgb(211, 209, 209); 
  --color-Mardi15: rgb(211, 209, 209); 
  --color-Mardi16: rgb(211, 209, 209); 
  --color-Mardi17: rgb(211, 209, 209); 
  --color-Mardi18: rgb(211, 209, 209); 
  --color-Mardi19: rgb(211, 209, 209); 
  --color-Mardi20: rgb(211, 209, 209); 
  --color-Mardi21: rgb(211, 209, 209); 
  --color-Mardi22: rgb(211, 209, 209); 
  --color-Mardi23: rgb(211, 209, 209); 
  --color-Mercredi00: rgb(211, 209, 209); 
  --color-Mercredi01: rgb(211, 209, 209); 
  --color-Mercredi02: rgb(211, 209, 209); 
  --color-Mercredi03: rgb(211, 209, 209); 
  --color-Mercredi04: rgb(211, 209, 209); 
  --color-Mercredi05: rgb(211, 209, 209); 
  --color-Mercredi06: rgb(211, 209, 209); 
  --color-Mercredi07: rgb(211, 209, 209); 
  --color-Mercredi08: rgb(211, 209, 209); 
  --color-Mercredi09: rgb(211, 209, 209); 
  --color-Mercredi10: rgb(211, 209, 209); 
  --color-Mercredi11: rgb(211, 209, 209); 
  --color-Mercredi12: rgb(211, 209, 209); 
  --color-Mercredi13: rgb(211, 209, 209); 
  --color-Mercredi14: rgb(211, 209, 209); 
  --color-Mercredi15: rgb(211, 209, 209); 
  --color-Mercredi16: rgb(211, 209, 209); 
  --color-Mercredi17: rgb(211, 209, 209); 
  --color-Mercredi18: rgb(211, 209, 209); 
  --color-Mercredi19: rgb(211, 209, 209); 
  --color-Mercredi20: rgb(211, 209, 209); 
  --color-Mercredi21: rgb(211, 209, 209); 
  --color-Mercredi22: rgb(211, 209, 209); 
  --color-Mercredi23: rgb(211, 209, 209); 
  --color-Jeudi00: rgb(211, 209, 209); 
  --color-Jeudi01: rgb(211, 209, 209); 
  --color-Jeudi02: rgb(211, 209, 209); 
  --color-Jeudi03: rgb(211, 209, 209); 
  --color-Jeudi04: rgb(211, 209, 209); 
  --color-Jeudi05: rgb(211, 209, 209); 
  --color-Jeudi06: rgb(211, 209, 209); 
  --color-Jeudi07: rgb(211, 209, 209); 
  --color-Jeudi08: rgb(211, 209, 209); 
  --color-Jeudi09: rgb(211, 209, 209); 
  --color-Jeudi10: rgb(211, 209, 209); 
  --color-Jeudi11: rgb(211, 209, 209); 
  --color-Jeudi12: rgb(211, 209, 209); 
  --color-Jeudi13: rgb(211, 209, 209); 
  --color-Jeudi14: rgb(211, 209, 209); 
  --color-Jeudi15: rgb(211, 209, 209); 
  --color-Jeudi16: rgb(211, 209, 209); 
  --color-Jeudi17: rgb(211, 209, 209); 
  --color-Jeudi18: rgb(211, 209, 209); 
  --color-Jeudi19: rgb(211, 209, 209); 
  --color-Jeudi20: rgb(211, 209, 209); 
  --color-Jeudi21: rgb(211, 209, 209); 
  --color-Jeudi22: rgb(211, 209, 209); 
  --color-Jeudi23: rgb(211, 209, 209);     
  --color-Vendredi00: rgb(211, 209, 209); 
  --color-Vendredi01: rgb(211, 209, 209); 
  --color-Vendredi02: rgb(211, 209, 209); 
  --color-Vendredi03: rgb(211, 209, 209); 
  --color-Vendredi04: rgb(211, 209, 209); 
  --color-Vendredi05: rgb(211, 209, 209); 
  --color-Vendredi06: rgb(211, 209, 209); 
  --color-Vendredi07: rgb(211, 209, 209); 
  --color-Vendredi08: rgb(211, 209, 209); 
  --color-Vendredi09: rgb(211, 209, 209); 
  --color-Vendredi10: rgb(211, 209, 209); 
  --color-Vendredi11: rgb(211, 209, 209); 
  --color-Vendredi12: rgb(211, 209, 209); 
  --color-Vendredi13: rgb(211, 209, 209); 
  --color-Vendredi14: rgb(211, 209, 209); 
  --color-Vendredi15: rgb(211, 209, 209); 
  --color-Vendredi16: rgb(211, 209, 209); 
  --color-Vendredi17: rgb(211, 209, 209); 
  --color-Vendredi18: rgb(211, 209, 209); 
  --color-Vendredi19: rgb(211, 209, 209); 
  --color-Vendredi20: rgb(211, 209, 209); 
  --color-Vendredi21: rgb(211, 209, 209); 
  --color-Vendredi22: rgb(211, 209, 209); 
  --color-Vendredi23: rgb(211, 209, 209); 
  --color-Samedi00: rgb(211, 209, 209); 
  --color-Samedi01: rgb(211, 209, 209); 
  --color-Samedi02: rgb(211, 209, 209); 
  --color-Samedi03: rgb(211, 209, 209); 
  --color-Samedi04: rgb(211, 209, 209); 
  --color-Samedi05: rgb(211, 209, 209); 
  --color-Samedi06: rgb(211, 209, 209); 
  --color-Samedi07: rgb(211, 209, 209); 
  --color-Samedi08: rgb(211, 209, 209); 
  --color-Samedi09: rgb(211, 209, 209); 
  --color-Samedi10: rgb(211, 209, 209); 
  --color-Samedi11: rgb(211, 209, 209); 
  --color-Samedi12: rgb(211, 209, 209); 
  --color-Samedi13: rgb(211, 209, 209); 
  --color-Samedi14: rgb(211, 209, 209); 
  --color-Samedi15: rgb(211, 209, 209); 
  --color-Samedi16: rgb(211, 209, 209); 
  --color-Samedi17: rgb(211, 209, 209); 
  --color-Samedi18: rgb(211, 209, 209); 
  --color-Samedi19: rgb(211, 209, 209); 
  --color-Samedi20: rgb(211, 209, 209); 
  --color-Samedi21: rgb(211, 209, 209); 
  --color-Samedi22: rgb(211, 209, 209); 
  --color-Samedi23: rgb(211, 209, 209); 
  --color-Dimanche00: rgb(211, 209, 209); 
  --color-Dimanche01: rgb(211, 209, 209); 
  --color-Dimanche02: rgb(211, 209, 209); 
  --color-Dimanche03: rgb(211, 209, 209); 
  --color-Dimanche04: rgb(211, 209, 209); 
  --color-Dimanche05: rgb(211, 209, 209); 
  --color-Dimanche06: rgb(211, 209, 209); 
  --color-Dimanche07: rgb(211, 209, 209); 
  --color-Dimanche08: rgb(211, 209, 209); 
  --color-Dimanche09: rgb(211, 209, 209); 
  --color-Dimanche10: rgb(211, 209, 209); 
  --color-Dimanche11: rgb(211, 209, 209); 
  --color-Dimanche12: rgb(211, 209, 209); 
  --color-Dimanche13: rgb(211, 209, 209); 
  --color-Dimanche14: rgb(211, 209, 209); 
  --color-Dimanche15: rgb(211, 209, 209); 
  --color-Dimanche16: rgb(211, 209, 209); 
  --color-Dimanche17: rgb(211, 209, 209); 
  --color-Dimanche18: rgb(211, 209, 209); 
  --color-Dimanche19: rgb(211, 209, 209); 
  --color-Dimanche20: rgb(211, 209, 209); 
  --color-Dimanche21: rgb(211, 209, 209); 
  --color-Dimanche22: rgb(211, 209, 209); 
  --color-Dimanche23: rgb(211, 209, 209);     
}

.Lundi00{
  background-color: var(--color-Lundi00);
}
.Lundi01{
  background-color: var(--color-Lundi01);
}
.Lundi02{
  background-color: var(--color-Lundi02);
}
.Lundi03{
  background-color: var(--color-Lundi03);
}
.Lundi04{
  background-color: var(--color-Lundi04);
}
.Lundi05{
  background-color: var(--color-Lundi05);
}
.Lundi06{
  background-color: var(--color-Lundi06);
}
.Lundi07{
  background-color: var(--color-Lundi07);
}
.Lundi08{
  background-color: var(--color-Lundi08);
}
.Lundi09{
  background-color: var(--color-Lundi09);
}
.Lundi10{
  background-color: var(--color-Lundi10);
}
.Lundi11{
  background-color: var(--color-Lundi11);
}
.Lundi12{
  background-color: var(--color-Lundi12);
}
.Lundi13{
  background-color: var(--color-Lundi13);
}
.Lundi14{
  background-color: var(--color-Lundi14);
}
.Lundi15{
  background-color: var(--color-Lundi15);
}
.Lundi16{
  background-color: var(--color-Lundi16);
}
.Lundi17{
  background-color: var(--color-Lundi17);
}
.Lundi18{
  background-color: var(--color-Lundi18);
}
.Lundi19{
  background-color: var(--color-Lundi19);
}
.Lundi20{
  background-color: var(--color-Lundi20);
}
.Lundi21{
  background-color: var(--color-Lundi21);
}
.Lundi22{
  background-color: var(--color-Lundi22);
}
.Lundi23{
  background-color: var(--color-Lundi23);
}

.Mardi00{
  background-color: var(--color-Mardi00);
}
.Mardi01{
  background-color: var(--color-Mardi01);
}
.Mardi02{
  background-color: var(--color-Mardi02);
}
.Mardi03{
  background-color: var(--color-Mardi03);
}
.Mardi04{
  background-color: var(--color-Mardi04);
}
.Mardi05{
  background-color: var(--color-Mardi05);
}
.Mardi06{
  background-color: var(--color-Mardi06);
}
.Mardi07{
  background-color: var(--color-Mardi07);
}
.Mardi08{
  background-color: var(--color-Mardi08);
}
.Mardi09{
  background-color: var(--color-Mardi09);
}
.Mardi10{
  background-color: var(--color-Mardi10);
}
.Mardi11{
  background-color: var(--color-Mardi11);
}
.Mardi12{
  background-color: var(--color-Mardi12);
}
.Mardi13{
  background-color: var(--color-Mardi13);
}
.Mardi14{
  background-color: var(--color-Mardi14);
}
.Mardi15{
  background-color: var(--color-Mardi15);
}
.Mardi16{
  background-color: var(--color-Mardi16);
}
.Mardi17{
  background-color: var(--color-Mardi17);
}
.Mardi18{
  background-color: var(--color-Mardi18);
}
.Mardi19{
  background-color: var(--color-Mardi19);
}
.Mardi20{
  background-color: var(--color-Mardi20);
}
.Mardi21{
  background-color: var(--color-Mardi21);
}
.Mardi22{
  background-color: var(--color-Mardi22);
}
.Mardi23{
  background-color: var(--color-Mardi23);
}

.Mercredi00{
  background-color: var(--color-Mercredi00);
}
.Mercredi01{
  background-color: var(--color-Mercredi01);
}
.Mercredi02{
  background-color: var(--color-Mercredi02);
}
.Mercredi03{
  background-color: var(--color-Mercredi03);
}
.Mercredi04{
  background-color: var(--color-Mercredi04);
}
.Mercredi05{
  background-color: var(--color-Mercredi05);
}
.Mercredi06{
  background-color: var(--color-Mercredi06);
}
.Mercredi07{
  background-color: var(--color-Mercredi07);
}
.Mercredi08{
  background-color: var(--color-Mercredi08);
}
.Mercredi09{
  background-color: var(--color-Mercredi09);
}
.Mercredi10{
  background-color: var(--color-Mercredi10);
}
.Mercredi11{
  background-color: var(--color-Mercredi11);
}
.Mercredi12{
  background-color: var(--color-Mercredi12);
}
.Mercredi13{
  background-color: var(--color-Mercredi13);
}
.Mercredi14{
  background-color: var(--color-Mercredi14);
}
.Mercredi15{
  background-color: var(--color-Mercredi15);
}
.Mercredi16{
  background-color: var(--color-Mercredi16);
}
.Mercredi17{
  background-color: var(--color-Mercredi17);
}
.Mercredi18{
  background-color: var(--color-Mercredi18);
}
.Mercredi19{
  background-color: var(--color-Mercredi19);
}
.Mercredi20{
  background-color: var(--color-Mercredi20);
}
.Mercredi21{
  background-color: var(--color-Mercredi21);
}
.Mercredi22{
  background-color: var(--color-Mercredi22);
}
.Mercredi23{
  background-color: var(--color-Mercredi23);
}

.Jeudi00{
  background-color: var(--color-Jeudi00);
}
.Jeudi01{
  background-color: var(--color-Jeudi01);
}
.Jeudi02{
  background-color: var(--color-Jeudi02);
}
.Jeudi03{
  background-color: var(--color-Jeudi03);
}
.Jeudi04{
  background-color: var(--color-Jeudi04);
}
.Jeudi05{
  background-color: var(--color-Jeudi05);
}
.Jeudi06{
  background-color: var(--color-Jeudi06);
}
.Jeudi07{
  background-color: var(--color-Jeudi07);
}
.Jeudi08{
  background-color: var(--color-Jeudi08);
}
.Jeudi09{
  background-color: var(--color-Jeudi09);
}
.Jeudi10{
  background-color: var(--color-Jeudi10);
}
.Jeudi11{
  background-color: var(--color-Jeudi11);
}
.Jeudi12{
  background-color: var(--color-Jeudi12);
}
.Jeudi13{
  background-color: var(--color-Jeudi13);
}
.Jeudi14{
  background-color: var(--color-Jeudi14);
}
.Jeudi15{
  background-color: var(--color-Jeudi15);
}
.Jeudi16{
  background-color: var(--color-Jeudi16);
}
.Jeudi17{
  background-color: var(--color-Jeudi17);
}
.Jeudi18{
  background-color: var(--color-Jeudi18);
}
.Jeudi19{
  background-color: var(--color-Jeudi19);
}
.Jeudi20{
  background-color: var(--color-Jeudi20);
}
.Jeudi21{
  background-color: var(--color-Jeudi21);
}
.Jeudi22{
  background-color: var(--color-Jeudi22);
}
.Jeudi23{
  background-color: var(--color-Jeudi23);
}

.Vendredi00{
  background-color: var(--color-Vendredi00);
}
.Vendredi01{
  background-color: var(--color-Vendredi01);
}
.Vendredi02{
  background-color: var(--color-Vendredi02);
}
.Vendredi03{
  background-color: var(--color-Vendredi03);
}
.Vendredi04{
  background-color: var(--color-Vendredi04);
}
.Vendredi05{
  background-color: var(--color-Vendredi05);
}
.Vendredi06{
  background-color: var(--color-Vendredi06);
}
.Vendredi07{
  background-color: var(--color-Vendredi07);
}
.Vendredi08{
  background-color: var(--color-Vendredi08);
}
.Vendredi09{
  background-color: var(--color-Vendredi09);
}
.Vendredi10{
  background-color: var(--color-Vendredi10);
}
.Vendredi11{
  background-color: var(--color-Vendredi11);
}
.Vendredi12{
  background-color: var(--color-Vendredi12);
}
.Vendredi13{
  background-color: var(--color-Vendredi13);
}
.Vendredi14{
  background-color: var(--color-Vendredi14);
}
.Vendredi15{
  background-color: var(--color-Vendredi15);
}
.Vendredi16{
  background-color: var(--color-Vendredi16);
}
.Vendredi17{
  background-color: var(--color-Vendredi17);
}
.Vendredi18{
  background-color: var(--color-Vendredi18);
}
.Vendredi19{
  background-color: var(--color-Vendredi19);
}
.Vendredi20{
  background-color: var(--color-Vendredi20);
}
.Vendredi21{
  background-color: var(--color-Vendredi21);
}
.Vendredi22{
  background-color: var(--color-Vendredi22);
}
.Vendredi23{
  background-color: var(--color-Vendredi23);
}

.Samedi00{
  background-color: var(--color-Samedi00);
}
.Samedi01{
  background-color: var(--color-Samedi01);
}
.Samedi02{
  background-color: var(--color-Samedi02);
}
.Samedi03{
  background-color: var(--color-Samedi03);
}
.Samedi04{
  background-color: var(--color-Samedi04);
}
.Samedi05{
  background-color: var(--color-Samedi05);
}
.Samedi06{
  background-color: var(--color-Samedi06);
}
.Samedi07{
  background-color: var(--color-Samedi07);
}
.Samedi08{
  background-color: var(--color-Samedi08);
}
.Samedi09{
  background-color: var(--color-Samedi09);
}
.Samedi10{
  background-color: var(--color-Samedi10);
}
.Samedi11{
  background-color: var(--color-Samedi11);
}
.Samedi12{
  background-color: var(--color-Samedi12);
}
.Samedi13{
  background-color: var(--color-Samedi13);
}
.Samedi14{
  background-color: var(--color-Samedi14);
}
.Samedi15{
  background-color: var(--color-Samedi15);
}
.Samedi16{
  background-color: var(--color-Samedi16);
}
.Samedi17{
  background-color: var(--color-Samedi17);
}
.Samedi18{
  background-color: var(--color-Samedi18);
}
.Samedi19{
  background-color: var(--color-Samedi19);
}
.Samedi20{
  background-color: var(--color-Samedi20);
}
.Samedi21{
  background-color: var(--color-Samedi21);
}
.Samedi22{
  background-color: var(--color-Samedi22);
}
.Samedi23{
  background-color: var(--color-Samedi23);
}

.Dimanche00{
  background-color: var(--color-Dimanche00);
}
.Dimanche01{
  background-color: var(--color-Dimanche01);
}
.Dimanche02{
  background-color: var(--color-Dimanche02);
}
.Dimanche03{
  background-color: var(--color-Dimanche03);
}
.Dimanche04{
  background-color: var(--color-Dimanche04);
}
.Dimanche05{
  background-color: var(--color-Dimanche05);
}
.Dimanche06{
  background-color: var(--color-Dimanche06);
}
.Dimanche07{
  background-color: var(--color-Dimanche07);
}
.Dimanche08{
  background-color: var(--color-Dimanche08);
}
.Dimanche09{
  background-color: var(--color-Dimanche09);
}
.Dimanche10{
  background-color: var(--color-Dimanche10);
}
.Dimanche11{
  background-color: var(--color-Dimanche11);
}
.Dimanche12{
  background-color: var(--color-Dimanche12);
}
.Dimanche13{
  background-color: var(--color-Dimanche13);
}
.Dimanche14{
  background-color: var(--color-Dimanche14);
}
.Dimanche15{
  background-color: var(--color-Dimanche15);
}
.Dimanche16{
  background-color: var(--color-Dimanche16);
}
.Dimanche17{
  background-color: var(--color-Dimanche17);
}
.Dimanche18{
  background-color: var(--color-Dimanche18);
}
.Dimanche19{
  background-color: var(--color-Dimanche19);
}
.Dimanche20{
  background-color: var(--color-Dimanche20);
}
.Dimanche21{
  background-color: var(--color-Dimanche21);
}
.Dimanche22{
  background-color: var(--color-Dimanche22);
}
.Dimanche23{
  background-color: var(--color-Dimanche23);
}