@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
/* Green */
/* Blue */
/* Red */
/* Orange */
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 1.2s linear infinite;
  -moz-animation: rotating 1.2s linear infinite;
  -ms-animation: rotating 1.2s linear infinite;
  -o-animation: rotating 1.2s linear infinite;
  animation: rotating 1.2s linear infinite;
  max-width: 16px;
}

.champ label {
  font-weight: bold;
  display: block;
  margin-bottom: 16px;
}
.champ label.subLabel {
  font-size: 12px;
  font-weight: normal;
  color: grey;
}
.champ label[for="destinataire-message"] {
  margin-bottom: 8px;
}
.champ .parsley-errors-list {
  list-style: none;
  margin: 0;
  font-weight: bold;
  color: #c10000;
  font-style: italic;
  font-size: 14px;
  padding: 0;
}
.champ .parsley-errors-list.filled {
  margin: 8px 0 8px 5px;
}
.champ input,
.champ textarea {
  padding: 12px;
  border: 1px solid #c5c5c5;
  border-radius: 12px;
  width: 100%;
  box-sizing: border-box;
  min-height: 48px;
}
.champ.inline label {
  display: inline;
}
.champ.inline input {
  width: auto;
  margin-left: 12px;
}

.buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 32px;
}
.buttons button {
  background-color: #007461;
  color: white;
  border-radius: 25px;
  cursor: pointer;
  padding: 12px;
  font-family: "Montserrat", sans-serif;
  transition: 0.3s ease;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid transparent;
  width: calc(60% - 12px);
}
.buttons button:hover {
  background-color: #368787;
}
.buttons button.backEtape {
  border: 1px solid #c5c5c5;
  width: 40%;
}
.buttons button.backEtape:hover {
  border-color: black;
}
.buttons button.full-width {
  width: 100%;
}
.buttons #goToEtape1,
.buttons #goToCaptcha,
.buttons #sendTransfert,
.buttons #reloadPage {
  display: none;
}
.buttons #sendTransfert {
  position: relative;
  overflow: hidden;
}
.buttons #sendTransfert #loading-overlay {
  width: 0;
  height: 100%;
  background-color: #005a4b;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s ease;
}
.buttons.double {
  justify-content: space-between;
}
.buttons p.alerte-quota {
  padding: 16px 20px;
  border-radius: 4px;
  background-color: #ffe5e8;
  color: #a50015;
  margin: 0;
}
.buttons .submitEtape:disabled,
.buttons .backEtape:disabled,
.buttons .downloadBtn:disabled,
.buttons .saveBtn:disabled,
.buttons .lien-sans-connexion:disabled {
  cursor: not-allowed;
  background-color: #d8d8d8;
}
.buttons .submitEtape:disabled:hover,
.buttons .backEtape:disabled:hover,
.buttons .downloadBtn:disabled:hover,
.buttons .saveBtn:disabled:hover,
.buttons .lien-sans-connexion:disabled:hover {
  background-color: #d8d8d8;
  box-shadow: none;
}
.buttons .submitEtape:disabled {
  background-color: #007461;
  cursor: wait;
}
.buttons .submitEtape:disabled:hover {
  background-color: #007461;
}
.buttons .lien-sans-connexion {
  justify-content: center;
  text-decoration: none;
  margin-top: 0;
  box-sizing: border-box;
  background-color: #f7f8fa;
  color: black;
}
.buttons .lien-sans-connexion:hover {
  background-color: #e2e6ed;
  box-shadow: none;
}
.buttons .backEtape {
  color: black;
  background: none;
}
.buttons .backEtape:hover {
  box-shadow: none;
  border: 1px solid black;
  background: none;
}

