@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
  font-family: Roboto;
}

/** Sizing **/
/** Couleurs **/
/** Admin **/
.adm {
  display: flex;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  background: #1E293B;
  /** Menu gauche **/
}
.adm__left {
  width: 100vw;
  height: 100vh;
  background: #273449;
  padding: 3vw;
  padding-top: 8vw;
  display: flex;
  flex-direction: column;
  transition: 0.5s;
  position: fixed;
  top: 0;
  left: -100vw;
  z-index: 500;
}
@media (min-width: 992px) {
  .adm__left {
    width: 15vw;
    padding: 1vw;
    padding-top: 3vw;
    left: 0vw;
  }
}
.adm__left--active {
  left: 0;
}
.adm__btnmenuclose {
  position: absolute;
  right: 3vw;
  top: 3vw;
  background: white;
  color: #3B82F6;
  font-size: 4vw;
  line-height: 5vw;
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  transition: 0.5s;
}
@media (min-width: 992px) {
  .adm__btnmenuclose {
    display: none;
  }
}
.adm__btnmenuclose:hover {
  cursor: pointer;
  background: #F8FAFC;
  color: #60A5FA;
}
.adm__btnmenu {
  position: fixed;
  left: 3vw;
  top: 3vw;
  background: white;
  color: #3B82F6;
  font-size: 4vw;
  line-height: 5vw;
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}
@media (min-width: 992px) {
  .adm__btnmenu {
    display: none;
  }
}
.adm__btnmenu:hover {
  cursor: pointer;
  background: #F8FAFC;
  color: #60A5FA;
}
.adm__nav {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 3vw;
  padding-top: 5vh;
}
@media (min-width: 992px) {
  .adm__nav {
    gap: 1.4vw;
    padding-top: 0vh;
  }
}
.adm__link {
  color: #F8FAFC;
  font-size: 5vw;
  line-height: 6vw;
  font-weight: 500;
  text-decoration: none;
  transition: 0.5s;
  font-family: Roboto;
}
.adm__link:hover {
  color: #94A3B8;
}
@media (min-width: 992px) {
  .adm__link {
    font-size: 1.2vw;
    line-height: 1.4vw;
  }
}
.adm__mid {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 3vw;
}
@media (min-width: 992px) {
  .adm__mid {
    width: 85vw;
    margin-left: 15vw;
    padding: 1vw;
  }
}
.adm__hdr {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-left: 10vw;
  padding-bottom: 3vw;
  margin-bottom: 3vw;
  border-bottom: 3px solid #3B82F6;
}
@media (min-width: 992px) {
  .adm__hdr {
    width: 90%;
    margin: auto;
    margin-top: 1vw;
    margin-bottom: 1vw;
    padding-bottom: 1vw;
  }
}
.adm__hdr__ttl {
  color: #F8FAFC;
  font-size: 5vw;
  line-height: 6vw;
  font-weight: 500;
  font-family: Roboto;
}
@media (min-width: 992px) {
  .adm__hdr__ttl {
    font-size: 1.4vw;
    line-height: 1.6vw;
  }
}
.adm__hdr__btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3vw;
}
@media (min-width: 992px) {
  .adm__hdr__btns {
    gap: 1vw;
  }
}
.adm__hdr__btn {
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4vw;
  line-height: 5vw;
  width: 8vw;
  height: 8vw;
  background: #3B82F6;
  border: 3px solid #3B82F6;
  transition: 0.5s;
  color: #F8FAFC;
}
.adm__hdr__btn:hover {
  cursor: pointer;
  background: #60A5FA;
  border: 3px solid #60A5FA;
  color: #94A3B8;
}
@media (min-width: 992px) {
  .adm__hdr__btn {
    font-size: 1vw;
    line-height: 1.2vw;
    width: 2vw;
    height: 2vw;
  }
}
.adm__hdr__btn--del {
  background: red;
  border: 3px solid red;
}
.adm__hdr__btn--del:hover {
  background: #721c24;
  border: 3px solid #721c24;
}
.adm__ctnr {
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  margin-top: 0;
}
@media (min-width: 992px) {
  .adm__ctnr {
    width: 90%;
    margin: auto;
    margin-top: 0;
  }
}
.adm__searchbar {
  display: grid;
  grid-template-columns: 80% 20%;
  align-items: center;
  gap: 3vw;
  width: 100%;
  margin-bottom: 3vw;
}
.adm__searchbar .adm__formsubmit {
  margin: auto;
}
@media (min-width: 992px) {
  .adm__searchbar {
    gap: 1vw;
    width: 40%;
  }
}
.adm__searchbar__inp {
  width: 100%;
}
.adm__form {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 3vw;
  gap: 3vw;
}
.adm__form--resa {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto auto;
}
@media (min-width: 992px) {
  .adm__form--resa {
    grid-template-columns: 60% calc(40% - 3vw);
    grid-template-rows: auto auto auto;
  }
}
.adm__form--list {
  background: #F8FAFC;
  border-radius: 20px;
}
@media (min-width: 992px) {
  .adm__form {
    gap: 1vw;
    padding: 1vw;
  }
}
.adm__form__entete {
  display: none;
}
@media (min-width: 992px) {
  .adm__form__entete {
    display: grid;
    width: 100%;
    grid-template-columns: calc(30% - 2vw) calc(30% - 2vw) calc(15% - 2vw) calc(15% - 2vw) 10%;
    gap: 2vw;
  }
}
@media (min-width: 992px) {
  .adm__form__enttlab {
    font-size: 1vw;
    line-height: 1.2vw;
    font-family: Roboto;
  }
}
.adm__form__item {
  border-radius: 20px;
  background: #F8FAFC;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  gap: 3vw;
  padding-bottom: 10vw;
  position: relative;
  padding-top: 5vw;
}
@media (min-width: 992px) {
  .adm__form__item {
    background: unset;
    grid-template-columns: calc(30% - 2vw) calc(30% - 2vw) calc(15% - 2vw) calc(15% - 2vw) 10%;
    grid-template-rows: auto;
    gap: 2vw;
    padding: 0;
  }
}
.adm__form__inpgrp {
  position: relative;
  margin: auto;
}
@media (min-width: 992px) {
  .adm__form__inpgrp {
    margin: 0;
    width: 100%;
  }
}
.adm__form__inplab {
  position: absolute;
  font-size: 3vw;
  line-height: 4vw;
  top: -1.5vw;
  left: 4vw;
  background: #F8FAFC;
  color: #1E293B;
  font-family: Roboto;
  padding: 0 2vw;
}
@media (min-width: 992px) {
  .adm__form__inplab {
    display: none;
  }
  .adm__form__inplab--ordi {
    display: flex !important;
    font-size: 1vw;
    line-height: 1.2vw;
    left: 1.2vw;
    top: -0.7vw;
    padding: 0 0.6vw;
  }
}
.adm__form__inp {
  border: 3px solid #3B82F6;
  background: #F8FAFC;
  padding: 1.4vw 1vw;
  font-size: 3vw;
  line-height: 4vw;
  border-radius: 10px;
}
@media (min-width: 992px) {
  .adm__form__inp {
    font-size: 1vw;
    line-height: 1.2vw;
    padding: 0.4vw;
    width: 100%;
  }
}
.adm__form__on {
  display: flex;
  flex-direction: column;
  gap: 1vw;
  width: 90%;
  position: relative;
  margin: auto;
}
@media (min-width: 992px) {
  .adm__form__on {
    gap: unset;
    margin: auto 0;
  }
}
.adm__form__on .adm__form__inplab {
  color: #424242;
  position: unset;
}
@media (min-width: 992px) {
  .adm__form__on .adm__form__inplab {
    display: none;
  }
}
.adm__form__on__div {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.adm__form__on__btn {
  border: 3px solid #3B82F6;
  background: #F8FAFC;
  color: #3B82F6;
  transition: 0.5s;
  font-size: 3vw;
  line-height: 4vw;
  border-radius: 20px 0 0 20px;
  width: 50%;
}
.adm__form__on__btn:nth-child(3) {
  border-radius: 0 20px 20px 0;
  border-left: none;
}
@media (min-width: 992px) {
  .adm__form__on__btn {
    font-size: 1vw;
    line-height: 1.2vw;
  }
}
.adm__form__on__btn:hover {
  cursor: pointer;
  background: #3B82F6;
  color: #F8FAFC;
}
.adm__form__on__btn--active {
  background: #3B82F6;
  color: #F8FAFC;
}
.adm__form__on__btn--active:hover {
  background: #F8FAFC;
  color: #3B82F6;
}
.adm__form__btndel {
  color: #424242;
  position: absolute;
  bottom: 3vw;
  right: 3vw;
  background: none;
  border: none;
  font-size: 3vw;
  line-height: 4vw;
  transition: 0.5s;
}
@media (min-width: 992px) {
  .adm__form__btndel {
    bottom: unset;
    right: unset;
    position: unset;
    margin: auto;
    margin-right: 0;
    font-size: 1vw;
    line-height: 1.2vw;
  }
}
.adm__form__btndel:hover {
  cursor: pointer;
  color: #313131;
}
.adm__form__sublist {
  display: flex;
  flex-direction: column;
  gap: 3vw;
  width: 100%;
}
@media (min-width: 992px) {
  .adm__form__sublist {
    gap: 1vw;
  }
}
.adm__form__col {
  display: flex;
  flex-direction: column;
  gap: 3vw;
  width: 100%;
}
@media (min-width: 992px) {
  .adm__form__col {
    gap: 1vw;
  }
}
.adm__form__card {
  background: #F8FAFC;
  border-radius: 10px;
  padding: 3vw;
  display: flex;
  flex-direction: column;
  gap: 3vw;
}
.adm__form__card--inactive {
  display: none;
}
.adm__form__card .adm__form__inpgrp {
  width: 90%;
}
@media (min-width: 992px) {
  .adm__form__card .adm__form__inpgrp {
    width: 100%;
  }
}
.adm__form__card .adm__form__inp {
  width: 100%;
}
@media (min-width: 992px) {
  .adm__form__card {
    padding: 1vw;
    gap: 1vw;
  }
}
.adm__form__subttl {
  color: #424242;
  font-size: 5vw;
  line-height: 6vw;
  font-weight: 500;
  font-family: Roboto;
}
@media (min-width: 992px) {
  .adm__form__subttl {
    font-size: 1.4vw;
    line-height: 1.6vw;
  }
}
.adm__formlist {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 3vw;
}
@media (min-width: 992px) {
  .adm__formlist {
    gap: 1vw;
  }
}
.adm__formsubmit {
  background: #3B82F6;
  transition: 0.5s;
  font-size: 3vw;
  line-height: 4vw;
  padding: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1vw;
  color: #F8FAFC;
  border-radius: 10px;
  border: none;
  margin-left: auto;
  margin-right: 0;
  margin-top: 3vw;
}
.adm__formsubmit--mid {
  margin: auto;
  margin-bottom: 3vw;
}
.adm__formsubmit--second {
  background: white;
  color: #3B82F6;
  border: 3px solid #3B82F6;
}
@media (min-width: 992px) {
  .adm__formsubmit {
    font-size: 1vw;
    line-height: 1.2vw;
    padding: 0.4vw;
    gap: 0.4vw;
    margin-top: 1vw;
  }
}
.adm__formsubmit:hover {
  cursor: pointer;
  background: #60A5FA;
  color: #94A3B8;
}
.adm__details {
  font-family: Roboto;
  font-size: 4vw;
  line-height: 5vw;
  color: #313131;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2vw;
}
.adm__details strong {
  font-weight: 500;
}
@media (min-width: 992px) {
  .adm__details {
    font-size: 1vw;
    line-height: 1.2vw;
    gap: 0.6vw;
  }
}
.adm__details__empty {
  color: #ffbe00;
  font-weight: 500;
}
.adm {
  /** Liste **/
}
.adm__list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 3vw;
}
.adm__list--entree {
  margin-top: 3vw;
}
@media (min-width: 992px) {
  .adm__list {
    gap: 1vw;
  }
  .adm__list--emplacement, .adm__list--resa {
    width: 60%;
    margin: 0 auto;
  }
}
.adm__item {
  width: 100%;
  display: grid;
  background: white;
  padding: 1vw 3vw;
  border-radius: 10px;
}
@media (min-width: 992px) {
  .adm__item {
    padding: 0.4vw;
  }
}
.adm__item--emplacement, .adm__item--resa {
  grid-template-columns: 30% 40% 30%;
}
.adm__item--resa {
  grid-template-columns: 40% 40% 20%;
}
.adm__item--wait, .adm__item--orange {
  background: #ffbe00;
}
.adm__item--red {
  background: red;
}
.adm__item--fixed {
  background: #3B82F6;
}
.adm__item--white {
  background: white;
}
.adm__item--green {
  background: green;
}
.adm__item--grey {
  background: grey;
}
.adm__item--big {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2vw;
  background: #3B82F6;
  width: 110%;
  padding: 0.8vw;
  margin-left: -5%;
}
.adm__item__big {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3vw;
  margin: auto;
  font-size: 5vw;
  line-height: 6vw;
  color: white;
  font-family: Roboto;
}
@media (min-width: 992px) {
  .adm__item__big {
    gap: 1vw;
    font-size: 1.4vw;
    line-height: 1.6vw;
  }
}
.adm__item__big--succ {
  color: #18ed18;
}
.adm__item__secnum {
  margin: auto 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3vw;
  font-size: 4vw;
  line-height: 5vw;
  color: #424242;
  font-family: Roboto;
}
@media (min-width: 992px) {
  .adm__item__secnum {
    gap: 1vw;
    font-size: 1vw;
    line-height: 1.2vw;
  }
}
.adm__item__icos {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3vw;
  margin: auto 0;
}
@media (min-width: 992px) {
  .adm__item__icos {
    gap: 1vw;
  }
}
.adm__item__ico {
  font-size: 4vw;
  line-height: 5vw;
  color: #424242;
  font-family: Roboto;
}
.adm__item__ico--succ {
  color: green;
}
.adm__item__ico--err {
  color: red;
}
@media (min-width: 992px) {
  .adm__item__ico {
    font-size: 1vw;
    line-height: 1.2vw;
  }
}
.adm__item__btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 3vw;
  margin: auto;
  margin-right: 0;
}
@media (min-width: 992px) {
  .adm__item__btns {
    gap: 1vw;
  }
}
.adm__item__btn {
  background: none;
  border: none;
  transition: 0.5s;
  font-size: 4vw;
  line-height: 5vw;
  color: #3B82F6;
}
@media (min-width: 992px) {
  .adm__item__btn {
    font-size: 1vw;
    line-height: 1.2vw;
  }
}
.adm__item__btn:hover {
  cursor: pointer;
  color: #60A5FA;
}
.adm__item__btn--del {
  color: red;
}
.adm__item__btn--del:hover {
  color: #721c24;
}
.adm__doubliste {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1vw;
}
.adm {
  /** Emplacement carte **/
}
.adm__cartempl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3vw;
}
@media (min-width: 992px) {
  .adm__cartempl {
    gap: 1vw;
    flex-direction: row;
  }
}
.adm__carte {
  width: 90%;
}
@media (min-width: 992px) {
  .adm__carte {
    width: 70%;
  }
}
.adm__listempl {
  width: 100%;
  max-height: 80vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 3vw;
}
@media (min-width: 992px) {
  .adm__listempl {
    gap: 1vw;
    width: 30%;
  }
}
.adm__listempl__item {
  background: #3B82F6;
  padding: 3vw;
  font-size: 4vw;
  line-height: 5vw;
  border-radius: 20px;
  display: grid;
  grid-template-columns: 30% 15% 15% 40%;
  align-items: center;
  border: none;
  transition: 0.5s;
}
.adm__listempl__item--empty {
  background: #ffbe00;
}
.adm__listempl__item--plein {
  background: green;
}
.adm__listempl__item--reserved {
  background: black;
  color: white;
}
.adm__listempl__item--selected {
  background: #3B82F6;
}
.adm__listempl__item:hover {
  cursor: pointer;
  background: #3B82F6;
}
@media (min-width: 992px) {
  .adm__listempl__item {
    padding: 1vw;
    font-size: 1vw;
    line-height: 1.2vw;
  }
}

