@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");
.bigContainerRegister {
  width: 100%;
  height: 100vh;
}
.bigContainerRegister .flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  height: 100%;
}
.bigContainerRegister .flex .box {
  width: 50%;
  width: 100%;
  height: 100%;
}
.bigContainerRegister .flex .box .boxContent {
  height: 100%;
}
.bigContainerRegister .flex .box:nth-child(1) {
  background-color: #fff;
}
.bigContainerRegister .flex .box:nth-child(1) .boxContent {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #fff;
  padding: 0 5%;
}
.bigContainerRegister .flex .box:nth-child(1) .boxContent .boxForm {
  max-width: 600px;
  width: 100%;
}
.bigContainerRegister .flex .box:nth-child(1) .boxContent .boxForm .boxTitle {
  text-align: center;
}
.bigContainerRegister .flex .box:nth-child(1) .boxContent .boxForm .boxTitle p {
  margin-top: 10px;
  color: gray;
}
.bigContainerRegister .flex .box:nth-child(1) .boxContent .boxForm form {
  margin: 50px 0;
}
.bigContainerRegister .flex .box:nth-child(1) .boxContent .boxForm form .fieldRow {
  display: flex;
  gap: 20px;
}
.bigContainerRegister .flex .box:nth-child(1) .boxContent .boxForm form .field {
  width: 100%;
  margin-bottom: 15px;
}
.bigContainerRegister .flex .box:nth-child(1) .boxContent .boxForm form .field label {
  font-weight: 600;
  display: inline-block;
  margin-bottom: 10px;
}
.bigContainerRegister .flex .box:nth-child(1) .boxContent .boxForm form .field .fieldBG {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 13px 20px 13px 20px;
  border-radius: 16px;
  transition: all 300ms ease-in-out;
  background-color: #f6f5f5;
}
.bigContainerRegister .flex .box:nth-child(1) .boxContent .boxForm form .field .fieldBG:hover {
  border: 1.5px #1c2426 solid;
}
.bigContainerRegister .flex .box:nth-child(1) .boxContent .boxForm form .field .fieldBG input {
  width: 100%;
  background: none;
}
.bigContainerRegister .flex .box:nth-child(1) .boxContent .boxForm form .field .fieldBG i {
  margin-left: 20px;
  cursor: pointer;
  color: #7d7d7d;
}
.bigContainerRegister .flex .box:nth-child(1) .boxContent .boxForm form .rgpd {
  margin-top: 30px;
  display: flex;
  gap: 10px;
}
.bigContainerRegister .flex .box:nth-child(1) .boxContent .boxForm form .rgpd p a {
  text-decoration: underline;
}
.bigContainerRegister .flex .box:nth-child(1) .boxContent .boxForm form button {
  margin-top: 30px;
  background-color: #226F54;
  padding: 16px 20px;
  border-radius: 50px;
  color: #fff;
  width: 100%;
  transition: all 300ms ease-in-out;
}
.bigContainerRegister .flex .box:nth-child(1) .boxContent .boxForm form button:hover {
  background-color: #fff;
  color: #226F54;
}
.bigContainerRegister .flex .box:nth-child(1) .boxContent .boxForm .login p {
  text-align: center;
  color: gray;
}
.bigContainerRegister .flex .box:nth-child(1) .boxContent .boxForm .login p a {
  text-decoration: underline;
  font-weight: 600;
}
.bigContainerRegister .flex .box:nth-child(2) {
  background-color: #fff;
  padding: 15px;
}
.bigContainerRegister .flex .box:nth-child(2) .boxContent {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #1c2426;
  border-radius: 20px;
  padding: 0 5%;
}
.bigContainerRegister .flex .box:nth-child(2) .boxContent .boxTitle {
  text-align: center;
}
.bigContainerRegister .flex .box:nth-child(2) .boxContent .boxTitle h1 {
  color: #fff;
  margin-bottom: 10px;
}
.bigContainerRegister .flex .box:nth-child(2) .boxContent .boxTitle p {
  color: #c1c1c1;
  max-width: 500px;
}