body {
  display: flex;
  font-family: "Montserrat", sans-serif !important;
}
body .lien-retour {
  border: 1px solid #e2e6ed;
  color: black;
  text-decoration: none;
  position: absolute;
  top: 50px;
  right: 50px;
  padding: 14px 16px;
  border-radius: 8px;
  font-weight: 500;
  transition: all 0.3s ease;
}
body .lien-retour:hover {
  background-color: #e2e6ed;
}
body main {
  position: relative;
  gap: 40px;
  background-color: #007461;
  margin: 0;
  height: 100vh;
  width: 524px;
  padding: 60px 82px 60px;
  box-sizing: border-box;
}
body main header #logo-cacb {
  max-width: 100px;
  background-color: white;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.16);
  border-radius: 20px;
  margin: 0 auto;
  display: block;
  padding: 0 2px 2px 0;
}
body main .content {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background: none;
  padding: 60px 0 0 0;
  margin: 0;
}
body main .content #window {
  position: relative;
  max-width: 400px;
  background-color: white;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1607843137);
  border-radius: 32px;
  padding: 36px;
  min-width: 360px;
  box-sizing: border-box;
  width: 100%;
}
body main .content #window #envoi-screen #form-envoi .etape {
  display: flex;
  flex-direction: column;
  gap: 26px;
}
body main .content #window #envoi-screen #form-envoi .etape.etape2 {
  display: none;
}
body main .content #window #envoi-screen #form-envoi .etape .fichiers {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23007461FF' stroke-width='3' stroke-dasharray='4%2c 9' stroke-dashoffset='12' stroke-linecap='round'/%3e%3c/svg%3e");
  border-radius: 12px;
  border: none;
  cursor: default;
  min-height: 130px;
}
body main .content #window #envoi-screen #form-envoi .etape .fichiers.disabled {
  pointer-events: none;
  background-color: rgba(239, 239, 239, 0.3);
}
body main .content #window #envoi-screen #form-envoi .etape .fichiers p {
  color: #007461;
  font-size: 13px;
  font-weight: 500;
  margin: 4px;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  .fichiers
  .dz-default {
  margin: 0;
  display: block;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  .fichiers
  .dz-default
  .dz-button {
  font-family: "Montserrat", sans-serif;
  background: none;
  border-radius: 20px;
  border: 1px solid #007461;
  padding: 8px 12px;
  margin: 8px;
  color: #007461;
  font-weight: 500;
  font-size: 12px;
  width: auto;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  .fichiers
  .dz-default
  .dz-button
  .fa-upload {
  margin-left: 1px;
  font-size: 10px;
}
body main .content #window #envoi-screen #form-envoi .etape #previews {
  order: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
  border: 0;
  padding: 0;
  min-height: unset;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  #previews
  .dz-file-preview {
  margin: 0 0 0;
  display: flex;
  width: 100%;
  min-height: unset;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  gap: 5px;
  transition: 0.2s ease;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  #previews
  .dz-file-preview:first-child {
  margin-top: 26px;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  #previews
  .dz-file-preview:hover {
  background-color: #f4fbf6;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  #previews
  .dz-file-preview
  .file-icon {
  font-size: 20px;
  min-width: 5%;
  margin: 0 4px 0 12px;
  display: none;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  #previews
  .dz-file-preview
  .upload-status-icon {
  position: absolute;
  top: -14px;
  left: -14px;
  background-color: white;
  padding: 5px;
  border-radius: 100%;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.16);
  display: none;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  #previews
  .dz-file-preview
  .upload-status-icon.fa-check {
  color: #a0d7a2;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  #previews
  .dz-file-preview.dz-error {
  background-color: #fff2f2;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  #previews
  .dz-file-preview.dz-error
  .upload-status-icon {
  display: block;
  top: 0;
  left: -4px;
  position: relative;
  font-size: 19px;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  #previews
  .dz-file-preview.dz-error
  .upload-status-icon.fa-triangle-exclamation {
  color: #c10000;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  #previews
  .dz-file-preview
  .dz-image {
  display: none;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  #previews
  .dz-file-preview
  .dz-details {
  padding: 5px 8px;
  opacity: 1;
  position: static;
  display: flex;
  align-items: flex-start;
  min-width: calc(80% - 10px);
  font-weight: 600;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  #previews
  .dz-file-preview
  .dz-details
  .dz-size {
  margin: 0;
  color: #b7b7b7;
  font-size: 12px;
  display: none;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  #previews
  .dz-file-preview
  .dz-details
  .dz-filename {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  #previews
  .dz-file-preview
  .dz-details
  .dz-filename
  span {
  border: unset;
  background-color: unset;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  #previews
  .dz-success-mark,
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  #previews
  .dz-error-mark,
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  #previews
  .dz-progress {
  display: none;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  #previews
  .dz-error-message {
  top: 30px;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  #previews
  .dz-remove {
  height: 100%;
  font-size: 14px;
  padding: 2px;
  margin-right: 12px;
  color: #dfdfdf;
  transition: 0.2s ease;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  #previews
  .dz-remove:hover {
  color: #e30000;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .etape
  #previews
  .dz-remove
  .fa-circle-xmark {
  cursor: pointer;
}
body main .content #window #envoi-screen #form-envoi #captchaBloc {
  display: none;
}
body main .content #window #envoi-screen #form-envoi #captchaBloc label {
  font-size: 14px;
}
body main .content #window #envoi-screen #form-envoi #captchaBloc .captcha-img {
  margin: 4px 0 8px;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  #captchaBloc
  .captcha-img
  + a {
  text-align: right;
  display: block;
  margin: 4px 0 20px;
  color: #007461;
  font-size: 14px;
  text-decoration: none;
}
body main .content #window #envoi-screen #form-envoi #show-emails > ul {
  list-style: none;
  margin: 5px 0 0;
  display: inline-block;
  padding: 0;
}
body main .content #window #envoi-screen #form-envoi #show-emails > ul > li {
  padding: 5px 10px;
  margin-bottom: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f4fbf6;
  border-radius: 8px;
  gap: 5px;
  font-weight: 500;
  color: #007461;
}
body main .content #window #envoi-screen #form-envoi .remove {
  cursor: pointer;
  transition: 0.2s ease;
  font-size: 14px;
  padding: 2px;
  color: #007461;
}
body main .content #window #envoi-screen #form-envoi .remove:hover {
  color: #c10000;
}
body main .content #window #envoi-screen #form-envoi .email-error {
  margin: 10px 0 0;
  font-weight: bold;
  color: #c10000;
  font-size: 14px;
}
body main .content #window #envoi-screen #form-envoi .lien-mdp,
body main .content #window #envoi-screen #form-envoi .lien-connexion {
  color: #007461;
  font-weight: 500;
}
body main .content #window #envoi-screen #form-envoi .buttons-form {
  align-self: flex-end;
  text-align: center;
}
body main .content #window #envoi-screen #form-envoi .buttons-form .login-btn,
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .buttons-form
  .oubli-mdp-btn {
  background-color: #007461;
  color: white;
  border-radius: 25px;
  cursor: pointer;
  padding: 12px;
  font-family: "Montserrat", sans-serif;
  transition: 0.3s ease;
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid transparent;
}
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .buttons-form
  .login-btn:hover,
body
  main
  .content
  #window
  #envoi-screen
  #form-envoi
  .buttons-form
  .oubli-mdp-btn:hover {
  box-shadow: 0 0 1px 0 #007461;
  background-color: #368787;
}
body main .content #window #envoi-screen #virus-screen h2,
body main .content #window #envoi-screen #errorScreen h2,
body main .content #window #envoi-screen #successScreen h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  font-size: 28px;
}
body main .content #window #envoi-screen #virus-screen h2 i,
body main .content #window #envoi-screen #errorScreen h2 i,
body main .content #window #envoi-screen #successScreen h2 i {
  font-size: 60px;
}
body
  main
  .content
  #window
  #envoi-screen
  #virus-screen
  h2
  i.fa-circle-exclamation,
body
  main
  .content
  #window
  #envoi-screen
  #errorScreen
  h2
  i.fa-circle-exclamation,
body
  main
  .content
  #window
  #envoi-screen
  #successScreen
  h2
  i.fa-circle-exclamation {
  color: #ffbb00;
}
body
  main
  .content
  #window
  #envoi-screen
  #virus-screen
  h2
  i.fa-triangle-exclamation,
body
  main
  .content
  #window
  #envoi-screen
  #errorScreen
  h2
  i.fa-triangle-exclamation,
body
  main
  .content
  #window
  #envoi-screen
  #successScreen
  h2
  i.fa-triangle-exclamation {
  color: #d7263d;
}
body main .content #window #envoi-screen #virus-screen h2 i.fa-circle-check,
body main .content #window #envoi-screen #errorScreen h2 i.fa-circle-check,
body main .content #window #envoi-screen #successScreen h2 i.fa-circle-check {
  color: #007461;
}
body main .content #window #envoi-screen #virus-screen #virus-list,
body main .content #window #envoi-screen #errorScreen #virus-list,
body main .content #window #envoi-screen #successScreen #virus-list {
  list-style: none;
  padding: 0;
  text-align: center;
  font-weight: 500;
}
body main .content #window #envoi-screen #virus-screen #virus-list li,
body main .content #window #envoi-screen #errorScreen #virus-list li,
body main .content #window #envoi-screen #successScreen #virus-list li {
  display: flex;
  gap: 8px;
  justify-content: center;
}
body main .content #window #envoi-screen #virus-screen ul,
body main .content #window #envoi-screen #errorScreen ul,
body main .content #window #envoi-screen #successScreen ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  color: #007461;
  font-weight: 500;
}
body main .content #window #envoi-screen #virus-screen p.dest,
body main .content #window #envoi-screen #errorScreen p.dest,
body main .content #window #envoi-screen #successScreen p.dest {
  margin: 0;
  padding: 0;
  border-radius: unset;
}
body main .content #window #envoi-screen #virus-screen p.dest span,
body main .content #window #envoi-screen #errorScreen p.dest span,
body main .content #window #envoi-screen #successScreen p.dest span {
  color: #007461;
}
body main #loadingScreen,
body main #successScreen,
body main #errorScreen,
body main #virus-screen {
  display: none;
}
body main #successScreen h3 {
  font-size: 24px;
  margin: 0 0 40px;
}
body main #successScreen > div {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
body main #successScreen > div img {
  max-width: 40px;
}
body main #successScreen > div p {
  margin: 0 !important;
  padding: 0 !important;
}
body main #errorScreen h3,
body main #download-screen h3,
body main #confirmation-screen h3 {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 24px;
  margin: 0 0 40px;
}
body main #errorScreen h3 .fa-circle-check,
body main #download-screen h3 .fa-circle-check,
body main #confirmation-screen h3 .fa-circle-check {
  color: #c10000;
  font-size: 30px;
}
body main #download-screen h2,
body main #confirmation-screen h2 {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 32px;
  font-size: 28px;
  margin: 24px 0 0;
}
body main #download-screen h2 img,
body main #confirmation-screen h2 img {
  width: 80px;
}
body main #download-screen .dest,
body main #confirmation-screen .dest {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
}
body main #download-screen .dest span,
body main #confirmation-screen .dest span {
  color: #007461;
}
body main #download-screen .vers,
body main #confirmation-screen .vers {
  text-align: center;
  display: block;
  margin-bottom: 12px;
  font-weight: 500;
}
body main #download-screen .dest-list,
body main #confirmation-screen .dest-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  color: #007461;
  font-weight: 500;
}
body main #download-screen .info-fichiers,
body main #confirmation-screen .info-fichiers {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  display: flex;
  gap: 8px;
  justify-content: center;
  color: #b1b1b1;
  margin: 40px 0;
}
body main #download-screen .info-fichiers strong,
body main #confirmation-screen .info-fichiers strong {
  color: black;
}
body main #download-screen p.bulle,
body main #confirmation-screen p.bulle {
  margin: 40px 0 0;
  padding: 16px;
  border-radius: 12px;
}
body main #download-screen p.bulle.info-succes,
body main #confirmation-screen p.bulle.info-succes {
  color: #007461;
  background-color: #f5f5f5;
}
body main #download-screen p.bulle.info-virus,
body main #confirmation-screen p.bulle.info-virus {
  color: #ff8000;
  background-color: rgba(255, 145, 0, 0.11);
}
body main #download-screen p.bulle.info-erreur,
body main #confirmation-screen p.bulle.info-erreur {
  color: #a50015;
  background-color: #ffe5e8;
}
body main #download-screen #confirmation-screen + .buttons,
body main #confirmation-screen #confirmation-screen + .buttons {
  display: none;
}
body main #download-screen .exp,
body main #confirmation-screen .exp {
  margin-top: 8px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 40px;
}
body main #download-screen .exp span,
body main #confirmation-screen .exp span {
  color: #007461;
}
body main #download-screen hr,
body main #confirmation-screen hr {
  margin: 24px 0;
  border: 1px solid #dddddd;
}
body main #download-screen .message-card h5,
body main #download-screen .message-card p,
body main #confirmation-screen .message-card h5,
body main #confirmation-screen .message-card p {
  font-size: 12px;
  margin-bottom: 8px;
  margin-top: 8px;
}
body main #download-screen .fichiersList,
body main #confirmation-screen .fichiersList {
  list-style: none;
  padding: 0;
}
body main #download-screen .fichiersList li,
body main #confirmation-screen .fichiersList li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  font-weight: 600;
}
body main #download-screen .fichiersList li .nom,
body main #confirmation-screen .fichiersList li .nom {
  font-size: 14px;
  margin-right: 4px;
}
body main #download-screen .fichiersList li .taille,
body main #confirmation-screen .fichiersList li .taille {
  color: #b2b2b2;
  font-size: 13px;
}
body main #download-screen .fichiersList li .download-unique,
body main #confirmation-screen .fichiersList li .download-unique {
  color: #b2b2b2;
  font-size: 17px;
  transition: 0.2s ease;
  cursor: pointer;
}
body main #download-screen .fichiersList li .download-unique:hover,
body main #confirmation-screen .fichiersList li .download-unique:hover {
  color: #007461;
}
body main #login-screen .msg-mdp,
body main #predownload-screen .msg-mdp {
  padding: 16px 20px;
  border-radius: 12px;
  background-color: #f4fbf6;
  color: #007461;
  margin: 24px 0;
}
body main #login-screen .msg-mdp a,
body main #predownload-screen .msg-mdp a {
  font-weight: 500;
  color: #007461;
  display: block;
  margin-top: 8px;
}
body main #login-screen .msg-error,
body main #predownload-screen .msg-error {
  padding: 16px 20px;
  border-radius: 12px;
  background-color: #ffe5e8;
  color: #a50015;
  margin: 24px 0;
}
body main #login-screen form,
body main #predownload-screen form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
body main #login-screen form .champ:nth-child(2),
body main #predownload-screen form .champ:nth-child(2) {
  position: relative;
}
body main #login-screen form .champ:nth-child(2) #togglePassword,
body main #predownload-screen form .champ:nth-child(2) #togglePassword {
  position: absolute;
  bottom: 14px;
  right: 12px;
  line-height: 1.15;
  cursor: pointer;
  color: #007461;
}
body main #login-screen form .lien-mdp,
body main #predownload-screen form .lien-mdp {
  color: #007461;
  font-weight: 500;
}
body main #predownload-screen > .form-body {
  padding: 0;
  border-radius: unset;
  box-shadow: none;
  background: none;
}
body main #predownload-screen > .form-body .buttons-form {
  width: 100%;
  align-self: center;
}
body main #predownload-screen > .form-body .buttons-form .login-btn {
  width: 100%;
  justify-content: center;
}
body main #predownload-screen > .form-body .ou {
  text-align: center;
  font-weight: 500;
  color: #007461;
  font-size: 18px;
  margin: 8px 0;
}
body main #password-screen .checkPassword {
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin: 20px 0 15px;
}
body main #password-screen .checkPassword li {
  display: flex;
  gap: 8px;
}
body main #password-screen .checkPassword li i {
  margin-top: 5px;
}
body main #password-screen .checkPassword .d-none {
  display: none;
}
body main #password-screen .oubli-mdp-btn {
  width: 100%;
}
body main h1 {
  margin: 0 0 30px;
  font-size: 28px;
}
body #administration {
  width: 100%;
}
body #administration .admin-main {
  height: 120px;
  width: 100%;
  padding: 0 28px;
  display: flex;
  align-items: center;
  margin-bottom: -120px;
}
body #administration .admin-main header {
  height: unset;
}
body #administration #administration-screen {
  flex-direction: column;
  width: 70%;
  min-width: 1140px;
  background-color: white;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.16);
  border-radius: 12px;
  padding: 50px;
  box-sizing: border-box;
  max-height: unset;
  margin: 40px auto 80px;
  gap: 10px;
  position: relative;
}
body #administration #administration-screen .panel:not(#stats-screen) {
  display: none;
}
body #administration #administration-screen .menu input[type="button"] {
  border: none;
  padding: 12px 16px;
  border-radius: 20px;
  font-weight: 600;
  margin-right: 4px;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  transition: all 0.3s ease;
  background-color: #f7f8fa;
}
body #administration #administration-screen .menu input[type="button"]:hover {
  background-color: #e2e6ed;
}
body #administration #administration-screen .menu input[type="button"].active {
  background-color: #007461;
  color: white;
}
body #administration #administration-screen #transferts-screen {
  margin-top: 50px;
}
body #administration #administration-screen #transferts-screen h3,
body #administration #administration-screen #stats-screen h3,
body #administration #administration-screen #quotas-screen h3,
body #administration #administration-screen #users-screen h3 {
  margin-top: 36px;
}
body #administration #administration-screen #transferts-screen .tooltip,
body #administration #administration-screen #stats-screen .tooltip,
body #administration #administration-screen #quotas-screen .tooltip,
body #administration #administration-screen #users-screen .tooltip {
  display: none;
  padding: 20px;
}
body #administration #administration-screen #transferts-screen .cards,
body #administration #administration-screen #stats-screen .cards,
body #administration #administration-screen #quotas-screen .cards,
body #administration #administration-screen #users-screen .cards {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
body #administration #administration-screen #transferts-screen .cards .card,
body #administration #administration-screen #stats-screen .cards .card,
body #administration #administration-screen #quotas-screen .cards .card,
body #administration #administration-screen #users-screen .cards .card {
  width: 25%;
  padding: 20px;
  margin: 18px 0 8px;
  box-sizing: border-box;
  border-radius: 20px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.16);
  position: relative;
}
body
  #administration
  #administration-screen
  #transferts-screen
  .cards
  .card
  .icon,