.hidden {
  display: none;
}

/** Modal **/
.modal {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.modal--active {
  display: flex;
}
.modal__ctt {
  background: #F8FAFC;
  border-radius: 20px;
  max-width: 90%;
  max-height: 90%;
  display: flex;
  flex-direction: column;
  padding: 3vw;
  position: relative;
}
@media (min-width: 992px) {
  .modal__ctt {
    padding: 1vw;
    max-width: 70%;
    max-height: 70%;
  }
}
.modal__btnclose {
  position: absolute;
  top: -3vw;
  right: -3vw;
  width: 6vw;
  height: 6vw;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #3B82F6;
  color: #F8FAFC;
  font-size: 3vw;
  border: none;
}
.modal__btnclose:hover {
  cursor: pointer;
  background-color: #60A5FA;
}
@media (min-width: 992px) {
  .modal__btnclose {
    width: 2vw;
    height: 2vw;
    top: -1vw;
    right: -1vw;
    font-size: 1vw;
  }
}
.modal__ttl {
  font-size: 5vw;
  line-height: 6vw;
  font-weight: 500;
  color: #3B82F6;
  font-family: Roboto;
}
@media (min-width: 992px) {
  .modal__ttl {
    font-size: 2vw;
    line-height: 2.2vw;
  }
}
.modal__subttl {
  font-size: 4vw;
  line-height: 5vw;
  font-weight: 500;
  color: #273449;
  font-family: Roboto;
}
@media (min-width: 992px) {
  .modal__subttl {
    font-size: 1.4vw;
    line-height: 1.6vw;
  }
}
.modal__form {
  margin-top: 5vw;
  margin-bottom: 3vw;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .modal__form {
    margin-top: 2vw;
    margin-bottom: 1vw;
  }
}
.modal__form--duplresa {
  display: grid;
  grid-template-columns: auto;
  gap: 3vw;
}
@media (min-width: 992px) {
  .modal__form--duplresa {
    grid-template-columns: auto auto;
    grid-template-rows: auto auto auto auto;
    gap: 1vw;
  }
}
.modal__btnsbmt {
  border-radius: 10px;
  background-color: #3B82F6;
  color: white;
  font-size: 3vw;
  line-height: 4vw;
  padding: 3vw;
  margin: auto;
  border: none;
}
@media (min-width: 992px) {
  .modal__btnsbmt {
    font-size: 1vw;
    line-height: 1.2vw;
    padding: 1vw;
  }
}
.modal__btnsbmt:hover {
  cursor: pointer;
  background: #60A5FA;
}

#resa-resp-inpgrp {
  grid-column: 1;
  grid-row: 1;
}

