@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap");
.pull-right {
  float: right !important;
}

.hide {
  display: none;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.bg-primary {
  background-color: #44687d !important;
}

.bg-secondary {
  background-color: #06b09c !important;
}

.bg-info {
  background-color: #f5c827 !important;
}

.bg-warning {
  background-color: #ef7060 !important;
}

.bg-danger {
  background-color: #d83534 !important;
}

.btn-primary {
  --bs-btn-color: #FFF;
  --bs-btn-bg: #44687d;
  --bs-btn-border-color: #375364;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #4d768e;
  --bs-btn-hover-border-color: #56839e;
  --bs-btn-focus-shadow-rgb: 85, 109, 123;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #365364;
  --bs-btn-active-border-color: #293e4b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #44687d;
  --bs-btn-disabled-border-color: #375364;
}

.btn-secondary {
  --bs-btn-color: #FFF;
  --bs-btn-bg: #06b09c;
  --bs-btn-border-color: #058b7b;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #07c9b2;
  --bs-btn-hover-border-color: #08e1c8;
  --bs-btn-focus-shadow-rgb: 43, 156, 143;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #058d7d;
  --bs-btn-active-border-color: #04685c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #06b09c;
  --bs-btn-disabled-border-color: #058b7b;
}

.btn-info {
  --bs-btn-color: #FFF;
  --bs-btn-bg: #f5c827;
  --bs-btn-border-color: #ebba0b;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #f6ce3f;
  --bs-btn-hover-border-color: #f7d458;
  --bs-btn-focus-shadow-rgb: 238, 196, 48;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c4a01f;
  --bs-btn-active-border-color: #b08c08;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f5c827;
  --bs-btn-disabled-border-color: #ebba0b;
}

.btn-warning {
  --bs-btn-color: #FFF;
  --bs-btn-bg: #ef7060;
  --bs-btn-border-color: #ec513d;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #f18577;
  --bs-btn-hover-border-color: #f49a8e;
  --bs-btn-focus-shadow-rgb: 239, 107, 90;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #bf5a4d;
  --bs-btn-active-border-color: #b13d2e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ef7060;
  --bs-btn-disabled-border-color: #ec513d;
}

.btn-danger {
  --bs-btn-color: #FFF;
  --bs-btn-bg: #d83534;
  --bs-btn-border-color: #c12625;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #dc4a49;
  --bs-btn-hover-border-color: #e0605f;
  --bs-btn-focus-shadow-rgb: 202, 71, 70;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ad2a2a;
  --bs-btn-active-border-color: #911d1c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #d83534;
  --bs-btn-disabled-border-color: #c12625;
}

.border-right-primary {
  border-right: 0.25rem solid #44687d !important;
}

.border-right-secondary {
  border-right: 0.25rem solid #06b09c !important;
}

.border-right-info {
  border-right: 0.25rem solid #f5c827 !important;
}

.border-right-warning {
  border-right: 0.25rem solid #ef7060 !important;
}

.border-right-danger {
  border-right: 0.25rem solid #d83534 !important;
}

::selection {
  color: #FFF;
  background: #44687d;
}

.link-secondary {
  text-decoration: none !important;
  color: #06b09c !important;
}
.link-secondary:hover, .link-secondary:active {
  color: #03584e !important;
}

.bd-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #e9ecef;
  border-left-width: 0.25rem;
  border-radius: 0.25rem;
  background-color: #FFF;
}
.bd-callout h4 {
  margin-top: 0;
}
.bd-callout p:last-child {
  margin-bottom: 0;
}

.bd-callout-info {
  border-left-color: #5bc0de;
}

.bd-callout-warning {
  border-left-color: #f0ad4e;
}

.bd-callout-danger {
  border-left-color: #d9534f;
}

* {
  font-family: "Source Sans Pro", sans-serif;
  margin: 0;
  padding: 0;
}

body {
  background-color: #E6E6E5;
}

h1 {
  color: #06b09c;
  margin-bottom: 20px;
  padding-left: 10px;
  font-weight: bold;
}

h2 {
  color: #44687d;
  font-weight: bold;
}

h3 {
  color: #06b09c;
  font-weight: bold;
}

h4 {
  color: #44687d;
  font-weight: bold;
}

h5 {
  color: #d83534;
  font-weight: bold;
}

h6 {
  color: #d83534;
  font-weight: bold;
}