body #administration #administration-screen #stats-screen .cards .card .icon,
body #administration #administration-screen #quotas-screen .cards .card .icon,
body #administration #administration-screen #users-screen .cards .card .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: #92ff92;
  padding: 12px;
  border-radius: 8px;
  width: 24px;
  height: 24px;
}
body
  #administration
  #administration-screen
  #transferts-screen
  .cards
  .card
  .icon
  i,
body #administration #administration-screen #stats-screen .cards .card .icon i,
body #administration #administration-screen #quotas-screen .cards .card .icon i,
body #administration #administration-screen #users-screen .cards .card .icon i {
  font-size: 20px;
}
body
  #administration
  #administration-screen
  #transferts-screen
  .cards
  .card[data-status="uploaded"]
  .icon,
body
  #administration
  #administration-screen
  #stats-screen
  .cards
  .card[data-status="uploaded"]
  .icon,
body
  #administration
  #administration-screen
  #quotas-screen
  .cards
  .card[data-status="uploaded"]
  .icon,
body
  #administration
  #administration-screen
  #users-screen
  .cards
  .card[data-status="uploaded"]
  .icon {
  background-color: rgba(255, 128, 0, 0.15);
  color: #ff8000;
}
body
  #administration
  #administration-screen
  #transferts-screen
  .cards
  .card[data-status="confirmed"]
  .icon,
