/* LESS Document */
/*************************/
/* Imports */
/*************************/
@import "/include/css/google-fonts.css";
@import "/include/css/ajaxStyle.css";
@import "/include/css/gijgo.min.css";
@import "/include/css/all.min.css";
@import "/include/vendor/boxicons/css/boxicons.min.css";
@import "/include/css/theme.min.css";
a {
  color: #0F4C91;
  text-decoration: none;
}
.bande {
  background-color: #717273;
  z-index: 999999;
}
.logo {
  width: 220px;
}
@media only screen and (min-width: 991px) and (max-width: 1100px) {
  .logo {
    width: 160px;
  }
}
@media only screen and (max-width: 990px) {
  .logo {
    width: 200px;
  }
}
.navbar .nav-item:hover > .nav-link:not(.disabled) {
  color: #F9C217 !important;
}
.navbar-nav .show > .nav-link,
.navbar-nav .nav-link.active {
  color: #F9C217 !important;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: #F9C217 !important;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #F9C217 !important;
}
.navbar .dropdown:hover > .nav-link {
  color: #F9C217 !important;
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.header-fix {
  background-color: #fff;
  margin-top: 42px;
  -webkit-box-shadow: 0 0.275rem 1.25rem rgba(11, 15, 25, 0.05), 0 0.25rem 0.5625rem rgba(11, 15, 25, 0.03);
          box-shadow: 0 0.275rem 1.25rem rgba(11, 15, 25, 0.05), 0 0.25rem 0.5625rem rgba(11, 15, 25, 0.03);
}
@media only screen and (max-width: 768px) {
  .header-fix {
    margin-top: 0;
  }
}
.btn-soumission {
  color: #fff;
  background-color: #717273;
}
.btn-soumission:hover {
  color: #fff;
  background-color: #565973;
}
.boite-bleu {
  position: relative;
  background-color: #0F4C91;
  left: 0;
  right: 50%;
}
.boite-jaune {
  position: relative;
  background-color: #F9C217;
  right: 0;
}
.boites {
  margin-top: -235px;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  .boites {
    margin-top: -150px;
  }
}
@media only screen and (min-width: 1250px) and (max-width: 1499px) {
  .boites {
    margin-top: -75px;
  }
}
@media only screen and (min-width: 500px) and (max-width: 1249px) {
  .boites {
    margin-top: 0;
  }
}
@media only screen and (max-width: 499px) {
  .boites {
    margin-top: 0;
  }
}
.titres-boites-hero {
  font-size: 36px;
  font-weight: 500;
}
@media only screen and (min-width: 1060px) and (max-width: 1290px) {
  .titres-boites-hero {
    font-size: 30px;
  }
}
@media only screen and (min-width: 990px) and (max-width: 1259px) {
  .titres-boites-hero {
    font-size: 24px;
  }
}
@media only screen and (max-width: 989px) {
  .titres-boites-hero {
    font-size: 22px;
  }
}
.text-hero {
  font-size: 24px;
  font-weight: 300;
}
@media only screen and (min-width: 1060px) and (max-width: 1290px) {
  .text-hero {
    font-size: 22px;
  }
}
@media only screen and (min-width: 990px) and (max-width: 1259px) {
  .text-hero {
    font-size: 18px;
  }
}
@media only screen and (max-width: 989px) {
  .text-hero {
    font-size: 16px;
  }
}
.btn-hero {
  color: #fff;
  font-size: 24px;
  font-weight: 300;
  padding: 15px 32px;
  background-color: #565973;
}
.btn-hero:hover {
  color: #fff;
  background-color: #383a53;
}
@media only screen and (min-width: 1060px) and (max-width: 1290px) {
  .btn-hero {
    font-size: 22px;
    padding: 15px 24px;
  }
}
@media only screen and (min-width: 990px) and (max-width: 1259px) {
  .btn-hero {
    font-size: 18px;
    padding: 10px 20px;
  }
}
@media only screen and (max-width: 989px) {
  .btn-hero {
    font-size: 16px;
    padding: 10px 15px;
  }
}
.text-intro {
  font-size: 24px;
  font-weight: 300;
  line-height: 42px;
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
  .text-intro {
    font-size: 20px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 990px) {
  .text-intro {
    font-size: 18px;
    line-height: 30px;
  }
}
.btn-info {
  color: #0F4C91;
  background-color: #FFD700;
  border-color: #FFD700;
  font-weight: 500;
}
.btn-info:hover {
  color: #0F4C91;
  background-color: #F9C217;
  border-color: #F9C217;
  font-weight: 500;
}
.titre-produits {
  color: #363941;
  font-size: 36px;
  font-weight: 400;
}
.sous-titre-produits {
  color: #0F4C91;
  font-size: 18px;
  font-weight: 500;
}
.carre-produits-position {
  padding-left: 50px;
  padding-right: 50px;
  margin-top: -100px;
}
@media only screen and (min-width: 991px) and (max-width: 1290px) {
  .carre-produits-position {
    padding-left: 25px;
    padding-right: 25px;
    margin-top: -60px;
  }
}
@media only screen and (max-width: 990px) {
  .carre-produits-position {
    margin-top: -40px;
  }
}
.carre-produits {
  padding: 50px;
  background-color: #0F4C91;
  border-bottom: 10px solid #FFD700;
  z-index: 9999;
}
@media only screen and (min-width: 1075px) and (max-width: 1325px) {
  .carre-produits {
    padding: 35px;
  }
}
@media only screen and (min-width: 991px) and (max-width: 1074px) {
  .carre-produits {
    padding: 25px;
  }
}
@media only screen and (max-width: 990px) {
  .carre-produits {
    padding: 15px;
  }
}
.carre-text {
  font-size: 1.7rem;
}
@media only screen and (min-width: 991px) and (max-width: 1325px) {
  .carre-text {
    font-size: 1.3rem;
  }
}
@media only screen and (max-width: 990px) {
  .carre-text {
    font-size: 1.1rem;
  }
}
.border-gold {
  border-left: 5px solid #C3932C;
}
@media only screen and (max-width: 768px) {
  .border-gold {
    border-left: none;
  }
}
@media only screen and (max-width: 990px) {
  .hide {
    display: none;
  }
}
.footer {
  background-color: #F9C217;
  padding: 15px 0 15px 0;
}
.footer p {
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  margin-bottom: 0;
}
.footer a {
  color: #fff;
  text-decoration: none;
}
.footer a:hover {
  color: #14305D;
}
/*===============================================================
  Copyright
=================================================================*/
.copyright {
  background-color: #717273;
  padding: 15px 0 15px 0;
}
.copyright p {
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  margin-bottom: 0;
}
.copyright a {
  color: #fff;
  text-decoration: none;
}
.copyright a:hover {
  color: #14305D;
}
.text-primary {
  color: #0F4C91 !important;
}
.breadcrumb-item.active {
  color: #0F4C91 !important;
}
.text-danger {
  color: #CB232A !important;
}
.titre-pages {
  color: #565973;
}
.btn-primary {
  color: #fff;
  background-color: #0F4C91;
  border-color: #0F4C91;
  font-weight: 500;
}
.btn-primary:hover {
  color: #fff;
  background-color: #2e72be;
  border-color: #2e72be;
  font-weight: 500;
}
.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.is-invalid:checked {
  background-color: #ef4444 !important;
  border-color: 2px solid #ef4444;
}
.gj-datepicker-md [role=right-icon] {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 24px;
}