.modal{
    top:150px;
}
.alert-success {
    color: #159d89;
    background-color: rgba(27, 207, 180, 0.2);
    border-color: #19bea6; }
.alert-success hr {
    border-top-color: #16a792; }
.alert-success .alert-link {
    color: #0f7062; }

.alert-info {
    color: #1369ad;
    background-color: rgba(25, 138, 227, 0.2);
    border-color: #177fd1; }
.alert-info hr {
    border-top-color: #1471ba; }
.alert-info .alert-link {
    color: #0e4d7f; }

.alert-warning {
    color: #c1a30e;
    background-color: rgba(254, 215, 19, 0.2);
    border-color: #eac611; }
.alert-warning hr {
    border-top-color: #d2b20f; }
.alert-warning .alert-link {
    color: #917b0b; }

.alert-danger {
    color: #c15e72;
    background-color: rgba(254, 124, 150, 0.2);
    border-color: #ea728a; }
.alert-danger hr {
    border-top-color: #e75c78; }
.alert-danger .alert-link {
    color: #aa4257; }


.rd-navbar--is-stuck .rd-nav-link {
    color:#151515;
}

.rd-navbar--is-stuck .rd-navbar-basket {
    color:#151515;
}

.rd-navbar--is-stuck .rd-navbar-basket:hover {
    color:#f37022;
}

.rd-navbar-collapse .list-social a, .list-social a:focus, .list-social a:active{
    color: #2a2929;
}

.button-boutique{
    text-align: center;
    padding: 0;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 46px;
    border-radius: 50%;
}
.cart-inline-login {
    position: absolute;
    text-align: left;
    top: calc(100% + 30px);
    right: -18px;
    min-width: 470px;
    margin-top: 30px;
    background: #ffffff;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    filter: drop-shadow(0 0 3px rgba(1, 3, 4, 0.19));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
    z-index: 1082;
}
.cart-inline-login::before {
    position: absolute;
    content: "";
    bottom: calc(100% - 10px);
    right: 40px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 34px 34px;
    border-color: transparent transparent #ffffff transparent;
}
.cart-inline-login.active {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.cart-inline-login .stepper input[type="number"] {
    min-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
}
.cart-inline-login-header {
    padding: 20px;
}
.cart-inline-login-body {
    padding: 20px;
    border-top: 1px solid #e1e1e1;
}
.cart-inline-login-footer {
    padding: 20px;
    border-top: 1px solid #e1e1e1;
}
.cart-inline-login-title {
    text-transform: uppercase;
}
.cart-inline-login-figure {
    display: block;
    background: #f5f5f5;
}
.cart-inline-login-figure img {
    width: 100%;
    transition: all 0.3s ease;
    will-change: transform;
}
.cart-inline-login-figure:hover img {
    transform: scale(1.05);
}
* + .cart-inline-login-title {
    margin-top: 0;
}
.cart-inline-login-name + * {
    margin-top: 10px;
}
.cart-inline-login-item + .cart-inline-login-item {
    margin-top: 15px;
}
.ie-10 .cart-inline-login,
.ie-11 .cart-inline-login,
.ie-edge .cart-inline-login {
    box-shadow: 0 0 5px rgba(1, 3, 4, 0.19);
}
.ie-10 .cart-inline-login::before,
.ie-11 .cart-inline-login::before,
.ie-edge .cart-inline-login::before {
    bottom: 100%;
    border-width: 0 0 24px 24px;
    z-index: 1;
}
.ie-10 .cart-inline-login::after,
.ie-11 .cart-inline-login::after,
.ie-edge .cart-inline-login::after {
    position: absolute;
    content: "";
    bottom: calc(100% + 2px);
    right: 38px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 28px 28px;
    border-color: transparent transparent rgba(0, 0, 0, 0.04) transparent;
    z-index: 0;
}
.context-dark .cart-inline-login-name,
.bg-gray-700 .cart-inline-login-name,
.bg-gray-3 .cart-inline-login-name,
.bg-brown-1 .cart-inline-login-name,
.bg-primary .cart-inline-login-name,
.context-dark .cart-inline-login-title,
.bg-gray-700 .cart-inline-login-title,
.bg-gray-3 .cart-inline-login-title,
.bg-brown-1 .cart-inline-login-title,
.bg-primary .cart-inline-login-title {
    color: #151515;
}


.ft-24{
    font-size: 24px !important;
}

.rd-nav-item .rd-navbar-basket-wrap .rd-navbar-basket{
    color:#151515;
}

.footer-classic-body .fa{
    font-size: 50px;
}

.rd-nav-item .rd-navbar-basket-wrap .rd-navbar-basket:hover{
    color:#f37022;
}
/*
@media (min-width: 992px) {
    .rd-navbar-aside-outer {
        display: none;
    }
}
*/


/* Customize the label (the container-input) */
.container-input {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container-input input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-input:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-input input:checked ~ .checkmark {
  background-color: #f37022;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-input input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container-input .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.minus, .plus{
  width:20px;
  height:20px;
  background:#f2f2f2;
  border-radius:4px;
  padding:8px 5px 8px 5px;
  border:1px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.radio-custom{
    position: absolute;
    width: 14px;
    height: 14px;
    margin-left: -7px;
    margin-top: 5px;
    outline: none;
    cursor: pointer;
}

.radio-label{
    cursor:pointer;
}

.radio .radio-custom-dummy:after, .radio-inline .radio-custom-dummy:after{
    content: '';
    border-radius: 50%;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #3a5fa6;

}

.header-text {
    position: absolute;
    top: 30%;
    right: auto;
    width: 100%;
    color: #fff;
}

/*
@media screen and (max-width: 992px) {
  table,
  tbody,
  tr,
  td {
    display: block;
    width: auto!important;
  }
}

.button-delete {
  padding: 3px 10px;
}

@media (min-width: 992px) {

  .button-delete {
    padding: 10px 20px;
  }

}
*/

.button-delete {
  padding: 3px 10px;
}

.breadcrumbs-custom-footer {
    background: white;
    border-top: 1px solid #e2e2e2;
    text-align: left;
}

.breadcrumbs-custom-path a, .breadcrumbs-custom-path a:active, .breadcrumbs-custom-path a:focus {
    color: black;
}

.breadcrumbs-custom-path a:hover, .breadcrumbs-custom-path li.active {
    color: black;
}

.breadcrumbs-custom-path li::after {
    color: black;
}

.breadcrumbs-custom-path li {
    font-size: 10px;
}

.fs-16 {
  font-size: 16px;
}

.text-bold {
  font-weight: bold;
}

/* -- Checkbox -- */
/* Customize the label (the container) */
.containerCheck {
  color: black;
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containerCheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmarkC {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #d0d0d0;
}

/* On mouse-over, add a grey background color */
.containerCheck:hover input ~ .checkmarkC {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerCheck input:checked ~ .checkmarkC {
  background-color: #f37022;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmarkC:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containerCheck input:checked ~ .checkmarkC:after {
  display: block;
}

/* Style the checkmark/indicator */
.containerCheck .checkmarkC:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.aside-item label {
  text-transform: uppercase;
}

.rd-nav-link-shop {
  color: #2383c4!important;
}

.rd-nav-link-shop:hover {
  color: #f37022;
}

.smallLab label {
  font-size: 14px;
}

.custom-ul {
    padding-left: 20px;
}

.custom-ul li {
    list-style: circle; 
    margin-top: 6px;
    display: list-item;
}

.lead-blue {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    color: #2383c4;
}

.boxtalCard {
  border:1px solid silver;
  text-align:center;
  border-radius:5px;
  margin-bottom: 15px!important;
  padding: 10px;
}

.boxtalCard:hover {
  background-color: #ffeab0;
}

.table-responsive-stack tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-top: 1px solid #dee2e6;
}

.table-cart thead th {
  border-bottom: none;
}

.table-cart th, .table-cart td {
  border-top: none;
}

.table-responsive-stack td,
.table-responsive-stack th {
    display:block;
    -ms-flex: 1;
    flex: 1;
}

.table-responsive-stack .table-responsive-stack-thead {
   font-weight: bold;
}

@media screen and (max-width: 768px) {
   .table-responsive-stack tr {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      border-bottom: 1px solid #ccc;
      display:block;
      
   }
   /*  IE9 FIX   */
   .table-responsive-stack td {
      width:100%;
   }
}

@media (max-width: 1200px) {
    table th, .table td {
      border-top: 0px solid #dee2e6;
    }
}

.titreMob {
    padding: 0.25rem!important;
}

@media (min-width: 1200px) {
    .titreMob {
        padding: 0.75rem!important;
    }
}

.stepperM {
    width: 84px;
    margin: auto;
}

.aside-contacts-title {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #151515;
}

.title-box {
  /*height: 75px;*/
  margin-top: 20px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
}

.text-blue {
    font-weight: bold;
    color: #dc911b;
}

#tarteaucitronPersonalize {
  background: #f37022!important;
}

#tarteaucitronPersonalize2, .tarteaucitronAllow {
    background: #C5500C!important;
}

#tarteaucitronRoot .tarteaucitronDeny {
    background: #ffffff!important;  
    color: black!important;
}

#tarteaucitronRoot .tarteaucitronCross::before {
    color: black!important;
}

@media (max-width: 974px) {

  #tarteaucitronDisclaimerAlert {
    text-align: center!important;
  }

  #tarteaucitronCloseAlert {
    margin-top: 8px;
  }

  #tarteaucitronPersonalize2, #tarteaucitronAllDenied2 {
    margin-top: 8px;
  }

}

.select-inline .select2-container--default .select2-selection--single {
    text-align: center;
    display: inline-block;
    width: 33px;
    height: 33px;
    padding: 5px;
    border-radius: 50%;
    color: #000;
    background: #dc911b;
    border: 1px solid #dc911b;
}

.breadcrumbs-custom-footer {
    padding: 14px 0;
}

.swal-button {
    background-color: #dc911b;
    color: #fff;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 24px;
    margin: 0;
    cursor: pointer;
}

.swal-button--cancel:active {
    background-color: #b3720b;
}

.swal-button--confirm:active {
    background-color: #b3720b;
}

.produitLab {
  font-size: 14px;
  color: #151515;
}

@media (max-width: 1199.98px) {

  .rd-megamenu-item img {
    max-width: 80%;
  }

}

.button-primary.active {
    background: #ffe470;
    background-color: #ffe470;
    border-color: #ffe470;
}

.mosaic {
    display: flex;
    justify-content: center;
    gap: 10px; /* Espace entre les images */
}

.mosaic-item {
    flex: 1;
    aspect-ratio: 1; /* Ratio 1:1 pour des images carrées. Modifier si nécessaire */
    overflow: hidden; /* Masquer tout débordement pour maintenir le ratio */
}

.mosaic-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Couvrir toute la zone sans déformation */
}

@media (min-width: 992px) {

    .text-lg-justify {
        text-align: justify;
    }

}

.contact-header {
    background-image: url('/assets/images/header-contact.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 0;
}

/* Pour les grands écrans */
@media (min-width: 1200px) {
  .contact-header {
    background-image: url('/assets/images/presidente-245.webp');
    background-position: top;
    background-position-y: -127px;
  }
}