@charset "UTF-8";
:root {
  --dayCellHeight: 24px;
  --dayCellWidth: 34px;
  --dayCellBorderHeight: 4px;
  --dayWECellWidth: 42px;
  --dayBorderWidth: 0.5px;
  /* Couleur de fond pour today */
  --todayBackgroundColor: red;
  /* Taille et police par défaut */
  --fontSize: 0.7rem;
  --fontFamily: "Lucida Console", "Courier New", monospace;
  /* Couleurs des personnes */
  --defaultBackgroundColor: black;
  --defaultFrontColor: lightgray;
  /* Couleur de fond par défaut pour les jours impairs */
  --defaultOddBackgroundColor: #fafafa;
  /* Couleurs des personnes */
  --defaultBackgroundColor: black;
  --defaultFrontColor: lightgray;
  --BCBackgroundColor: aqua;
  --BCFrontColor: black;
  --CBBackgroundColor: blueviolet;
  --CBFrontColor: white;
  --CMBackgroundColor: blue;
  --CMFrontColor: white;
  --CCBackgroundColor: darkblue;
  --CCFrontColor: white;
  --EEBackgroundColor: darkkhaki;
  --EEFrontColor: white;
  --RLBackgroundColor: firebrick;
  --RLFrontColor: white;
  --GLBackgroundColor: black;
  --GLFrontColor: white;
  --GDBackgroundColor: coral;
  --GDFrontColor: black;
  --IBBackgroundColor: indianred;
  --IBFrontColor: white;
  --JYJBackgroundColor: hotpink;
  --JYJFrontColor: white;
  --LBBackgroundColor: khaki;
  --LBFrontColor: black;
  --MRBackgroundColor: lawngreen;
  --MRFrontColor: white;
  --NFBackgroundColor: maroon;
  --NFFrontColor: white;
  --MFBackgroundColor: mediumaquamarine;
  --MFFrontColor: white;
  --NFBackgroundColor: brown;
  --NFFrontColor: white;
  --OTBackgroundColor: olive;
  --OTFrontColor: white;
  --SVBackgroundColor: palevioletred;
  --SVFrontColor: white;
  --SHBackgroundColor: rosybrown;
  --SHFrontColor: white;
  --JMBackgroundColor: skyblue;
  --JMFrontColor: black;
  --WAABackgroundColor: darkgreen;
  --WAAFrontColor: white;
}

/* La légende */
.legende {
  margin-top: 1rem;
  border-top: solid;
  border-top-color: darkgrey;
  border-top-width: 1px;
  font-size: var(--fontSize);
  font-family: var(--fontFamily);
}

.legendeLigne {
  display: flex;
  border-bottom: solid;
  border-bottom-color: darkgrey;
  border-bottom-width: 1px;
}

.legendeName {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5rem;
}

/* Les lignes */
.personne, .joursDuMois {
  display: flex;
  border-bottom: solid;
  border-bottom-color: darkgrey;
  border-bottom-width: 1px;
  border-left: solid;
  border-left-color: black;
  border-left-width: 5px;
}

.tousLesMois {
  display: flex;
}

.mois > .mois, .nomDuProjet {
  border-bottom: solid;
  border-bottom-width: 0.5px;
  border-bottom-color: lightgray;
  border-left: solid;
  border-left-color: black;
  border-left-width: 5px;
  padding-left: 0.6rem;
  font-weight: bold;
  font-size: var(--fontSize);
  font-family: var(--fontFamily);
}

/* Les cellules des journées et des we */
.jour, .we, .we2, .today, .wetoday {
  width: var(--dayCellWidth);
  height: var(--dayCellHeight);
  border-left: solid;
  border-left-color: lightgray;
  border-left-width: var(--dayBorderWidth);
  /* Quand il y a du texte */
  font-size: var(--fontSize);
  font-family: var(--fontFamily);
}

.we, .wetoday {
  width: var(--dayWECellWidth);
}

/* Si je génère un WEE dans une seule cellule, la cellule est deux fois plus large */
.we2 {
  width: calc(var(--dayWECellWidth) + var(--dayWECellWidth) + var(--dayBorderWidth));
}

