@charset "UTF-8";
/* --- STYLES DU HEADER --- */
/* line 17, pages/header.scss */
header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #333;
  color: #F3F3F3;
  padding: 0px;
  flex-wrap: wrap;
}

/* Styling pour chaque élément individuel du header */
/* line 30, pages/header.scss */
.header-item {
  /* Chaque élément prendra le même espace */
  flex: 1;
  /* Le texte de chaque élément est centré */
  text-align: center;
}

/* Styling pour l'image du logo */
/* line 39, pages/header.scss */
.header-logo img {
  /* Largeur maximale de l'image */
  max-width: 100px;
  /* La hauteur est automatiquement ajustée pour conserver les proportions */
  height: auto;
  /* Pas de marge extérieure pour l'image */
  margin: 0;
  /* Assure que l'image est affichée en tant que bloc */
  display: block;
}
@media screen and (max-width: 754px) {
  /* line 39, pages/header.scss */
  .header-logo img {
    max-width: 60px;
  }
}

/* Styling pour le titre du header */
/* line 55, pages/header.scss */
.header-title {
  /* Taille de la police pour le titre */
  font-size: 1.3rem;
  /* Le titre est en gras */
  font-weight: bold;
  /* Pas de marge extérieure pour le titre */
  margin: 0;
}

/* Styling pour l'affichage de la date et de l'heure */
/* line 66, pages/header.scss */
.header-datetime {
  /* Utilise Flexbox pour la disposition */
  display: flex;
  /* Les éléments sont empilés verticalement */
  flex-direction: column;
  /* Centre les éléments horizontalement */
  /*align-items: center;*/
  text-align: right;
  margin-right: 1em;
}

/* --- STYLES DE LA BARRE DE NAVIGATION --- */
/* line 15, pages/navbar.scss */
.nav-container {
  background-color: #2c3e50;
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
  overflow: visible;
}
/* line 22, pages/navbar.scss */
.nav-container .navbar {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
/* line 29, pages/navbar.scss */
.nav-container .navbar li {
  position: relative;
  margin-right: 10px;
  /* Ajoute un espacement entre les éléments de menu */
}
/* line 33, pages/navbar.scss */
.nav-container .navbar li a {
  display: block;
  padding: 10px 20px;
  color: #F3F3F3;
  text-decoration: none;
}
/* line 41, pages/navbar.scss */
.nav-container .navbar li ul {
  width: max-content;
  /* La largeur s'ajustera en fonction du contenu */
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #444;
  z-index: 1;
  /* Assurez-vous que le sous-menu a un z-index supérieur */
}
/* line 53, pages/navbar.scss */
.nav-container .navbar li ul li a {
  color: text-color !important;
  text-decoration: none !important;
  padding: 1px 2px !important;
}
/* line 59, pages/navbar.scss */
.nav-container .navbar li ul li a:hover {
  background-color: #555 !important;
}
/* line 64, pages/navbar.scss */
.nav-container .navbar li ul.active {
  display: block;
}
/* line 69, pages/navbar.scss */
.nav-container .navbar li:hover ul {
  display: block;
}

/* line 76, pages/navbar.scss */
.wrap {
  width: 100vw;
  background-color: #333;
}

/* line 13, pages/connexion.scss */
.login-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  border: 1px solid #ccc;
  background-color: #E6E8E8;
  border-radius: 8px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  margin: 30px auto;
  padding: 10px;
}

/* line 28, pages/connexion.scss */
.input-container {
  margin-bottom: 15px;
}

/* line 33, pages/connexion.scss */
.input-container input {
  width: 90%;
}

/* line 38, pages/connexion.scss */
.input-container input:focus {
  background-color: #eaeaea;
}

/* line 47, pages/connexion.scss */
table.create {
  display: flex;
  justify-content: center;
}
/* line 52, pages/connexion.scss */
table.create table.connect {
  margin-bottom: 20px;
  background-color: #E6E8E8;
  border: none;
}
/* line 58, pages/connexion.scss */
table.create table.connect th {
  height: 24px;
  padding: 2px;
  background-color: #2c3e50;
  color: #F3F3F3;
  font-size: 18px;
}
/* line 68, pages/connexion.scss */
table.create table.infoSal, table.create .infoCont {
  background-color: #E6E8E8;
  border: none;
}
/* line 73, pages/connexion.scss */
table.create table.infoSal .large, table.create .infoCont .large {
  width: 94%;
}
/* line 77, pages/connexion.scss */
table.create table.infoSal th, table.create .infoCont th {
  height: 24px;
  padding: 2px;
  background-color: #2c3e50;
  color: #F3F3F3;
  font-size: 18px;
}
/* line 86, pages/connexion.scss */
table.create table.infoSal label, table.create .infoCont label {
  display: flex;
  justify-content: flex-end;
}
/* line 93, pages/connexion.scss */
table.create button {
  margin-top: 15px;
}

