/*------------- CUSTOM --------------*/
.container {
  max-width: 1200px; }

.list-custom {
  font-size: 1.3rem !important; }

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

.btn-custom {
  color: white !important;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.3rem;
  padding: 10px 25px 10px 25px;
  background-color: #4ECB71;
  margin: 1.6rem; }

.btn-custom a {
  color: white !important;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.3rem; }

.recommande {
  color: black;
  opacity: 40%;
  padding: 5px;
  background-color: #E9E9E9;
  margin: 0px; }

.accent {
  border: 2px solid red !important; }

.bouton-choice {
  background: #FFC700;
  border-radius: 5px;
  text-align: center;
  color: white !important;
  padding: 10px 25px 10px 25px;
  margin-bottom: 2rem;
  background-color: red !important; }

.btn-bas {
  position: absolute;
  bottom: 35px;
  left: 100px; }

li {
  list-style-image: url("https://static.juste-milieu.fr/external/JUM/LBQ/campagne/check-square-fill.svg"); }

.li-custom {
  list-style-image: url("https://cdn.juste-milieu.fr/uploads/croix-rouge.png"); }

::marker {
  height: 28px !important; }

.duree {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  overflow: hidden; }

.duree label {
  display: inline-block;
  padding: 12px 24px;
  cursor: pointer;
  font-size: 18px;
  transition: opacity 0.2s ease-in-out; }

.duree input[type="radio"] {
  display: none; }

.duree input[type="radio"]:checked + label {
  background-color: #4ECB71;
  color: white;
  opacity: 0.8; }

.duree label:first-of-type {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px; }

.duree label:last-of-type {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  margin-left: -1px; }

/*------------------------- CHOICES --------------------------*/
/*------------------------------------------------------------*/
#items-choices {
  display: flex;
  width: 100%;
  justify-content: space-between;
  list-style: none; }

.vanguard-custom-choice {
  width: 49%;
  filter: grayscale(0.9); }

.vanguard-custom-choice.selected.active, .vanguard-custom-choice:hover {
  filter: grayscale(0); }

.vanguard-custom-choice.selected.active .cta_choice p:after {
  content: "\f00c";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  bottom: 1.5rem;
  font-size: 2rem;
  margin-left: 15px; }

.vanguard-custom-choice input {
  display: none; }

.choice .choice_info .choice_backend {
  padding: 15px;
  height: 250px;
  margin: auto; }

.choice .choice_info h3 {
  color: #FFFFFF !important;
  text-align: center;
  text-transform: none;
  margin-bottom: 0 !important; }

.choice .choice_img {
  margin-top: -200px;
  padding: 0 15px; }

.choice .choice_img img {
  width: 100%; }

.choice .price {
  text-align: center;
  background-color: #FFFFFF;
  border: 2px solid;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  float: right;
  margin-bottom: -100px;
  z-index: 50;
  position: relative; }

.choice .price p {
  font-size: 0.8rem;
  margin-bottom: 0 !important; }

.choice .price p:first-of-type {
  font-size: 1.6rem;
  font-weight: 600; }

.choice .cta_choice {
  max-width: 100%;
  width: 350px;
  padding: 10px;
  margin: 15px auto;
  text-align: center;
  text-transform: uppercase;
  border-radius: 10px;
  border: 1px solid;
  cursor: pointer; }

.choice .cta_choice p {
  margin-bottom: 0 !important; }

.vanguard-custom-choice:first-of-type .cta_choice, .vanguard-custom-choice:nth-of-type(2n) .cta_choice {
  background-color: #FFFFFF; }

.vanguard-custom-choice:first-of-type .cta_choice:hover p, .vanguard-custom-choice:first-of-type.selected.active .cta_choice p, .vanguard-custom-choice:nth-of-type(2n) .cta_choice:hover p, .vanguard-custom-choice:nth-of-type(2n).selected.active .cta_choice p {
  color: #FFFFFF !important; }

.info_choice {
  text-align: center;
  font-style: italic;
  font-size: 0.8rem;
  margin-top: 15px; }

/*------------------------- RECAP --------------------------*/
/*----------------------------------------------------------*/
.module-block-recapitulative h4 {
  display: none;
  font-weight: 700 !important;
  text-align: center; }

.recap .module-block-recapitulative h4 {
  display: block;
  margin-bottom: 30px; }

.module-block-recapitulative {
  background-color: #ffffff !important;
  box-shadow: 0px 3px 6px #00000029; }

/*------------------------- Panier --------------------------*/
/*-----------------------------------------------------------*/
#shop .cta_shop {
  text-align: center;
  padding-top: 30px; }

#shop .cta_shop {
  background-color: #e88018;
  border: 1px solid #e88018;
  border-radius: 39px;
  padding: 10px 30px;
  margin: auto;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.5rem;
  cursor: pointer;
  color: #ffffff !important;
  text-decoration: none !important; }

#shop .cta_shop:hover {
  background-color: #ffffff;
  color: #e88018 !important; }

#shop .row > div:first-of-type {
  border-right: 1px solid #e7e7e7; }

/*------------------------- FORM --------------------------*/
/*-----------------------------------------------------------*/
.form_info .newsletterAuto {
  font-style: italic;
  font-size: 0.8rem;
  margin-top: 10px; }

.form_info p {
  text-align: center; }

.form_info .politique a {
  text-decoration: underline; }

.vanguard-contact-information .vanguard-contact-form-label {
  position: absolute;
  margin-top: -10px !important;
  margin-left: 15px !important;
  background-color: white !important;
  width: fit-content !important;
  font-weight: 400 !important;
  font-size: 0.8rem !important;
  color: #979797; }

.form-fields .form-group {
  margin-bottom: 28px; }

.form-fields .col-sm-12 {
  display: block;
  margin-left: -15px;
  margin-right: -15px;
  padding: 0; }

.form-fields .col-sm-12:before, .form-fields .col-sm-12:after {
  display: table;
  content: "";
  clear: both; }

.form-fields .form-group {
  width: 50%;
  float: left;
  padding: 0 15px;
  margin-right: 0 !important;
  margin-left: 0 !important; }

.form-check {
  width: 100% !important; }

.vanguard-form-error {
  margin-left: 15px !important;
  font-size: 80% !important; }

/* ------------------- RESPONSIVE ---------------*/
/* ------------------- RESPONSIVE ---------------*/
@media only screen and (max-width: 768px) {
  .choix {
    height: auto; }
  .btn-bas {
    position: initial;
    margin-bottom: 35px !important;
    margin-right: 0px !important;
    margin-left: 0px !important; } }