/* WE */
.we, .we2 {
  background-color: #F5F5F5;
  color: #A0A0A0;
  /* Je centre */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Les lignes impaires */
.we[attributLine=impair], .we2[attributLine=impair] {
  /*font-weight: bold;*/
  background-color: #e5e5e5;
}

.jour[attributLine=impair] {
  background-color: var(--defaultOddBackgroundColor);
}

/* Aujourd'hui */
.today, .wetoday {
  background-color: var(--todayBackgroundColor);
  /* Je centre */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Je centre le numéro du jour du mois */
.joursDuMois .jour {
  display: flex;
  align-items: center;
  justify-content: center;
}

.jour .matin {
  width: var(--dayCellWidth);
  height: calc(var(--dayCellHeight) / 2);
  /* Je centre le contenu */
  display: flex;
  align-items: center;
  justify-content: center;
}

.jour .apresMidi {
  width: var(--dayCellWidth);
  height: calc(var(--dayCellHeight) / 2);
  /* Je centre le contenu */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Le nombre de personnes */
.npersonnes {
  font-size: var(--fontSize);
  font-family: var(--fontFamily);
  color: #A0A0A0;
}

/* Pour séparer les groupes de personnes */
/* Ancienne méthode qui ne fonctionne pas bien : je change la taille du bord top, or ce bord top est déjà utilisé pour les demandes congés */
.jour[newGroup=true], .we[newGroup=true], .we2[newGroup=true] {
  /* border-top: solid; */
  /* border-top-width: 2px; */
  /* border-top-color: darkgray; */
}

/* Il vaut mieux épaissir la ligne de la personne */
.personne[newGroup=true] {
  border-top: solid;
  border-top-width: 2px;
  border-top-color: darkgray;
}

/* Quand il se passe quelque chose ce jour-là */
/* Congé, je remplis le fond de la couleur */
.jour[pourquoi=congé][quand=journee] {
  background-color: var(--defaultBackgroundColor);
  color: var(--defaultFrontColor);
  /* Je centre la lettre */
  display: flex;
  align-items: center;
  justify-content: center;
}

.jour[pourquoi=congé][quand=matin] .matin {
  background-color: var(--defaultBackgroundColor);
  color: var(--defaultFrontColor);
}

.jour[pourquoi=congé][quand=après-midi] .apresMidi {
  background-color: var(--defaultBackgroundColor);
  color: var(--defaultFrontColor);
}

/* Demande de congé toute la journée, je trace des bordures en haut et en bas */
.jour[pourquoi=demandeDeCongé][quand=journee] {
  border-top: solid;
  border-top-width: var(--dayCellBorderHeight);
  border-top-color: var(--defaultBackgroundColor);
  border-bottom: solid;
  border-bottom-width: var(--dayCellBorderHeight);
  border-bottom-color: var(--defaultBackgroundColor);
  background-color: var(--defaultOddBackgroundColor);
  color: var(--defaultFrontColor);
  height: calc(var(--dayCellHeight) - var(--dayCellBorderHeight) - var(--dayCellBorderHeight));
}

.jour[pourquoi=demandeDeCongé][quand=matin] .matin {
  border-top: solid;
  border-top-width: var(--dayCellBorderHeight);
  border-top-color: var(--defaultBackgroundColor);
  border-bottom: solid;
  border-bottom-width: var(--dayCellBorderHeight);
  border-bottom-color: var(--defaultBackgroundColor);
  height: calc(var(--dayCellHeight) / 2 - var(--dayCellBorderHeight) - var(--dayCellBorderHeight));
}

.jour[pourquoi=demandeDeCongé][quand=après-midi] .apresMidi {
  border-top: solid;
  border-top-width: var(--dayCellBorderHeight);
  border-top-color: var(--defaultBackgroundColor);
  border-bottom: solid;
  border-bottom-width: var(--dayCellBorderHeight);
  border-bottom-color: var(--defaultBackgroundColor);
  height: calc(var(--dayCellHeight) / 2 - var(--dayCellBorderHeight) - var(--dayCellBorderHeight));
}

/* Formation ou malade */
.jour[pourquoi=formation][quand=journee], .jour[pourquoi=formation][quand=matin] .matin, .jour[pourquoi=formation][quand=après-midi] .apresMidi, .jour[pourquoi=malade][quand=journee], .jour[pourquoi=malade][quand=matin] .matin, .jour[pourquoi=malade][quand=après-midi] .apresMidi {
  background-color: var(--defaultBackgroundColor);
  color: var(--defaultFrontColor);
  /* Je centre le contenu */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Personnalisation des couleurs par personnes */
.jour[quand=journee][qui=BC], .jour[quand=matin][qui=BC] .matin, .jour[quand=après-midi][qui=BC] .apresMidi {
  background-color: var(--BCBackgroundColor);
  color: var(--BCFrontColor);
}

.jour[quand=journee][qui=BC][pourquoi=demandeDeCongé], .jour[quand=matin][qui=BC][pourquoi=demandeDeCongé] .matin, .jour[quand=après-midi][qui=BC][pourquoi=demandeDeCongé] .apresMidi {
  background-color: white;
  color: var(--BCFrontColor);
}

.jour[attributLine=impair][quand=journee][qui=BC][pourquoi=demandeDeCongé], .jour[attributLine=impair][quand=matin][qui=BC][pourquoi=demandeDeCongé] .matin, .jour[attributLine=impair][quand=après-midi][qui=BC][pourquoi=demandeDeCongé] .apresMidi {
  background-color: var(--defaultOddBackgroundColor);
}

.jour[quand=journee][qui=BC], .jour[quand=matin][qui=BC] .matin, .jour[quand=après-midi][qui=BC] .apresMidi {
  border-bottom-color: var(--BCBackgroundColor);
  border-top-color: var(--BCBackgroundColor);
  color: var(--BCFrontColor);
}

/* Pour séparer les groupes de personnes */
.jour[qui=BC][newGroup=true], .we[qui=BC][newGroup=true], .we2[qui=BC][newGroup=true] {
  /* border-top: solid;
  border-top-width: 2px;
  border-top-color: darkgray; */
}

.jour[quand=journee][qui=CB], .jour[quand=matin][qui=CB] .matin, .jour[quand=après-midi][qui=CB] .apresMidi {
  background-color: var(--CBBackgroundColor);
  color: var(--CBFrontColor);
}

.jour[quand=journee][qui=CB][pourquoi=demandeDeCongé], .jour[quand=matin][qui=CB][pourquoi=demandeDeCongé] .matin, .jour[quand=après-midi][qui=CB][pourquoi=demandeDeCongé] .apresMidi {
  background-color: white;
  color: var(--CBFrontColor);
}

.jour[attributLine=impair][quand=journee][qui=CB][pourquoi=demandeDeCongé], .jour[attributLine=impair][quand=matin][qui=CB][pourquoi=demandeDeCongé] .matin, .jour[attributLine=impair][quand=après-midi][qui=CB][pourquoi=demandeDeCongé] .apresMidi {
  background-color: var(--defaultOddBackgroundColor);
}

.jour[quand=journee][qui=CB], .jour[quand=matin][qui=CB] .matin, .jour[quand=après-midi][qui=CB] .apresMidi {
  border-bottom-color: var(--CBBackgroundColor);
  border-top-color: var(--CBBackgroundColor);
  color: var(--CBFrontColor);
}

/* Pour séparer les groupes de personnes */
.jour[qui=CB][newGroup=true], .we[qui=CB][newGroup=true], .we2[qui=CB][newGroup=true] {
  /* border-top: solid;
  border-top-width: 2px;
  border-top-color: darkgray; */
}

.jour[quand=journee][qui=CM], .jour[quand=matin][qui=CM] .matin, .jour[quand=après-midi][qui=CM] .apresMidi {
  background-color: var(--CMBackgroundColor);
  color: var(--CMFrontColor);
}

.jour[quand=journee][qui=CM][pourquoi=demandeDeCongé], .jour[quand=matin][qui=CM][pourquoi=demandeDeCongé] .matin, .jour[quand=après-midi][qui=CM][pourquoi=demandeDeCongé] .apresMidi {
  background-color: white;
  color: var(--CMFrontColor);
}

.jour[attributLine=impair][quand=journee][qui=CM][pourquoi=demandeDeCongé], .jour[attributLine=impair][quand=matin][qui=CM][pourquoi=demandeDeCongé] .matin, .jour[attributLine=impair][quand=après-midi][qui=CM][pourquoi=demandeDeCongé] .apresMidi {
  background-color: var(--defaultOddBackgroundColor);
}

.jour[quand=journee][qui=CM], .jour[quand=matin][qui=CM] .matin, .jour[quand=après-midi][qui=CM] .apresMidi {
  border-bottom-color: var(--CMBackgroundColor);
  border-top-color: var(--CMBackgroundColor);
  color: var(--CMFrontColor);
}

/* Pour séparer les groupes de personnes */
.jour[qui=CM][newGroup=true], .we[qui=CM][newGroup=true], .we2[qui=CM][newGroup=true] {
  /* border-top: solid;
  border-top-width: 2px;
  border-top-color: darkgray; */
}

.jour[quand=journee][qui=CC], .jour[quand=matin][qui=CC] .matin, .jour[quand=après-midi][qui=CC] .apresMidi {
  background-color: var(--CCBackgroundColor);
  color: var(--CCFrontColor);
}

.jour[quand=journee][qui=CC][pourquoi=demandeDeCongé], .jour[quand=matin][qui=CC][pourquoi=demandeDeCongé] .matin, .jour[quand=après-midi][qui=CC][pourquoi=demandeDeCongé] .apresMidi {
  background-color: white;
  color: var(--CCFrontColor);
}

.jour[attributLine=impair][quand=journee][qui=CC][pourquoi=demandeDeCongé], .jour[attributLine=impair][quand=matin][qui=CC][pourquoi=demandeDeCongé] .matin, .jour[attributLine=impair][quand=après-midi][qui=CC][pourquoi=demandeDeCongé] .apresMidi {
  background-color: var(--defaultOddBackgroundColor);
}

.jour[quand=journee][qui=CC], .jour[quand=matin][qui=CC] .matin, .jour[quand=après-midi][qui=CC] .apresMidi {
  border-bottom-color: var(--CCBackgroundColor);
  border-top-color: var(--CCBackgroundColor);
  color: var(--CCFrontColor);
}

/* Pour séparer les groupes de personnes */
.jour[qui=CC][newGroup=true], .we[qui=CC][newGroup=true], .we2[qui=CC][newGroup=true] {
  /* border-top: solid;
  border-top-width: 2px;
  border-top-color: darkgray; */
}

.jour[quand=journee][qui=EE], .jour[quand=matin][qui=EE] .matin, .jour[quand=après-midi][qui=EE] .apresMidi {
  background-color: var(--EEBackgroundColor);
  color: var(--EEFrontColor);
}

.jour[quand=journee][qui=EE][pourquoi=demandeDeCongé], .jour[quand=matin][qui=EE][pourquoi=demandeDeCongé] .matin, .jour[quand=après-midi][qui=EE][pourquoi=demandeDeCongé] .apresMidi {
  background-color: white;
  color: var(--EEFrontColor);
}

.jour[attributLine=impair][quand=journee][qui=EE][pourquoi=demandeDeCongé], .jour[attributLine=impair][quand=matin][qui=EE][pourquoi=demandeDeCongé] .matin, .jour[attributLine=impair][quand=après-midi][qui=EE][pourquoi=demandeDeCongé] .apresMidi {
  background-color: var(--defaultOddBackgroundColor);
}

.jour[quand=journee][qui=EE], .jour[quand=matin][qui=EE] .matin, .jour[quand=après-midi][qui=EE] .apresMidi {
  border-bottom-color: var(--EEBackgroundColor);
  border-top-color: var(--EEBackgroundColor);
  color: var(--EEFrontColor);
}

/* Pour séparer les groupes de personnes */
.jour[qui=EE][newGroup=true], .we[qui=EE][newGroup=true], .we2[qui=EE][newGroup=true] {
  /* border-top: solid;
  border-top-width: 2px;
  border-top-color: darkgray; */
}

.jour[quand=journee][qui=RL], .jour[quand=matin][qui=RL] .matin, .jour[quand=après-midi][qui=RL] .apresMidi {
  background-color: var(--RLBackgroundColor);
  color: var(--RLFrontColor);
}

.jour[quand=journee][qui=RL][pourquoi=demandeDeCongé], .jour[quand=matin][qui=RL][pourquoi=demandeDeCongé] .matin, .jour[quand=après-midi][qui=RL][pourquoi=demandeDeCongé] .apresMidi {
  background-color: white;
  color: var(--RLFrontColor);
}

.jour[attributLine=impair][quand=journee][qui=RL][pourquoi=demandeDeCongé], .jour[attributLine=impair][quand=matin][qui=RL][pourquoi=demandeDeCongé] .matin, .jour[attributLine=impair][quand=après-midi][qui=RL][pourquoi=demandeDeCongé] .apresMidi {
  background-color: var(--defaultOddBackgroundColor);
}

.jour[quand=journee][qui=RL], .jour[quand=matin][qui=RL] .matin, .jour[quand=après-midi][qui=RL] .apresMidi {
  border-bottom-color: var(--RLBackgroundColor);
  border-top-color: var(--RLBackgroundColor);
  color: var(--RLFrontColor);
}

/* Pour séparer les groupes de personnes */
.jour[qui=RL][newGroup=true], .we[qui=RL][newGroup=true], .we2[qui=RL][newGroup=true] {
  /* border-top: solid;
  border-top-width: 2px;
  border-top-color: darkgray; */
}

.jour[quand=journee][qui=GL], .jour[quand=matin][qui=GL] .matin, .jour[quand=après-midi][qui=GL] .apresMidi {
  background-color: var(--GLBackgroundColor);
  color: var(--GLFrontColor);
}

.jour[quand=journee][qui=GL][pourquoi=demandeDeCongé], .jour[quand=matin][qui=GL][pourquoi=demandeDeCongé] .matin, .jour[quand=après-midi][qui=GL][pourquoi=demandeDeCongé] .apresMidi {
  background-color: white;
  color: var(--GLFrontColor);
}

.jour[attributLine=impair][quand=journee][qui=GL][pourquoi=demandeDeCongé], .jour[attributLine=impair][quand=matin][qui=GL][pourquoi=demandeDeCongé] .matin, .jour[attributLine=impair][quand=après-midi][qui=GL][pourquoi=demandeDeCongé] .apresMidi {
  background-color: var(--defaultOddBackgroundColor);
}

.jour[quand=journee][qui=GL], .jour[quand=matin][qui=GL] .matin, .jour[quand=après-midi][qui=GL] .apresMidi {
  border-bottom-color: var(--GLBackgroundColor);
  border-top-color: var(--GLBackgroundColor);
  color: var(--GLFrontColor);
}

/* Pour séparer les groupes de personnes */
.jour[qui=GL][newGroup=true], .we[qui=GL][newGroup=true], .we2[qui=GL][newGroup=true] {
  /* border-top: solid;
  border-top-width: 2px;
  border-top-color: darkgray; */
}

.jour[quand=journee][qui=GD], .jour[quand=matin][qui=GD] .matin, .jour[quand=après-midi][qui=GD] .apresMidi {
  background-color: var(--GDBackgroundColor);
  color: var(--GDFrontColor);
}

.jour[quand=journee][qui=GD][pourquoi=demandeDeCongé], .jour[quand=matin][qui=GD][pourquoi=demandeDeCongé] .matin, .jour[quand=après-midi][qui=GD][pourquoi=demandeDeCongé] .apresMidi {
  background-color: white;
  color: var(--GDFrontColor);
}

.jour[attributLine=impair][quand=journee][qui=GD][pourquoi=demandeDeCongé], .jour[attributLine=impair][quand=matin][qui=GD][pourquoi=demandeDeCongé] .matin, .jour[attributLine=impair][quand=après-midi][qui=GD][pourquoi=demandeDeCongé] .apresMidi {
  background-color: var(--defaultOddBackgroundColor);
}

.jour[quand=journee][qui=GD], .jour[quand=matin][qui=GD] .matin, .jour[quand=après-midi][qui=GD] .apresMidi {
  border-bottom-color: var(--GDBackgroundColor);
  border-top-color: var(--GDBackgroundColor);
  color: var(--GDFrontColor);
}

/* Pour séparer les groupes de personnes */
.jour[qui=GD][newGroup=true], .we[qui=GD][newGroup=true], .we2[qui=GD][newGroup=true] {
  /* border-top: solid;
  border-top-width: 2px;
  border-top-color: darkgray; */
}

.jour[quand=journee][qui=IB], .jour[quand=matin][qui=IB] .matin, .jour[quand=après-midi][qui=IB] .apresMidi {
  background-color: var(--IBBackgroundColor);
  color: var(--IBFrontColor);
}

.jour[quand=journee][qui=IB][pourquoi=demandeDeCongé], .jour[quand=matin][qui=IB][pourquoi=demandeDeCongé] .matin, .jour[quand=après-midi][qui=IB][pourquoi=demandeDeCongé] .apresMidi {
  background-color: white;
  color: var(--IBFrontColor);
}

.jour[attributLine=impair][quand=journee][qui=IB][pourquoi=demandeDeCongé], .jour[attributLine=impair][quand=matin][qui=IB][pourquoi=demandeDeCongé] .matin, .jour[attributLine=impair][quand=après-midi][qui=IB][pourquoi=demandeDeCongé] .apresMidi {
  background-color: var(--defaultOddBackgroundColor);
}

.jour[quand=journee][qui=IB], .jour[quand=matin][qui=IB] .matin, .jour[quand=après-midi][qui=IB] .apresMidi {
  border-bottom-color: var(--IBBackgroundColor);
  border-top-color: var(--IBBackgroundColor);
  color: var(--IBFrontColor);
}

/* Pour séparer les groupes de personnes */
.jour[qui=IB][newGroup=true], .we[qui=IB][newGroup=true], .we2[qui=IB][newGroup=true] {
  /* border-top: solid;
  border-top-width: 2px;
  border-top-color: darkgray; */
}

.jour[quand=journee][qui=JYJ], .jour[quand=matin][qui=JYJ] .matin, .jour[quand=après-midi][qui=JYJ] .apresMidi {
  background-color: var(--JYJBackgroundColor);
  color: var(--JYJFrontColor);
}

.jour[quand=journee][qui=JYJ][pourquoi=demandeDeCongé], .jour[quand=matin][qui=JYJ][pourquoi=demandeDeCongé] .matin, .jour[quand=après-midi][qui=JYJ][pourquoi=demandeDeCongé] .apresMidi {
  background-color: white;
  color: var(--JYJFrontColor);
}

.jour[attributLine=impair][quand=journee][qui=JYJ][pourquoi=demandeDeCongé], .jour[attributLine=impair][quand=matin][qui=JYJ][pourquoi=demandeDeCongé] .matin, .jour[attributLine=impair][quand=après-midi][qui=JYJ][pourquoi=demandeDeCongé] .apresMidi {
  background-color: var(--defaultOddBackgroundColor);
}

.jour[quand=journee][qui=JYJ], .jour[quand=matin][qui=JYJ] .matin, .jour[quand=après-midi][qui=JYJ] .apresMidi {
  border-bottom-color: var(--JYJBackgroundColor);
  border-top-color: var(--JYJBackgroundColor);
  color: var(--JYJFrontColor);
}

/* Pour séparer les groupes de personnes */
.jour[qui=JYJ][newGroup=true], .we[qui=JYJ][newGroup=true], .we2[qui=JYJ][newGroup=true] {
  /* border-top: solid;
  border-top-width: 2px;
  border-top-color: darkgray; */
}

.jour[quand=journee][qui=LB], .jour[quand=matin][qui=LB] .matin, .jour[quand=après-midi][qui=LB] .apresMidi {
  background-color: var(--LBBackgroundColor);
  color: var(--LBFrontColor);
}

.jour[quand=journee][qui=LB][pourquoi=demandeDeCongé], .jour[quand=matin][qui=LB][pourquoi=demandeDeCongé] .matin, .jour[quand=après-midi][qui=LB][pourquoi=demandeDeCongé] .apresMidi {
  background-color: white;
  color: var(--LBFrontColor);
}

.jour[attributLine=impair][quand=journee][qui=LB][pourquoi=demandeDeCongé], .jour[attributLine=impair][quand=matin][qui=LB][pourquoi=demandeDeCongé] .matin, .jour[attributLine=impair][quand=après-midi][qui=LB][pourquoi=demandeDeCongé] .apresMidi {
  background-color: var(--defaultOddBackgroundColor);
}

.jour[quand=journee][qui=LB], .jour[quand=matin][qui=LB] .matin, .jour[quand=après-midi][qui=LB] .apresMidi {
  border-bottom-color: var(--LBBackgroundColor);
  border-top-color: var(--LBBackgroundColor);
  color: var(--LBFrontColor);
}

/* Pour séparer les groupes de personnes */
.jour[qui=LB][newGroup=true], .we[qui=LB][newGroup=true], .we2[qui=LB][newGroup=true] {
  /* border-top: solid;
  border-top-width: 2px;
  border-top-color: darkgray; */
}

.jour[quand=journee][qui=MR], .jour[quand=matin][qui=MR] .matin, .jour[quand=après-midi][qui=MR] .apresMidi {
  background-color: var(--MRBackgroundColor);
  color: var(--MRFrontColor);
}

.jour[quand=journee][qui=MR][pourquoi=demandeDeCongé], .jour[quand=matin][qui=MR][pourquoi=demandeDeCongé] .matin, .jour[quand=après-midi][qui=MR][pourquoi=demandeDeCongé] .apresMidi {
  background-color: white;
  color: var(--MRFrontColor);
}

.jour[attributLine=impair][quand=journee][qui=MR][pourquoi=demandeDeCongé], .jour[attributLine=impair][quand=matin][qui=MR][pourquoi=demandeDeCongé] .matin, .jour[attributLine=impair][quand=après-midi][qui=MR][pourquoi=demandeDeCongé] .apresMidi {
  background-color: var(--defaultOddBackgroundColor);
}

.jour[quand=journee][qui=MR], .jour[quand=matin][qui=MR] .matin, .jour[quand=après-midi][qui=MR] .apresMidi {
  border-bottom-color: var(--MRBackgroundColor);
  border-top-color: var(--MRBackgroundColor);
  color: var(--MRFrontColor);
}

/* Pour séparer les groupes de personnes */
.jour[qui=MR][newGroup=true], .we[qui=MR][newGroup=true], .we2[qui=MR][newGroup=true] {
  /* border-top: solid;
  border-top-width: 2px;
  border-top-color: darkgray; */
}

.jour[quand=journee][qui=NF], .jour[quand=matin][qui=NF] .matin, .jour[quand=après-midi][qui=NF] .apresMidi {
  background-color: var(--NFBackgroundColor);
  color: var(--NFFrontColor);
}

.jour[quand=journee][qui=NF][pourquoi=demandeDeCongé], .jour[quand=matin][qui=NF][pourquoi=demandeDeCongé] .matin, .jour[quand=après-midi][qui=NF][pourquoi=demandeDeCongé] .apresMidi {
  background-color: white;
  color: var(--NFFrontColor);
}

.jour[attributLine=impair][quand=journee][qui=NF][pourquoi=demandeDeCongé], .jour[attributLine=impair][quand=matin][qui=NF][pourquoi=demandeDeCongé] .matin, .jour[attributLine=impair][quand=après-midi][qui=NF][pourquoi=demandeDeCongé] .apresMidi {
  background-color: var(--defaultOddBackgroundColor);
}

.jour[quand=journee][qui=NF], .jour[quand=matin][qui=NF] .matin, .jour[quand=après-midi][qui=NF] .apresMidi {
  border-bottom-color: var(--NFBackgroundColor);
  border-top-color: var(--NFBackgroundColor);
  color: var(--NFFrontColor);
}

/* Pour séparer les groupes de personnes */
.jour[qui=NF][newGroup=true], .we[qui=NF][newGroup=true], .we2[qui=NF][newGroup=true] {
  /* border-top: solid;
  border-top-width: 2px;
  border-top-color: darkgray; */
}

.jour[quand=journee][qui=MF], .jour[quand=matin][qui=MF] .matin, .jour[quand=après-midi][qui=MF] .apresMidi {
  background-color: var(--MFBackgroundColor);
  color: var(--MFFrontColor);
}

.jour[quand=journee][qui=MF][pourquoi=demandeDeCongé], .jour[quand=matin][qui=MF][pourquoi=demandeDeCongé] .matin, .jour[quand=après-midi][qui=MF][pourquoi=demandeDeCongé] .apresMidi {
  background-color: white;
  color: var(--MFFrontColor);
}

.jour[attributLine=impair][quand=journee][qui=MF][pourquoi=demandeDeCongé], .jour[attributLine=impair][quand=matin][qui=MF][pourquoi=demandeDeCongé] .matin, .jour[attributLine=impair][quand=après-midi][qui=MF][pourquoi=demandeDeCongé] .apresMidi {
  background-color: var(--defaultOddBackgroundColor);
}

.jour[quand=journee][qui=MF], .jour[quand=matin][qui=MF] .matin, .jour[quand=après-midi][qui=MF] .apresMidi {
  border-bottom-color: var(--MFBackgroundColor);
  border-top-color: var(--MFBackgroundColor);
  color: var(--MFFrontColor);
}

/* Pour séparer les groupes de personnes */
.jour[qui=MF][newGroup=true], .we[qui=MF][newGroup=true], .we2[qui=MF][newGroup=true] {
  /* border-top: solid;
  border-top-width: 2px;
  border-top-color: darkgray; */
}

.jour[quand=journee][qui=OT], .jour[quand=matin][qui=OT] .matin, .jour[quand=après-midi][qui=OT] .apresMidi {
  background-color: var(--OTBackgroundColor);
  color: var(--OTFrontColor);
}

.jour[quand=journee][qui=OT][pourquoi=demandeDeCongé], .jour[quand=matin][qui=OT][pourquoi=demandeDeCongé] .matin, .jour[quand=après-midi][qui=OT][pourquoi=demandeDeCongé] .apresMidi {
  background-color: white;
  color: var(--OTFrontColor);
}

.jour[attributLine=impair][quand=journee][qui=OT][pourquoi=demandeDeCongé], .jour[attributLine=impair][quand=matin][qui=OT][pourquoi=demandeDeCongé] .matin, .jour[attributLine=impair][quand=après-midi][qui=OT][pourquoi=demandeDeCongé] .apresMidi {
  background-color: var(--defaultOddBackgroundColor);
}

.jour[quand=journee][qui=OT], .jour[quand=matin][qui=OT] .matin, .jour[quand=après-midi][qui=OT] .apresMidi {
  border-bottom-color: var(--OTBackgroundColor);
  border-top-color: var(--OTBackgroundColor);
  color: var(--OTFrontColor);
}

/* Pour séparer les groupes de personnes */
.jour[qui=OT][newGroup=true], .we[qui=OT][newGroup=true], .we2[qui=OT][newGroup=true] {
  /* border-top: solid;
  border-top-width: 2px;
  border-top-color: darkgray; */
}

.jour[quand=journee][qui=SV], .jour[quand=matin][qui=SV] .matin, .jour[quand=après-midi][qui=SV] .apresMidi {
  background-color: var(--SVBackgroundColor);
  color: var(--SVFrontColor);
}

.jour[quand=journee][qui=SV][pourquoi=demandeDeCongé], .jour[quand=matin][qui=SV][pourquoi=demandeDeCongé] .matin, .jour[quand=après-midi][qui=SV][pourquoi=demandeDeCongé] .apresMidi {
  background-color: white;
  color: var(--SVFrontColor);
}

.jour[attributLine=impair][quand=journee][qui=SV][pourquoi=demandeDeCongé], .jour[attributLine=impair][quand=matin][qui=SV][pourquoi=demandeDeCongé] .matin, .jour[attributLine=impair][quand=après-midi][qui=SV][pourquoi=demandeDeCongé] .apresMidi {
  background-color: var(--defaultOddBackgroundColor);
}

.jour[quand=journee][qui=SV], .jour[quand=matin][qui=SV] .matin, .jour[quand=après-midi][qui=SV] .apresMidi {
  border-bottom-color: var(--SVBackgroundColor);
  border-top-color: var(--SVBackgroundColor);
  color: var(--SVFrontColor);
}

/* Pour séparer les groupes de personnes */
.jour[qui=SV][newGroup=true], .we[qui=SV][newGroup=true], .we2[qui=SV][newGroup=true] {
  /* border-top: solid;
  border-top-width: 2px;
  border-top-color: darkgray; */
}

.jour[quand=journee][qui=SH], .jour[quand=matin][qui=SH] .matin, .jour[quand=après-midi][qui=SH] .apresMidi {
  background-color: var(--SHBackgroundColor);
  color: var(--SHFrontColor);
}

.jour[quand=journee][qui=SH][pourquoi=demandeDeCongé], .jour[quand=matin][qui=SH][pourquoi=demandeDeCongé] .matin, .jour[quand=après-midi][qui=SH][pourquoi=demandeDeCongé] .apresMidi {
  background-color: white;
  color: var(--SHFrontColor);
}

.jour[attributLine=impair][quand=journee][qui=SH][pourquoi=demandeDeCongé], .jour[attributLine=impair][quand=matin][qui=SH][pourquoi=demandeDeCongé] .matin, .jour[attributLine=impair][quand=après-midi][qui=SH][pourquoi=demandeDeCongé] .apresMidi {
  background-color: var(--defaultOddBackgroundColor);
}

.jour[quand=journee][qui=SH], .jour[quand=matin][qui=SH] .matin, .jour[quand=après-midi][qui=SH] .apresMidi {
  border-bottom-color: var(--SHBackgroundColor);
  border-top-color: var(--SHBackgroundColor);
  color: var(--SHFrontColor);
}

/* Pour séparer les groupes de personnes */
.jour[qui=SH][newGroup=true], .we[qui=SH][newGroup=true], .we2[qui=SH][newGroup=true] {
  /* border-top: solid;
  border-top-width: 2px;
  border-top-color: darkgray; */
}

.jour[quand=journee][qui=WAA], .jour[quand=matin][qui=WAA] .matin, .jour[quand=après-midi][qui=WAA] .apresMidi {
  background-color: var(--WAABackgroundColor);
  color: var(--WAAFrontColor);
}

.jour[quand=journee][qui=WAA][pourquoi=demandeDeCongé], .jour[quand=matin][qui=WAA][pourquoi=demandeDeCongé] .matin, .jour[quand=après-midi][qui=WAA][pourquoi=demandeDeCongé] .apresMidi {
  background-color: white;
  color: var(--WAAFrontColor);
}

.jour[attributLine=impair][quand=journee][qui=WAA][pourquoi=demandeDeCongé], .jour[attributLine=impair][quand=matin][qui=WAA][pourquoi=demandeDeCongé] .matin, .jour[attributLine=impair][quand=après-midi][qui=WAA][pourquoi=demandeDeCongé] .apresMidi {
  background-color: var(--defaultOddBackgroundColor);
}

.jour[quand=journee][qui=WAA], .jour[quand=matin][qui=WAA] .matin, .jour[quand=après-midi][qui=WAA] .apresMidi {
  border-bottom-color: var(--WAABackgroundColor);
  border-top-color: var(--WAABackgroundColor);
  color: var(--WAAFrontColor);
}

/* Pour séparer les groupes de personnes */
.jour[qui=WAA][newGroup=true], .we[qui=WAA][newGroup=true], .we2[qui=WAA][newGroup=true] {
  /* border-top: solid;
  border-top-width: 2px;
  border-top-color: darkgray; */
}

.jour[quand=journee][qui=JM], .jour[quand=matin][qui=JM] .matin, .jour[quand=après-midi][qui=JM] .apresMidi {
  background-color: var(--JMBackgroundColor);
  color: var(--JMFrontColor);
}

.jour[quand=journee][qui=JM][pourquoi=demandeDeCongé], .jour[quand=matin][qui=JM][pourquoi=demandeDeCongé] .matin, .jour[quand=après-midi][qui=JM][pourquoi=demandeDeCongé] .apresMidi {
  background-color: white;
  color: var(--JMFrontColor);
}

.jour[attributLine=impair][quand=journee][qui=JM][pourquoi=demandeDeCongé], .jour[attributLine=impair][quand=matin][qui=JM][pourquoi=demandeDeCongé] .matin, .jour[attributLine=impair][quand=après-midi][qui=JM][pourquoi=demandeDeCongé] .apresMidi {
  background-color: var(--defaultOddBackgroundColor);
}

.jour[quand=journee][qui=JM], .jour[quand=matin][qui=JM] .matin, .jour[quand=après-midi][qui=JM] .apresMidi {
  border-bottom-color: var(--JMBackgroundColor);
  border-top-color: var(--JMBackgroundColor);
  color: var(--JMFrontColor);
}

/* Pour séparer les groupes de personnes */
.jour[qui=JM][newGroup=true], .we[qui=JM][newGroup=true], .we2[qui=JM][newGroup=true] {
  /* border-top: solid;
  border-top-width: 2px;
  border-top-color: darkgray; */
}

/*# sourceMappingURL=Planning%20J2S.css.map */