@media screen and (max-width: 1000px) {
  .bigContainerRegister .flex {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .bigContainerRegister .flex {
    grid-template-columns: repeat(1, 1fr);
  }
  .bigContainerRegister .flex .box:nth-child(2) {
    display: none;
  }
}
.bigContainerLogin {
  width: 100%;
  height: 100vh;
}
.bigContainerLogin .flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  height: 100%;
}
.bigContainerLogin .flex .box {
  width: 50%;
  width: 100%;
  height: 100%;
}
.bigContainerLogin .flex .box .boxContent {
  height: 100%;
}
.bigContainerLogin .flex .box:nth-child(1) {
  background-color: #fff;
}
.bigContainerLogin .flex .box:nth-child(1) .boxContent {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #fff;
  padding: 0 5%;
}
.bigContainerLogin .flex .box:nth-child(1) .boxContent .boxForm {
  max-width: 600px;
  width: 100%;
}
.bigContainerLogin .flex .box:nth-child(1) .boxContent .boxForm .boxTitle {
  text-align: center;
}
.bigContainerLogin .flex .box:nth-child(1) .boxContent .boxForm .boxTitle p {
  margin-top: 10px;
  color: gray;
}
.bigContainerLogin .flex .box:nth-child(1) .boxContent .boxForm form {
  margin: 50px 0;
}
.bigContainerLogin .flex .box:nth-child(1) .boxContent .boxForm form .field {
  width: 100%;
  margin-bottom: 15px;
}
.bigContainerLogin .flex .box:nth-child(1) .boxContent .boxForm form .field label {
  font-weight: 600;
  display: inline-block;
  margin-bottom: 10px;
}
.bigContainerLogin .flex .box:nth-child(1) .boxContent .boxForm form .field .fieldBG {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 15px;
  padding: 13px 20px 13px 20px;
  border-radius: 16px;
  transition: all 300ms ease-in-out;
  background-color: #f6f5f5;
}
.bigContainerLogin .flex .box:nth-child(1) .boxContent .boxForm form .field .fieldBG input {
  width: 100%;
  background: none;
}
.bigContainerLogin .flex .box:nth-child(1) .boxContent .boxForm form .field .fieldBG i {
  cursor: pointer;
  color: #7d7d7d;
}
.bigContainerLogin .flex .box:nth-child(1) .boxContent .boxForm form .passwordForgot {
  text-align: end;
  margin-top: 30px;
}
.bigContainerLogin .flex .box:nth-child(1) .boxContent .boxForm form .passwordForgot a:hover {
  text-decoration: underline;
}
.bigContainerLogin .flex .box:nth-child(1) .boxContent .boxForm form .rgpd {
  margin-top: 30px;
  display: flex;
  gap: 10px;
}
.bigContainerLogin .flex .box:nth-child(1) .boxContent .boxForm form .rgpd p a {
  text-decoration: underline;
}
.bigContainerLogin .flex .box:nth-child(1) .boxContent .boxForm form button {
  margin-top: 30px;
  background-color: #226F54;
  padding: 16px 20px;
  border-radius: 50px;
  color: #fff;
  width: 100%;
  transition: all 300ms ease-in-out;
}
.bigContainerLogin .flex .box:nth-child(1) .boxContent .boxForm form button:hover {
  background-color: #fff;
  color: #226F54;
}
.bigContainerLogin .flex .box:nth-child(1) .boxContent .boxForm .register p {
  text-align: center;
  color: gray;
}
.bigContainerLogin .flex .box:nth-child(1) .boxContent .boxForm .register p a {
  text-decoration: underline;
  font-weight: 600;
}
.bigContainerLogin .flex .box:nth-child(2) {
  background-color: #fff;
  padding: 15px;
}
.bigContainerLogin .flex .box:nth-child(2) .boxContent {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #1c2426;
  border-radius: 20px;
  padding: 0 5%;
}
.bigContainerLogin .flex .box:nth-child(2) .boxContent .boxTitle {
  text-align: center;
}
.bigContainerLogin .flex .box:nth-child(2) .boxContent .boxTitle h1 {
  color: #fff;
  margin-bottom: 10px;
}
.bigContainerLogin .flex .box:nth-child(2) .boxContent .boxTitle p {
  color: #c1c1c1;
  max-width: 500px;
}