body
  #administration
  #administration-screen
  #stats-screen
  .cards
  .card[data-status="confirmed"]
  .icon,
body
  #administration
  #administration-screen
  #quotas-screen
  .cards
  .card[data-status="confirmed"]
  .icon,
body
  #administration
  #administration-screen
  #users-screen
  .cards
  .card[data-status="confirmed"]
  .icon {
  background-color: rgba(0, 116, 97, 0.15);
  color: #007461;
}
body
  #administration
  #administration-screen
  #transferts-screen
  .cards
  .card[data-status="expired"]
  .icon,
body
  #administration
  #administration-screen
  #stats-screen
  .cards
  .card[data-status="expired"]
  .icon,
body
  #administration
  #administration-screen
  #quotas-screen
  .cards
  .card[data-status="expired"]
  .icon,
body
  #administration
  #administration-screen
  #users-screen
  .cards
  .card[data-status="expired"]
  .icon {
  background-color: rgba(165, 0, 21, 0.15);
  color: #a50015;
}
body
  #administration
  #administration-screen
  #transferts-screen
  .cards
  .card
  .mid,
body #administration #administration-screen #stats-screen .cards .card .mid,
body #administration #administration-screen #quotas-screen .cards .card .mid,
body #administration #administration-screen #users-screen .cards .card .mid {
  font-size: 20px;
  margin: 12px auto;
  font-weight: 500;
}
body
  #administration
  #administration-screen
  #transferts-screen
  .cards
  .card
  .mid
  .titre,
body
  #administration
  #administration-screen
  #stats-screen
  .cards
  .card
  .mid
  .titre,
body
  #administration
  #administration-screen
  #quotas-screen
  .cards
  .card
  .mid
  .titre,
body
  #administration
  #administration-screen
  #users-screen
  .cards
  .card
  .mid
  .titre {
  margin: 0 0 8px;
}
body
  #administration
  #administration-screen
  #transferts-screen
  .cards
  .card
  .mid
  .nb-transferts,
body
  #administration
  #administration-screen
  #stats-screen
  .cards
  .card
  .mid
  .nb-transferts,
body
  #administration
  #administration-screen
  #quotas-screen
  .cards
  .card
  .mid
  .nb-transferts,
body
  #administration
  #administration-screen
  #users-screen
  .cards
  .card
  .mid
  .nb-transferts {
  font-size: 50px;
  font-weight: 500;
}
body
  #administration
  #administration-screen
  #transferts-screen
  .cards
  .card
  .bottom,
body #administration #administration-screen #stats-screen .cards .card .bottom,
body #administration #administration-screen #quotas-screen .cards .card .bottom,
body #administration #administration-screen #users-screen .cards .card .bottom {
  display: flex;
  color: #a0a7b6;
  font-size: 16px;
  margin: 16px auto 0;
  font-weight: 500;
  gap: 5px;
  align-items: center;
}
body
  #administration
  #administration-screen
  #transferts-screen
  .cards
  .card
  .bottom
  .point,
body
  #administration
  #administration-screen
  #stats-screen
  .cards
  .card
  .bottom
  .point,
body
  #administration
  #administration-screen
  #quotas-screen
  .cards
  .card
  .bottom
  .point,
