@charset "UTF-8";
body {
  --color-primary-green-water: #C5DFCC !important;
  --color-primary-green-light: #ccd200 !important;
  --color-primary-green-middle: #00792D !important;
  --color-primary-green-forest: #113E18 !important;
  --color-grey-light: #F1F3F4 !important;
  --color-grey-dark: #676767 !important;
  --color-black: #292929 !important;
}

body.particulier {
  --theme-color: #FBB002 !important;
  --color-primary-green-water: #C5DFCC !important;
  --color-primary-green-light: #ccd200 !important;
  --color-primary-green-middle: #00792D !important;
  --color-primary-green-forest: #113E18 !important;
  --color-grey-light: #F1F3F4 !important;
  --color-grey-dark: #676767 !important;
  --color-black: #292929 !important;
}

body.independant {
  --theme-color: #FFD845 !important;
  --color-primary-green-water: #C5DFCC !important;
  --color-primary-green-light: #ccd200 !important;
  --color-primary-green-middle: #00792D !important;
  --color-primary-green-forest: #113E18 !important;
  --color-grey-light: #F1F3F4 !important;
  --color-grey-dark: #676767 !important;
  --color-black: #292929 !important;
}

body.entreprise {
  --theme-color: #7DC2F2 !important;
  --color-primary-green-water: #C5DFCC !important;
  --color-primary-green-light: #ccd200 !important;
  --color-primary-green-middle: #00792D !important;
  --color-primary-green-forest: #113E18 !important;
  --color-grey-light: #F1F3F4 !important;
  --color-grey-dark: #676767 !important;
  --color-black: #292929 !important;
}

body.agriculteur {
  --theme-color: #E6C79C !important;
  --color-primary-green-water: #C5DFCC !important;
  --color-primary-green-light: #ccd200 !important;
  --color-primary-green-middle: #00792D !important;
  --color-primary-green-forest: #113E18 !important;
  --color-grey-light: #F1F3F4 !important;
  --color-grey-dark: #676767 !important;
  --color-black: #292929 !important;
}

body.collectivite {
  --theme-color: #E7C9FF !important;
  --color-primary-green-water: #C5DFCC !important;
  --color-primary-green-light: #ccd200 !important;
  --color-primary-green-middle: #00792D !important;
  --color-primary-green-forest: #113E18 !important;
  --color-grey-light: #F1F3F4 !important;
  --color-grey-dark: #676767 !important;
  --color-black: #292929 !important;
}

