@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap);.no-border {
  border: none;
}

/*  Spacing  */
.mr-a {
  margin-right: auto;
}

.ml-a {
  margin-left: auto;
}

.h-25 {
  height: 25%;
}

.h-50 {
  height: 50%;
}

.h-100 {
  height: 100%;
}

.xs-space {
  margin-top: 20px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.m-0 {
  margin: calc(0.8rem * 0) !important;
}

.mt-0 {
  margin-top: calc(0.8rem * 0) !important;
}

.mb-0 {
  margin-bottom: calc(0.8rem * 0) !important;
}

.mr-0 {
  margin-right: calc(0.8rem * 0) !important;
}

.ml-0 {
  margin-left: calc(0.8rem * 0) !important;
}

.p-0 {
  padding: calc(0.8rem * 0) !important;
}

.pt-0 {
  padding-top: calc(0.8rem * 0) !important;
}

.pb-0 {
  padding-bottom: calc(0.8rem * 0) !important;
}

.pr-0 {
  padding-right: calc(0.8rem * 0) !important;
}

.pl-0 {
  padding-left: calc(0.8rem * 0) !important;
}

.m-1 {
  margin: calc(0.8rem * 1) !important;
}

.mt-1 {
  margin-top: calc(0.8rem * 1) !important;
}

.mb-1 {
  margin-bottom: calc(0.8rem * 1) !important;
}

.mr-1 {
  margin-right: calc(0.8rem * 1) !important;
}

.ml-1 {
  margin-left: calc(0.8rem * 1) !important;
}

.p-1 {
  padding: calc(0.8rem * 1) !important;
}

.pt-1 {
  padding-top: calc(0.8rem * 1) !important;
}

.pb-1 {
  padding-bottom: calc(0.8rem * 1) !important;
}

.pr-1 {
  padding-right: calc(0.8rem * 1) !important;
}

.pl-1 {
  padding-left: calc(0.8rem * 1) !important;
}

.m-2 {
  margin: calc(0.8rem * 2) !important;
}

.mt-2 {
  margin-top: calc(0.8rem * 2) !important;
}

.mb-2 {
  margin-bottom: calc(0.8rem * 2) !important;
}

.mr-2 {
  margin-right: calc(0.8rem * 2) !important;
}

.ml-2 {
  margin-left: calc(0.8rem * 2) !important;
}

.p-2 {
  padding: calc(0.8rem * 2) !important;
}

.pt-2 {
  padding-top: calc(0.8rem * 2) !important;
}

.pb-2 {
  padding-bottom: calc(0.8rem * 2) !important;
}

.pr-2 {
  padding-right: calc(0.8rem * 2) !important;
}

.pl-2 {
  padding-left: calc(0.8rem * 2) !important;
}

.m-3 {
  margin: calc(0.8rem * 3) !important;
}

.mt-3 {
  margin-top: calc(0.8rem * 3) !important;
}

.mb-3 {
  margin-bottom: calc(0.8rem * 3) !important;
}

.mr-3 {
  margin-right: calc(0.8rem * 3) !important;
}

.ml-3 {
  margin-left: calc(0.8rem * 3) !important;
}

.p-3 {
  padding: calc(0.8rem * 3) !important;
}

.pt-3 {
  padding-top: calc(0.8rem * 3) !important;
}

.pb-3 {
  padding-bottom: calc(0.8rem * 3) !important;
}

.pr-3 {
  padding-right: calc(0.8rem * 3) !important;
}

.pl-3 {
  padding-left: calc(0.8rem * 3) !important;
}

.m-4 {
  margin: calc(0.8rem * 4) !important;
}

.mt-4 {
  margin-top: calc(0.8rem * 4) !important;
}

.mb-4 {
  margin-bottom: calc(0.8rem * 4) !important;
}

.mr-4 {
  margin-right: calc(0.8rem * 4) !important;
}

.ml-4 {
  margin-left: calc(0.8rem * 4) !important;
}

.p-4 {
  padding: calc(0.8rem * 4) !important;
}

.pt-4 {
  padding-top: calc(0.8rem * 4) !important;
}

.pb-4 {
  padding-bottom: calc(0.8rem * 4) !important;
}

.pr-4 {
  padding-right: calc(0.8rem * 4) !important;
}

.pl-4 {
  padding-left: calc(0.8rem * 4) !important;
}

.m-5 {
  margin: calc(0.8rem * 5) !important;
}

.mt-5 {
  margin-top: calc(0.8rem * 5) !important;
}

.mb-5 {
  margin-bottom: calc(0.8rem * 5) !important;
}

.mr-5 {
  margin-right: calc(0.8rem * 5) !important;
}

.ml-5 {
  margin-left: calc(0.8rem * 5) !important;
}

.p-5 {
  padding: calc(0.8rem * 5) !important;
}

.pt-5 {
  padding-top: calc(0.8rem * 5) !important;
}

.pb-5 {
  padding-bottom: calc(0.8rem * 5) !important;
}

.pr-5 {
  padding-right: calc(0.8rem * 5) !important;
}

.pl-5 {
  padding-left: calc(0.8rem * 5) !important;
}

.d-block {
  display: block;
}

/*  Flex  */
.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.column {
  flex-direction: column !important;
}

.fd-row-reverse {
  flex-direction: row-reverse;
}

.fd-col-reverse {
  flex-direction: column-reverse;
}

.fg-1 {
  flex-grow: 1;
}

.jc-center {
  justify-content: center;
}

.jc-sb {
  justify-content: space-between;
}

.jc-sa {
  justify-content: space-around;
}

.ai-center {
  align-items: center;
}

.ai-start {
  align-items: flex-start;
}

/*  width  */
.w-25 {
  width: 25%;
}

.w-50 {
  width: 50%;
}

.w-100 {
  width: 100%;
}

/* Typography */
.underline {
  text-decoration: underline;
}

/*  Colors */
.bg-pink {
  background-color: #ffc0cb;
}

.bg-violet {
  background-color: #5D5FEF;
}

.bg-white {
  background-color: #FFF;
}

.bg-primary {
  background-color: var(--primary-color);
}

.bg-black {
  background-color: black;
}

.bg-red {
  background-color: #ae4848;
}

.white {
  color: #FFF;
}

.primary {
  color: var(--primary-color);
}

.bg-back-light-main-color {
  background-color: #464646;
}

.back-light-main-color {
  color: #464646;
}

.back-lighter-main-color {
  color: #797979;
}

.lighter-text {
  color: #D4C6C6;
}

.tox-notification {
  display: none !important;
}

input[type=checkbox] {
  width: 2rem;
  height: 2rem;
  color: var(--primary-color);
  vertical-align: middle;
  -webkit-appearance: none;
  background: none;
  border: 0;
  outline: 0;
  flex-grow: 0;
  border-radius: 50%;
  background-color: #FFFFFF;
  transition: background 300ms;
  cursor: pointer;
}

[type=checkbox]::before {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #CCD3D8;
}

[type=checkbox]:checked {
  background-color: currentcolor;
}

[type=checkbox]:checked::before {
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
}

.form {
  display: flex;
  flex-direction: column;
}
.form .form-group {
  display: flex;
  flex-direction: row;
  margin: 10px;
  align-items: center;
}
.form .form-group .form-label {
  font-size: 1.2rem;
  margin-left: 5px;
}
.form .form-group .form-input {
  border: none;
  border-bottom: 1px solid #fff;
  background-color: transparent;
  color: #fff;
  font-size: 1.2rem;
  padding: 10px;
}
.form .form-group .form-input:focus {
  outline: none;
}

#bilan {
  border-width: 2px;
  border-color: black;
  border-style: solid;
  height: 95vh;
  position: relative;
}
#bilan header {
  background-color: #31aa66;
  text-align: center;
  padding: 10px 0;
}
#bilan header h2 {
  margin: 0;
  color: #fff;
  font-size: 1.5em;
  font-family: "Montserrat", sans-serif;
}
#bilan main {
  padding: 5px 10px;
}
#bilan main #container-bilan {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  font-size: 18px;
  font-weight: 400;
  line-height: 2;
  font-family: "Montserrat", sans-serif;
}
#bilan main #container-bilan p {
  display: inline;
  font-weight: 400;
  font-size: 18px;
  margin: 0;
}
#bilan main #container-bilan h3 {
  display: inline;
  font-weight: 400;
  font-size: 18px;
  margin: 0;
}
#bilan main #container-bilan .group-bilan {
  margin: 10px 0;
}
#bilan main #container-contact {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-right: 10px;
  margin-top: 40px;
  line-height: 2.5;
  font-family: "Montserrat", sans-serif;
}
#bilan main #container-contact h3 {
  font-weight: 600;
  font-size: 18px;
  margin: 0;
}
#bilan footer {
  padding: 10px 0;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
#bilan footer #container-footer {
  display: flex;
  flex-direction: column;
  line-height: 1.8;
  font-size: 10px;
}