.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img),
    var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #2193c1;
}
.form-label {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: #2193c1;
}
textarea {  resize: vertical; width: 100%;}
body {  margin: 0;  font-family: var(--bs-body-font-family);  font-size: var(--bs-body-font-size);  font-weight: var(--bs-body-font-weight);  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);  text-align: var(--bs-body-text-align);  background-color: var(--bs-body-bg);  -webkit-text-size-adjust: 100%;  -webkit-tap-highlight-color: transparent;  background: #e5e5e5;
}

fieldset {  min-width: 0;  padding: 10px;  padding-top: 10px;  padding-right: 10px;  padding-bottom: 10px;  padding-left: 10px;  margin: 0;  border: 0;  display: flex;  flex-direction: column;}

/* PAGE TRAVEAUX */

.span {  font-size: 1rem;  margin-right: 5px;  color: #276076;}

.ckeck_impact {  display: flex;  align-content: center;  justify-content: space-between;}

#click_check {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 50%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img),
    var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.check {    width: 80%;  margin: auto;  background: #dee2e6; padding: px;    padding-right: 5px;    padding-left: 5px;    border-radius: 2px;    display: flex;    justify-content: space-evenly;    width: 100%;}

.btn btn-primary {  background: #2193c1; margin: auto;  margin-top: auto; width: 100%;  margin-top: 20px;}

.footer {  justify-content: space-around; position: fixed; width: 100%;}

legend {  margin-bottom: 15px;}

a {  text-decoration: none;  color: white;}

legend {  display: flex;  align-items: center;  justify-content: space-between; color: #fff;  padding-right: 5px;  padding-left: 10px;  font-family: ElleGabor, Arial, sans-serif;  letter-spacing: 2px;
  font-family: ElleGabor, Arial, sans-serif;  color: #929799;  border-bottom: 1px solid #2193c1;}

.form-control{    width: 50%;font-weight: 500;color: #2193c1;}

.form-select{    width: 50%;font-weight: 500;color: #2193c1;}

input{ width: 50%;font-weight: 500;color: #2193c1;}

.mb-3 {    margin-bottom: 0rem !important;    display: flex; justify-content: space-between; padding-left: 10px; padding-right: 10px;Font-weight: 500;      }

.col-12 { margin-bottom: 1rem !important;  display: flex;  justify-content: space-between;   background: white;  border-right: 2px solid #2193c1;}

.multiselect {   width: 200px;  }
  
.selectBox {   position: relative;  }
  
.selectBox select { width: 100%;  font-weight: bold;  }
  
.overSelect { position: absolute; left: 0; right: 0;  top: 0;   bottom: 0;  }
  
#checkboxes { display: none;  border: 1px #dadada solid;  }
  
#checkboxes label { display: block;  }
  
#checkboxes label:hover { background-color: #1e90ff;  }

h1{ font-size: 2.5rem; text-align: center;  padding: 20px;  background: #2193c1;  color: white;}

button.btn.btn-primary { background: #2193c1;  margin: auto;   width: 100%;    margin-top:20px}

@media screen and (max-width: 1200px) {

  h1{font-size: 1.5rem; text-align: center; padding: 20px; background: #2193c1;  color: white;  }

}