body
  #administration
  #administration-screen
  #users-screen
  .cards
  .card
  .bottom
  .point {
  font-size: 30px;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#types-fichiers
  tr
  td,
body
  #administration
  #administration-screen
  #stats-screen
  table#types-fichiers
  tr
  td,
body
  #administration
  #administration-screen
  #quotas-screen
  table#types-fichiers
  tr
  td,
body
  #administration
  #administration-screen
  #users-screen
  table#types-fichiers
  tr
  td {
  padding: 4px 8px;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#types-fichiers
  tr
  td
  i,
body
  #administration
  #administration-screen
  #stats-screen
  table#types-fichiers
  tr
  td
  i,
body
  #administration
  #administration-screen
  #quotas-screen
  table#types-fichiers
  tr
  td
  i,
body
  #administration
  #administration-screen
  #users-screen
  table#types-fichiers
  tr
  td
  i {
  padding: 12px;
  margin-right: 8px;
  border-radius: 4px;
}
body #administration #administration-screen #transferts-screen table#transferts,
body #administration #administration-screen #stats-screen table#transferts,
body #administration #administration-screen #quotas-screen table#transferts,
body #administration #administration-screen #users-screen table#transferts {
  margin: 12px auto;
  font-size: 14px;
  height: 1%;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#transferts
  tr.even
  td,
body
  #administration
  #administration-screen
  #stats-screen
  table#transferts
  tr.even
  td,
body
  #administration
  #administration-screen
  #quotas-screen
  table#transferts
  tr.even
  td,
body
  #administration
  #administration-screen
  #users-screen
  table#transferts
  tr.even
  td {
  background-color: #f7f8fa;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#transferts
  tr
  th.status-col,
body
  #administration
  #administration-screen
  #stats-screen
  table#transferts
  tr
  th.status-col,
body
  #administration
  #administration-screen
  #quotas-screen
  table#transferts
  tr
  th.status-col,
body
  #administration
  #administration-screen
  #users-screen
  table#transferts
  tr
  th.status-col {
  max-width: 105px;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#transferts
  tr
  th.date-col,
body
  #administration
  #administration-screen
  #transferts-screen
  table#transferts
  tr
  th.telechargements-col,
body
  #administration
  #administration-screen
  #stats-screen
  table#transferts
  tr
  th.date-col,
body
  #administration
  #administration-screen
  #stats-screen
  table#transferts
  tr
  th.telechargements-col,
body
  #administration
  #administration-screen
  #quotas-screen
  table#transferts
  tr
  th.date-col,
body
  #administration
  #administration-screen
  #quotas-screen
  table#transferts
  tr
  th.telechargements-col,
body
  #administration
  #administration-screen
  #users-screen
  table#transferts
  tr
  th.date-col,
body
  #administration
  #administration-screen
  #users-screen
  table#transferts
  tr
  th.telechargements-col {
  max-width: 75px;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#transferts
  tr
  th.fichiers-col,
body
  #administration
  #administration-screen
  #stats-screen
  table#transferts
  tr
  th.fichiers-col,
body
  #administration
  #administration-screen
  #quotas-screen
  table#transferts
  tr
  th.fichiers-col,
body
  #administration
  #administration-screen
  #users-screen
  table#transferts
  tr
  th.fichiers-col {
  max-width: 80px;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#transferts
  tr
  th
  .form-control,
body
  #administration
  #administration-screen
  #stats-screen
  table#transferts
  tr
  th
  .form-control,
body
  #administration
  #administration-screen
  #quotas-screen
  table#transferts
  tr
  th
  .form-control,
body
  #administration
  #administration-screen
  #users-screen
  table#transferts
  tr
  th
  .form-control {
  max-width: 100%;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: 6px 6px;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#transferts
  tr
  td,
body
  #administration
  #administration-screen
  #stats-screen
  table#transferts
  tr
  td,
body
  #administration
  #administration-screen
  #quotas-screen
  table#transferts
  tr
  td,
body
  #administration
  #administration-screen
  #users-screen
  table#transferts
  tr
  td {
  padding: 12px 10px;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#transferts
  tr
  td.status,
body
  #administration
  #administration-screen
  #stats-screen
  table#transferts
  tr
  td.status,
body
  #administration
  #administration-screen
  #quotas-screen
  table#transferts
  tr
  td.status,
body
  #administration
  #administration-screen
  #users-screen
  table#transferts
  tr
  td.status {
  font-weight: 500;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#transferts
  tr
  td.status.uploaded,
body
  #administration
  #administration-screen
  #stats-screen
  table#transferts
  tr
  td.status.uploaded,
body
  #administration
  #administration-screen
  #quotas-screen
  table#transferts
  tr
  td.status.uploaded,
body
  #administration
  #administration-screen
  #users-screen
  table#transferts
  tr
  td.status.uploaded {
  color: #ff8000;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#transferts
  tr
  td.status.confirmed,
body
  #administration
  #administration-screen
  #stats-screen
  table#transferts
  tr
  td.status.confirmed,
body
  #administration
  #administration-screen
  #quotas-screen
  table#transferts
  tr
  td.status.confirmed,
body
  #administration
  #administration-screen
  #users-screen
  table#transferts
  tr
  td.status.confirmed {
  color: #007461;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#transferts
  tr
  td.status.expired,
body
  #administration
  #administration-screen
  #stats-screen
  table#transferts
  tr
  td.status.expired,
body
  #administration
  #administration-screen
  #quotas-screen
  table#transferts
  tr
  td.status.expired,
body
  #administration
  #administration-screen
  #users-screen
  table#transferts
  tr
  td.status.expired {
  color: #a50015;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#transferts
  tr
  td.status
  i,
body
  #administration
  #administration-screen
  #stats-screen
  table#transferts
  tr
  td.status
  i,
body
  #administration
  #administration-screen
  #quotas-screen
  table#transferts
  tr
  td.status
  i,
body
  #administration
  #administration-screen
  #users-screen
  table#transferts
  tr
  td.status
  i {
  margin-right: 8px;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#transferts
  tr
  td.dests
  .dests-more,
body
  #administration
  #administration-screen
  #stats-screen
  table#transferts
  tr
  td.dests
  .dests-more,
body
  #administration
  #administration-screen
  #quotas-screen
  table#transferts
  tr
  td.dests
  .dests-more,
body
  #administration
  #administration-screen
  #users-screen
  table#transferts
  tr
  td.dests
  .dests-more {
  margin: 0 0 0 6px;
  font-weight: 500;
  color: #007461;
  text-decoration: underline;
  cursor: pointer;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#transferts
  tr
  td.expediteur
  .expediteur-mail,
body
  #administration
  #administration-screen
  #stats-screen
  table#transferts
  tr
  td.expediteur
  .expediteur-mail,
body
  #administration
  #administration-screen
  #quotas-screen
  table#transferts
  tr
  td.expediteur
  .expediteur-mail,
body
  #administration
  #administration-screen
  #users-screen
  table#transferts
  tr
  td.expediteur
  .expediteur-mail {
  color: #a0a7b6;
  display: block;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#transferts
  tr
  td.fichiers,
body
  #administration
  #administration-screen
  #transferts-screen
  table#transferts
  tr
  td.telechargements,
body
  #administration
  #administration-screen
  #stats-screen
  table#transferts
  tr
  td.fichiers,
body
  #administration
  #administration-screen
  #stats-screen
  table#transferts
  tr
  td.telechargements,
body
  #administration
  #administration-screen
  #quotas-screen
  table#transferts
  tr
  td.fichiers,
body
  #administration
  #administration-screen
  #quotas-screen
  table#transferts
  tr
  td.telechargements,
body
  #administration
  #administration-screen
  #users-screen
  table#transferts
  tr
  td.fichiers,
body
  #administration
  #administration-screen
  #users-screen
  table#transferts
  tr
  td.telechargements {
  text-align: right;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#transferts
  tr
  td
  .tooltip-button,
body
  #administration
  #administration-screen
  #stats-screen
  table#transferts
  tr
  td
  .tooltip-button,
body
  #administration
  #administration-screen
  #quotas-screen
  table#transferts
  tr
  td
  .tooltip-button,
body
  #administration
  #administration-screen
  #users-screen
  table#transferts
  tr
  td
  .tooltip-button {
  background-color: transparent;
  border: none;
  text-decoration: underline;
  cursor: pointer;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#quotas
  tr.even
  td,
body
  #administration
  #administration-screen
  #stats-screen
  table#quotas
  tr.even
  td,
body
  #administration
  #administration-screen
  #quotas-screen
  table#quotas
  tr.even
  td,
body
  #administration
  #administration-screen
  #users-screen
  table#quotas
  tr.even
  td {
  background-color: #f7f8fa;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#quotas
  tr
  td.statut,
body
  #administration
  #administration-screen
  #stats-screen
  table#quotas
  tr
  td.statut,
body
  #administration
  #administration-screen
  #quotas-screen
  table#quotas
  tr
  td.statut,
body
  #administration
  #administration-screen
  #users-screen
  table#quotas
  tr
  td.statut {
  font-weight: 500;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#quotas
  tr
  td.statut.ok,
body
  #administration
  #administration-screen
  #stats-screen
  table#quotas
  tr
  td.statut.ok,
body
  #administration
  #administration-screen
  #quotas-screen
  table#quotas
  tr
  td.statut.ok,
body
  #administration
  #administration-screen
  #users-screen
  table#quotas
  tr
  td.statut.ok {
  color: #007461;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#quotas
  tr
  td.statut.bientot,
body
  #administration
  #administration-screen
  #stats-screen
  table#quotas
  tr
  td.statut.bientot,
body
  #administration
  #administration-screen
  #quotas-screen
  table#quotas
  tr
  td.statut.bientot,
body
  #administration
  #administration-screen
  #users-screen
  table#quotas
  tr
  td.statut.bientot {
  color: #ff8000;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#quotas
  tr
  td.statut.depasse,
body
  #administration
  #administration-screen
  #stats-screen
  table#quotas
  tr
  td.statut.depasse,
body
  #administration
  #administration-screen
  #quotas-screen
  table#quotas
  tr
  td.statut.depasse,
body
  #administration
  #administration-screen
  #users-screen
  table#quotas
  tr
  td.statut.depasse {
  color: #a50015;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#quotas
  tr
  td
  .actuel,
body
  #administration
  #administration-screen
  #stats-screen
  table#quotas
  tr
  td
  .actuel,
body
  #administration
  #administration-screen
  #quotas-screen
  table#quotas
  tr
  td
  .actuel,
body
  #administration
  #administration-screen
  #users-screen
  table#quotas
  tr
  td
  .actuel {
  font-weight: 500;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#quotas
  tr
  td
  .total,
body
  #administration
  #administration-screen
  #stats-screen
  table#quotas
  tr
  td
  .total,
body
  #administration
  #administration-screen
  #quotas-screen
  table#quotas
  tr
  td
  .total,
body
  #administration
  #administration-screen
  #users-screen
  table#quotas
  tr
  td
  .total {
  color: #a0a7b6;
  margin-left: 8px;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#quotas
  tr
  td
  .quota-bar,
body
  #administration
  #administration-screen
  #stats-screen
  table#quotas
  tr
  td
  .quota-bar,
body
  #administration
  #administration-screen
  #quotas-screen
  table#quotas
  tr
  td
  .quota-bar,
body
  #administration
  #administration-screen
  #users-screen
  table#quotas
  tr
  td
  .quota-bar {
  max-width: 200px;
  height: 4px;
  border: 1px solid #d5dae4;
  border-radius: 4px;
  margin-top: 10px;
  overflow: hidden;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#quotas
  tr
  td
  .quota-bar
  .quota-load,
body
  #administration
  #administration-screen
  #stats-screen
  table#quotas
  tr
  td
  .quota-bar
  .quota-load,
body
  #administration
  #administration-screen
  #quotas-screen
  table#quotas
  tr
  td
  .quota-bar
  .quota-load,
body
  #administration
  #administration-screen
  #users-screen
  table#quotas
  tr
  td
  .quota-bar
  .quota-load {
  height: 100%;
  border-radius: 4px;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#quotas
  tr
  td
  .quota-bar
  .quota-load.ok,
body
  #administration
  #administration-screen
  #stats-screen
  table#quotas
  tr
  td
  .quota-bar
  .quota-load.ok,
body
  #administration
  #administration-screen
  #quotas-screen
  table#quotas
  tr
  td
  .quota-bar
  .quota-load.ok,
body
  #administration
  #administration-screen
  #users-screen
  table#quotas
  tr
  td
  .quota-bar
  .quota-load.ok {
  background-color: #007461;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#quotas
  tr
  td
  .quota-bar
  .quota-load.bientot,
body
  #administration
  #administration-screen
  #stats-screen
  table#quotas
  tr
  td
  .quota-bar
  .quota-load.bientot,
body
  #administration
  #administration-screen
  #quotas-screen
  table#quotas
  tr
  td
  .quota-bar
  .quota-load.bientot,
body
  #administration
  #administration-screen
  #users-screen
  table#quotas
  tr
  td
  .quota-bar
  .quota-load.bientot {
  background-color: #ff8000;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#quotas
  tr
  td
  .quota-bar
  .quota-load.depasse,
body
  #administration
  #administration-screen
  #stats-screen
  table#quotas
  tr
  td
  .quota-bar
  .quota-load.depasse,
body
  #administration
  #administration-screen
  #quotas-screen
  table#quotas
  tr
  td
  .quota-bar
  .quota-load.depasse,
body
  #administration
  #administration-screen
  #users-screen
  table#quotas
  tr
  td
  .quota-bar
  .quota-load.depasse {
  background-color: #a50015;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#admins
  tr.even
  td,
body
  #administration
  #administration-screen
  #stats-screen
  table#admins
  tr.even
  td,
body
  #administration
  #administration-screen
  #quotas-screen
  table#admins
  tr.even
  td,
body
  #administration
  #administration-screen
  #users-screen
  table#admins
  tr.even
  td {
  background-color: #f7f8fa;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#admins
  tr
  td.statut,
body
  #administration
  #administration-screen
  #stats-screen
  table#admins
  tr
  td.statut,
body
  #administration
  #administration-screen
  #quotas-screen
  table#admins
  tr
  td.statut,
body
  #administration
  #administration-screen
  #users-screen
  table#admins
  tr
  td.statut {
  font-weight: 500;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#admins
  tr
  td.statut.verified,
body
  #administration
  #administration-screen
  #stats-screen
  table#admins
  tr
  td.statut.verified,
body
  #administration
  #administration-screen
  #quotas-screen
  table#admins
  tr
  td.statut.verified,
body
  #administration
  #administration-screen
  #users-screen
  table#admins
  tr
  td.statut.verified {
  color: #007461;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#admins
  tr
  td.statut.unverified,
body
  #administration
  #administration-screen
  #stats-screen
  table#admins
  tr
  td.statut.unverified,
body
  #administration
  #administration-screen
  #quotas-screen
  table#admins
  tr
  td.statut.unverified,
body
  #administration
  #administration-screen
  #users-screen
  table#admins
  tr
  td.statut.unverified {
  color: #ff8000;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#admins
  tr
  td.action-cell,
body
  #administration
  #administration-screen
  #stats-screen
  table#admins
  tr
  td.action-cell,
body
  #administration
  #administration-screen
  #quotas-screen
  table#admins
  tr
  td.action-cell,
body
  #administration
  #administration-screen
  #users-screen
  table#admins
  tr
  td.action-cell {
  text-align: right;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#admins
  tr
  td.action-cell
  button,
body
  #administration
  #administration-screen
  #stats-screen
  table#admins
  tr
  td.action-cell
  button,
body
  #administration
  #administration-screen
  #quotas-screen
  table#admins
  tr
  td.action-cell
  button,
body
  #administration
  #administration-screen
  #users-screen
  table#admins
  tr
  td.action-cell
  button {
  border: none;
  padding: 8px 10px;
  border-radius: 20px;
  margin-left: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  color: white;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#admins
  tr
  td.action-cell
  button
  i,
body
  #administration
  #administration-screen
  #stats-screen
  table#admins
  tr
  td.action-cell
  button
  i,
body
  #administration
  #administration-screen
  #quotas-screen
  table#admins
  tr
  td.action-cell
  button
  i,
body
  #administration
  #administration-screen
  #users-screen
  table#admins
  tr
  td.action-cell
  button
  i {
  pointer-events: none;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#admins
  tr
  td.action-cell
  button.upRole,
body
  #administration
  #administration-screen
  #stats-screen
  table#admins
  tr
  td.action-cell
  button.upRole,
body
  #administration
  #administration-screen
  #quotas-screen
  table#admins
  tr
  td.action-cell
  button.upRole,
body
  #administration
  #administration-screen
  #users-screen
  table#admins
  tr
  td.action-cell
  button.upRole {
  background-color: #a0d7a2;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#admins
  tr
  td.action-cell
  button.upRole:hover,
body
  #administration
  #administration-screen
  #stats-screen
  table#admins
  tr
  td.action-cell
  button.upRole:hover,
body
  #administration
  #administration-screen
  #quotas-screen
  table#admins
  tr
  td.action-cell
  button.upRole:hover,
body
  #administration
  #administration-screen
  #users-screen
  table#admins
  tr
  td.action-cell
  button.upRole:hover {
  background-color: #1a9459;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#admins
  tr
  td.action-cell
  button.downRole,
body
  #administration
  #administration-screen
  #stats-screen
  table#admins
  tr
  td.action-cell
  button.downRole,
body
  #administration
  #administration-screen
  #quotas-screen
  table#admins
  tr
  td.action-cell
  button.downRole,
body
  #administration
  #administration-screen
  #users-screen
  table#admins
  tr
  td.action-cell
  button.downRole {
  background-color: #ffdc7b;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#admins
  tr
  td.action-cell
  button.downRole:hover,
body
  #administration
  #administration-screen
  #stats-screen
  table#admins
  tr
  td.action-cell
  button.downRole:hover,
body
  #administration
  #administration-screen
  #quotas-screen
  table#admins
  tr
  td.action-cell
  button.downRole:hover,
body
  #administration
  #administration-screen
  #users-screen
  table#admins
  tr
  td.action-cell
  button.downRole:hover {
  background-color: #ff9100;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#admins
  tr
  td.action-cell
  button.delete,
body
  #administration
  #administration-screen
  #stats-screen
  table#admins
  tr
  td.action-cell
  button.delete,
body
  #administration
  #administration-screen
  #quotas-screen
  table#admins
  tr
  td.action-cell
  button.delete,
body
  #administration
  #administration-screen
  #users-screen
  table#admins
  tr
  td.action-cell
  button.delete {
  background-color: #ff677b;
}
body
  #administration
  #administration-screen
  #transferts-screen
  table#admins
  tr
  td.action-cell
  button.delete:hover,
body
  #administration
  #administration-screen
  #stats-screen
  table#admins
  tr
  td.action-cell
  button.delete:hover,
body
  #administration
  #administration-screen
  #quotas-screen
  table#admins
  tr
  td.action-cell
  button.delete:hover,
body
  #administration
  #administration-screen
  #users-screen
  table#admins
  tr
  td.action-cell
  button.delete:hover {
  background-color: #d7263d;
}
body #administration #administration-screen #transferts-screen .dt-buttons,
body #administration #administration-screen #stats-screen .dt-buttons,
body #administration #administration-screen #quotas-screen .dt-buttons,
body #administration #administration-screen #users-screen .dt-buttons {
  position: absolute;
  top: -50px;
  right: 0;
}
body
  #administration
  #administration-screen
  #transferts-screen
  .dt-buttons
  .buttons-excel,
body
  #administration
  #administration-screen
  #stats-screen
  .dt-buttons
  .buttons-excel,
body
  #administration
  #administration-screen
  #quotas-screen
  .dt-buttons
  .buttons-excel,
body
  #administration
  #administration-screen
  #users-screen
  .dt-buttons
  .buttons-excel {
  font-family: "Montserrat", sans-serif;
  background: #f7f8fa;
  border: none;
  border-radius: 20px;
  font-weight: 600;
  transition: all 0.3s ease;
}
body
  #administration
  #administration-screen
  #transferts-screen
  .dt-buttons
  .buttons-excel:hover,
body
  #administration
  #administration-screen
  #stats-screen
  .dt-buttons
  .buttons-excel:hover,
body
  #administration
  #administration-screen
  #quotas-screen
  .dt-buttons
  .buttons-excel:hover,
body
  #administration
  #administration-screen
  #users-screen
  .dt-buttons
  .buttons-excel:hover {
  background-color: #e2e6ed;
}
body
  #administration
  #administration-screen
  #transferts-screen
  #transferts_paginate
  > span
  .paginate_button,
body
  #administration
  #administration-screen
  #stats-screen
  #transferts_paginate
  > span
  .paginate_button,
body
  #administration
  #administration-screen
  #quotas-screen
  #transferts_paginate
  > span
  .paginate_button,
body
  #administration
  #administration-screen
  #users-screen
  #transferts_paginate
  > span
  .paginate_button {
  background: #f7f8fa;
  border: none;
  border-radius: 20px;
  font-weight: 600;
  transition: all 0.3s ease;
}
body
  #administration
  #administration-screen
  #transferts-screen
  #transferts_paginate
  > span
  .paginate_button:hover,
body
  #administration
  #administration-screen
  #stats-screen
  #transferts_paginate
  > span
  .paginate_button:hover,
body
  #administration
  #administration-screen
  #quotas-screen
  #transferts_paginate
  > span
  .paginate_button:hover,
body
  #administration
  #administration-screen
  #users-screen
  #transferts_paginate
  > span
  .paginate_button:hover {
  background-color: #e2e6ed;
  color: black !important;
}
body
  #administration
  #administration-screen
  #transferts-screen
  #transferts_paginate
  > span
  .paginate_button.current,
body
  #administration
  #administration-screen
  #stats-screen
  #transferts_paginate
  > span
  .paginate_button.current,
body
  #administration
  #administration-screen
  #quotas-screen
  #transferts_paginate
  > span
  .paginate_button.current,
body
  #administration
  #administration-screen
  #users-screen
  #transferts_paginate
  > span
  .paginate_button.current {
  background-color: #007461;
  color: white !important;
}
body
  #administration
  #administration-screen
  #transferts-screen
  #transferts_paginate
  .paginate_button.next,
body
  #administration
  #administration-screen
  #transferts-screen
  #transferts_paginate
  .paginate_button.previous,
body
  #administration
  #administration-screen
  #stats-screen
  #transferts_paginate
  .paginate_button.next,
body
  #administration
  #administration-screen
  #stats-screen
  #transferts_paginate
  .paginate_button.previous,
body
  #administration
  #administration-screen
  #quotas-screen
  #transferts_paginate
  .paginate_button.next,
body
  #administration
  #administration-screen
  #quotas-screen
  #transferts_paginate
  .paginate_button.previous,
body
  #administration
  #administration-screen
  #users-screen
  #transferts_paginate
  .paginate_button.next,
body
  #administration
  #administration-screen
  #users-screen
  #transferts_paginate
  .paginate_button.previous {
  margin: 0 12px;
  transition: all 0.3s ease;
  border-radius: 20px;
  border: 0;
}
body
  #administration
  #administration-screen
  #transferts-screen
  #transferts_paginate
  .paginate_button.next:hover,
body
  #administration
  #administration-screen
  #transferts-screen
  #transferts_paginate
  .paginate_button.previous:hover,
body
  #administration
  #administration-screen
  #stats-screen
  #transferts_paginate
  .paginate_button.next:hover,
body
  #administration
  #administration-screen
  #stats-screen
  #transferts_paginate
  .paginate_button.previous:hover,
body
  #administration
  #administration-screen
  #quotas-screen
  #transferts_paginate
  .paginate_button.next:hover,
body
  #administration
  #administration-screen
  #quotas-screen
  #transferts_paginate
  .paginate_button.previous:hover,
body
  #administration
  #administration-screen
  #users-screen
  #transferts_paginate
  .paginate_button.next:hover,
body
  #administration
  #administration-screen
  #users-screen
  #transferts_paginate
  .paginate_button.previous:hover {
  color: black !important;
  background: #e2e6ed !important;
  border: 0;
}
body
  #administration
  #administration-screen
  #transferts-screen
  #transferts_paginate
  .paginate_button.next.disabled:hover,
body
  #administration
  #administration-screen
  #transferts-screen
  #transferts_paginate
  .paginate_button.previous.disabled:hover,
body
  #administration
  #administration-screen
  #stats-screen
  #transferts_paginate
  .paginate_button.next.disabled:hover,
body
  #administration
  #administration-screen
  #stats-screen
  #transferts_paginate
  .paginate_button.previous.disabled:hover,
body
  #administration
  #administration-screen
  #quotas-screen
  #transferts_paginate
  .paginate_button.next.disabled:hover,
body
  #administration
  #administration-screen
  #quotas-screen
  #transferts_paginate
  .paginate_button.previous.disabled:hover,
body
  #administration
  #administration-screen
  #users-screen
  #transferts_paginate
  .paginate_button.next.disabled:hover,
body
  #administration
  #administration-screen
  #users-screen
  #transferts_paginate
  .paginate_button.previous.disabled:hover {
  background: unset;
  cursor: not-allowed;
}
body #administration #administration-screen #transferts-screen .titre-add-admin,
body #administration #administration-screen #stats-screen .titre-add-admin,
body #administration #administration-screen #quotas-screen .titre-add-admin,
body #administration #administration-screen #users-screen .titre-add-admin {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
body
  #administration
  #administration-screen
  #transferts-screen
  .titre-add-admin
  #addAdminPopin,
body
  #administration
  #administration-screen
  #stats-screen
  .titre-add-admin
  #addAdminPopin,
body
  #administration
  #administration-screen
  #quotas-screen
  .titre-add-admin
  #addAdminPopin,
body
  #administration
  #administration-screen
  #users-screen
  .titre-add-admin
  #addAdminPopin {
  background-color: #007461;
  color: white;
  transition: all 0.3s ease;
  border: none;
  padding: 12px 16px;
  border-radius: 20px;
  font-weight: 600;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  display: flex;
  gap: 8px;
  align-items: baseline;
}
body
  #administration
  #administration-screen
  #transferts-screen
  .titre-add-admin
  #addAdminPopin:hover,
body
  #administration
  #administration-screen
  #stats-screen
  .titre-add-admin
  #addAdminPopin:hover,
body
  #administration
  #administration-screen
  #quotas-screen
  .titre-add-admin
  #addAdminPopin:hover,
body
  #administration
  #administration-screen
  #users-screen
  .titre-add-admin
  #addAdminPopin:hover {
  background-color: #368787;
}
body section {
  width: calc(100% - 524px);
  display: flex;
  align-items: center;
  padding-bottom: 80px;
}
body section #text-content {
  padding: 0 68px 32px 100px;
}
body section #text-content h1 {
  font-size: 44px;
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
}
body section #text-content h1 span {
  color: #007461;
}
body section #text-content h2 {
  font-size: 21px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  line-height: 1.5;
}
body section #text-content ul {
  list-style: none;
  margin-top: 40px;
  padding: 0;
}
body section #text-content ul li {
  margin-bottom: 24px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 23px;
  display: flex;
  align-items: center;
  gap: 16px;
}
body section #text-content ul li .fa-circle-check {
  color: #a0d7a2;
  font-size: 32px;
}
body section #images {
  display: flex;
  gap: 38px;
  padding-top: 36px;
}
body section #images img {
  max-width: 216px;
  position: relative;
  border-radius: 24px;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1607843137);
  height: fit-content;
}
body section #images img:first-child {
  top: 80px;
}
body section #images img:last-child {
  bottom: 80px;
}
body footer {
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100% - 524px);
  height: 80px;
  padding: 0;
}
body footer #disclaimer {
  padding: 8px 36px;
  background-color: #f5f5f5;
  border-radius: 8px;
  height: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  color: #7b7b7b;
}
body footer #disclaimer p {
  font-size: 12px;
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
body footer #disclaimer p i {
  color: #004652;
  margin-right: 4px;
  border: 1px solid;
  border-radius: 2px;
  width: 6px;
  height: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  padding: 4px 4px 5px;
}
body #ajout-users .success-msg,
body #ajout-users .error-msg {
  display: none;
  padding: 16px 20px;
  border-radius: 4px;
  margin-bottom: 20px;
}
body #ajout-users .success-msg {
  background-color: #f4fbf6;
  color: #007461;
}
body #ajout-users .error-msg {
  background-color: #ffe5e8;
  color: #a50015;
}
body #ajout-users .champ {
  position: relative;
}
body #ajout-users .champ label {
  font-weight: bold;
  display: block;
  margin-bottom: 12px;
}
body #ajout-users .champ #users-input {
  padding: 12px;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  width: 100%;
  box-sizing: border-box;
}
body #ajout-users .champ .btn-add-email {
  position: absolute;
  right: 10px;
  cursor: pointer;
  font-size: 24px;
  line-height: 44px;
  color: #a0d7a2;
  transition: all 0.3s ease;
}
body #ajout-users .champ .btn-add-email:hover {
  color: #1a9459;
}
body #ajout-users .emails-list {
  list-style: none;
  margin: 5px 0 0;
  display: inline-block;
  padding: 0;
}
body #ajout-users .emails-list li {
  padding: 5px 10px;
  margin-bottom: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f4fbf6;
  border-radius: 8px;
  gap: 5px;
  font-weight: 500;
  color: #007461;
}
body #ajout-users .emails-list li .delete-mail-item {
  cursor: pointer;
  transition: 0.2s ease;
  font-size: 14px;
  padding: 2px;
  color: #007461;
}
body #ajout-users .emails-list li .delete-mail-item:hover {
  color: #c10000;
}
body div[data-tippy-root] .tippy-box {
  background-color: #f7f8fa;
  color: black;
  border-radius: 8px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25);
  max-width: 450px !important;
}
body div[data-tippy-root] .tippy-box .tippy-arrow {
  color: #f7f8fa;
}
body div[data-tippy-root] .tippy-box .tippy-content {
  padding: 12px 16px;
}
body div[data-tippy-root] .tippy-box .tippy-content h3 {
  margin: 0 auto 20px;
}
body div[data-tippy-root] .tippy-box .tippy-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
body div[data-tippy-root] .tippy-box .tippy-content ul li {
  margin: 8px 0;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}
body div[data-tippy-root] .tippy-box .tippy-content ul li .fichier-nom {
  font-weight: 500;
  display: flex;
  align-items: center;
  text-overflow: ellipsis;
}
body div[data-tippy-root] .tippy-box .tippy-content ul li .fichier-nom i {
  padding: 8px;
  border-radius: 4px;
  margin-right: 10px;
  font-size: 16px;
  width: 32px;
  box-sizing: border-box;
  height: 32px;
  text-align: center;
}
body div[data-tippy-root] .tippy-box .tippy-content ul li .fichier-taille {
  font-size: 13px;
  color: grey;
  white-space: nowrap;
}
body #confirm-action-downRole,
body #confirm-action-upRole,
body #confirm-action-delete {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  padding: 32px;
  border-radius: 24px;
}
body #confirm-action-downRole .user,
body #confirm-action-upRole .user,
body #confirm-action-delete .user {
  color: #007461;
}
body i.pdf {
  color: #a50015;
  background-color: rgba(165, 0, 21, 0.15);
}
body i.archive {
  color: purple;
  background-color: rgba(128, 0, 128, 0.15);
}
body i.excel {
  color: green;
  background-color: rgba(0, 128, 0, 0.15);
}
body i.image {
  color: #ffc300;
  background-color: rgba(255, 195, 0, 0.15);
}
body i.powerpoint {
  color: #f48c06;
  background-color: rgba(244, 140, 6, 0.15);
}
body i.word {
  color: #002ac5;
  background-color: rgba(0, 42, 197, 0.15);
}
body i.autres {
  color: grey;
  background-color: rgba(128, 128, 128, 0.15);
}

@media screen and (min-width: 1500px) and (max-width: 1700px) {
  body main {
    width: 430px;
    padding: 50px 40px 50px;
  }
  body main .content {
    padding: 30px 0 0 0;
  }
  body main .content #window {
    min-width: 340px;
  }
  body section {
    width: calc(100% - 430px);
  }
  body section #text-content {
    padding: 0 40px 0 60px;
  }
  body section #text-content h1 {
    font-size: 40px;
  }
  body section #images {
    gap: 30px;
    padding-top: 56px;
  }
  body section #images img {
    max-width: 212px;
  }
  body footer {
    width: calc(100% - 430px);
  }
}
@media screen and (min-width: 1300px) and (max-width: 1500px) {
  body main {
    width: 400px;
    padding: 50px 20px 50px;
  }
  body main .content {
    padding: 40px 0 0 0;
  }
  body main .content #window {
    max-width: 340px;
    min-width: 330px;
  }
  body section {
    width: calc(100% - 400px);
  }
  body section #text-content {
    padding: 0 30px 0 40px;
  }
  body section #text-content h1 {
    font-size: 38px;
  }
  body section #text-content h2 {
    font-size: 18px;
  }
  body section #images {
    gap: 26px;
    padding-top: 60px;
    margin-right: 2vw;
  }
  body section #images img {
    max-width: 200px;
  }
  body footer {
    width: calc(100% - 400px);
  }
}
@media screen and (min-width: 900px) and (max-width: 1300px) {
  body section #text-content {
    padding: 0 50px;
  }
  body section #text-content h1 {
    font-size: 40px;
  }
  body section #text-content h2 {
    font-size: 20px;
  }
  body section #images {
    display: none;
  }
}
@media screen and (min-width: 720px) and (max-width: 900px) {
  body main {
    width: 50%;
    padding: 60px 5% 50px;
    min-width: 400px;
  }
  body main #window {
    min-width: 340px;
  }
  body section {
    width: 50%;
  }
  body section #text-content {
    padding: 48px 40px 0px;
  }
  body section #text-content h1 {
    font-size: 36px;
  }
  body section #text-content h2 {
    font-size: 18px;
  }
  body section #images {
    display: none;
  }
  body footer {
    width: 50%;
    max-width: calc(100% - 400px);
  }
}
@media screen and (max-width: 720px) {
  body {
    flex-direction: column;
    min-height: 100vh;
  }
  body main {
    width: 100%;
    padding: 60px 5% 80px;
    height: unset;
    flex-grow: 1;
  }
  body main .content #window {
    min-width: 340px;
  }
  body section {
    display: none;
  }
  body footer {
    width: 100%;
    position: static;
  }
  body #tarteaucitronIcon {
    top: 0;
  }
  body #tarteaucitronIcon img {
    width: 30px;
    height: 30px;
  }
}

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