@charset "UTF-8";
body {
  background-color: #F5F7F9;
  transition: opacity 300ms;
}
body.turbo-loading {
  opacity: 0.3;
}

p, span, button, a {
  font-family: "Source Sans Pro", sans-serif;
}

h1, h2, h3, h4, h5, li {
  font-family: "Codec Pro Variable", sans-serif;
}

.w-1080 {
  width: 1080px;
}

@media screen and (max-width: 1080px) {
  .section {
    padding-left: 20px;
    padding-right: 20px;
  }
  .section.px-0 {
    padding-left: 0;
    padding-right: 0;
  }
}
.font-codec-pro {
  font-family: "Codec Pro Variable", sans-serif;
}

.font-source-sans-pro {
  font-family: "Source Sans Pro", sans-serif;
}

@font-face {
  font-family: "Codec Pro";
  font-weight: bold;
  font-style: italic;
  src: url("../fonts/codec-pro/Codec-Pro-Bold-Italic-trial-38009772d2e37ca0062260e148fff4fb.ttf") format("truetype");
}
@font-face {
  font-family: "Codec Pro";
  font-weight: bold;
  font-style: normal;
  src: url("../fonts/codec-pro/Codec-Pro-Bold-trial-40d9782aa040a979f132db3dde2c7a00.ttf") format("truetype");
}
@font-face {
  font-family: "Codec Pro";
  font-weight: 800; /* Poids de la police Extrabold */
  font-style: italic;
  src: url("../fonts/codec-pro/Codec-Pro-Extrabold-Italic-trial-064ca598b1272dbb53b895292dfee61a.ttf") format("truetype");
}
@font-face {
  font-family: "Codec Pro";
  font-weight: 800; /* Poids de la police Extrabold */
  font-style: normal;
  src: url("../fonts/codec-pro/Codec-Pro-Extrabold-trial-076b09cc998ba79591891a7eee82bcf4.ttf") format("truetype");
}
@font-face {
  font-family: "Codec Pro";
  font-weight: 200; /* Poids de la police Extralight */
  font-style: italic;
  src: url("../fonts/codec-pro/Codec-Pro-Extralight-Italic-trial-b7f4c6b35655ee98855e1dad4f9fa3e2.ttf") format("truetype");
}
@font-face {
  font-family: "Codec Pro";
  font-weight: 200; /* Poids de la police Extralight */
  font-style: normal;
  src: url("../fonts/codec-pro/Codec-Pro-Extralight-trial-9ecb7796bc6ecaf8b97a12b470b0e150.ttf") format("truetype");
}
@font-face {
  font-family: "Codec Pro";
  font-weight: 700; /* Poids de la police Fat */
  font-style: italic;
  src: url("../fonts/codec-pro/Codec-Pro-Fat-Italic-trial-4fce3fdc5abfc132313692335db47e05.ttf") format("truetype");
}
@font-face {
  font-family: "Codec Pro";
  font-weight: 700; /* Poids de la police Fat */
  font-style: normal;
  src: url("../fonts/codec-pro/Codec-Pro-Fat-trial-882cde7c6976217c5586616291775396.ttf") format("truetype");
}
@font-face {
  font-family: "Codec Pro";
  font-weight: 900; /* Poids de la police Heavy */
  font-style: italic;
  src: url("../fonts/codec-pro/Codec-Pro-Heavy-Italic-trial-f5218ffe1b961aa878d62c30dff2f216.ttf") format("truetype");
}
@font-face {
  font-family: "Codec Pro";
  font-weight: 900; /* Poids de la police Heavy */
  font-style: normal;
  src: url("../fonts/codec-pro/Codec-Pro-Heavy-trial-5b44924202ae018e07eda4fff5642e0e.ttf") format("truetype");
}
@font-face {
  font-family: "Codec Pro";
  font-weight: 300; /* Poids de la police Light */
  font-style: italic;
  src: url("../fonts/codec-pro/Codec-Pro-Light-Italic-trial-0418eec83879457ce616199c3aee10f5.ttf") format("truetype");
}
@font-face {
  font-family: "Codec Pro";
  font-weight: 300; /* Poids de la police Light */
  font-style: normal;
  src: url("../fonts/codec-pro/Codec-Pro-Light-trial-4ee3ef78dc48534c789f24723fd8e5d1.ttf") format("truetype");
}
@font-face {
  font-family: "Codec Pro";
  font-weight: normal; /* Poids de la police News */
  font-style: italic;
  src: url("../fonts/codec-pro/Codec-Pro-News-Italic-trial-e7404446efa5a11d6a610e4d2e328626.ttf") format("truetype");
}
@font-face {
  font-family: "Codec Pro";
  font-weight: normal; /* Poids de la police News */
  font-style: normal;
  src: url("../fonts/codec-pro/Codec-Pro-News-trial-b5e20dbd261e32efdf6a290ce0f65616.ttf") format("truetype");
}
@font-face {
  font-family: "Codec Pro";
  font-weight: 100; /* Poids de la police Thin */
  font-style: italic;
  src: url("../fonts/codec-pro/Codec-Pro-Thin-Italic-trial-332048bb7d97056998568037092d043a.ttf") format("truetype");
}
@font-face {
  font-family: "Codec Pro";
  font-weight: 100; /* Poids de la police Thin */
  font-style: normal;
  src: url("../fonts/codec-pro/Codec-Pro-Thin-trial-d8108fef731887bc318a25db80af49ba.ttf") format("truetype");
}
@font-face {
  font-family: "Codec Pro";
  font-weight: 950; /* Poids de la police Ultra-Black */
  font-style: italic;
  src: url("../fonts/codec-pro/Codec-Pro-Ultra-Black-Italic-trial-863590f1df4e378af8756e0d4490ec53.ttf") format("truetype");
}
@font-face {
  font-family: "Codec Pro";
  font-weight: 950; /* Poids de la police Ultra-Black */
  font-style: normal;
  src: url("../fonts/codec-pro/Codec-Pro-Ultra-Black-trial-bbf68cb2325059697f0199d0d3dd2436.ttf") format("truetype");
}
@font-face {
  font-family: "Codec Pro";
  font-weight: 600;
  font-style: normal;
  src: url("../fonts/codec-pro/Codec-Pro-Variable-trial-083220b3cabab6e4440ef9b46c139c91.ttf") format("truetype");
}
/*@font-face {
    font-family: 'Codec Pro Variable';
    src: url("../fonts/codec-pro/Codec-Pro-Variable-trial-083220b3cabab6e4440ef9b46c139c91.ttf") format('truetype');
}*/
@font-face {
  font-family: "Source Sans Pro";
  font-weight: 900; /* Poids de la police Black */
  font-style: italic;
  src: url("../fonts/source-sans-pro/SourceSansPro-BlackIt-bb8689705b3dbd3d4e5646022b5afd71.otf") format("opentype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-weight: bold;
  font-style: normal;
  src: url("../fonts/source-sans-pro/SourceSansPro-Bold-163e22db9635fecea8c0a3967c692663.otf") format("opentype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-weight: bold;
  font-style: italic;
  src: url("../fonts/source-sans-pro/SourceSansPro-BoldIt-a87a274dc52b7f6f3d9745262e3a5e56.otf") format("opentype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-weight: 200; /* Poids de la police ExtraLight */
  font-style: normal;
  src: url("../fonts/source-sans-pro/SourceSansPro-ExtraLight-7a300d40b252d7c2a86913ccb3f30767.otf") format("opentype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-weight: 200; /* Poids de la police ExtraLight */
  font-style: italic;
  src: url("../fonts/source-sans-pro/SourceSansPro-ExtraLightIt-20a2324ec32f309bce59858220315aa0.otf") format("opentype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-weight: normal;
  font-style: italic;
  src: url("../fonts/source-sans-pro/SourceSansPro-It-67cab4dd81b8359d14e6c74a8655caf4.otf") format("opentype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-weight: 300; /* Poids de la police Light */
  font-style: normal;
  src: url("../fonts/source-sans-pro/SourceSansPro-Light-aee90761d9950e63f3106763c03fadbc.otf") format("opentype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-weight: 300; /* Poids de la police Light */
  font-style: italic;
  src: url("../fonts/source-sans-pro/SourceSansPro-LightIt-730db02ed52561d3c6e32a60b03b4766.otf") format("opentype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/source-sans-pro/SourceSansPro-Regular-410608fe2dd25003f1cb27db0895a32c.otf") format("opentype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-weight: 600; /* Poids de la police Semibold */
  font-style: normal;
  src: url("../fonts/source-sans-pro/SourceSansPro-Semibold-fbade07399dde78e3ad66ab2f38c6100.otf") format("opentype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-weight: 600; /* Poids de la police Semibold */
  font-style: italic;
  src: url("../fonts/source-sans-pro/SourceSansPro-SemiboldIt-8e1005a8c390905b7a47f8c2d3132707.otf") format("opentype");
}
.leading-2 {
  line-height: 0.5rem;
}

/* @todo cleanup this file and remove duplicates that were moved to the menu-bundle */
.focus\:ring-offset-gray-800:focus {
  --tw-ring-offset-color:inital !important;
}

.connexion-cetim {
  width: 125px;
}
.connexion-cetim a {
  letter-spacing: 0.75px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
}

.breadcrumb li a,
.breadcrumb li span {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  letter-spacing: 0.047rem; /* figma 0.75px */
}
.breadcrumb li:not(:last-child):after {
  content: " ";
  margin-left: 0.5rem; /* gap-2 */
  background: url("../images/ariane-arrow-4fb36297a8e0b63f71a7dd92004eaf6e.svg") no-repeat center;
  vertical-align: middle;
  width: 0.75rem;
  height: 0.75rem;
}
.breadcrumb li:last-child {
  color: var(--cetim-lightblack);
}

h1 {
  font-family: "Codec Pro Variable", sans-serif;
  font-size: 3.75rem; /* figma 60px */
  line-height: 3.5rem; /* figma 56px */
  letter-spacing: 0.125rem; /* figma 2px */
  font-weight: 500;
}

h2 {
  font-family: "Codec Pro Variable", sans-serif;
  font-size: 1.375rem;
  line-height: 1.875rem;
  letter-spacing: 0.113rem;
}

h3 {
  font-family: "Codec Pro Variable", sans-serif;
  font-size: 1.75rem; /* 28px */
  line-height: 2.5rem; /* 40px */
  font-weight: 600;
  letter-spacing: 0.1rem; /* 1.6p */
}

h4 {
  font-family: "Codec Pro Variable", sans-serif;
  font-size: 1.375rem; /* 22px */
  line-height: 1.875rem; /* 30px */
  font-weight: 500;
  letter-spacing: 0.113rem; /* 1.8px; */
}

h6,
.h6 {
  font-family: "Codec Pro Variable", sans-serif;
  font-size: 0.875rem; /* 14px = text-sm */
  line-height: 1.25rem; /* 20px */
  font-weight: 600;
  letter-spacing: 0.075rem; /* 1.2px */
}

/*
.home {
    h1 {
        margin-left: -5px;
    }
}
*/
.ariane {
  font-size: 12px;
}

.cetim-ariane {
  margin-bottom: -10px;
}

.ariane-section {
  margin-top: 32px;
}

.cetim-header h1 {
  line-height: 1em;
  margin-top: 12px;
  margin-bottom: 32px;
}

.cetim-header h2 {
  margin-top: 32px;
}

.cetim-header .ariane {
  font-size: 12px;
}

.menu-cetim-section {
  z-index: 999;
  width: 100%;
  /* padding: 20px 20px 0 20px; */
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

@media screen and (max-width: 640px) {
  h1 {
    font-size: 2.75rem; /* figma = 44px */
  }
}
.chevron-square {
  border: 1px solid var(--cetim-neutral-20);
  border-radius: 4px;
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chevron-menu {
  border-radius: 1px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: "";
  border-color: #1d1d1d;
  display: inline-block;
  position: relative;
  top: -3px;
  transform: rotate(134deg);
  width: 14px;
  align-content: center;
  height: 14px;
}

.burger-megamenu {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 20px;
  height: 22px;
}

.burger-line {
  width: 20px;
  height: 2px;
  background-color: #001E50; /* Couleur des lignes du menu */
  transition: transform 0.3s;
}

/* Style pour la transition du menu burger en croix */
.burger-megamenu.open .line1 {
  transform: translateY(8px) rotate(45deg);
  background-color: var(--cetim-red-700);
}

.burger-megamenu.open .line2 {
  opacity: 0;
}

.burger-megamenu.open .line3 {
  transform: translateY(-12px) rotate(-45deg);
  background-color: #ef3346;
}

@media screen and (max-width: 1150px) {
  /*
      .searchbar-menu {
          display: none;
      }
      .megamenu-cetim {
          margin:20px;
          gap: 20px;
          padding-bottom: 20px;
      }
      .searchbar-res {
          display: flex;
          gap: 30px;
      }*/
}
.banniere-footer-text {
  color: var(--cetim-neutral-20);
  font-family: Source Sans Pro, sans-serif;
  font-size: 14px;
  letter-spacing: 0.75px;
}

.banniere-footer img {
  width: 240px;
  height: 76px;
}

.banniere-footer {
  background-color: #01112c;
}

.banniere-footer-contenu {
  max-width: 750px;
  margin: auto;
}

.title-section h2 {
  font-size: 22px;
}

.title-section button {
  font-size: 14px;
}

.badge {
  width: fit-content;
  float: right;
}
.badge img {
  height: 12px;
  width: 12px;
}

.hover-chat-cetim {
  position: absolute;
  top: -40px;
  white-space: nowrap;
}

.page {
  width: 50px;
  height: 50px;
  color: #131313;
  font-weight: 400 !important;
}

.page:hover {
  border: 1px solid #131313;
}

.page-active {
  color: white;
  background-color: var(--cetim-red);
  width: 50px;
  height: 50px;
  border: 1px solid var(--cetim-red);
}

.page-active:hover {
  border: 1px solid var(--cetim-red);
  color: var(--cetim-red);
  background-color: white;
}

.page-arrow {
  width: 50px;
  height: 50px;
  border: 1px solid #131313;
}

.archived-link {
  font-weight: 400;
  line-height: 18px;
}

.archived-link:hover {
  text-decoration: none;
  color: var(--cetim-red);
}

.unsuscribe-button {
  text-decoration: underline;
}

.unsuscribe-button:hover {
  text-decoration: none;
}

.empty-button-section button {
  text-decoration: underline;
}

.empty-button-section button:hover {
  text-decoration: none;
}

.page-loading {
  cursor: wait;
}

.page-ellipsis,
.page-arrow-disabled {
  opacity: 0.3;
  cursor: none;
}
.page-ellipsis:hover,
.page-arrow-disabled:hover {
  background-color: transparent;
}

.status-blue {
  border: 1px solid var(--cetim-lightblue);
}
.status-blue p {
  color: var(--cetim-lightblue);
}

.status-green {
  border: 1px solid var(--cetim-green);
}
.status-green p {
  color: var(--cetim-green);
}

.status-orange {
  border: 1px solid var(--cetim-orange);
}
.status-orange p {
  color: var(--cetim-orange);
}

.status-grey {
  border: 1px solid var(--cetim-lightblack);
}
.status-grey p {
  color: var(--cetim-lightblack);
}

.status-archived {
  border: none;
  background-color: #F7F7F7;
}
.status-archived p {
  color: var(--cetim-lightblack);
}

/* Dans votre fichier CSS */
/* Styles par défaut */
.blue-img,
.orange-img,
.grey-img {
  display: none;
}

.status-orange .orange-img {
  display: block;
}

.status-blue .blue-img {
  display: block;
}

.status-grey .grey-img {
  display: block;
}

/* Styles pour status-blue */
.status-blue .orange-img,
.status-blue .grey-img {
  display: none;
}

/* Styles pour status-orange */
.status-orange .blue-img,
.status-grey .blue-img {
  display: none;
}

.status-orange .grey-img,
.status-grey .orange-img {
  display: none;
}

/* Styles pour status-grey */
.status-grey .blue-img,
.status-grey .orange-img {
  display: none;
}

/* Styles pour status-archived (masquer toutes les images) */
.status-archived .blue-img,
.status-archived .orange-img,
.status-archived .grey-img {
  display: none;
}

.table-row .expandable {
  padding: 0 0.75rem;
}
.table-row .tab-dropdown {
  display: none;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 12px;
}

.incident-section .table-header div {
  font-size: 14px;
  line-height: 17.6px;
  letter-spacing: 0.75px;
}

.chevron {
  height: 14px;
  width: 14px;
  background-image: url("../images/chevron-tab-up-c6120ef38bf7ff03d563b52f52d046ff.svg");
}

@media (max-width: 640px) {
  .expand .tab-dropdown {
    display: flex;
  }
}
.expand #dropdown-app svg {
  transform: rotate(180deg);
}

@media (min-width: 640px) {
  .nom-inter {
    width: 70%;
    word-wrap: break-word;
  }
}
.grid-app {
  height: 90px;
}
.grid-app:hover {
  box-shadow: 0 2px 12px 0 rgba(26, 53, 97, 0.1607843137);
}
.grid-app:hover .title {
  color: var(--cetim-red);
}

/* Style pour la flèche (visible quand les cartes sont affichées) */
.arrow {
  cursor: pointer;
  position: fixed;
  top: 10px;
  right: 10px;
  font-size: 24px;
}

.grid-app-section.app-all {
  opacity: 0;
  height: 0;
  overflow: hidden;
}

.grid-app-section.app-all.open {
  opacity: 1;
  height: auto;
}

.divider {
  width: 100%;
  height: 1px;
}

.visible {
  display: block;
}

.grid-app-all {
  /*path {
      fill: var(--cetim-neutral-20);
      &:first-of-type {
          border: 1px solid var(--cetim-neutral-20);
      }
  }*/
  /*
      rien #F7F7F7 --cetim-neutral-10
      locked back #D2D2D3 --cetim-neutral-20 path #FBFBFB --cetim-neutral-5
      checked back #21D695 --cetim-green-700 path #FBFBFB --cetim-neutral-5
  */
}
.grid-app-all.processing {
  opacity: 0.5;
}
.grid-app-all:not(.checked):not(.locked):hover path:first-of-type {
  fill: var(--cetim-green-700);
}
.grid-app-all:not(.checked):not(.locked):hover path:last-of-type {
  fill: var(--cetim-neutral-5);
}
.grid-app-all.checked path:first-of-type {
  fill: var(--cetim-green-700);
}
.grid-app-all.checked path:last-of-type {
  fill: var(--cetim-neutral-5);
}
.grid-app-all.checked:hover path:first-of-type {
  fill: var(--cetim-neutral-20);
}

@media screen and (max-width: 640px) {
  .grid-app img {
    width: 25%;
  }
  .grid-app h2 {
    font-size: 12px;
  }
}
.grid-app-section.open ~ .dropdown-app img {
  transform: rotate(90deg);
  /* Ajoute une transition pour une animation en douceur */
  transition: transform 0.5s ease;
}

.bookmarks .bookmark-item {
  overflow: hidden;
  cursor: pointer;
  color: var(--cetim-blue-700);
}
.bookmarks .bookmark-item .bookmark-icon {
  position: relative;
}
.bookmarks .bookmark-item .bookmark-icon img {
  /* reset tailwind override */
  max-width: initial;
  height: initial;
}
.bookmarks .bookmark-item .bookmark-icon .bookmark-icon-hover {
  position: absolute;
  opacity: 0;
  transition: opacity 0.2s;
}
.bookmarks .bookmark-item .bookmark-icon.bookmark-icon-dashboard, .bookmarks .bookmark-item .bookmark-icon.bookmark-icon-documents {
  padding-right: 0;
}
.bookmarks .bookmark-item .bookmark-icon.bookmark-icon-bookmark {
  padding-right: 1.5rem;
}
.bookmarks .bookmark-item:not(.locked):hover.processing {
  cursor: wait;
}
.bookmarks .bookmarks-favorites-grid svg {
  display: none;
}
.bookmarks .bookmarks-manage-grid .bookmark-item h6 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.bookmarks .bookmarks-manage-grid .bookmark-item:not(.locked):hover {
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
}
.bookmarks .bookmarks-manage-grid .bookmark-item:not(.locked):not(.checked) path:first-of-type {
  fill: var(--cetim-neutral-10);
}
.bookmarks .bookmarks-manage-grid .bookmark-item:not(.locked):not(.checked) path:first-of-type:first-of-type {
  stroke: var(--cetim-neutral-20);
}
.bookmarks .bookmarks-manage-grid .bookmark-item:not(.locked):not(.checked) svg:hover:hover path:first-of-type {
  fill: var(--cetim-green-700);
}
.bookmarks .bookmarks-manage-grid .bookmark-item.locked {
  border-color: var(--cetim-neutral-20);
  background-color: var(--cetim-neutral-10);
  color: var(--cetim-neutral-40);
}
.bookmarks .bookmarks-manage-grid .bookmark-item.locked path:first-of-type {
  fill: var(--cetim-neutral-20);
}
.bookmarks .bookmarks-manage-grid .bookmark-item.locked path:last-of-type {
  fill: var(--cetim-neutral-5);
}
.bookmarks .bookmarks-manage-grid .bookmark-item.checked:not(.locked) {
  border-color: var(--cetim-success-100);
  background-color: var(--cetim-success-50);
}
.bookmarks .bookmarks-manage-grid .bookmark-item.checked:not(.locked) path:first-of-type {
  fill: var(--cetim-green-700);
}
.bookmarks .bookmarks-manage-grid .bookmark-item.checked:not(.locked) path:last-of-type {
  fill: var(--cetim-neutral-5);
}
.bookmarks .bookmarks-favorites-grid .bookmark-item:hover,
.bookmarks .bookmarks-manage-grid .bookmark-item:not(.locked):hover {
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
}
.bookmarks .bookmarks-favorites-grid .bookmark-item:hover .title,
.bookmarks .bookmarks-manage-grid .bookmark-item:not(.locked):hover .title {
  color: var(--cetim-red-700);
}
.bookmarks .bookmarks-favorites-grid .bookmark-item:hover .bookmark-icon .bookmark-icon-hover,
.bookmarks .bookmarks-manage-grid .bookmark-item:not(.locked):hover .bookmark-icon .bookmark-icon-hover {
  opacity: 1;
}

@media screen and (max-width: 1080px) {
  .bookmarks .bookmarks-manage-grid .bookmark-item h6 {
    font-size: 12px;
  }
}
.profile-menu li {
  border-color: var(--cetim-red);
  border-width: 0;
}

@media screen and (max-width: 1080px) {
  .profile-menu li {
    padding: 16px 26px 0 26px;
    white-space: nowrap;
  }
  .profile-menu li:first-of-type {
    padding-left: 0;
  }
  .profile-menu li:last-of-type {
    padding-right: 0;
  }
  .profile-menu li.current {
    background-color: rgba(0, 30, 80, 0.0117647059); /* #001E50 1% */
    border-bottom-width: 2px;
    /*order: 1;
    padding-left: 0;*/
  }
  .profile-menu li:not(.current) {
    /*order: 2;
    padding-left: 26px;*/
  }
}
@media screen and (min-width: 1080px) {
  .profile-menu {
    /*
    li {
        &.current {
            border-bottom-width: 0;
            border-right-width: 2px;
            background-color: #001E5003;
        }
        &:hover {
            background-color: #001E5005;
            a {
                color: var(--cetim-mediumblue);
            }
        }
        &:active {
            background-color: #001E500D;
            a {
                color: var(--cetim-mediumblue);
            }
        }
    }*/
  }
  .profile-menu li a {
    height: 64px;
    line-height: 64px;
  }
  .profile-menu li.current {
    background-color: rgba(0, 30, 80, 0.0117647059); /* #001E50 1% */
    border-right-width: 2px;
  }
  .profile-menu li:hover {
    background-color: rgba(0, 30, 80, 0.0196078431); /* #001E50 2% */
  }
  .profile-menu li:hover a {
    color: var(--cetim-mediumblue);
  }
  .profile-menu li:active {
    background-color: rgba(0, 30, 80, 0.0509803922); /* #001E50 5% */
  }
  .profile-menu li:active a {
    color: var(--cetim-mediumblue);
  }
}
@media screen and (min-width: 768px) {
  .col-contenu {
    margin-left: 64px;
  }
  .menu-profil-section {
    display: block;
  }
  .menu-profil-section-res {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .parametre-section {
    flex-direction: column;
  }
  .col-contenu {
    margin-left: 20px;
    margin-right: 20px;
  }
  .menu-profil-active {
    border-bottom: 2px solid var(--cetim-red);
    background-color: rgba(0, 30, 80, 0.0117647059);
  }
}
.titre-form h2 {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 1.8px;
  margin-bottom: 20px;
  margin-top: 32px;
}

.input-form input {
  height: 56px;
}

.id-form {
  max-width: 520px;
  width: 100%;
}

.id-form::after {
  content: "Email professionnel";
  position: absolute;
  top: 6px; /* Ajustez la valeur en fonction de vos besoins */
  left: 12px; /* Ajustez la valeur en fonction de vos besoins */
  color: #939393;
  font-size: 12px;
}

.civilite-form {
  position: absolute;
  top: 6px; /* Ajustez la valeur en fonction de vos besoins */
  left: 12px; /* Ajustez la valeur en fonction de vos besoins */
  color: #939393;
  font-size: 12px;
}

.categorie-form {
  position: absolute;
  top: 6px; /* Ajustez la valeur en fonction de vos besoins */
  left: 12px; /* Ajustez la valeur en fonction de vos besoins */
  color: #939393;
  font-size: 12px;
}

.service-form {
  position: absolute;
  top: 6px; /* Ajustez la valeur en fonction de vos besoins */
  left: 12px; /* Ajustez la valeur en fonction de vos besoins */
  color: #939393;
  font-size: 12px;
}

.input-form textarea,
.input-form input {
  border-color: var(--cetim-neutral-20);
}
.input-form textarea:focus,
.input-form input:focus {
  outline-offset: -1px;
  outline-color: var(--cetim-lightblack);
  box-shadow: none;
}
.input-form.disabled input,
.input-form.disabled label {
  color: var(--cetim-lightblack);
}

.textarea-form textarea {
  border-color: var(--cetim-neutral-20);
}
.textarea-form textarea:focus {
  outline-offset: -1px;
  outline-color: var(--cetim-lightblack);
  box-shadow: none;
}

.input-form input::placeholder {
  position: relative;
  color: #939393;
  font-size: 16px;
  font-family: "Source Sans Pro";
}

.block-gestion {
  margin-bottom: 32px;
  max-width: 520px;
  width: 100%;
}

.loi-gestion .titre-form h2 {
  margin-bottom: 15px;
}

.password-input {
  width: 100%;
  max-width: 100%;
  border-color: #939393;
}

.password-input input {
  width: 100%;
  max-width: 100%;
}

.interro-img {
  width: fit-content;
  position: absolute;
  right: 18px;
  top: 18px;
}

.password-input::after {
  content: "Ancien mot de passe";
  position: absolute;
  top: 6px; /* Ajustez la valeur en fonction de vos besoins */
  left: 12px; /* Ajustez la valeur en fonction de vos besoins */
  color: #939393;
  font-size: 12px;
}

.new-password::after {
  content: "Nouveau mot de passe";
  position: absolute;
  top: 6px; /* Ajustez la valeur en fonction de vos besoins */
  left: 12px; /* Ajustez la valeur en fonction de vos besoins */
  color: #939393;
  font-size: 12px;
}

.surname-form {
  position: absolute;
  top: 6px; /* Ajustez la valeur en fonction de vos besoins */
  left: 12px; /* Ajustez la valeur en fonction de vos besoins */
  color: #939393;
  font-size: 12px;
}

.name-form {
  position: absolute;
  top: 6px; /* Ajustez la valeur en fonction de vos besoins */
  left: 12px; /* Ajustez la valeur en fonction de vos besoins */
  color: #939393;
  font-size: 12px;
}

.email-pro-input {
  position: absolute;
  top: 6px; /* Ajustez la valeur en fonction de vos besoins */
  left: 12px; /* Ajustez la valeur en fonction de vos besoins */
  color: #939393;
  font-size: 12px;
}

.fonction {
  position: absolute;
  top: 6px; /* Ajustez la valeur en fonction de vos besoins */
  left: 12px; /* Ajustez la valeur en fonction de vos besoins */
  color: #939393;
  font-size: 12px;
}

.email-pro-input input {
  width: 100%;
}

.secure-password::after {
  content: none;
}

.secure-password input {
  padding-top: 0;
}

.select-form {
  border-color: #939393;
}
.select-form select {
  box-shadow: none;
  padding: 6px 24px 6px 24px;
  border-color: var(--cetim-neutral-20);
  background-color: transparent;
  width: 100%;
  height: 56px;
}
.select-form select:focus {
  outline-offset: -1px;
  outline-color: var(--cetim-lightblack);
}
.select-form select:has(> option:checked:not([value=""])):not([readonly=readonly]):not(.disabled):not(:disabled) {
  color: var(--cetim-black);
}
.select-form select:has(> option:checked:not([value=""])) + label {
  display: block;
}
.select-form select.disabled, .select-form select:disabled, .select-form select[readonly=readonly] {
  border: none;
  color: var(--cetim-neutral-40);
}
.select-form select.disabled option, .select-form select:disabled option, .select-form select[readonly=readonly] option {
  color: var(--cetim-neutral-40);
}
.select-form select.disabled:hover, .select-form select:disabled:hover, .select-form select[readonly=readonly]:hover {
  cursor: not-allowed;
}

.show-if-unchecked {
  display: none;
}

label:has(> .custom-toggle input[type=checkbox]:not(:checked)) + .show-if-unchecked {
  display: block;
}

.custom-toggle .custom-checkbox {
  position: relative;
  cursor: pointer;
  width: 2.75rem; /* Correspond à w-11 de Tailwind */
  height: 1.5rem; /* Correspond à h-6 de Tailwind */
  background-color: #d1d5db; /* Correspond à bg-gray-200 de Tailwind */
  border-radius: 9999px; /* Correspond à rounded-full de Tailwind */
  transition: background-color 0.15s;
}

.custom-toggle .custom-checkbox::after {
  content: "";
  position: absolute;
  top: 2px; /* Correspond à top-[2px] de Tailwind */
  left: 2px; /* Correspond à start-[2px] de Tailwind */
  width: 1.25rem; /* Correspond à w-5 de Tailwind */
  height: 1.25rem; /* Correspond à h-5 de Tailwind */
  background-color: #fff; /* Correspond à bg-white de Tailwind */
  border: 1px solid #d1d5db; /* Correspond à border-gray-300 de Tailwind */
  border-radius: 9999px; /* Correspond à rounded-full de Tailwind */
  transition: all 0.1s ease-in-out;
}

.custom-toggle input[type=checkbox]:checked + .custom-checkbox::after {
  transform: translateX(100%);
  border-color: #ffffff; /* Correspond à border-white de Tailwind */
}

.custom-toggle input[type=checkbox]:checked + .custom-checkbox {
  background-color: var(--cetim-green-700);
}

.custom-toggle input[type=checkbox]:checked.disabled + .custom-checkbox,
.custom-toggle input[type=checkbox]:checked:disabled + .custom-checkbox {
  background-color: var(--cetim-green-100);
}

.custom-toggle input[type=checkbox]:not(:checked).disabled + .custom-checkbox,
.custom-toggle input[type=checkbox]:not(:checked):disabled + .custom-checkbox {
  background-color: var(--cetim-neutral-20);
}

.raison-social-form {
  position: absolute;
  top: 6px; /* Ajustez la valeur en fonction de vos besoins */
  left: 12px; /* Ajustez la valeur en fonction de vos besoins */
  color: #939393;
  font-size: 12px;
}

.siret-form {
  position: absolute;
  top: 6px; /* Ajustez la valeur en fonction de vos besoins */
  left: 12px; /* Ajustez la valeur en fonction de vos besoins */
  color: #939393;
  font-size: 12px;
}

.adresse-un {
  position: absolute;
  top: 6px; /* Ajustez la valeur en fonction de vos besoins */
  left: 12px; /* Ajustez la valeur en fonction de vos besoins */
  color: #939393;
  font-size: 12px;
}

.postal-form {
  position: absolute;
  top: 6px; /* Ajustez la valeur en fonction de vos besoins */
  left: 12px; /* Ajustez la valeur en fonction de vos besoins */
  color: #939393;
  font-size: 12px;
}

.ville-form {
  position: absolute;
  top: 6px; /* Ajustez la valeur en fonction de vos besoins */
  left: 12px; /* Ajustez la valeur en fonction de vos besoins */
  color: #939393;
  font-size: 12px;
}

.pays-form {
  position: absolute;
  top: 6px; /* Ajustez la valeur en fonction de vos besoins */
  left: 12px; /* Ajustez la valeur en fonction de vos besoins */
  color: #939393;
  font-size: 12px;
}

.mode-com-form {
  position: absolute;
  top: 6px; /* Ajustez la valeur en fonction de vos besoins */
  left: 12px; /* Ajustez la valeur en fonction de vos besoins */
  color: #939393;
  font-size: 12px;
}

.maj-text {
  font-size: 12px;
}

.block-contact-profil .titre-form h3 {
  font-size: 16px;
  font-weight: 700;
  color: #001E50;
  margin-bottom: 12px;
}

.block-contact-profil {
  max-width: 520px;
}

.auto-contact {
  margin-bottom: 32px;
}

.form-file {
  width: 100%;
  height: 56px;
  border: 1px solid var(--cetim-neutral-20);
  background-color: white;
}

.form-file-button {
  background-color: var(--cetim-darkblue);
  color: white;
  font-size: 16px;
  position: absolute;
  top: 1px;
  right: 1px;
  height: 100%;
  font-weight: 700;
  padding: 0 32px;
}

.form-file-section {
  width: 100%;
}

.textarea-form textarea {
  height: 100%;
  border: 1px solid var(--cetim-neutral-20);
}

.textarea-form {
  height: 250px;
}

.block-demande {
  max-width: 630px;
  width: 100%;
}

.checkbox-text {
  font-size: 16px;
  color: black;
  margin: 10px 0;
}

.abo-section {
  margin-top: 50px;
}

.checkbox-abo input:checked {
  background-color: var(--cetim-green);
}

.form-wrapper .input-wrapper {
  position: relative;
  margin-top: 30px;
  margin-inline: auto;
  max-width: 400px;
}
.form-wrapper .input {
  transition: border-color 250ms;
  background-color: white;
  border: 1px solid var(--cetim-neutral-20);
}
.form-wrapper .input::placeholder {
  color: transparent;
}
.form-wrapper .label {
  position: absolute;
  top: 15px;
  left: 24px;
  color: #43454e;
  pointer-events: none;
  transform-origin: left center;
  transition: transform 250ms;
  font-family: "Source Sans Pro";
}
.form-wrapper .input:focus + .label,
.form-wrapper .input:not(:placeholder-shown) + .label {
  transform: translateY(-100%) scale(0.75);
  top: 25px;
}
.form-wrapper .clear {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  top: 50%;
  right: -9px;
  transform: translateY(-50%);
  background: none;
  border: none;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  color: #777;
  transition: color 250ms;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-wrapper .clear:hover, .form-wrapper .clear:focus {
  color: #333;
}
.form-wrapper .input:placeholder-shown + .label + .clear {
  display: none;
}

button:disabled, button.disabled, button[readonly=readonly] {
  border: none;
  background-color: var(--cetim-neutral-40);
  box-shadow: none;
}
button:disabled:hover, button.disabled:hover, button[readonly=readonly]:hover {
  box-shadow: none;
  cursor: not-allowed;
  background-color: var(--cetim-neutral-40);
}

.select-form select {
  font-family: "Source Sans Pro", sans-serif;
}

.input-form input,
.input-form textarea,
.input-form label {
  font-family: "Source Sans Pro", sans-serif;
}
.input-form label {
  line-height: 28px;
  color: var(--cetim-neutral-40);
  transition: all 300ms ease-out;
  transform-origin: left center;
}
.input-form textarea,
.input-form input {
  padding-left: 24px;
  line-height: 28px;
  color: var(--cetim-neutral-40);
}
.input-form textarea::placeholder,
.input-form input::placeholder {
  color: transparent;
}
.input-form textarea:focus, .input-form textarea:not(:placeholder-shown),
.input-form input:focus,
.input-form input:not(:placeholder-shown) {
  color: var(--cetim-neutral-80);
}
.input-form textarea:focus + label, .input-form textarea:not(:placeholder-shown) + label,
.input-form input:focus + label,
.input-form input:not(:placeholder-shown) + label {
  display: block;
  line-height: 16px;
  letter-spacing: 0.75px;
  transform: translateY(-6px) scale(0.75);
}
.input-form textarea:disabled, .input-form textarea.disabled, .input-form textarea[readonly=readonly],
.input-form input:disabled,
.input-form input.disabled,
.input-form input[readonly=readonly] {
  border: none;
  color: var(--cetim-neutral-40);
}
.input-form textarea:disabled:hover, .input-form textarea.disabled:hover, .input-form textarea[readonly=readonly]:hover,
.input-form input:disabled:hover,
.input-form input.disabled:hover,
.input-form input[readonly=readonly]:hover {
  cursor: not-allowed;
}

.button-language {
  height: 56px;
  border: 1px solid var(--cetim-neutral-20);
  border-right: none;
  background-color: #F7F7F7;
}

[type=checkbox] {
  width: 20px;
  height: 20px;
  background-color: #FFFFFF;
  border: 1px solid var(--cetim-neutral-60);
  background-size: 12px 12px;
}
[type=checkbox]:focus {
  outline: none;
  box-shadow: none;
}
[type=checkbox]:checked {
  background-size: 12px 12px;
  background-color: var(--cetim-green);
}
[type=checkbox]:checked:disabled, [type=checkbox]:checked.disabled, [type=checkbox]:checked[readonly=readonly] {
  border: none;
  background-color: var(--cetim-green-100);
}
[type=checkbox]:checked:disabled:hover, [type=checkbox]:checked.disabled:hover, [type=checkbox]:checked[readonly=readonly]:hover {
  cursor: not-allowed;
}
[type=checkbox]:checked:hover {
  border: 1px solid var(--cetim-neutral-60);
}
[type=checkbox]:checked:hover:disabled, [type=checkbox]:checked:hover.disabled, [type=checkbox]:checked:hover[readonly=readonly] {
  border: none;
  background-color: var(--cetim-neutral-20);
}
[type=checkbox]:checked:hover:disabled:hover, [type=checkbox]:checked:hover.disabled:hover, [type=checkbox]:checked:hover[readonly=readonly]:hover {
  cursor: not-allowed;
}
[type=checkbox]:not(:checked):hover {
  background-color: var(--cetim-green);
}

select:disabled, select.disabled, select[readonly=readonly], input:disabled, input.disabled, input[readonly=readonly], textarea:disabled, textarea.disabled, textarea[readonly=readonly] {
  border: none;
  color: var(--cetim-neutral-40);
}
select:disabled:hover, select.disabled:hover, select[readonly=readonly]:hover, input:disabled:hover, input.disabled:hover, input[readonly=readonly]:hover, textarea:disabled:hover, textarea.disabled:hover, textarea[readonly=readonly]:hover {
  cursor: not-allowed;
}
select.invalid, input.invalid, textarea.invalid {
  border-color: var(--cetim-error-700) !important;
  border-width: 1px !important;
}
select.invalid:focus, input.invalid:focus, textarea.invalid:focus {
  outline-color: var(--cetim-error-700) !important;
}

select:not([size]) {
  background-position: right 1rem center;
}

label.form-file[multiple] {
  background: none;
  background-color: var(--cetim-neutral-0);
}

.button {
  border-width: 1px;
  border-color: var(--cetim-darkblue);
  background-color: var(--cetim-neutral-0);
  color: var(--cetim-darkblue);
  width: fit-content;
}
.button:hover {
  color: var(--cetim-neutral-0);
  background-color: var(--cetim-blue-700);
  border-color: var(--cetim-blue-700);
}
.button:disabled {
  border-color: var(--cetim-neutral-40);
}
.button.w-full {
  width: 100%;
}

.button-after {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 14px 32px;
  z-index: 1;
  box-shadow: -6px 6px white, -6px 6px 0 1px var(--cetim-blue-700);
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.button-after:hover {
  box-shadow: -3px 3px white, -3px 3px 0 1px var(--cetim-blue-700);
}
.button-after:hover.button:disabled {
  box-shadow: -3px 3px white, -3px 3px 0 1px var(--cetim-neutral-40);
}
.button-after.button:disabled {
  box-shadow: -6px 6px white, -6px 6px 0 1px var(--cetim-neutral-40);
}

.button-blue {
  border-color: var(--cetim-blue-700);
  background-color: var(--cetim-blue-700);
  color: var(--cetim-neutral-0);
}
.button-blue:hover {
  background-color: var(--cetim-blue-100);
}
.button-blue.button-after {
  box-shadow: -6px 6px white, -6px 6px 0 1px var(--cetim-blue-700);
}
.button-blue.button-after:hover {
  box-shadow: -3px 3px white, -3px 3px 0 1px var(--cetim-blue-700);
}

.button-red {
  border-color: var(--cetim-red-700);
  background-color: var(--cetim-red-700);
  color: var(--cetim-neutral-0);
}
.button-red:hover {
  background-color: var(--cetim-red-900);
  border-color: var(--cetim-red-900);
  box-shadow: -3px 3px white, -3px 3px 0 1px var(--cetim-red-900);
}
.button-red.button-after {
  box-shadow: -6px 6px white, -6px 6px 0 1px var(--cetim-red-700);
}
.button-red.button-after:hover {
  box-shadow: -3px 3px white, -3px 3px 0 1px var(--cetim-red-900);
}

.button-outline-secondary {
  box-shadow: -6px 6px white, -6px 6px 0 1px var(--cetim-blue-700);
  background-color: var(--cetim-neutral-0);
  border-color: var(--cetim-blue-700);
  color: var(--cetim-blue-700);
}
.button-outline-secondary:hover {
  background-color: var(--cetim-blue-700);
  color: var(--cetim-neutral-0);
  border-color: var(--cetim-blue-700);
  box-shadow: -3px 3px white, -3px 3px 0 1px var(--cetim-blue-700);
}

.modal-section {
  max-width: 848px;
  margin: auto;
}
.modal-section .list-controller {
  margin-top: 0;
}

.modal-text {
  max-width: 500px;
  margin: auto;
}

.detail-cancel {
  max-width: 450px;
}

.modal-section {
  max-width: 900px;
}

.incident-archives-modal-modal .modal-section {
  max-width: 90%;
}

.modal-bg {
  background-color: rgba(27, 27, 27, 0.2);
}

.divider-modal {
  background-color: var(--cetim-neutral-20);
}

.modal-body {
  max-width: 680px;
  margin: auto;
}

.modal-cross {
  position: absolute;
  right: 20px;
}

.cancel-info p {
  font-size: 16px;
}

.toast-success {
  background-color: var(--cetim-green-900);
  padding: 15px;
}

.toast-warning {
  background-color: var(--cetim-orange);
  padding: 15px;
}

.toast-danger {
  background-color: var(--cetim-darkred);
  padding: 15px;
}

.toast-section {
  padding: 15px;
  max-width: 500px;
  position: absolute;
  right: 25px;
  top: 55px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  z-index: 1000;
}

.toast-text {
  color: white;
}

.title-toast {
  font-size: 16px;
  font-weight: bold;
}

.text-toast {
  font-size: 14px;
}

/* Styles pour toast-success */
.toast-success .check-toast {
  display: block;
}

.toast-success .wait-toast,
.toast-success .cross-toast {
  display: none;
}

/* Styles pour toast-warning */
.toast-warning .wait-toast {
  display: block;
}

.toast-warning .check-toast,
.toast-warning .cross-toast {
  display: none;
}

/* Styles pour toast-danger */
.toast-danger .cross-toast {
  display: block;
}

.toast-danger .check-toast,
.toast-danger .wait-toast {
  display: none;
}

.toast-section img {
  display: flex;
  align-self: center;
  height: 22px;
}

.home-list.order-4 {
  order: 4;
}

.home-list.order-5 {
  order: 5;
}

.home-list.order-6 {
  order: 6;
}

.h-9\.5 {
  height: 2.375rem; /* 38 px; */
}

.menu-cetim-section {
  position: static;
}
.menu-cetim-section .menu-megamenu {
  z-index: 999;
}

.sub-menu-footer ul {
  max-width: none;
}

/*# sourceMappingURL=mycetim.output.css.map */