#resa-date-inpgrp {
  grid-column: 1;
  grid-row: 2;
}
@media (min-width: 992px) {
  #resa-date-inpgrp {
    grid-column: 2;
    grid-row: 1;
  }
}

#resa-moderglt-inpgrp {
  grid-column: 1;
  grid-row: 3;
}
@media (min-width: 992px) {
  #resa-moderglt-inpgrp {
    grid-column: 1;
    grid-row: 2;
  }
}

#resa-rglt-inpgrp {
  grid-column: 1;
  grid-row: 4;
}
@media (min-width: 992px) {
  #resa-rglt-inpgrp {
    grid-column: 2;
    grid-row: 2;
  }
}

#resa-note-inpgrp {
  grid-row: 5;
  grid-column: 1;
}
@media (min-width: 992px) {
  #resa-note-inpgrp {
    grid-column: 1/3;
    grid-row: 3;
  }
}

#resa-mmempl-inpgrp {
  grid-row: 6;
  grid-column: 1;
}
@media (min-width: 992px) {
  #resa-mmempl-inpgrp {
    grid-row: 4;
    grid-column: 1/3;
  }
}

.arritem {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto auto;
  gap: 2vw;
}
.arritem__name {
  grid-row: 1;
  grid-column: 1;
  font-size: 4vw;
  font-family: Roboto;
  line-height: 5vw;
}
.arritem__infos {
  grid-row: 2;
  grid-column: 1;
  display: flex;
  flex-direction: column;
}
.arritem__info {
  font-size: 4vw;
  font-family: Roboto;
  line-height: 5vw;
  font-style: italic;
}
.arritem__info--red {
  color: red;
}
.arritem__info--green {
  color: green;
}
.arritem__empls {
  grid-row: 1/3;
  grid-column: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.arritem__empl {
  font-size: 4vw;
  font-family: Roboto;
  line-height: 5vw;
}
.arritem .btnListEntree {
  grid-row: 1/3;
  grid-column: 3;
}

/** Modal entrée **/
.modalentree {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.modalentree--active {
  display: flex;
}
.modalentree__ctnr {
  max-height: 70vh;
  max-width: 85vw;
  overflow-y: auto;
  background: white;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 1vw;
  padding: 3vw;
}
.modalentree__ttl {
  font-size: 6vw;
  line-height: 7vw;
  font-weight: 600;
  font-family: Roboto;
}
.modalentree__empl {
  font-family: Roboto;
  font-size: 4vw;
  line-height: 5vw;
  font-style: italic;
  margin-bottom: 2vw;
}
.modalentree__etat {
  background: grey;
  color: white;
  font-size: 3vw;
  line-height: 4vw;
  padding: 1vw;
  border-radius: 10px;
  font-family: Roboto;
  margin-right: auto;
  margin-left: 0;
}
.modalentree__etat--green {
  background: green;
}
.modalentree__etat--orange {
  background: orange;
}
.modalentree__etat--red {
  background-color: red;
}
.modalentree__rglt {
  font-size: 4vw;
  line-height: 5vw;
  font-family: Roboto;
}
.modalentree__rglt--red {
  color: red;
}
.modalentree__rglt--green {
  color: green;
}
.modalentree__btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 3vw;
  margin: 3vw 0;
}
.modalentree__btn {
  border-radius: 10px;
  font-size: 4vw;
  line-height: 5vw;
  font-family: Roboto;
  padding: 2vw;
  border: 3px solid #3B82F6;
  background: white;
  color: #3B82F6;
  margin: auto;
}
.modalentree__btn--red {
  background: red;
  color: white;
  border: none;
}
.modalentree__btn--orange {
  background: orange;
  color: white;
  border: none;
}
.modalentree__btn--green {
  background: green;
  color: white;
  border: none;
}
.modalentree__btn--grey {
  background: grey;
  color: white;
  border: none;
}

.modcrt {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.modcrt--active {
  display: flex;
}
.modcrt__ctnr {
  max-height: 70vh;
  max-width: 85vw;
  overflow-y: auto;
  background: white;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 1vw;
  padding: 3vw;
}
.modcrt__line {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2vw;
}
.modcrt .adm__formsubmit {
  margin: auto;
}

/** == Components == **/
.alert {
  transition: 0.5s;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  margin-top: -100vh;
  max-width: 90vw;
  padding: 3vw;
  position: fixed;
  left: 25vw;
  z-index: 1500;
}
@media (min-width: 992px) {
  .alert {
    max-width: 50vw;
    padding: 0.8vw;
  }
}
.alert--wait {
  background: #fff3cd;
  color: #856404;
}
.alert--succ {
  background: #d4edda;
  color: #155724;
}
.alert--error {
  background: #f8d7da;
  color: #721c24;
}
.alert--err {
  background: #f8d7da;
  color: #721c24;
}
.alert__ttl {
  font-size: 4vw;
  line-height: 5vw;
  font-family: Roboto;
}
@media (min-width: 992px) {
  .alert__ttl {
    font-size: 1vw;
    line-height: 1.2vw;
  }
}
.alert__desc {
  font-size: 3vw;
  line-height: 4vw;
  font-family: Roboto;
}
@media (min-width: 992px) {
  .alert__desc {
    font-size: 1vw;
    line-height: 1.2vw;
  }
}
.alert--active {
  margin-top: 3vw;
}
@media (min-width: 992px) {
  .alert--active {
    margin-top: 1vw;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../assets/styles/app.scss%22,%22../../assets/styles/_reset.scss%22,%22../../assets/styles/_admin.scss%22,%22../../assets/styles/_components.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22;AACQ;ACDR;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaC;EACA;EACA;EACA;EACA;EACA;;;AAED;AACA;AAAA;EAEC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;AAAA;EAEC;EACA;;;AAED;EACC;EACA;;;AAED;EACI;EACA;;;AAEJ;AA8BA;AClFA;AACA;EACI;EACA;EACA;EACA;EACA;EACA,YD4EG;AC1EH;;AACA;EACI;EACA;EACA,YDuEK;ECtEL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADsDJ;EClEA;IAeQ;IACA;IACA;IACA;;;AAGJ;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA,OD6CQ;EC5CR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD0BJ;ECzCA;IAkBQ;;;AAEJ;EACI;EACA,YD8BF;EC7BE,OD4BA;;ACzBR;EACI;EACA;EACA;EACA;EACA,ODmBQ;EClBR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADCJ;ECfA;IAiBQ;;;AAEJ;EACI;EACA,YDKF;ECJE,ODGA;;ACAR;EACI;EACA;EACA;EACA;EACA;;ADfJ;ECUA;IAQQ;IACA;;;AAGR;EACI,ODZE;ECaF;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,ODpBI;;AAZZ;ECsBA;IAcQ;IACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AD/CJ;ECwCA;IAUQ;IACA;IACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD/DJ;ECuDA;IAWQ;IACA;IACA;IACA;IACA;;;AAGJ;EACI,OD/DF;ECgEE;EACA;EACA;EACA;;AD9ER;ECyEI;IAQQ;IACA;;;AAGR;EACI;EACA;EACA;EACA;;ADzFR;ECqFI;IAOQ;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YD/FI;ECgGJ;EACA;EACA,ODhGF;;ACkGE;EACI;EACA,YDrGJ;E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;;;AAGJ;EACI;EACA,YDr2BA;;;ACy2BZ;EACI;EACA;;;AAEJ;EACI;EACA;;ADz3BA;ECu3BJ;IAKQ;IACA;;;;AAGR;EACI;EACA;;ADl4BA;ECg4BJ;IAKQ;IACA;;;;AAGR;EACI;EACA;;AD34BA;ECy4BJ;IAKQ;IACA;;;;AAGR;EACI;EACA;;ADp5BA;ECk5BJ;IAKQ;IACA;;;;AAGR;EACI;EACA;;AD75BA;EC25BJ;IAKQ;IACA;;;;AAGR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;;;AAIR;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAGR;EACI;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,ODviCQ;ECwiCR;;AAEA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;;;ACvrCR;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFgEA;EE3EJ;IAcQ;IACA;;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AFuCJ;EE1CA;IAMQ;IACA;;;AAGR;EACI;EACA;EACA;;AF6BJ;EEhCA;IAMQ;IACA;;;AAGR;EACI;;AFqBJ;EEtBA;IAIQ%22,%22file%22:%22app.output.css%22%7D */