/* line 6, pages/config.scss */
.select-insert-type, .conteneurConfig {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 12, pages/config.scss */
.select-insert-type {
  background-color: #E6E8E8;
  padding-bottom: 10px;
}

/* line 17, pages/config.scss */
.conteneurConfig {
  margin-top: 15px;
}
/* line 19, pages/config.scss */
.conteneurConfig input {
  margin-bottom: 10px;
}
/* line 22, pages/config.scss */
.conteneurConfig select {
  margin-bottom: 10px;
}

/* line 4, pages/gestion intervention.scss */
.center {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 95%;
  overflow-x: auto;
}
/* line 11, pages/gestion intervention.scss */
.center a {
  color: black;
  font-weight: bold;
}
/* line 16, pages/gestion intervention.scss */
.center a:hover {
  color: #FA8B8B;
}

/* line 21, pages/gestion intervention.scss */
.intervention-table {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #D9E7FA;
  border-collapse: collapse;
  display: table-header-group;
}
/* line 30, pages/gestion intervention.scss */
.intervention-table thead {
  background-color: #B5C9E3;
}
/* line 35, pages/gestion intervention.scss */
.intervention-table th {
  border: 2px solid black;
  padding: 5px;
}
/* line 40, pages/gestion intervention.scss */
.intervention-table td {
  border: 2px solid black;
  padding: 5px;
}
/* line 45, pages/gestion intervention.scss */
.intervention-table a {
  text-decoration: none;
  color: black;
  font-weight: bold;
}

/* line 56, pages/gestion intervention.scss */
.modif-intervention-technicien {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* line 61, pages/gestion intervention.scss */
.modif-intervention-technicien .btn {
  margin: 20px;
}

/* line 68, pages/gestion intervention.scss */
.validCenter {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

/* line 74, pages/gestion intervention.scss */
.bolder {
  font-weight: 550;
  background-color: #D9E7FA;
}

/* line 79, pages/gestion intervention.scss */
.details-validation {
  background-color: #ECF0F7;
}
/* line 82, pages/gestion intervention.scss */
.details-validation .tdHaut {
  vertical-align: top;
  padding: 20px;
}
/* line 86, pages/gestion intervention.scss */
.details-validation .tdHaut input {
  height: 1vh;
}
/* line 89, pages/gestion intervention.scss */
.details-validation .tdHaut th {
  background-color: #B5C9E3;
}
/* line 95, pages/gestion intervention.scss */
.details-validation .btn {
  margin: 10px;
}

/* line 5, pages/profil.scss */
.profil-header {
  text-align: center;
  padding: 15px 0px 15px 0px;
  background-color: #E6E8E8;
}

/* line 12, pages/profil.scss */
div.profil-form {
  margin-top: 20px;
}
/* line 16, pages/profil.scss */
div.profil-form div.haut {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 25px;
}
/* line 23, pages/profil.scss */
div.profil-form div.profil-column {
  display: flex;
  justify-content: center;
}
/* line 29, pages/profil.scss */
div.profil-form table {
  background-color: #E6E8E8;
}
/* line 34, pages/profil.scss */
div.profil-form table .titre {
  text-align: center;
}
/* line 39, pages/profil.scss */
div.profil-form table th {
  text-align: right;
  height: 24px;
  padding: 2px 5px;
  background-color: #2c3e50;
  color: #F3F3F3;
  font-size: 18px;
}
/* line 49, pages/profil.scss */
div.profil-form table td {
  padding: 0 5px;
}
/* line 54, pages/profil.scss */
div.profil-form table a {
  text-decoration: none;
  color: #F3F3F3;
}

/* line 66, pages/profil.scss */
.navigation-mois, .legend, .service-links, .calendar {
  display: flex;
  justify-content: center;
}
/* line 71, pages/profil.scss */
.navigation-mois a, .legend a, .service-links a, .calendar a {
  text-decoration: none;
  padding: 10px;
  color: black;
}
/* line 77, pages/profil.scss */
.navigation-mois a:hover, .legend a:hover, .service-links a:hover, .calendar a:hover {
  color: #FA8B8B;
}

/* line 87, pages/profil.scss */
.demande-absence, .evolution-demandes {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 4, pages/comptabilite.scss */
.intervDisplay-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* line 9, pages/comptabilite.scss */
.intervDisplay-container .intervDisplay-left, .intervDisplay-container .intervDisplay-right {
  display: flex;
  justify-content: center;
}
/* line 14, pages/comptabilite.scss */
.intervDisplay-container a {
  color: black;
  font-weight: bold;
}
/* line 19, pages/comptabilite.scss */
.intervDisplay-container a:hover {
  color: #FA8B8B;
}

/* line 24, pages/comptabilite.scss */
.partenaireButtons-container {
  display: flex;
  justify-content: center;
  margin: 25px 0;
}
/* line 29, pages/comptabilite.scss */
.partenaireButtons-container button {
  margin: 0 15px;
}

/* line 34, pages/comptabilite.scss */
.containerDiv {
  display: flex;
  justify-content: center;
}

/* line 8, pages/ressources humaines.scss */
.menu-div {
  display: grid;
  height: 100%;
  margin: 25px 20%;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  /* Répéter les colonnes automatiquement avec une largeur minimale de 250px et une largeur maximale flexible */
  grid-template-rows: repeat(6, 80px);
  /* Répéter les lignes pour 6 fois avec une hauteur de 80px */
  gap: 20px 20px;
  grid-auto-flow: row;
  justify-items: stretch;
  grid-template-areas: "profil paie evenements rappel" "profil paie evenements rappel" "candidatures paie evenements repertoires" "candidatures planning demandes repertoires" "salarie planning demandes repertoires" "salarie planning demandes repertoires";
}
/* line 29, pages/ressources humaines.scss */
.menu-div .profil {
  display: grid;
  grid-template-columns: 30px 60px 70px 60px 30px;
  grid-template-rows: 35px 35px 10px 45px 45px 10px;
  gap: 0px 0px;
  grid-auto-flow: row;
  text-decoration: none;
  color: black;
}
/* line 38, pages/ressources humaines.scss */
.menu-div .profil .logo {
  grid-area: 1 / 3 / 3 / 4;
  border-radius: 50%;
  /* Rend le cercle */
  z-index: 1;
}
/* line 44, pages/ressources humaines.scss */
.menu-div .profil .text {
  grid-area: 2 / 1 / 7 / 6;
  background-color: #e2e2e2;
  display: flex;
  align-items: center;
  /* Centre le texte verticalement */
  justify-content: center;
  /* Centre le texte horizontalement */
  border-radius: 1.5em;
}
/* line 53, pages/ressources humaines.scss */
.menu-div .profil .zone-texte {
  grid-area: 4 / 2 / 6 / 5;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}
/* line 63, pages/ressources humaines.scss */
.menu-div .candidatures {
  display: grid;
  grid-template-columns: 10px 70px 60px 50px 50px 10px;
  grid-template-rows: 10px 70px 30px 60px 10px;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas: ". . . . . ." ". text-candit text-candit text-candit text-candit ." ". . . . . ." ". img-candit . . . ." ". . . . . .";
  grid-area: candidatures;
  border-radius: 10%;
  background: linear-gradient(to right, #000000, #737373);
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  /* Transition pour l'effet 3D */
}
/* line 81, pages/ressources humaines.scss */
.menu-div .candidatures .text-candit {
  grid-area: text-candit;
  line-height: center;
  color: white;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}
/* line 91, pages/ressources humaines.scss */
.menu-div .candidatures .img-candit {
  grid-area: img-candit;
  position: relative;
}
/* line 97, pages/ressources humaines.scss */
.menu-div .candidatures:hover {
  transform: scale(1.1);
  /* Effet de zoom au survol */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  /* Ombre portée au survol */
}
/* line 102, pages/ressources humaines.scss */
.menu-div .salarie {
  display: grid;
  grid-template-columns: 10px 70px 60px 52px 50px 10px;
  grid-template-rows: 10px 70px 30px 60px 10px;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas: ". . . . . ." ". text-salarie text-salarie text-salarie text-salarie ." ". . . . . ." ". img-salarie . . . ." ". . . . . .";
  grid-area: salarie;
  border-radius: 10%;
  background-color: #777777;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  /* Transition pour l'effet 3D */
}
/* line 120, pages/ressources humaines.scss */
.menu-div .salarie .img-salarie {
  grid-area: img-salarie;
}
/* line 124, pages/ressources humaines.scss */
.menu-div .salarie .text-salarie {
  grid-area: text-salarie;
  line-height: center;
  color: white;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}
/* line 135, pages/ressources humaines.scss */
.menu-div .salarie:hover {
  transform: scale(1.1);
  /* Effet de zoom au survol */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  /* Ombre portée au survol */
}
/* line 140, pages/ressources humaines.scss */
.menu-div .paie {
  display: grid;
  grid-template-columns: 10px 50px 50px 60px 70px 10px;
  grid-template-rows: 10px 70px 100px 90px 10px;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas: ". . . . . ." ". . . . img-paie ." ". . . . . ." ". text-paie text-paie text-paie text-paie ." ". . . . . .";
  grid-area: paie;
  border-radius: 10%;
  background-color: #565646;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  /* Transition pour l'effet 3D */
}
/* line 158, pages/ressources humaines.scss */
.menu-div .paie .text-paie {
  grid-area: text-paie;
  line-height: center;
  color: white;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}
/* line 168, pages/ressources humaines.scss */
.menu-div .paie .img-paie {
  grid-area: img-paie;
}
/* line 173, pages/ressources humaines.scss */
.menu-div .paie:hover {
  transform: scale(1.1);
  /* Effet de zoom au survol */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  /* Ombre portée au survol */
}
/* line 178, pages/ressources humaines.scss */
.menu-div .planning {
  display: grid;
  grid-template-columns: 10px 50px 50px 60px 70px 10px;
  grid-template-rows: 10px 70px 100px 90px 10px;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas: ". . . . . ." ". . . . img-plannif ." ". . . . . ." ". text-plannif text-plannif text-plannif text-plannif ." ". . . . . .";
  grid-area: planning;
  border-radius: 10%;
  background-color: #e2e2e2;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  /* Transition pour l'effet 3D */
}
/* line 196, pages/ressources humaines.scss */
.menu-div .planning .text-plannif {
  grid-area: text-plannif;
  line-height: center;
  color: #000000;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}
/* line 206, pages/ressources humaines.scss */
.menu-div .planning .img-plannif {
  grid-area: img-plannif;
}
/* line 211, pages/ressources humaines.scss */
.menu-div .planning:hover {
  transform: scale(1.1);
  /* Effet de zoom au survol */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  /* Ombre portée au survol */
}
/* line 216, pages/ressources humaines.scss */
.menu-div .evenements {
  display: grid;
  grid-template-columns: 10px 50px 50px 60px 70px 10px;
  grid-template-rows: 10px 70px 100px 90px 10px;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas: ". . . . . ." ". . . . img-event ." ". . . . . ." ". text-event text-event text-event text-event ." ". . . . . .";
  grid-area: evenements;
  border-radius: 10%;
  background-color: #e2e2e2;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  /* Transition pour l'effet 3D */
}
/* line 234, pages/ressources humaines.scss */
.menu-div .evenements .text-event {
  grid-area: text-event;
  line-height: center;
  color: #000000;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}
/* line 244, pages/ressources humaines.scss */
.menu-div .evenements .img-event {
  grid-area: img-event;
}
/* line 249, pages/ressources humaines.scss */
.menu-div .evenements:hover {
  transform: scale(1.1);
  /* Effet de zoom au survol */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  /* Ombre portée au survol */
}
/* line 254, pages/ressources humaines.scss */
.menu-div .demandes {
  display: grid;
  grid-template-columns: 10px 50px 50px 60px 70px 10px;
  grid-template-rows: 10px 70px 100px 90px 10px;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas: ". . . . . ." ". . . . img-demande ." ". . . . . ." ". text-demande text-demande text-demande text-demande ." ". . . . . .";
  grid-area: demandes;
  border-radius: 10%;
  background-color: #9e8a72;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  /* Transition pour l'effet 3D */
}
/* line 272, pages/ressources humaines.scss */
.menu-div .demandes .text-demande {
  grid-area: text-demande;
  line-height: center;
  color: white;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}
/* line 282, pages/ressources humaines.scss */
.menu-div .demandes .img-demande {
  grid-area: img-demande;
}
/* line 287, pages/ressources humaines.scss */
.menu-div .demandes:hover {
  transform: scale(1.1);
  /* Effet de zoom au survol */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  /* Ombre portée au survol */
}
/* line 292, pages/ressources humaines.scss */
.menu-div .rappel {
  display: grid;
  grid-template-columns: 10px 50px 50px 60px 70px 10px;
  id-template-rows: 10px 70px 30px 60px 10px;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas: ". . . . . ." ". . . . omg-rappel ." ". . . . . ." ". text-rappel text-rappel text-rappel text-rappel ." ". . . . . .";
  grid-area: rappel;
  border-radius: 10%;
  background: linear-gradient(to right, #000000, #737373);
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  /* Transition pour l'effet 3D */
}
/* line 310, pages/ressources humaines.scss */
.menu-div .rappel .text-rappel {
  grid-area: text-rappel;
  line-height: center;
  color: white;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}
/* line 320, pages/ressources humaines.scss */
.menu-div .rappel .img-rappel {
  grid-area: omg-rappel;
}
/* line 325, pages/ressources humaines.scss */
.menu-div .rappel:hover {
  transform: scale(1.1);
  /* Effet de zoom au survol */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  /* Ombre portée au survol */
}
/* line 330, pages/ressources humaines.scss */
.menu-div .repertoires {
  display: grid;
  grid-template-columns: 10px 50px 50px 60px 70px 10px;
  grid-template-rows: 10px 70px 200px 90px 10px;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas: ". . . . . ." ". . . . img-repertoire ." ". . . . . ." ". text-repertoire text-repertoire text-repertoire text-repertoire ." ". . . . . .";
  grid-area: repertoires;
  border-radius: 10%;
  background-color: #cfba23;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  /* Transition pour l'effet 3D */
}
/* line 348, pages/ressources humaines.scss */
.menu-div .repertoires .text-repertoire {
  grid-area: text-repertoire;
  line-height: center;
  color: #000000;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}
/* line 358, pages/ressources humaines.scss */
.menu-div .repertoires .img-repertoire {
  grid-area: img-repertoire;
}
/* line 363, pages/ressources humaines.scss */
.menu-div .repertoires:hover {
  transform: scale(1.1);
  /* Effet de zoom au survol */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  /* Ombre portée au survol */
}
/* line 368, pages/ressources humaines.scss */
.menu-div .circle-white {
  width: 50px;
  /* Diamètre du cercle */
  height: 50px;
  /* Diamètre du cercle */
  border: 4px solid #ccc;
  /* Épaisseur et couleur de la bordure du cercle */
  border-radius: 50%;
  /* Rend le cercle */
}
/* line 375, pages/ressources humaines.scss */
.menu-div .circle-black {
  width: 50px;
  /* Diamètre du cercle */
  height: 50px;
  /* Diamètre du cercle */
  border: 4px solid #000000;
  /* Épaisseur et couleur de la bordure du cercle */
  border-radius: 50%;
  /* Rend le cercle */
}
/* line 382, pages/ressources humaines.scss */
.menu-div .fleche-direction-white {
  color: white;
  font-size: 38px;
  text-align: center;
  line-height: 130%;
  margin-top: 0;
}
/* line 390, pages/ressources humaines.scss */
.menu-div .fleche-direction-black {
  color: black;
  font-size: 38px;
  text-align: center;
  line-height: 130%;
  margin-top: 0;
}

/* line 402, pages/ressources humaines.scss */
.menu-candidatures {
  background: linear-gradient(to right, #000000, #737373);
  /* Ajout de la couleur de fond */
  padding: 2px;
  /* Ajout de marge intérieure pour espacement */
  position: relative;
}
@media screen and (min-width: 769px) and (max-width: 3840px) {
  /* line 402, pages/ressources humaines.scss */
  .menu-candidatures {
    float: left;
    border-radius: 0 1em 1em 0;
  }
  /* line 406, pages/ressources humaines.scss */
  .menu-candidatures .submenu {
    min-width: 200px;
    max-width: 250px;
  }
}
/* line 415, pages/ressources humaines.scss */
.menu-candidatures .submenu {
  top: 100%;
  left: 0;
  padding: 10px;
  color: #F3F3F3;
}
/* line 421, pages/ressources humaines.scss */
.menu-candidatures .submenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 426, pages/ressources humaines.scss */
.menu-candidatures .submenu ul li a {
  display: block;
  color: #F3F3F3;
  text-decoration: none;
  padding: 4px 0;
}
/* line 431, pages/ressources humaines.scss */
.menu-candidatures .submenu ul li a:hover {
  color: #FA8B8B;
}

/* line 440, pages/ressources humaines.scss */
.contenu-candidatures {
  background: linear-gradient(to right, #000000, #737373);
  /* Ajout de la couleur de fond */
}
@media screen and (min-width: 769px) and (max-width: 3840px) {
  /* line 440, pages/ressources humaines.scss */
  .contenu-candidatures {
    margin-left: 240px;
    /* Ajustement de la marge pour compenser la marge intérieure ajoutée au menu */
  }
  /* line 445, pages/ressources humaines.scss */
  .contenu-candidatures .contenu {
    width: calc(100% - 5%);
    /* Largeur ajustée pour prendre l'espace restant */
    float: right;
    /* Style pour les contenus à droite */
    border-radius: 1em 0 0 1em;
  }
}
@media screen and (max-width: 768px) {
  /* line 440, pages/ressources humaines.scss */
  .contenu-candidatures {
    display: flex;
    /* Cacher tous les contenus par défaut */
    justify-content: center;
  }
}
/* line 460, pages/ressources humaines.scss */
.contenu-candidatures .griddetail {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 0px 0px;
}
/* line 466, pages/ressources humaines.scss */
.contenu-candidatures .contenu {
  display: block;
  /* Cacher tous les contenus par défaut */
  padding: 2% 1%;
  color: #F3F3F3;
  background: linear-gradient(to right, #000000, #737373);
  /* Ajout de la couleur de fond */
  overflow: auto;
}
/* line 472, pages/ressources humaines.scss */
.contenu-candidatures .contenu .centrer {
  text-align: center;
}
/* line 476, pages/ressources humaines.scss */
.contenu-candidatures .contenu table {
  margin: 0 auto;
  /* Centrage de la table dans le body */
  table-layout: fixed;
  /* Fixe la largeur des colonnes */
  overflow-x: auto;
  /* Permet le défilement horizontal si la table est plus large que l'écran */
  max-width: 95%;
}
/* line 482, pages/ressources humaines.scss */
.contenu-candidatures .contenu table input {
  text-align: left;
}
/* line 486, pages/ressources humaines.scss */
.contenu-candidatures .contenu table a {
  text-decoration: none;
  color: #F3F3F3;
}
/* line 491, pages/ressources humaines.scss */
.contenu-candidatures .contenu table a:hover {
  color: #FA8B8B;
}
/* line 495, pages/ressources humaines.scss */
.contenu-candidatures .contenu table td, .contenu-candidatures .contenu table th {
  padding: 0.2em;
  text-wrap: wrap;
  text-align: center;
}
/* line 500, pages/ressources humaines.scss */
.contenu-candidatures .contenu table textarea {
  resize: none;
  width: 95%;
  height: 65px;
  overflow: auto;
}
/* line 507, pages/ressources humaines.scss */
.contenu-candidatures .contenu .textaligncentre {
  text-align: center;
}
/* line 511, pages/ressources humaines.scss */
.contenu-candidatures .contenu .buttonlistecandi {
  margin: 0.1em;
}
@media screen and (min-width: 530px) and (max-width: 754px) {
  /* line 511, pages/ressources humaines.scss */
  .contenu-candidatures .contenu .buttonlistecandi {
    font-size: 13px;
  }
}
@media screen and (max-width: 530px) {
  /* line 511, pages/ressources humaines.scss */
  .contenu-candidatures .contenu .buttonlistecandi {
    font-size: 10px;
    padding: 5px 10px;
  }
}
@media screen and (min-width: 754) and (max-width: 1920px) {
  /* line 511, pages/ressources humaines.scss */
  .contenu-candidatures .contenu .buttonlistecandi {
    font-size: 17px;
  }
}
@media screen and (min-width: 1921px) and (max-width: 2560px) {
  /* line 511, pages/ressources humaines.scss */
  .contenu-candidatures .contenu .buttonlistecandi {
    font-size: 19px;
  }
}
@media screen and (min-width: 2561px) and (max-width: 3840px) {
  /* line 511, pages/ressources humaines.scss */
  .contenu-candidatures .contenu .buttonlistecandi {
    font-size: 21px;
  }
}
/* line 534, pages/ressources humaines.scss */
.contenu-candidatures .contenu .premierentretien {
  max-width: 80%;
}
/* line 538, pages/ressources humaines.scss */
.contenu-candidatures .contenu .premierentretien td {
  padding: 0 2%;
  width: 50%;
  white-space: normal;
  overflow-y: auto;
}
/* line 545, pages/ressources humaines.scss */
.contenu-candidatures .contenu .premierentretien textarea {
  resize: none;
  width: 95%;
  height: 65px;
  overflow: auto;
}
/* line 552, pages/ressources humaines.scss */
.contenu-candidatures .contenu .premierentretien .labradio {
  display: inline-block;
  margin-right: 30%;
}
/* line 557, pages/ressources humaines.scss */
.contenu-candidatures .contenu .buttoncenter {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 571, pages/ressources humaines.scss */
.menu-salarie {
  float: left;
  min-width: 200px;
  max-width: 250px;
  background-color: #777777;
  padding: 20px;
  /* Ajout de marge intérieure pour espacement */
  border-radius: 0 5% 5% 0;
}
/* line 579, pages/ressources humaines.scss */
.menu-salarie .submenu {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
/* line 585, pages/ressources humaines.scss */
.menu-salarie .submenu h3 {
  margin-bottom: 5px;
  color: #fff;
  /* Changement de la couleur du texte pour meilleure lisibilité */
  text-align: left;
  /* Aligner les titres à gauche */
}
/* line 591, pages/ressources humaines.scss */
.menu-salarie .submenu ul {
  list-style-type: none;
  padding: 0;
  margin-left: auto;
  /* Décaler les liens vers la droite */
}
/* line 597, pages/ressources humaines.scss */
.menu-salarie .submenu ul li {
  margin-bottom: 5px;
}
/* line 601, pages/ressources humaines.scss */
.menu-salarie .submenu ul li a {
  text-decoration: none;
  color: #fff;
  /* Changement de la couleur du texte pour meilleure lisibilité */
}

/* line 606, pages/ressources humaines.scss */
.contenu-fiche-salarie {
  margin-left: 240px;
  /* Ajustement de la marge pour compenser la marge intérieure ajoutée au menu */
}
/* line 609, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu {
  display: none;
  /* Cacher tous les contenus par défaut */
  /* Style pour les contenus à droite */
  float: right;
  width: calc(100% - 5%);
  /* Largeur ajustée pour prendre l'espace restant */
  padding: 20px;
  background-color: #f4f4f4;
  color: black;
}
/* line 620, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .container {
  display: grid;
  grid-template-columns: 10px 240px 240px 240px 240px 240px 10px;
  grid-template-rows: 10px 324px 20px 300px [\33 00] 20px 300px 20px 300px 10px;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas: ". . . . . . ." ". info-perso info-perso . rappel rappel ." ". . . . . . ." ". suivi-cp suivi-absence-justifie suivi-absence-non-justifier suivi-am suivi-at ." ". . . . . . ." ". info-salarie info-salarie info-salarie info-salarie info-salarie ." ". . . . . . ." ". suivi-matos suivi-matos suivi-matos suivi-matos suivi-matos ." ". . . . . . .";
}
/* line 637, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .rappel {
  grid-area: rappel;
}
/* line 640, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .rappel table th {
  background-color: #777777;
  color: white;
}
/* line 645, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .rappel table .radius {
  border-radius: 30px 30px 0 0;
}
/* line 648, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .rappel table .botRad {
  border-radius: 0 0 30px 30px;
}
/* line 654, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .info-perso {
  grid-area: info-perso;
}
/* line 657, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .info-perso table th {
  background-color: #777777;
  color: white;
}
/* line 662, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .info-perso table .radius {
  border-radius: 30px 30px 0 0;
}
/* line 665, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .info-perso table .botRad {
  border-radius: 0 0 30px 30px;
}
/* line 673, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-cp {
  grid-area: suivi-cp;
}
/* line 675, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-cp table th {
  background-color: #777777;
  color: white;
}
/* line 680, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-cp table .radius {
  border-radius: 30px 30px 0 0;
}
/* line 683, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-cp table .botRad {
  border-radius: 0 0 30px 30px;
}
/* line 690, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-absence-justifie {
  grid-area: suivi-absence-justifie;
}
/* line 692, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-absence-justifie table th {
  background-color: #777777;
  color: white;
}
/* line 697, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-absence-justifie table .radius {
  border-radius: 30px 30px 0 0;
}
/* line 700, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-absence-justifie table .botRad {
  border-radius: 0 0 30px 30px;
}
/* line 707, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-absence-non-justifier {
  grid-area: suivi-absence-non-justifier;
}
/* line 709, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-absence-non-justifier table th {
  background-color: #777777;
  color: white;
}
/* line 714, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-absence-non-justifier table .radius {
  border-radius: 30px 30px 0 0;
}
/* line 717, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-absence-non-justifier table .botRad {
  border-radius: 0 0 30px 30px;
}
/* line 724, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-am {
  grid-area: suivi-am;
}
/* line 726, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-am table th {
  background-color: #777777;
  color: white;
}
/* line 731, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-am table .radius {
  border-radius: 30px 30px 0 0;
}
/* line 734, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-am table .botRad {
  border-radius: 0 0 30px 30px;
}
/* line 741, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-at {
  grid-area: suivi-at;
}
/* line 743, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-at table th {
  background-color: #777777;
  color: white;
}
/* line 748, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-at table .radius {
  border-radius: 30px 30px 0 0;
}
/* line 751, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-at table .botRad {
  border-radius: 0 0 30px 30px;
}
/* line 758, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-matos {
  grid-area: suivi-matos;
}
/* line 760, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-matos table th {
  background-color: #777777;
  color: white;
}
/* line 765, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-matos table .radius {
  border-radius: 30px 30px 0 0;
}
/* line 768, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .suivi-matos table .botRad {
  border-radius: 0 0 30px 30px;
}
/* line 775, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .info-salarie {
  grid-area: info-salarie;
}
/* line 778, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .info-salarie table th {
  background-color: #777777;
  color: white;
}
/* line 783, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .info-salarie table .radius {
  border-radius: 30px 30px 0 0;
}
/* line 786, pages/ressources humaines.scss */
.contenu-fiche-salarie .contenu .info-salarie table .botRad {
  border-radius: 0 0 30px 30px;
}

/* line 798, pages/ressources humaines.scss */
.menu-paie {
  float: left;
  min-width: 200px;
  max-width: 250px;
  background-color: #565646;
  padding: 20px;
  /* Ajout de marge intérieure pour espacement */
  border-radius: 0 5% 5% 0;
}
/* line 806, pages/ressources humaines.scss */
.menu-paie .submenu {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
/* line 812, pages/ressources humaines.scss */
.menu-paie .submenu h3 {
  margin-bottom: 5px;
  color: #fff;
  /* Changement de la couleur du texte pour meilleure lisibilité */
  text-align: left;
  /* Aligner les titres à gauche */
}
/* line 818, pages/ressources humaines.scss */
.menu-paie .submenu ul {
  list-style-type: none;
  padding: 0;
  margin-left: auto;
  /* Décaler les liens vers la droite */
}
/* line 824, pages/ressources humaines.scss */
.menu-paie .submenu ul li {
  margin-bottom: 5px;
}
/* line 828, pages/ressources humaines.scss */
.menu-paie .submenu ul li a {
  text-decoration: none;
  color: #fff;
  /* Changement de la couleur du texte pour meilleure lisibilité */
}

/* line 833, pages/ressources humaines.scss */
.contenu-paie {
  margin-left: 240px;
  /* Ajustement de la marge pour compenser la marge intérieure ajoutée au menu */
}
/* line 836, pages/ressources humaines.scss */
.contenu-paie .contenu {
  display: none;
  /* Cacher tous les contenus par défaut */
  /* Style pour les contenus à droite */
  float: right;
  width: calc(100% - 5%);
  /* Largeur ajustée pour prendre l'espace restant */
  padding: 20px;
  background-color: #f4f4f4;
  color: black;
}

/* line 849, pages/ressources humaines.scss */
.menu-planning-presence {
  float: left;
  min-width: 200px;
  max-width: 250px;
  background-color: #e2e2e2;
  padding: 20px;
  /* Ajout de marge intérieure pour espacement */
  border-radius: 0 5% 5% 0;
}
/* line 857, pages/ressources humaines.scss */
.menu-planning-presence .submenu {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
/* line 863, pages/ressources humaines.scss */
.menu-planning-presence .submenu h3 {
  margin-bottom: 5px;
  color: #000;
  /* Changement de la couleur du texte pour meilleure lisibilité */
  text-align: left;
  /* Aligner les titres à gauche */
}
/* line 869, pages/ressources humaines.scss */
.menu-planning-presence .submenu ul {
  list-style-type: none;
  padding: 0;
  margin-left: auto;
  /* Décaler les liens vers la droite */
}
/* line 875, pages/ressources humaines.scss */
.menu-planning-presence .submenu ul li {
  margin-bottom: 5px;
}
/* line 879, pages/ressources humaines.scss */
.menu-planning-presence .submenu ul li a {
  text-decoration: none;
  color: #000;
  /* Changement de la couleur du texte pour meilleure lisibilité */
}

/* line 884, pages/ressources humaines.scss */
.contenu-planning-presence {
  margin-left: 240px;
  /* Ajustement de la marge pour compenser la marge intérieure ajoutée au menu */
}
/* line 887, pages/ressources humaines.scss */
.contenu-planning-presence .contenu {
  display: none;
  /* Cacher tous les contenus par défaut */
  /* Style pour les contenus à droite */
  float: right;
  width: calc(100% - 5%);
  /* Largeur ajustée pour prendre l'espace restant */
  padding: 20px;
  background-color: #f4f4f4;
  color: black;
}

/* line 900, pages/ressources humaines.scss */
.menu-evenements {
  float: left;
  min-width: 200px;
  max-width: 250px;
  background-color: #e2e2e2;
  padding: 20px;
  /* Ajout de marge intérieure pour espacement */
  border-radius: 0 5% 5% 0;
}
/* line 908, pages/ressources humaines.scss */
.menu-evenements .submenu {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
/* line 914, pages/ressources humaines.scss */
.menu-evenements .submenu h3 {
  margin-bottom: 5px;
  color: #000;
  /* Changement de la couleur du texte pour meilleure lisibilité */
  text-align: left;
  /* Aligner les titres à gauche */
}
/* line 920, pages/ressources humaines.scss */
.menu-evenements .submenu ul {
  list-style-type: none;
  padding: 0;
  margin-left: auto;
  /* Décaler les liens vers la droite */
}
/* line 926, pages/ressources humaines.scss */
.menu-evenements .submenu ul li {
  margin-bottom: 5px;
}
/* line 930, pages/ressources humaines.scss */
.menu-evenements .submenu ul li a {
  text-decoration: none;
  color: #000;
  /* Changement de la couleur du texte pour meilleure lisibilité */
}

/* line 935, pages/ressources humaines.scss */
.contenu-evenements {
  margin-left: 240px;
  /* Ajustement de la marge pour compenser la marge intérieure ajoutée au menu */
}
/* line 938, pages/ressources humaines.scss */
.contenu-evenements .contenu {
  display: none;
  /* Cacher tous les contenus par défaut */
  /* Style pour les contenus à droite */
  float: right;
  width: calc(100% - 5%);
  /* Largeur ajustée pour prendre l'espace restant */
  padding: 20px;
  background-color: #f4f4f4;
  color: black;
}

/* line 951, pages/ressources humaines.scss */
.menu-demandes {
  float: left;
  min-width: 200px;
  max-width: 250px;
  background-color: #9e8a72;
  padding: 20px;
  /* Ajout de marge intérieure pour espacement */
  border-radius: 0 5% 5% 0;
}
/* line 959, pages/ressources humaines.scss */
.menu-demandes .submenu {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
/* line 965, pages/ressources humaines.scss */
.menu-demandes .submenu h3 {
  margin-bottom: 5px;
  color: #fff;
  /* Changement de la couleur du texte pour meilleure lisibilité */
  text-align: left;
  /* Aligner les titres à gauche */
}
/* line 971, pages/ressources humaines.scss */
.menu-demandes .submenu ul {
  list-style-type: none;
  padding: 0;
  margin-left: auto;
  /* Décaler les liens vers la droite */
}
/* line 977, pages/ressources humaines.scss */
.menu-demandes .submenu ul li {
  margin-bottom: 5px;
}
/* line 981, pages/ressources humaines.scss */
.menu-demandes .submenu ul li a {
  text-decoration: none;
  color: #fff;
  /* Changement de la couleur du texte pour meilleure lisibilité */
}

/* line 986, pages/ressources humaines.scss */
.contenu-demandes {
  margin-left: 240px;
  /* Ajustement de la marge pour compenser la marge intérieure ajoutée au menu */
}
/* line 989, pages/ressources humaines.scss */
.contenu-demandes .contenu {
  display: none;
  /* Cacher tous les contenus par défaut */
  /* Style pour les contenus à droite */
  float: right;
  width: calc(100% - 5%);
  /* Largeur ajustée pour prendre l'espace restant */
  padding: 20px;
  background-color: #f4f4f4;
  color: black;
}

/* line 1002, pages/ressources humaines.scss */
.menu-rappels {
  float: left;
  min-width: 200px;
  max-width: 250px;
  background: linear-gradient(to right, #000000, #737373);
  padding: 20px;
  /* Ajout de marge intérieure pour espacement */
  border-radius: 0 5% 5% 0;
}
/* line 1010, pages/ressources humaines.scss */
.menu-rappels .submenu {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
/* line 1016, pages/ressources humaines.scss */
.menu-rappels .submenu h3 {
  margin-bottom: 5px;
  color: #fff;
  /* Changement de la couleur du texte pour meilleure lisibilité */
  text-align: left;
  /* Aligner les titres à gauche */
}
/* line 1022, pages/ressources humaines.scss */
.menu-rappels .submenu ul {
  list-style-type: none;
  padding: 0;
  margin-left: auto;
  /* Décaler les liens vers la droite */
}
/* line 1028, pages/ressources humaines.scss */
.menu-rappels .submenu ul li {
  margin-bottom: 5px;
}
/* line 1032, pages/ressources humaines.scss */
.menu-rappels .submenu ul li a {
  text-decoration: none;
  color: #fff;
  /* Changement de la couleur du texte pour meilleure lisibilité */
}

/* line 1037, pages/ressources humaines.scss */
.contenu-rappels {
  margin-left: 240px;
  /* Ajustement de la marge pour compenser la marge intérieure ajoutée au menu */
}
/* line 1040, pages/ressources humaines.scss */
.contenu-rappels .contenu {
  display: none;
  /* Cacher tous les contenus par défaut */
  /* Style pour les contenus à droite */
  float: right;
  width: calc(100% - 5%);
  /* Largeur ajustée pour prendre l'espace restant */
  padding: 20px;
  background-color: #f4f4f4;
  color: black;
}

/* line 1053, pages/ressources humaines.scss */
.menu-repertoires {
  float: left;
  min-width: 200px;
  max-width: 250px;
  background-color: #cfba23;
  padding: 20px;
  /* Ajout de marge intérieure pour espacement */
  border-radius: 0 5% 5% 0;
}
/* line 1061, pages/ressources humaines.scss */
.menu-repertoires .submenu {
  display: flex;
  flex-direction: column;
}
/* line 1066, pages/ressources humaines.scss */
.menu-repertoires .submenu h3 {
  margin-bottom: 2px;
  color: #000;
  /* Changement de la couleur du texte pour meilleure lisibilité */
  text-align: left;
  /* Aligner les titres à gauche */
}
/* line 1072, pages/ressources humaines.scss */
.menu-repertoires .submenu ul {
  list-style-type: none;
  padding: 0;
  margin-left: auto;
  /* Décaler les liens vers la droite */
}
/* line 1078, pages/ressources humaines.scss */
.menu-repertoires .submenu ul li {
  margin-bottom: 2px;
}
/* line 1082, pages/ressources humaines.scss */
.menu-repertoires .submenu ul li a {
  text-decoration: none;
  color: #000;
  /* Changement de la couleur du texte pour meilleure lisibilité */
}

/* line 1087, pages/ressources humaines.scss */
.contenu-repertoires {
  margin-left: 240px;
  /* Ajustement de la marge pour compenser la marge intérieure ajoutée au menu */
}
/* line 1090, pages/ressources humaines.scss */
.contenu-repertoires .contenu {
  display: none;
  /* Cacher tous les contenus par défaut */
  /* Style pour les contenus à droite */
  float: right;
  width: calc(100% - 5%);
  /* Largeur ajustée pour prendre l'espace restant */
  padding: 20px;
  background-color: #cfba23;
  color: black;
}

/* line 1102, pages/ressources humaines.scss */
.rtnBtn {
  background-color: #e2e2e2;
  color: black;
}

/* line 1107, pages/ressources humaines.scss */
.div-competence {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
/* line 1112, pages/ressources humaines.scss */
.div-competence h2 {
  text-align: center;
  color: #007cb9;
  max-width: 95%;
  margin: 2% auto;
}
/* line 1119, pages/ressources humaines.scss */
.div-competence table {
  width: 95%;
  margin: 0 auto;
  /* Centrage de la table dans le body */
  table-layout: fixed;
  /* Fixe la largeur des colonnes */
  overflow-x: auto;
  /* Permet le défilement horizontal si la table est plus large que l'écran */
  text-align: center;
}
/* line 1127, pages/ressources humaines.scss */
.div-competence th, .div-competence td {
  width: 15.76%;
  white-space: pre-line;
  overflow-y: auto;
}
/* line 1135, pages/ressources humaines.scss */
.div-competence .titre-competence th {
  background-color: #6C6C6C;
  color: #F3F3F3;
  padding: 2px;
}
/* line 1142, pages/ressources humaines.scss */
.div-competence .titre-categorie1 {
  background-color: #c3c3c3;
  padding: 5px;
}
/* line 1147, pages/ressources humaines.scss */
.div-competence .titre-categorie2 {
  background-color: #c3c3c3;
  padding: 5px;
  border-top: 20px solid #fff;
}
/* line 1153, pages/ressources humaines.scss */
.div-competence .titre-souscategorie {
  font-weight: bold;
  background-color: #c3c3c3;
}
/* line 1158, pages/ressources humaines.scss */
.div-competence .titre-description1 {
  padding: 10px 0 10px;
}
/* line 1162, pages/ressources humaines.scss */
.div-competence .titre-description2 {
  padding: 20px 0 10px;
}
/* line 1166, pages/ressources humaines.scss */
.div-competence .radio-inconnu {
  background-color: #FF0000;
}
/* line 1170, pages/ressources humaines.scss */
.div-competence .radio-peuconnu {
  background-color: #FAE5D3;
}
/* line 1174, pages/ressources humaines.scss */
.div-competence .radio-connu {
  background-color: #FFE300;
}
/* line 1178, pages/ressources humaines.scss */
.div-competence .radio-bienconnu {
  background-color: #D7FFD5;
}
/* line 1182, pages/ressources humaines.scss */
.div-competence .radio-expert {
  background-color: #4DB400;
}
/* line 1186, pages/ressources humaines.scss */
.div-competence .text-competence {
  resize: none;
  width: 95%;
  height: 65px;
  overflow: auto;
}
/* line 1193, pages/ressources humaines.scss */
.div-competence .text-centrer {
  text-align: center;
}
/* line 1197, pages/ressources humaines.scss */
.div-competence .margincentre {
  margin: 0 auto;
}

/* --- STYLES DU FOOTER --- */
/* Style du pied de page (footer) */
/* line 18, pages/footer.scss */
footer {
  width: 100vw;
  padding: 1% 0;
  background-color: #333;
  color: #F3F3F3;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  /* Assure que le footer reste au-dessus du contenu */
}

/* --- STYLES GLOBAUX --- */
/* line 27, style.scss */
* {
  font-family: Arial, sans-serif;
}

/* Définit la marge extérieure de tous les éléments à 0 */
/* line 38, style.scss */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  /* Hauteur minimale de la fenêtre visible */
  margin: auto;
  padding: 0;
  /* Définit la police par défaut pour tout le document */
}
@media screen and (min-width: 530px) and (max-width: 754px) {
  /* line 38, style.scss */
  body {
    font-size: 13px;
  }
}
@media screen and (max-width: 530px) {
  /* line 38, style.scss */
  body {
    font-size: 10px;
  }
}
@media screen and (min-width: 754) and (max-width: 1920px) {
  /* line 38, style.scss */
  body {
    font-size: 17px;
  }
}
@media screen and (min-width: 1921px) and (max-width: 2560px) {
  /* line 38, style.scss */
  body {
    font-size: 19px;
  }
}
@media screen and (min-width: 2561px) and (max-width: 3840px) {
  /* line 38, style.scss */
  body {
    font-size: 21px;
  }
}

/* line 67, style.scss */
.main-content {
  flex: 1;
  /* Permet à la section du contenu de s'étendre pour remplir l'espace restant */
  margin-bottom: 100px;
  /* Ajoute une marge en bas pour éviter que le contenu ne chevauche le footer */
}

/* line 72, style.scss */
label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

/* line 80, style.scss */
h1 {
  text-align: center;
  font-size: 2em;
  margin-bottom: 20px;
}

/* line 87, style.scss */
input {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  transition: background-color 0.3s ease;
  height: 20px;
}

/* line 97, style.scss */
select {
  height: 40px;
  width: 120px;
}

/* line 104, style.scss */
.contact {
  display: flex;
  justify-content: center;
}
/* line 108, style.scss */
.contact .titre {
  padding: 20px 0;
}

/* line 113, style.scss */
.titre {
  text-align: center;
  font-size: 22px;
}

/* line 118, style.scss */
.large {
  width: 96%;
}

/* line 122, style.scss */
.large2 {
  width: 94%;
}

/* line 127, style.scss */
.labelCenter {
  text-align: center;
  padding-top: 15px;
}

/* line 132, style.scss */
.labelLeft {
  text-align: left;
}

/* line 138, style.scss */
.labelRight {
  text-align: right;
}

/* line 142, style.scss */
label {
  text-align: right;
}

/* line 146, style.scss */
button, .btn {
  background-color: #3498db;
  color: #F3F3F3;
  border: none;
  padding: 10px 20px;
  font-weight: bold;
  border-radius: 4px;
  cursor: pointer;
}

/* line 157, style.scss */
.btn {
  margin: 10px;
}

/* line 161, style.scss */
button:hover {
  background-color: #2980b9;
}

/*# sourceMappingURL=style.css.map */