/*      ./assets/sass/dart-sass/sass assets/sass/style.scss assets/css/style.css --watch */
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

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

td,
th {
  padding: 0;
}

/* ====================== E N D   R E S E T ================= */
/*----------------------------------------------------------------------------------**/
/*----------------------------------------------------------------------------------**/
/*$grumental: #2E2D2D;
$baby-powder: #f7f8f2ff;
$silver-sand: #bdc2bfff;
$green-yellow-crayola: #e6e49fff;
$alert: rgb(255, 174, 0);
$submit: #88ad71;
$delete: #E6737E;*/
/*=============================== M I X I N S ==================================*/
/*=============================== B O X S ==================================*/
/*--------------------------------*/
/*refacto nom couleurs*/
/*=============================== M I X I N S ==================================*/
/* type de boutton ? (validation/recherche..etc)*/
/* Et une fonction ?? */
/* ------------------------- F A D E   I N -------------------- */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* sur Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* sur Safari et Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* sur Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* ------------------------ F A D E   O U T ---------------------- */
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes fadeout {
  /* sur Firefox */
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fadeout {
  /* sur Safari et Chrome */
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes fadeout {
  /* sur Opera */
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@font-face {
  font-family: "Ovink";
  src: url("//db.onlinewebfonts.com/t/33f1a2305633401f3215aa8c82874cf7.eot");
  src: url("//db.onlinewebfonts.com/t/33f1a2305633401f3215aa8c82874cf7.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/33f1a2305633401f3215aa8c82874cf7.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/33f1a2305633401f3215aa8c82874cf7.woff") format("woff"), url("//db.onlinewebfonts.com/t/33f1a2305633401f3215aa8c82874cf7.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/33f1a2305633401f3215aa8c82874cf7.svg#Ovink") format("svg");
}
@font-face {
  font-family: "Ovink-SB";
  src: url("//db.onlinewebfonts.com/t/2a4f94673512e9a6ec0ba5e7efc35314.eot");
  src: url("//db.onlinewebfonts.com/t/2a4f94673512e9a6ec0ba5e7efc35314.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/2a4f94673512e9a6ec0ba5e7efc35314.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/2a4f94673512e9a6ec0ba5e7efc35314.woff") format("woff"), url("//db.onlinewebfonts.com/t/2a4f94673512e9a6ec0ba5e7efc35314.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/2a4f94673512e9a6ec0ba5e7efc35314.svg#Ovink") format("svg");
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 31, 2021 */
@font-face {
  font-family: "shrikhand";
  src: url("shrikhand-regular-webfont.eot");
  src: url("shrikhand-regular-webfont.eot?#iefix") format("embedded-opentype"), url("shrikhand-regular-webfont.woff2") format("woff2"), url("shrikhand-regular-webfont.woff") format("woff"), url("shrikhand-regular-webfont.ttf") format("truetype"), url("shrikhand-regular-webfont.svg#shrikhandregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/**/
/**/
/**/
/* =============== H E A D E R =================== */
.navbar-links {
  height: 10%;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 3%;
  background-color: #3D5A6C;
}

.navbar-links a {
  font-family: "aliensCows";
  color: #50B2C0;
  padding: 1.5%;
  font-size: 2em;
  padding-right: 2%;
  height: 40%;
}

.navbar-button {
  color: #2E2D2D;
  display: flex;
  justify-content: space-around;
  padding-left: 10%;
  padding-right: 10%;
}

.posts-list {
  color: #2E2D2D;
  display: flex;
  background-color: #3D5A6C;
  justify-content: space-around;
  padding-left: 10%;
  padding-right: 10%;
  height: 200px;
}

.post-list-user {
  width: 85%;
}

.post-list-logout {
  width: 85%;
}

.post-list-calendar {
  color: white;
}

footer {
  text-align: center;
}

.footer {
  width: 100%;
  font-family: "lancelot";
  font-size: 1em;
  text-align: center;
  margin: auto;
  background-color: #4B74A8;
  margin-top: 10%;
  color: #E6EFE9;
  background-color: #3D5A6C;
}

.footer img {
  margin-bottom: 1%;
}

.alert-message {
  color: #ffae00;
  font-weight: bold;
}

/**/
/**/
/*---------------------- C A L E N D A R ----------------*/
.calendar {
  background-color: white;
  height: 100%;
  width: 100%;
  border: solid 3px #503d3fff;
  padding: 20px;
  /**/
  /**/
  /**/
}
.calendar-page {
  width: 100%;
  display: flex;
  justify-content: center;
}
.calendar tbody {
  border-radius: 100px;
}
.calendar-nav-month {
  padding: 1%;
  height: 30px;
  font-size: 1.3em;
}
.calendar-nav-year {
  padding: 1%;
  height: 40px;
  font-size: 1.1em;
}

.navigation-arrow {
  width: 4%;
}

.days-names {
  display: flex;
  width: 100%;
  height: 60px;
  justify-content: space-around;
  align-items: center;
}

.button-container-horizontal {
  display: flex;
  width: 100%;
  justify-content: space-around;
}

.button-container-vertical {
  display: flex;
  justify-content: center;
  border-radius: 25%;
  /**/
}
.button-container-vertical:hover {
  background-color: #503d3fff;
}

.button-container {
  background-color: #f7f8f2ff;
  display: flex;
  justify-content: center;
  border-radius: 25%;
  border: none;
  margin: 4%;
}

.day {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: white;
  text-align: center;
  margin: 1%;
  width: 5vh;
  height: 10vh;
  /**/
  /**/
}
.day:hover {
  text-decoration: none;
  color: white;
}
.day-number {
  height: 50%;
  margin-top: 70%;
  font-weight: bold;
}

.session-number {
  height: 30%;
  color: #ccb8b6;
  font-size: 0.8em;
  margin-bottom: 100%;
}

.day-names {
  text-decoration: none;
  color: #2E2D2D;
  text-align: center;
  margin: auto;
  margin-top: 4%;
  width: 5vh;
  height: 9vh;
  font-weight: bold;
}

@media screen and (min-width: 600px) {
  .navigation-arrow {
    width: 2%;
  }

  .button-container {
    width: 80px;
  }

  .calendar {
    width: 70%;
  }
}
@media screen and (min-width: 975px) {
  .navigation-arrow {
    width: 2%;
  }

  .day-names {
    margin-top: 3%;
  }

  .button-container {
    width: 110px;
  }

  .calendar {
    width: 60%;
  }
}
/*---------------------- D I S P L A Y   D A T A  ----------------*/
.display {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  /**/
  /**/
}
.display-head {
  width: 100%;
  padding: 2%;
  background-color: white;
  font-size: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  /**/
}
.display-head-title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.display-form {
  width: 100%;
  background-color: #3D5A6C;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /**/
  /**/
  /**/
  /**/
  /**/
  /**/
}
.display-form form {
  width: 80%;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px 10px 10px 10px;
}
.display-form-title {
  text-align: center;
  padding-bottom: 10%;
  background-color: #3D5A6C;
  text-decoration: underline;
  color: white;
  padding-top: 2%;
  padding-bottom: 3%;
  width: 100%;
  height: 50px;
}
.display-form-place {
  background-color: white;
  width: 100%;
  border-radius: 10px 10px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2%;
}
.display-form-place input {
  width: 60%;
}
.display-form-place select {
  background-color: white;
  text-align: center;
  border-radius: 8px;
  height: 30px;
  width: 90%;
  font-size: 1em;
  margin-top: 2%;
  margin-bottom: 2%;
}
.display-form-place select option {
  text-align: center;
}
.display-form-dates {
  width: 60%;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.display-form-date {
  display: flex;
  flex-direction: column;
  padding: 5%;
}
.display-form-manage {
  display: flex;
  justify-content: center;
  border-radius: 0 0 10px 10px;
  padding-top: 3%;
  padding-bottom: 4%;
  /**/
}
.display-form-manage-submit {
  height: 50px;
  padding: 20px;
  margin: 2%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-color: #4ec25e;
  box-shadow: 0px 0px 0px rgba(0, 0, 1, 0.5);
  color: white;
  border-radius: 35px 35px 35px 35px;
  transition-duration: 700ms;
  transform: scale(1);
  font-weight: bold;
  font-size: 1em;
  /**/
}
.display-form-manage-submit:hover {
  color: #4ec25e;
  background-color: white;
  transform: scale(1.1);
  font-weight: bold;
}

.display-data {
  background-color: #3D5A6C;
  padding-top: 2%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /**/
  /**/
  /**/
}
.display-data-title {
  color: white;
  padding-bottom: 1%;
  text-decoration: underline;
}
.display-data-container {
  width: 80%;
  background-color: white;
  border: 5px solid white;
  border-radius: 10px 10px 10px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 0.1%;
  /**/
  /**/
  /**/
  /**/
  /**/
}
.display-data-container-title {
  margin: 3%;
}
.display-data-container-dates {
  display: flex;
  justify-content: space-between;
  margin-top: 5%;
  margin-bottom: 5%;
}
.display-data-container-date {
  display: flex;
  flex-direction: column;
  padding: 5%;
}
.display-data-container-manage {
  display: flex;
  justify-content: center;
  background-color: white;
  border-radius: 0 0 10px 10px;
  /**/
}
.display-data-container-manage-submit {
  height: 50px;
  padding: 20px;
  margin: 2%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-color: #4ec25e;
  box-shadow: 0px 0px 0px rgba(0, 0, 1, 0.5);
  color: white;
  border-radius: 35px 35px 35px 35px;
  transition-duration: 700ms;
  transform: scale(1);
  font-weight: bold;
  font-size: 1em;
  /**/
}
.display-data-container-manage-submit:hover {
  color: #4ec25e;
  background-color: white;
  transform: scale(1.1);
  font-weight: bold;
}
.display-data-container-table {
  width: 100%;
  /**/
  /**/
  /**/
}
.display-data-container-table-head {
  text-align: center;
  padding: 2%;
  border-bottom: thin solid #3D5A6C;
  height: 50px;
}
.display-data-container-table-body {
  /**/
}
.display-data-container-table-body tr {
  margin: 1.5%;
  padding: 1.5%;
  /**/
}
.display-data-container-table-body tr td {
  width: 200px;
  padding: 1.5%;
}
.display-data-container-table-body-number {
  border-right: thin solid #3D5A6C;
}
.display-data-container-table-foot {
  border-top: thin solid #3D5A6C;
  /**/
}
.display-data-container-table-foot td {
  padding: 1.5%;
}
.display-data-graph {
  width: 100%;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /**/
}
.display-data-graph canvas {
  border: thin solid #3D5A6C;
}
.display-data-graph-comment {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
}

@media screen and (min-width: 600px) {
  .display {
    /**/
    /**/
  }
  .display-form {
    /**/
    /**/
    /**/
    /**/
  }
  .display-form form {
    width: 60%;
  }
  .display-form-infos {
    /**/
  }
  .display-form-infos input {
    width: 60%;
  }
  .display-form-place {
    /**/
    /**/
  }
  .display-form-place input {
    width: 40%;
  }
  .display-form-place select {
    width: 60%;
    font-size: 1.2em;
  }
  .display-form-dates {
    flex-direction: row;
  }
  .display-list {
    /**/
  }
  .display-list-form {
    width: 60%;
  }

  .display-data {
    /**/
    /**/
  }
  .display-data-container {
    width: 60%;
  }
  .display-data-graph {
    width: 60%;
  }
}
@media screen and (min-width: 975px) {
  .display {
    /**/
    /**/
  }
  .display-form {
    /**/
    /**/
    /**/
  }
  .display-form form {
    width: 50%;
  }
  .display-form-infos {
    border-radius: 10px 10px 0 0;
    /**/
  }
  .display-form-infos input {
    width: 40%;
  }
  .display-form-place input {
    width: 40%;
  }
  .display-form-place select {
    width: 60%;
    font-size: 1.2em;
  }
  .display-list {
    /**/
  }
  .display-list-form {
    width: 50%;
  }

  .display-data {
    /**/
    /**/
  }
  .display-data-container {
    width: 50%;
  }
  .display-data-graph {
    width: 50%;
  }
}
.display {
  /**/
}
.display-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #3D5A6C;
  text-align: left;
  margin-bottom: 3%;
  /**/
  /**/
}
.display-list-title {
  color: white;
  text-decoration: underline;
  padding-top: 2%;
  padding-bottom: 1%;
}
.display-list-form {
  background-color: white;
  width: 80%;
  padding-top: 3%;
  padding-bottom: 2%;
  margin-bottom: 3%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px 10px 10px 10px;
  /**/
}
.display-list-form-content {
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-decoration: none;
  background-color: #ccb8b6;
  width: 90%;
  margin: 1%;
  border-radius: 10px 10px 10px 10px;
  color: #503d3fff;
  transition-duration: 700ms;
  transform: scale(1);
  /**/
  /**/
}
.display-list-form-content:hover {
  transform: scale(1.02);
  text-decoration: none;
  color: #503d3fff;
}
.display-list-form-content-info {
  width: 90%;
  display: flex;
  flex-direction: column;
  padding: 0.5%;
  /**/
}
.display-list-form-content-info table {
  width: 100%;
  /**/
  /**/
  /**/
}
.display-list-form-content-info table thead {
  border-bottom: solid thin #8a7674;
}
.display-list-form-content-info table th {
  min-width: 70%;
}
.display-list-form-content-info table td {
  min-width: 30%;
}

@media screen and (min-width: 600px) {
  .display {
    /**/
  }
  .display-list {
    /**/
  }
  .display-list-form {
    width: 60%;
    padding-top: 2%;
  }

  .display-data-container {
    width: 60%;
  }
}
@media screen and (min-width: 975px) {
  .display {
    /**/
  }
  .display-list {
    /**/
  }
  .display-list-form {
    width: 50%;
    padding-top: 2%;
  }

  .display-data-container {
    width: 50%;
  }
}
/* ------------------------ E R R O R ----------------*/
.error {
  height: 100%;
  /**/
  /**/
}
.error-head {
  background-color: #f7f8f2ff;
  font-size: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 20vh;
}
.error-message {
  color: #ffae00;
}

/*----------------------- L I E U X----------------*/
.intervention {
  height: 100%;
  /**/
  /**/
  /**/
}
.intervention-head {
  background-color: white;
  font-size: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  /**/
}
.intervention-head-date {
  align-self: center;
  justify-self: center;
  padding-top: 3%;
  font-weight: bold;
}
.intervention-form {
  background-color: #3D5A6C;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /**/
  /**/
  /**/
  /**/
}
.intervention-form form {
  width: 85%;
  flex-direction: column;
  align-items: center;
}
.intervention-form form select {
  background-color: white;
  border-radius: 8px;
  height: 35px;
  font-size: 1.1em;
  margin: 1%;
}
.intervention-form-title {
  text-align: center;
  padding-bottom: 10%;
  background-color: #3D5A6C;
  color: white;
  padding-top: 2%;
  padding-bottom: 3%;
  width: 100%;
  height: 50px;
  text-decoration: underline;
}
.intervention-form-infos {
  background-color: white;
  border-radius: 10px 10px 0 0;
  padding-top: 4%;
  padding-bottom: 2%;
  display: flex;
  flex-direction: column;
  align-items: center;
  /**/
}
.intervention-form-infos input {
  width: 90%;
}
.intervention-form-place {
  background-color: white;
  width: 100%;
  padding: 2%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.intervention-form-place input {
  width: 60%;
}
.intervention-form-place select {
  background-color: white;
  text-align: center;
  border-radius: 8px;
  height: 30px;
  width: 90%;
  font-size: 1.2em;
}
.intervention-form-place select option {
  text-align: center;
}
.intervention-form-manage {
  display: flex;
  justify-content: center;
  background-color: white;
  border-radius: 0 0 10px 10px;
  /**/
  /**/
  /**/
}
.intervention-form-manage-submit {
  height: 50px;
  padding: 20px;
  margin: 2%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-color: #4ec25e;
  box-shadow: 0px 0px 0px rgba(0, 0, 1, 0.5);
  color: white;
  border-radius: 35px 35px 35px 35px;
  transition-duration: 700ms;
  transform: scale(1);
  font-weight: bold;
  font-size: 1em;
  /**/
}
.intervention-form-manage-submit:hover {
  color: #4ec25e;
  background-color: white;
  transform: scale(1.1);
  font-weight: bold;
}
.intervention-form-manage-update {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  margin-top: 3%;
  margin-bottom: 5%;
  text-decoration: none;
  background-color: #503d3fff;
  box-shadow: 0px 0px 0px rgba(0, 0, 1, 0.5);
  color: white;
  border-radius: 10px 10px 10px 10px;
  transition-duration: 700ms;
  transform: scale(1);
  font-weight: bold;
  font-size: 1em;
  padding-left: 6%;
  padding-right: 6%;
  /**/
}
.intervention-form-manage-update a {
  text-decoration: none;
  color: white;
  /**/
}
.intervention-form-manage-update a:hover {
  text-decoration: none;
  color: white;
}
.intervention-form-manage-update:hover {
  background-color: #8a7674;
  font-weight: bold;
}
.intervention-form-manage-delete {
  height: 50px;
  padding: 20px;
  margin: 2%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-color: #ec4646;
  box-shadow: 0px 0px 0px rgba(0, 0, 1, 0.5);
  color: #f7f8f2ff;
  border-radius: 35px 35px 35px 35px;
  transition-duration: 700ms;
  transform: scale(1);
  font-weight: bold;
  /**/
}
.intervention-form-manage-delete:hover {
  background-color: white;
  color: #ec4646;
}
.intervention-form-manage-delete:hover a {
  color: #ec4646;
  font-weight: bold;
}
.intervention-form-manage-delete a {
  text-decoration: none;
  color: white;
  /**/
}
.intervention-form-manage-delete a table {
  width: 100%;
}
.intervention-form-manage-delete a:hover {
  text-decoration: none;
  color: #ec4646;
}
.intervention-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #3D5A6C;
  text-align: left;
  margin-bottom: 6%;
  /**/
  /**/
}
.intervention-list-title {
  text-align: center;
  padding-bottom: 10%;
  background-color: #3D5A6C;
  color: white;
  padding-top: 2%;
  padding-bottom: 2.6%;
  width: 100%;
  height: 50px;
  text-decoration: underline;
}
.intervention-list-form {
  background-color: white;
  width: 85%;
  margin-top: 0.5%;
  padding-top: 3%;
  padding-bottom: 3%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px 10px 10px 10px;
  /**/
}
.intervention-list-form-content {
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-decoration: none;
  background-color: #ccb8b6;
  width: 80%;
  margin: 1%;
  border-radius: 10px 10px 10px 10px;
  color: #503d3fff;
  transition-duration: 700ms;
  transform: scale(1);
  min-height: 50px;
  /**/
  /**/
}
.intervention-list-form-content:hover {
  transform: scale(1.02);
  text-decoration: none;
  color: #503d3fff;
}
.intervention-list-form-content-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

@media screen and (min-width: 600px) {
  .intervention {
    /**/
    /**/
  }
  .intervention-form {
    /**/
    /**/
    /**/
  }
  .intervention-form form {
    width: 60%;
  }
  .intervention-form-infos {
    /**/
  }
  .intervention-form-infos input {
    width: 60%;
  }
  .intervention-form-place {
    /**/
    /**/
  }
  .intervention-form-place input {
    width: 40%;
  }
  .intervention-form-place select {
    width: 60%;
    font-size: 1.2em;
  }
  .intervention-list {
    /**/
  }
  .intervention-list-form {
    width: 60%;
  }
}
@media screen and (min-width: 975px) {
  .intervention {
    /**/
    /**/
  }
  .intervention-form {
    /**/
    /**/
    /**/
  }
  .intervention-form form {
    width: 50%;
  }
  .intervention-form-infos {
    border-radius: 10px 10px 0 0;
    /**/
  }
  .intervention-form-infos input {
    width: 40%;
  }
  .intervention-form-place input {
    width: 40%;
  }
  .intervention-form-place select {
    width: 40%;
    font-size: 1.2em;
  }
  .intervention-list {
    /**/
  }
  .intervention-list-form {
    width: 50%;
  }
}
/*----------------------- L I E U X----------------*/
.lieu {
  height: 100%;
  /**/
  /**/
  /**/
}
.lieu-head {
  background-color: white;
  font-size: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  /**/
}
.lieu-head-date {
  align-self: center;
  justify-self: center;
  padding-top: 3%;
  font-weight: bold;
}
.lieu-form {
  background-color: #3D5A6C;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /**/
  /**/
  /**/
  /**/
}
.lieu-form form {
  width: 85%;
  flex-direction: column;
  align-items: center;
}
.lieu-form form select {
  background-color: white;
  border-radius: 8px;
  height: 35px;
  font-size: 1.1em;
  margin: 1%;
}
.lieu-form-title {
  text-align: center;
  padding-bottom: 10%;
  background-color: #3D5A6C;
  color: white;
  padding-top: 2%;
  padding-bottom: 3%;
  width: 100%;
  height: 50px;
  text-decoration: underline;
}
.lieu-form-infos {
  background-color: white;
  border-radius: 10px 10px 0 0;
  padding-top: 4%;
  padding-bottom: 2%;
  display: flex;
  flex-direction: column;
  align-items: center;
  /**/
}
.lieu-form-infos input {
  width: 90%;
}
.lieu-form-place {
  background-color: white;
  width: 100%;
  padding: 2%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lieu-form-place input {
  width: 60%;
}
.lieu-form-place select {
  background-color: white;
  text-align: center;
  border-radius: 8px;
  height: 30px;
  width: 90%;
  font-size: 1.2em;
}
.lieu-form-place select option {
  text-align: center;
}
.lieu-form-manage {
  display: flex;
  width: 100%;
  justify-content: space-around;
  background-color: white;
  border-radius: 0 0 10px 10px;
  /**/
  /**/
  /**/
}
.lieu-form-manage-submit {
  height: 50px;
  padding: 20px;
  margin: 2%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-color: #4ec25e;
  box-shadow: 0px 0px 0px rgba(0, 0, 1, 0.5);
  color: white;
  border-radius: 35px 35px 35px 35px;
  transition-duration: 700ms;
  transform: scale(1);
  font-weight: bold;
  font-size: 1em;
  /**/
}
.lieu-form-manage-submit:hover {
  color: #4ec25e;
  background-color: white;
  transform: scale(1.1);
  font-weight: bold;
}
.lieu-form-manage-update {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  margin-top: 3%;
  margin-bottom: 5%;
  text-decoration: none;
  background-color: #503d3fff;
  box-shadow: 0px 0px 0px rgba(0, 0, 1, 0.5);
  color: white;
  border-radius: 10px 10px 10px 10px;
  transition-duration: 700ms;
  transform: scale(1);
  font-weight: bold;
  font-size: 1em;
  padding-left: 6%;
  padding-right: 6%;
  /**/
}
.lieu-form-manage-update a {
  text-decoration: none;
  color: white;
  /**/
}
.lieu-form-manage-update a:hover {
  text-decoration: none;
  color: white;
}
.lieu-form-manage-update:hover {
  background-color: #8a7674;
  font-weight: bold;
}
.lieu-form-manage-delete {
  height: 50px;
  padding: 20px;
  margin: 2%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-color: #ec4646;
  box-shadow: 0px 0px 0px rgba(0, 0, 1, 0.5);
  color: #f7f8f2ff;
  border-radius: 35px 35px 35px 35px;
  transition-duration: 700ms;
  transform: scale(1);
  font-weight: bold;
  /**/
}
.lieu-form-manage-delete:hover {
  transform: scale(1.1);
  background-color: white;
  color: #ec4646;
}
.lieu-form-manage-delete:hover a {
  color: #ec4646;
  font-weight: bold;
}
.lieu-form-manage-delete a {
  text-decoration: none;
  color: white;
  /**/
}
.lieu-form-manage-delete a table {
  width: 100%;
}
.lieu-form-manage-delete a:hover {
  text-decoration: none;
  color: #ec4646;
}
.lieu-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #3D5A6C;
  text-align: left;
  margin-bottom: 6%;
  /**/
  /**/
}
.lieu-list-title {
  text-align: center;
  padding-bottom: 10%;
  background-color: #3D5A6C;
  color: white;
  padding-top: 2%;
  padding-bottom: 2.5%;
  width: 100%;
  height: 50px;
  text-decoration: underline;
}
.lieu-list-form {
  background-color: white;
  width: 85%;
  margin-top: 0.5%;
  padding-top: 3%;
  padding-bottom: 3%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px 10px 10px 10px;
  /**/
}
.lieu-list-form-content {
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-decoration: none;
  background-color: #ccb8b6;
  width: 80%;
  margin: 1%;
  border-radius: 10px 10px 10px 10px;
  color: #503d3fff;
  transition-duration: 700ms;
  transform: scale(1);
  /**/
  /**/
}
.lieu-list-form-content:hover {
  transform: scale(1.02);
  text-decoration: none;
  color: #503d3fff;
}
.lieu-list-form-content-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  /**/
  /**/
  /**/
}
.lieu-list-form-content-info thead {
  border-bottom: solid thin #8a7674;
  /**/
}
.lieu-list-form-content-info th {
  width: 30%;
}
.lieu-list-form-content-info td {
  width: 30%;
  text-align: 30%;
}

@media screen and (min-width: 600px) {
  .lieu {
    /**/
    /**/
  }
  .lieu-form {
    /**/
    /**/
    /**/
  }
  .lieu-form form {
    width: 60%;
  }
  .lieu-form-infos {
    /**/
  }
  .lieu-form-infos input {
    width: 60%;
  }
  .lieu-form-place {
    /**/
    /**/
  }
  .lieu-form-place input {
    width: 40%;
  }
  .lieu-form-place select {
    width: 60%;
    font-size: 1.2em;
  }
  .lieu-list {
    /**/
  }
  .lieu-list-form {
    width: 60%;
  }
}
@media screen and (min-width: 975px) {
  .lieu {
    /**/
    /**/
  }
  .lieu-form {
    /**/
    /**/
    /**/
  }
  .lieu-form form {
    width: 50%;
  }
  .lieu-form-infos {
    border-radius: 10px 10px 0 0;
    /**/
  }
  .lieu-form-infos input {
    width: 40%;
  }
  .lieu-form-place input {
    width: 40%;
  }
  .lieu-form-place select {
    width: 40%;
    font-size: 1.2em;
  }
  .lieu-list {
    /**/
  }
  .lieu-list-form {
    width: 50%;
  }
}
/*---------------------- O P E R A T O R S ----------------*/
.operator {
  width: 100%;
  /**/
  /**/
  /**/
}
.operator-head {
  background-color: white;
  font-size: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  /**/
}
.operator-head-title {
  align-self: center;
  justify-self: center;
  padding-top: 3%;
  font-weight: bold;
  /**/
}
.operator-head-title-sub {
  align-self: center;
  justify-self: center;
  padding-bottom: 3%;
  font-weight: bold;
}
.operator-list {
  background-color: #3D5A6C;
  padding-top: 4%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /**/
  /**/
  /**/
}
.operator-list-title {
  color: white;
  padding-bottom: 3%;
  text-decoration: underline;
}
.operator-list-container {
  width: 85%;
  background-color: white;
  border: 5px solid white;
  border-radius: 10px 10px 10px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 0.1%;
  /**/
}
.operator-list-container-table {
  width: 100%;
  /**/
  /**/
  /**/
}
.operator-list-container-table-head {
  text-align: center;
  padding: 2%;
  height: 50px;
}
.operator-list-container-table-body {
  /**/
}
.operator-list-container-table-body tr {
  margin: 1.5%;
  padding: 1.5%;
  /**/
  /**/
}
.operator-list-container-table-body tr th {
  text-align: center;
}
.operator-list-container-table-body tr td {
  text-align: center;
  width: 200px;
  padding: 1.5%;
}
.operator-list-container-table-body-number {
  border-right: thin solid #3D5A6C;
}
.operator-list-container-table-foot {
  border-top: thin solid #3D5A6C;
  /**/
}
.operator-list-container-table-foot td {
  padding: 1.5%;
}
.operator-list-provided {
  width: 85%;
  flex-direction: column;
  align-items: center;
}
.operator-form {
  background-color: #3D5A6C;
  padding-top: 4%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /**/
  /**/
  /**/
}
.operator-form-title {
  color: white;
  padding-bottom: 3%;
  text-decoration: underline;
}
.operator-form form {
  width: 85%;
  flex-direction: column;
  align-items: center;
}
.operator-form form h5 {
  font-weight: bold;
  margin: 5%;
}
.operator-form-items {
  background-color: white;
  width: 100%;
  padding: 2%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px 10px 0 0;
}
.operator-form-items input {
  width: 60%;
}
.operator-form-items select {
  background-color: white;
  text-align: center;
  border-radius: 8px;
  height: 30px;
  width: 90%;
  font-size: 1.2em;
  margin: 1%;
}
.operator-form-items select option {
  text-align: center;
}
.operator-form-manage {
  display: flex;
  width: 100%;
  justify-content: space-around;
  background-color: white;
  border-radius: 0 0 10px 10px;
  /**/
  /**/
}
.operator-form-manage-submit {
  height: 50px;
  padding: 20px;
  margin: 2%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-color: #4ec25e;
  box-shadow: 0px 0px 0px rgba(0, 0, 1, 0.5);
  color: white;
  border-radius: 35px 35px 35px 35px;
  transition-duration: 700ms;
  transform: scale(1);
  font-weight: bold;
  font-size: 1em;
  /**/
}
.operator-form-manage-submit:hover {
  color: #4ec25e;
  background-color: white;
  transform: scale(1.1);
  font-weight: bold;
}
.operator-form-manage-update {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  margin-top: 3%;
  margin-bottom: 5%;
  text-decoration: none;
  background-color: #503d3fff;
  box-shadow: 0px 0px 0px rgba(0, 0, 1, 0.5);
  color: white;
  border-radius: 10px 10px 10px 10px;
  transition-duration: 700ms;
  transform: scale(1);
  font-weight: bold;
  font-size: 1em;
  padding-left: 6%;
  padding-right: 6%;
  /**/
}
.operator-form-manage-update a {
  text-decoration: none;
  color: white;
  /**/
}
.operator-form-manage-update a:hover {
  text-decoration: none;
  color: white;
}
.operator-form-manage-update:hover {
  background-color: #8a7674;
  font-weight: bold;
}

@media screen and (min-width: 600px) {
  .operator {
    /**/
    /**/
  }
  .operator-form {
    /**/
    /**/
  }
  .operator-form form {
    width: 60%;
  }
  .operator-form-items {
    /**/
    /**/
  }
  .operator-form-items input {
    width: 60%;
  }
  .operator-form-items select {
    width: 60%;
    font-size: 1.2em;
  }
  .operator-list {
    /**/
  }
  .operator-list-container {
    width: 60%;
  }
}
@media screen and (min-width: 975px) {
  .operator {
    /**/
    /**/
  }
  .operator-form {
    /**/
    /**/
  }
  .operator-form form {
    width: 40%;
  }
  .operator-form-items {
    border-radius: 10px 10px 0 0;
    /**/
    /**/
  }
  .operator-form-items input {
    width: 40%;
  }
  .operator-form-items select {
    width: 50%;
    font-size: 1.2em;
  }
  .operator-list {
    /**/
  }
  .operator-list-container {
    width: 40%;
  }
}
/*---------------------- S E S S I O N ----------------*/
.session {
  height: 100%;
  /**/
  /**/
  /**/
  /**/
}
.session-head {
  background-color: white;
  font-size: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  /**/
}
.session-head-date {
  align-self: center;
  justify-self: center;
  padding-top: 3%;
  font-weight: bold;
}
.session-existing {
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 0px rgba(0, 0, 1, 0.5);
}
.session-button {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: bold;
  border-radius: 10%;
  margin: 1%;
  padding: 2%;
  background-color: #ccb8b6;
  box-shadow: 0px 0px 0px rgba(0, 0, 1, 0.5);
  color: #503d3fff;
  border: 3px solid #ccb8b6;
  border-radius: 35px 35px 35px 35px;
  transition-duration: 700ms;
  transform: scale(1);
  /**/
}
.session-button:hover {
  transform: scale(1.02);
  text-decoration: none;
  color: #503d3fff;
  border: 3px solid #503d3fff;
}
.session-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #e6e49fff;
  text-align: left;
  border-top: #253237ff solid thin;
}

.session-form {
  background-color: #3D5A6C;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /**/
  /**/
  /**/
  /**/
  /**/
  /**/
  /**/
}
.session-form form {
  border-radius: 10px 10px 10px 10px;
  margin-bottom: 6%;
}
.session-form-date {
  display: flex;
  flex-direction: column;
  margin-top: 5%;
  margin-bottom: 5%;
}
.session-form-title {
  text-align: center;
  background-color: #3D5A6C;
  color: white;
  padding-top: 2%;
  padding-bottom: 3%;
  width: 100%;
  height: 50px;
}
.session-form-place {
  background-color: white;
  padding: 2%;
  display: flex;
  flex-direction: column;
  align-items: center;
  /**/
}
.session-form-place select {
  background-color: white;
  text-align: center;
  border-radius: 8px;
  height: 35px;
  font-size: 1.3em;
}
.session-form-place select option {
  text-align: center;
}
.session-form-place-intervention {
  margin-top: 2%;
  font-weight: bold;
}
.session-form-number {
  display: flex;
  width: auto;
  background-color: white;
  justify-content: center;
  /**/
  /**/
}
.session-form-number-operators {
  background-color: white;
  display: flex;
  flex-direction: column;
  padding: 2%;
  border-right: 2px solid #3D5A6C;
}
.session-form-number-doses {
  background-color: white;
  display: flex;
  flex-direction: column;
  padding: 2%;
  border-radius: 7px 0 0 0;
}
.session-form-total {
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2%;
  /**/
}
.session-form-total input {
  width: 70%;
}
.session-form-next {
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  /**/
}
.session-form-next-checkbox {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1%;
  /**/
}
.session-form-next-checkbox input {
  margin-right: 3%;
}
.session-form-manage {
  display: flex;
  justify-content: center;
  background-color: white;
  /**/
  /**/
  /**/
}
.session-form-manage-submit {
  height: 50px;
  padding: 20px;
  margin: 2%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-color: #4ec25e;
  box-shadow: 0px 0px 0px rgba(0, 0, 1, 0.5);
  color: white;
  border-radius: 35px 35px 35px 35px;
  transition-duration: 700ms;
  transform: scale(1);
  font-weight: bold;
  font-size: 1em;
  /**/
}
.session-form-manage-submit:hover {
  color: #4ec25e;
  background-color: white;
  transform: scale(1.1);
  font-weight: bold;
}
.session-form-manage-update {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  margin-top: 3%;
  margin-bottom: 5%;
  text-decoration: none;
  background-color: #503d3fff;
  box-shadow: 0px 0px 0px rgba(0, 0, 1, 0.5);
  color: white;
  border-radius: 10px 10px 10px 10px;
  transition-duration: 700ms;
  transform: scale(1);
  font-weight: bold;
  font-size: 1em;
  padding-left: 10%;
  padding-right: 10%;
  /**/
}
.session-form-manage-update a {
  text-decoration: none;
  color: white;
  /**/
}
.session-form-manage-update a:hover {
  text-decoration: none;
  color: white;
}
.session-form-manage-update:hover {
  background-color: #8a7674;
  font-weight: bold;
}
.session-form-manage-delete {
  height: 50px;
  padding: 20px;
  margin: 2%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-color: #ec4646;
  box-shadow: 0px 0px 0px rgba(0, 0, 1, 0.5);
  color: #f7f8f2ff;
  border-radius: 35px 35px 35px 35px;
  transition-duration: 700ms;
  transform: scale(1);
  font-weight: bold;
  /**/
}
.session-form-manage-delete:hover {
  background-color: white;
  color: #ec4646;
}
.session-form-manage-delete:hover a {
  color: #ec4646;
  font-weight: bold;
}
.session-form-manage-delete a {
  text-decoration: none;
  color: white;
  /**/
}
.session-form-manage-delete a table {
  width: 100%;
}
.session-form-manage-delete a:hover {
  text-decoration: none;
  color: #ec4646;
}

input {
  margin: 1%;
}

@media screen and (min-width: 600px) {
  .session-form {
    /**/
    /**/
    /**/
  }
  .session-form form {
    width: 70%;
    border-radius: 10px 10px 10px 10px;
  }
  .session-form-place {
    border-radius: 10px 10px 0px 0px;
  }
  .session-form-total input {
    width: 60%;
  }
  .session-form-manage {
    border-radius: 0 0 10px 10px;
  }
}
@media screen and (min-width: 975px) {
  .session-form {
    /**/
    /**/
    /**/
  }
  .session-form form {
    width: 70%;
    border-radius: 10px 10px 10px 10px;
  }
  .session-form-place {
    border-radius: 10px 10px 0px 0px;
  }
  .session-form-total input {
    width: 60%;
  }
  .session-form-manage {
    border-radius: 0 0 10px 10px;
  }
}
.session-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #e6e49fff;
  text-align: left;
  border-top: #253237ff solid thin;
}

.session-content {
  background-image: url("assets/images/background/BGpaper.jpg");
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 90%;
  margin: 1%;
  border-bottom: #253237ff solid thin;
}

.session-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: left;
}

.session-manage {
  display: flex;
}

.session-manage img {
  align-self: center;
  width: 70%;
}

.session-manage-button {
  text-decoration: none;
  border: 2px solid #253237ff;
  color: #253237ff;
  text-decoration: none;
}

.session-form-operators-management {
  text-decoration: none;
  background-color: #e6e49fff;
  border: 2px solid #e6e49fff;
  color: #253237ff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 5%;
  margin: 1%;
  padding: 2%;
  /**/
}
.session-form-operators-management:hover {
  text-decoration: none;
  background-color: #e6e49fff;
  border: 2px solid #e6e49fff;
  color: #253237ff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 5%;
  margin: 1%;
  padding: 2%;
}

/* ====================== M A I N   T E M P L A T E =====================*/
html {
  height: 100vh;
  background-color: #3D5A6C;
}

body {
  background-color: #f7f8f2ff;
  max-width: 100%;
  height: 75vh;
}

.user {
  height: 100%;
  /**/
  /**/
  /**/
}
.user-head {
  height: 70px;
  background-color: white;
  font-size: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /**/
}
.user-head-date {
  align-self: center;
  justify-self: center;
  padding-top: 3%;
  font-weight: bold;
}
.user-form {
  background-color: #3D5A6C;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /**/
  /**/
  /**/
  /**/
}
.user-form form {
  width: 85%;
  flex-direction: column;
  align-items: center;
}
.user-form form select {
  background-color: white;
  border-radius: 8px;
  height: 35px;
  font-size: 1.1em;
  margin: 1%;
}
.user-form-title {
  text-align: center;
  padding-bottom: 10%;
  background-color: #3D5A6C;
  color: white;
  padding-top: 2%;
  padding-bottom: 3%;
  width: 100%;
  height: 50px;
  text-decoration: underline;
}
.user-form-infos {
  background-color: white;
  border-radius: 10px 10px 0 0;
  padding-top: 4%;
  padding-bottom: 2%;
  display: flex;
  flex-direction: column;
  align-items: center;
  /**/
  /**/
}
.user-form-infos-group {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user-form-infos input {
  width: 90%;
}
.user-form-place {
  background-color: white;
  width: 100%;
  padding: 2%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user-form-place input {
  width: 60%;
}
.user-form-place select {
  background-color: white;
  text-align: center;
  border-radius: 8px;
  height: 30px;
  width: 90%;
  font-size: 1.2em;
}
.user-form-place select option {
  text-align: center;
}
.user-form-manage {
  display: flex;
  justify-content: center;
  background-color: white;
  border-radius: 0 0 10px 10px;
  /**/
  /**/
  /**/
}
.user-form-manage-submit {
  height: 50px;
  padding: 20px;
  margin: 2%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-color: #4ec25e;
  box-shadow: 0px 0px 0px rgba(0, 0, 1, 0.5);
  color: white;
  border-radius: 35px 35px 35px 35px;
  transition-duration: 700ms;
  transform: scale(1);
  font-weight: bold;
  font-size: 1em;
  /**/
}
.user-form-manage-submit:hover {
  color: #4ec25e;
  background-color: white;
  transform: scale(1.1);
  font-weight: bold;
}
.user-form-manage-update {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  margin-top: 3%;
  margin-bottom: 5%;
  text-decoration: none;
  background-color: #503d3fff;
  box-shadow: 0px 0px 0px rgba(0, 0, 1, 0.5);
  color: white;
  border-radius: 10px 10px 10px 10px;
  transition-duration: 700ms;
  transform: scale(1);
  font-weight: bold;
  font-size: 1em;
  padding-left: 6%;
  padding-right: 6%;
  /**/
}
.user-form-manage-update a {
  text-decoration: none;
  color: white;
  /**/
}
.user-form-manage-update a:hover {
  text-decoration: none;
  color: white;
}
.user-form-manage-update:hover {
  background-color: #8a7674;
  font-weight: bold;
}
.user-form-manage-delete {
  height: 50px;
  padding: 20px;
  margin: 2%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-color: #ec4646;
  box-shadow: 0px 0px 0px rgba(0, 0, 1, 0.5);
  color: #f7f8f2ff;
  border-radius: 35px 35px 35px 35px;
  transition-duration: 700ms;
  transform: scale(1);
  font-weight: bold;
  /**/
}
.user-form-manage-delete:hover {
  background-color: white;
  color: #ec4646;
}
.user-form-manage-delete:hover a {
  color: #ec4646;
  font-weight: bold;
}
.user-form-manage-delete a {
  text-decoration: none;
  color: white;
  /**/
}
.user-form-manage-delete a table {
  width: 100%;
}
.user-form-manage-delete a:hover {
  text-decoration: none;
  color: #ec4646;
}
.user-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #3D5A6C;
  text-align: left;
  margin-bottom: 6%;
  /**/
  /**/
}
.user-list-title {
  text-align: center;
  padding-bottom: 10%;
  background-color: #3D5A6C;
  color: white;
  padding-top: 2%;
  padding-bottom: 3%;
  width: 100%;
  height: 50px;
  text-decoration: underline;
}
.user-list-form {
  background-color: white;
  width: 85%;
  margin-top: 0.5%;
  padding-top: 3%;
  padding-bottom: 3%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px 10px 10px 10px;
  /**/
}
.user-list-form-content {
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-decoration: none;
  background-color: #ccb8b6;
  width: 95%;
  margin: 1%;
  border-radius: 10px 10px 10px 10px;
  color: #503d3fff;
  transition-duration: 700ms;
  transform: scale(1);
  /**/
  /**/
}
.user-list-form-content:hover {
  transform: scale(1.02);
  text-decoration: none;
  color: #503d3fff;
}
.user-list-form-content-info {
  width: 95%;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 2%;
  /**/
  /**/
}
.user-list-form-content-info thead {
  border-bottom: solid thin #8a7674;
  /**/
}
.user-list-form-content-info th {
  width: 30%;
}
.user-list-form-content-info td {
  width: 30%;
  text-align: 30%;
}

@media screen and (min-width: 600px) {
  .user {
    /**/
    /**/
  }
  .user-form {
    /**/
    /**/
    /**/
  }
  .user-form form {
    width: 60%;
  }
  .user-form-infos {
    /**/
  }
  .user-form-infos input {
    width: 60%;
  }
  .user-form-place {
    /**/
    /**/
  }
  .user-form-place input {
    width: 100%;
  }
  .user-form-place select {
    width: 60%;
    font-size: 1.2em;
  }
  .user-list {
    /**/
  }
  .user-list-form {
    width: 60%;
  }
}
@media screen and (min-width: 975px) {
  .user {
    /**/
    /**/
  }
  .user-form {
    /**/
    /**/
    /**/
  }
  .user-form form {
    width: 50%;
  }
  .user-form-infos {
    border-radius: 10px 10px 0 0;
    /**/
  }
  .user-form-infos input {
    width: 100%;
  }
  .user-form-place input {
    width: 40%;
  }
  .user-form-place select {
    width: 40%;
    font-size: 1.2em;
  }
  .user-list {
    /**/
  }
  .user-list-form {
    width: 50%;
  }
}
.connexion {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #3D5A6C;
  /**/
  /**/
}
.connexion-head {
  width: 100%;
  background-color: white;
  font-size: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 2%;
  /**/
}
.connexion-head-title {
  align-self: center;
  justify-self: center;
  font-weight: bold;
  padding-bottom: 1%;
}
.connexion-form {
  background-color: #3D5A6C;
  margin-top: 5%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /**/
  /**/
}
.connexion-form form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 3%;
  padding-bottom: 3%;
  width: 90%;
  background-color: white;
  border-radius: 10px 10px 10px 10px;
  margin-bottom: 6%;
}
.connexion-form-group {
  width: 90%;
  padding-bottom: 4%;
}
.connexion-form-manage {
  padding-top: 5%;
  /**/
}
.connexion-form-manage-submit {
  height: 50px;
  padding: 20px;
  margin: 2%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-color: #4ec25e;
  box-shadow: 0px 0px 0px rgba(0, 0, 1, 0.5);
  color: white;
  border-radius: 35px 35px 35px 35px;
  transition-duration: 700ms;
  transform: scale(1);
  font-weight: bold;
  font-size: 1em;
  /**/
}
.connexion-form-manage-submit:hover {
  color: #4ec25e;
  background-color: #f7f8f2ff;
  transform: scale(1.1);
  font-weight: bold;
}

@media screen and (min-width: 600px) {
  .connexion {
    /**/
  }
  .connexion-form {
    /**/
  }
  .connexion-form form {
    width: 60%;
  }
}
@media screen and (min-width: 975px) {
  .connexion {
    /**/
  }
  .connexion-form {
    /**/
  }
  .connexion-form form {
    width: 30%;
    /**/
  }
  .connexion-form form-group {
    width: 70%;
  }
}
/* ================= M E N U ======================= */
.selection {
  position: absolute;
  top: 40%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 50px 50px 0 0;
  height: auto;
  background-color: #F6F6F6;
  padding-bottom: 10%;
  /**/
  /**/
  /**/
  /**/
}
.selection-title {
  margin-left: 6%;
}
.selection-underline {
  margin-top: 1%;
  margin-left: 6%;
  max-width: 10%;
  min-height: 3px;
  background-color: #99E2D0;
}
.selection-btn {
  height: 50px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-color: #4ec25e;
  box-shadow: 0px 0px 0px rgba(0, 0, 1, 0.5);
  color: #FFFFFF;
  border-radius: 35px 35px 35px 35px;
  margin-top: 10%;
  margin-right: 25%;
  margin-left: 25%;
  margin-bottom: 25%;
  text-align: center;
}
.selection-starter {
  animation: fadein 4s;
  -moz-animation: fadein 4s;
  /* Firefox */
  -webkit-animation: fadein 4s;
  /* Safari et Chrome */
  -o-animation: fadein 4s;
  /* Opera */
  animation: fadein 4s;
  -moz-animation: fadein 4s;
  /* Firefox */
  -webkit-animation: fadein 4s;
  /* Safari et Chrome */
  -o-animation: fadein 4s;
  /* Opera */
}

.selection-head {
  display: flex;
  width: 90%;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  padding-bottom: 5%;
  /**/
  /**/
}
.selection-head-title {
  font: "Ovink", Calibri, Optima, Arial, sans-serif;
  font-size: 1.5em;
  margin-left: 10%;
}
.selection-head-icon {
  margin-right: 5%;
}

.dish {
  height: 90px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  cursor: pointer;
  margin: 4%;
  /**/
  /**/
  /**/
}
.dish-title {
  font: "Ovink", Calibri, Optima, Arial, sans-serif;
  padding-bottom: 2%;
  font-weight: bold;
}
.dish-details {
  display: flex;
  justify-content: space-between;
  font: "Ovink", Calibri, Optima, Arial, sans-serif;
}
.dish-price {
  font-weight: bold;
}

.dish-infos {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #FFFFFF;
  border-radius: 16px;
  padding: 4%;
  width: 100%;
  height: 100%;
  /**/
  transition-duration: 1000ms;
  transform: scale(1);
}
.dish-infos:hover {
  transform: scale(1);
  border-radius: 16px 0 0 16px;
}

.dish-validate {
  width: 0px;
  height: 100%;
  background-color: #8EDEC9;
  visibility: hidden;
  transition-duration: 1000ms;
  transform: rotate(0deg);
  /**/
}
.dish-validate-check {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #8EDEC9;
  font-size: 1.5em;
  font-weight: bold;
  padding-right: 8px;
  background-color: #FFFFFF;
  width: 45px;
  height: 45px;
  border-radius: 50%;
}

.dish-infos:hover + .dish-validate {
  z-index: 1;
  transform: scale(1.2em);
  visibility: unset;
  border-radius: 0 16px 16px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25%;
}
.dish-infos:hover + .dish-validate > .dish-validate-check {
  transform: rotate(0deg);
}

.dish-validate-check {
  transform: rotate(360deg);
  transition: transform 500ms ease-in;
  align-self: center;
  z-index: 0;
}

/******************************* T E S T S ********************************/
.transition {
  padding-top: 1300px;
}

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