/* LESS Document */
/*************************/
/* Imports */
/*************************/
@import "/include/css/google-fonts.css";
@import "/include/css/ajaxStyle.css";
@import "/include/css/all.min.css";
@import "/include/assets/vendor/boxicons/css/boxicons.min.css";
@import "/include/assets/vendor/lightgallery/css/lightgallery-bundle.min.css";
@import "/include/assets/vendor/bootstrap/dist/css/bootstrap.min.css";
@import "/include/css/theme.min.css";
body {
  overflow-x: hidden !important;
}
.logo {
  width: 290px;
}
@media only screen and (min-width: 1076px) and (max-width: 1100px) {
  .logo {
    width: 280px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1075px) {
  .logo {
    width: 190px;
  }
}
@media only screen and (max-width: 600px) {
  .logo {
    width: 250px;
  }
}
a {
  color: #B7111D;
}
a:hover {
  color: #2C3034;
}
/* ==========================================================================
   Nav
 ========================================================================== */
.nav-liens-couleur {
  color: #fff !important;
}
.nav-liens-couleur:hover {
  color: #B7111D !important;
}
@media only screen and (max-width: 768px) {
  .nav-liens-couleur {
    color: #B7111D !important;
  }
}
.navbar-toggler-icon,
.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
  background-color: white !important;
}
@media only screen and (min-width: 885px) and (max-width: 995px) {
  .nav-link {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 16px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 884px) {
  .nav-link {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 800px) {
  .nav-link {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 995px) {
  .btn-sm,
  .btn-group-sm > .btn {
    padding-left: 8px;
    padding-right: 8px;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 8px;
    padding-left: 8px;
  }
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: #B7111D !important;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #B7111D !important;
}
/* ==========================================================================
   Carousel Caption
 ========================================================================== */
.carousel-caption {
  background-color: rgba(183, 17, 29, 0.6);
  position: relative;
  right: 0;
  bottom: 7.75rem;
  left: 0;
  padding-top: 2.25rem;
  padding-bottom: 1.25rem;
  text-align: center;
}
@media only screen and (min-width: 830px) and (max-width: 1075px) {
  .carousel-caption {
    bottom: 7rem;
    padding-top: 2rem;
    padding-bottom: 1.75rem;
  }
}
@media only screen and (max-width: 973px) {
  .carousel-caption {
    background-color: #b7111d;
    bottom: 0;
    padding-top: 1.5rem;
  }
}
.texte-carousel {
  color: #fff;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 52px;
}
@media only screen and (min-width: 1255px) and (max-width: 1535px) {
  .texte-carousel {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1075px) and (max-width: 1254px) {
  .texte-carousel {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 974px) and (max-width: 1074px) {
  .texte-carousel {
    font-size: 1.5rem;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 973px) {
  .texte-carousel {
    font-size: 1.25rem;
    margin-bottom: 0;
    line-height: 36px;
  }
}
/* ==========================================================================
   titres - textes
 ========================================================================== */
.titres {
  color: #B7111D;
}
.bibeau {
  color: #B7111D;
}
.bibeau-pale {
  color: #F21525;
}
.text-justify {
  text-align: justify;
}
.fs-22 {
  font-size: 22px;
  line-height: 40px;
  font-weight: 300;
}
.fs-24 {
  font-size: 24px;
  line-height: 40px;
  font-weight: 300;
}
.fs-48 {
  font-size: 48px;
  font-weight: 700;
}
.fs-56 {
  font-size: 56px;
  font-weight: 700;
}
.fs-72 {
  font-size: 72px;
  font-weight: 700;
}
@media only screen and (min-width: 835px) and (max-width: 1055px) {
  .fs-72 {
    font-size: 56px;
  }
}
@media only screen and (max-width: 834px) {
  .fs-72 {
    font-size: 36px;
  }
}
/* ==========================================================================
   News
========================================================================== */
.news-titre {
  color: #B7111D;
}
.card-footer {
  padding: 15px !important;
  border-top: none !important;
}
.lire-la-suite {
  color: #2C3034;
  text-decoration: none;
  font-style: italic;
}
.lire-la-suite:hover {
  color: #B7111D;
  text-decoration: none;
}
.date {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  background-color: #B7111D;
  font-size: 18px;
  font-weight: 400;
  font-style: italic;
  padding: 8px 15px;
  z-index: 999;
}
/* ==========================================================================
   Bouttons
========================================================================== */
.btn-dark {
  background-color: #2C3034;
}
/* ==========================================================================
   Form
========================================================================== */
.form-select {
  color: #9397ad !important;
}
.form-signin {
  max-width: 330px;
  padding: 1rem;
}
.form-signin .form-floating:focus-within {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
  background-color: #ef4444;
  border-color: 2px solid #ef4444;
}
/* ==========================================================================
   Avatar
 ========================================================================== */
.avatar-xs {
  height: 1.5rem;
  width: 1.5rem;
}
.avatar-sm {
  height: 3rem;
  width: 3rem;
}
.avatar-md {
  height: 4.5rem;
  width: 4.5rem;
}
.avatar-lg {
  height: 6rem;
  width: 6rem;
}
.avatar-xl {
  height: 7.5rem;
  width: 7.5rem;
}
.avatar-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
/* ==========================================================================
   Datepicker
 ========================================================================== */
.gj-datepicker-md [role=right-icon] {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 24px;
}
.gj-picker div[role=navigator] div {
  padding-left: 15px !important;
  padding-right: 25px !important;
}
/* ==========================================================================
   Carrieres
 ========================================================================== */
.titre-emploi {
  color: #B7111D;
}
.titre-emploi:hover {
  color: #2C3034;
}