@media screen and (max-width: 1000px) {
  .bigContainerLogin .flex {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .bigContainerLogin .flex {
    grid-template-columns: repeat(1, 1fr);
  }
  .bigContainerLogin .flex .box:nth-child(2) {
    display: none;
  }
}
.bigContainerPassword {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5%;
}
.bigContainerPassword .content .icon {
  margin-bottom: 20px;
}
.bigContainerPassword .content .icon i {
  text-align: center;
  font-size: 30px;
}
.bigContainerPassword .content form {
  margin: 50px 0;
}
.bigContainerPassword .content form .field {
  width: 100%;
  margin-bottom: 15px;
}
.bigContainerPassword .content form .field label {
  font-weight: 600;
  display: inline-block;
  margin-bottom: 10px;
}
.bigContainerPassword .content form .field .fieldBG {
  display: flex;
  align-items: center;
  border: 1.5px #dedfe4 solid;
  width: 100%;
  padding: 13px 20px 13px 20px;
  border-radius: 16px;
  transition: all 300ms ease-in-out;
  box-shadow: 0 3px 10px #f3f3f3;
}
.bigContainerPassword .content form .field .fieldBG:hover {
  border: 1.5px #1c2426 solid;
}
.bigContainerPassword .content form .field .fieldBG input {
  width: 100%;
  background: none;
}
.bigContainerPassword .content form .field .fieldBG i {
  margin-left: 20px;
  cursor: pointer;
  color: #7d7d7d;
}
.bigContainerPassword .content form .passwordForgot {
  text-align: end;
  margin-top: 30px;
}
.bigContainerPassword .content form .passwordForgot a:hover {
  text-decoration: underline;
}
.bigContainerPassword .content form .rgpd {
  margin-top: 30px;
  display: flex;
  gap: 10px;
}
.bigContainerPassword .content form .rgpd p a {
  text-decoration: underline;
}
.bigContainerPassword .content form button {
  border: 1.5px #1c2426 solid;
  margin-top: 30px;
  background-color: #1c2426;
  padding: 16px 20px 16px 20px;
  border-radius: 16px;
  color: #fff;
  width: 100%;
  box-shadow: 0 3px 10px #f3f3f3;
  transition: all 300ms ease-in-out;
}
.bigContainerPassword .content form button:hover {
  background-color: #fff;
  color: #1c2426;
}
.bigContainerPassword .content form .backLogin {
  text-align: center;
  display: inline-block;
  margin-top: 30px;
}

.bigContainerWaitingActivate {
  height: 100vh;
  width: 100%;
}
.bigContainerWaitingActivate .flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  height: 100%;
}
.bigContainerWaitingActivate .flex .box {
  width: 50%;
  width: 100%;
  height: 100%;
}
.bigContainerWaitingActivate .flex .box .boxContent {
  display: flex;
  flex-direction: column;
  text-align: center;
  height: 100%;
  width: 100%;
  padding: 0 5%;
}
.bigContainerWaitingActivate .flex .box .boxContent p {
  margin: 30px 0;
}
.bigContainerWaitingActivate .flex .box .boxContent a {
  border: 1.5px #226F54 solid;
  margin-top: 30px;
  background-color: #226F54;
  padding: 16px 20px 16px 20px;
  border-radius: 16px;
  color: #fff;
  width: 100%;
  box-shadow: 0 3px 10px #f3f3f3;
  transition: all 300ms ease-in-out;
}
.bigContainerWaitingActivate .flex .box:nth-child(1) {
  background-color: #fff;
}
.bigContainerWaitingActivate .flex .box:nth-child(1) .boxContent {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #fff;
  padding: 0 5%;
}
.bigContainerWaitingActivate .flex .box:nth-child(2) {
  background-color: #fff;
  padding: 15px;
}
.bigContainerWaitingActivate .flex .box:nth-child(2) .boxContent {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #1c2426;
  border-radius: 20px;
  padding: 0 5%;
}
.bigContainerWaitingActivate .flex .box:nth-child(2) .boxContent .boxTitle {
  text-align: center;
}
.bigContainerWaitingActivate .flex .box:nth-child(2) .boxContent .boxTitle h1 {
  color: #fff;
  margin-bottom: 10px;
}
.bigContainerWaitingActivate .flex .box:nth-child(2) .boxContent .boxTitle p {
  color: #c1c1c1;
  max-width: 500px;
}

@media screen and (max-width: 1000px) {
  .bigContainerWaitingActivate .flex {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .bigContainerWaitingActivate .flex {
    grid-template-columns: repeat(1, 1fr);
  }
  .bigContainerWaitingActivate .flex .box:nth-child(2) {
    display: none;
  }
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  color: #1c2426;
}

:root {
  --color-default: #1c2426;
}

.statusBG {
  display: inline-block;
}
.statusBG .status {
  display: flex;
  gap: 5px;
  align-items: center;
  font-weight: 600;
  padding: 7px 14px;
  border-radius: 50px;
}
.statusBG .status.À-traiter {
  color: var(--color-default);
  background-color: #ffcf77;
}
.statusBG .status.À-traiter .bulletPoint {
  background-color: #cc8500;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  border-radius: 4px;
}
.statusBG .status.En-cours-de-traitement {
  color: var(--color-default);
  background-color: #ffe65c;
}
.statusBG .status.En-cours-de-traitement .bulletPoint {
  background-color: #bb9f00;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  border-radius: 4px;
}
.statusBG .status.Demande-traitée {
  color: var(--color-default);
  background-color: #92dfac;
}
.statusBG .status.Demande-traitée .bulletPoint {
  background-color: #428257;
  height: 10px;
  width: 10px;
  border-radius: 4px;
}
.statusBG .status.Sans-suite {
  color: var(--color-default);
  background-color: #eca8a8;
}
.statusBG .status.Sans-suite .bulletPoint {
  background-color: #ae4a4a;
  height: 10px;
  width: 10px;
  border-radius: 4px;
}

html {
  scroll-behavior: auto;
}

body {
  background-color: #fff;
}

h1 {
  font-size: 30px;
  font-weight: 600;
}

a {
  text-decoration: none;
}

ul, li {
  list-style-type: none;
}

input, button {
  outline: none;
  border: none;
}

button {
  cursor: pointer;
}/*# sourceMappingURL=loginRegister.css.map */