a {
  text-decoration: none !important;
}

.red-star {
  color: #e32;
}

.asterisque-info span {
  font-weight: bold;
}

.important {
  color: #d83534;
  font-weight: bold;
}

.avatar {
  width: 25px;
  border-radius: 50%;
  border: 0.135em solid #06b09c;
}

label {
  font-weight: bold;
}
label.form-check-label {
  font-weight: normal;
}

/*************** error ****************/
.app-msg-errors {
  width: 30%;
  margin: 10px auto;
}
.app-msg-errors h5 {
  text-align: center;
}

.modal-header.error {
  background-color: #d83534;
}
.modal-header.error h4 {
  color: #FFF;
}

#errorModal .modal-body {
  text-align: center;
}
#errorModal .modal-body h5 {
  color: #000;
}

/*************** container ****************/
.textcontainer {
  margin-bottom: 10px;
}

.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
}
.imgcontainer .logo {
  width: 150px;
}
.imgcontainer .logo_inspe {
  height: 75px;
}
.imgcontainer div {
  width: 150px;
  height: 150px;
  background-color: #d83534;
  margin: auto;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.imgcontainer div i {
  color: #FFF;
  text-shadow: 7px 7px 4px #6c1a1a;
}

/*************** réservation ****************/
.reservation h1 {
  text-align: center;
  text-transform: uppercase;
  color: #3a3a3a;
}
.reservation h1 span {
  margin: 5px 0;
  font-size: 15px;
  color: #555;
  word-spacing: 1px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 500;
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  grid-template-rows: 27px;
  grid-gap: 20px;
  align-items: center;
}
.reservation h1 span:after, .reservation h1 span:before {
  content: " ";
  display: block;
  border-bottom: 2px solid #f5c827;
  border-top: 2px solid #f5c827;
  height: 5px;
  background-color: transparent;
}
.reservation h1 span i {
  text-shadow: none;
}
.reservation #logoINSPE {
  text-align: left;
  margin: 20px;
}
.reservation #logoINSPE img {
  height: 60px;
}

.freservation {
  background: rgb(245, 245, 245);
  padding: 20px;
  margin-top: 20px;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
}

/*************** fieldset ****************/
fieldset {
  border: none;
  border-radius: 4px;
  background: rgb(223, 223, 223);
  padding: 20px;
  margin-bottom: 10px;
}
fieldset legend {
  border: none;
  background: #06b09c;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  width: auto;
  font-size: 18px;
  margin-bottom: 0;
  float: none;
}
fieldset .input-group {
  margin-bottom: 10px;
}
fieldset .input-group .form-group {
  margin-bottom: 10px;
}
fieldset .input-group .form-group label {
  font-weight: bold;
}
fieldset .input-group .form-check {
  padding-left: 35px;
}
fieldset .input-group .input-group-password {
  margin-bottom: 0 !important;
}
fieldset label.info {
  color: #d83534;
  white-space: pre-line;
  display: inline-block;
}
fieldset .alert {
  margin: 5px 0;
}
fieldset .input-group-addon .fa-calendar-days {
  margin-right: 5px;
}

fieldset.infoSalle {
  background: rgba(68, 104, 125, 0.1);
}
fieldset.infoSalle legend {
  background: #44687d;
}

fieldset.infoPrestation {
  background: rgba(238, 58, 57, 0.1);
}
fieldset.infoPrestation legend {
  background: #ee3a39;
}

/*************** Cookies ****************/
.cookiebanner {
  position: fixed;
  left: 0px;
  right: 0px;
  height: 30px;
  min-height: 21px;
  background: #000;
  color: #DDD;
  line-height: 21px;
  padding: 5px 16px;
  font-family: arial, sans-serif;
  font-size: 14px;
  text-align: center;
  top: 0px;
}
.cookiebanner a {
  text-decoration: none;
  color: rgb(170, 170, 170);
  font-weight: normal;
}
.cookiebanner .button {
  display: inline-block;
  margin: 0 0.3em;
  padding: 2px 10px;
  line-height: 20px;
  color: #ffffff;
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  font-size: 12px;
  border-radius: 3px;
}
.cookiebanner .cookiebanner-close {
  float: right;
  padding-left: 5px;
  cursor: pointer;
}

/*************** footer ****************/
.footer {
  text-align: right;
  margin-top: 10px;
}

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