@font-face {
  font-family: "Bowlby One";
  src: url("../font/BowlbyOne.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../font/Inter.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: Inter !important;
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: -2% !important;
  color: var(--color-black) !important;
}

.form-check-input:checked {
  background-color: var(--theme-color) !important; /* Changer la couleur de fond */
  border-color: var(--theme-color) !important; /* Changer la couleur de bordure */
}

h1 {
  font-family: "Bowlby One" !important;
  font-size: 42px !important;
  line-height: 50px !important;
}

h2 {
  font-family: Inter !important;
  font-weight: 600 !important;
  font-size: 36px !important;
  line-height: 43px !important;
  letter-spacing: -3.5% !important;
}

h3 {
  font-family: Inter !important;
  font-weight: 700 !important;
  font-size: 30px !important;
}

h4 {
  font-family: Inter !important;
  font-weight: 600 !important;
  font-size: 22px !important;
  line-height: 28px !important;
  letter-spacing: -3.5% !important;
}

h5 {
  font-family: Inter !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: -3% !important;
}

h6 {
  font-family: Inter !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: -3% !important;
}

.preheader {
  background: var(--color-grey-light) !important;
  width: 100%;
  z-index: 210;
}

.page-title {
  font-family: "Bowlby One" !important;
  font-size: 14px !important;
  line-height: 19px !important;
  text-transform: uppercase !important;
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.slider-connects {
  background: var(--color-grey-light) !important;
  border: var(--color-grey-light) !important;
}

.slider-tooltip,
.slider-connect {
  background: var(--theme-color) !important;
  border: var(--theme-color) !important;
}

.wizard-icon-container {
  background: var(--theme-color) !important;
}

.wizard-nav-pills > li > a {
  color: var(--color-grey-dark) !important;
}

.stepTitle {
  color: var(--color-black) !important;
}

.wizard-icon {
  color: var(--color-black) !important;
}

.wizard-nav {
  color: var(--color-black) !important;
}

.wizard-nav .active {
  color: var(--theme-color) !important;
}
.wizard-nav .active .wizard-icon {
  color: var(--bs-white) !important;
}

.recoHighlighted {
  background-color: var(--theme-color) !important;
  color: #FFF;
  line-height: 170% !important;
}

.recoHighlighted .total_gamme_associee span {
  background-color: var(--theme-color) !important;
  color: #FFF;
}

.recommandation {
  background-color: var(--theme-color) !important;
}

.btn-email.selected a {
  background-color: var(--theme-color) !important;
}

.btn-primary {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
}

.btn-add {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
}

.btn-add:hover {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
}

.btn-add:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
  background-color: var(--bs-white) !important;
  border-color: var(--theme-color) !important;
}

.btn-primary {
  --bs-btn-color: #fff !important;
  --bs-btn-bg: var(--theme-color) !important;
  --bs-btn-border-color: var(--theme-color)!important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: var(--theme-color)!important;
  --bs-btn-hover-border-color: var(--theme-color)!important;
  --bs-btn-focus-shadow-rgb: 49,132,253 !important;
  --bs-btn-active-color: #fff !important;
  --bs-btn-active-bg: var(--theme-color)!important;
  --bs-btn-active-border-color: var(--theme-color)!important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
  --bs-btn-disabled-color: #fff !important;
  --bs-btn-disabled-bg: var(--theme-color)!important;
  --bs-btn-disabled-border-color: var(--theme-color)!important;
}

.btn-primary:focus,
.btn-primary:active {
  box-shadow: var(--theme-color) !important;
  outline: var(--theme-color) !important;
}

.list-group-item {
  margin-top: 0.2em;
  cursor: pointer;
  border: 1px solid #F1F3F4 !important;
}

.list-group-item.particulier:hover {
  background-color: #FBB002 !important;
  font-weight: bold;
}

.list-group-item.agriculteur:hover {
  background-color: #E6C79C !important;
  font-weight: bold;
}

.list-group-item.independant:hover {
  background-color: #FFD845 !important;
  font-weight: bold;
}

.list-group-item.entreprise:hover {
  background-color: #7DC2F2 !important;
  font-weight: bold;
}

.list-group-item.collectivite:hover {
  background-color: #E7C9FF !important;
  font-weight: bold;
}

.bandeau-chrono,
h3 {
  font-weight: bold;
}

.bandeau-chrono {
  background-color: #CCD200;
  padding: 10px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  color: var(--bs-white);
}

.image-container {
  position: relative;
  display: inline-block;
}

.img-overlay {
  display: block;
  width: 100%; /* l’image prend la taille de son conteneur */
  height: auto;
}

.overlay-text {
  position: absolute;
  top: 25%; /* centré verticalement */
  left: 40%; /* centré horizontalement */
  transform: translate(-50%, -50%);
  color: black;
  padding: 10px 20px;
  border-radius: 5px;
  text-align: center;
  max-width: 90%;
  font-size: 14px;
}

.overlay-button {
  position: absolute;
  top: 80%; /* centré verticalement */
  left: 50%; /* centré horizontalement */
  transform: translate(-50%, -50%);
  color: white;
  background-color: rgba(0, 0, 0, 0.6); /* lisibilité */
  padding: 10px 20px;
  border-radius: 5px;
  text-align: center;
  max-width: 90%;
  box-sizing: border-box;
}

.overlay-button:hover {
  background-color: #CCD200;
  color: white;
}
/*# sourceMappingURL=main.css.map */