/**
    Variables
*/
/* $yellow: #E3C622; */
/**
    CSS Global
*/
body {
  font-family: "Poppins", sans-serif !important;
}

h1, h2, h3, h4 {
  font-family: "Poppins", sans-serif !important;
}

.quantity, .quantity_disabled {
  position: relative;
  float: right;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.quantity input, .quantity_disabled input {
  width: 55px;
  height: 55px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  padding-left: 8px;
  border: 1px solid white;
  color: #707070;
  font: normal normal bold 18px/57px Poppins;
  box-shadow: none;
  border-radius: 14px;
}

.quantity input:focus {
  outline: 0;
}

.quantity-nav {
  float: left;
  position: relative;
  height: 55px;
}

.quantity-button {
  position: relative;
  cursor: pointer;
  width: 20px;
  text-align: center;
  line-height: 1.7;
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid black;
  font: normal normal bold 24px/40px Poppins;
  color: #C20E1A;
  line-height: 30px;
}

.quantity-button.quantity-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
  font: normal normal bold 24px/40px Poppins;
  color: #C20E1A;
  line-height: 26px;
}

.bouton_rouge {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #C20E1A;
  color: white;
  border-radius: 100px;
  padding: 10px 20px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4235294118);
  margin-bottom: 30px;
  border: unset;
  text-transform: uppercase;
  line-height: initial;
  display: inline-block;
  white-space-collapse: initial;
  text-wrap: initial;
}
.bouton_rouge * {
  color: white;
  text-transform: uppercase;
}
.bouton_rouge:hover {
  color: white;
  cursor: pointer;
}
.bouton_rouge:hover * {
  color: white;
  cursor: pointer;
}

.bouton_gris {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #707070;
  color: white;
  border-radius: 100px;
  padding: 10px 20px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4235294118);
  margin-bottom: 30px;
  border: unset;
  text-transform: uppercase;
  line-height: initial;
  display: inline-block;
  white-space-collapse: initial;
  text-wrap: initial;
}
.bouton_gris * {
  color: white;
  text-transform: uppercase;
}
.bouton_gris:hover {
  color: white;
  cursor: pointer;
}
.bouton_gris:hover * {
  color: white;
  cursor: pointer;
}

.texte_light {
  font-weight: 300;
}
.texte_semibold {
  font-weight: 600;
}
.texte_bold {
  font-weight: 700;
}

.mt-5 {
  margin-top: 3rem !important;
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?rva8pa");
  src: url("../fonts/icomoon.eot?rva8pa#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?rva8pa") format("truetype"), url("../fonts/icomoon.woff?rva8pa") format("woff"), url("../fonts/icomoon.svg?rva8pa#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-picto:before {
  content: "\e900";
  color: #c20e1b;
}

.icon-_picto:before {
  content: "\e901";
  color: #c20e1b;
}

.icon-Ajouter_Caviste_picto .path1:before {
  content: "\e902";
  color: rgb(255, 255, 255);
}

.icon-Ajouter_Caviste_picto .path2:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(154, 234, 105);
}

.icon-Ajouter_Caviste_picto .path3:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(154, 234, 105);
}

.icon-Cavistes_Chateaux_picto:before {
  content: "\e905";
}

.icon-Creer_Commande_picto:before {
  content: "\e906";
}

.icon-Engrenage_picto:before {
  content: "\e907";
  color: #c20e1b;
}

.icon-Facebook_picto:before {
  content: "\e908";
  color: #c20e1a;
}

.icon-Fermer_Fenetre_picto:before {
  content: "\e909";
  color: #c20e1b;
}

.icon-Fleche_bas_admin:before {
  content: "\e90a";
  color: #c20e1b;
}

.icon-Fleche_deroule_admin:before {
  content: "\e90b";
  color: #707070;
}

.icon-Fleche_Deroule_picto .path1:before {
  content: "\e90c";
  color: rgb(194, 14, 26);
}

.icon-Fleche_Deroule_picto .path2:before {
  content: "\e90d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-Fleche_Exporter_picto:before {
  content: "\e90e";
}

.icon-Fleche_Retour_Haut_picto .path1:before {
  content: "\e90f";
  color: rgb(194, 14, 26);
}

.icon-Fleche_Retour_Haut_picto .path2:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-Gerer_Commandes:before {
  content: "\e911";
}

.icon-Information_Valide_picto:before {
  content: "\e912";
  color: #c20e1b;
}

.icon-Informations_picto .path1:before {
  content: "\e913";
  color: rgb(112, 112, 112);
}

.icon-Informations_picto .path2:before {
  content: "\e914";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-Instagram_picto:before {
  content: "\e915";
  color: #c20e1a;
}

.icon-Loupe_picto:before {
  content: "\e916";
  color: #707070;
}

.icon-Modifier_Caviste_picto .path1:before {
  content: "\e917";
  color: rgb(255, 255, 255);
}

.icon-Modifier_Caviste_picto .path2:before {
  content: "\e918";
  margin-left: -1em;
  color: rgb(112, 112, 112);
}

.icon-Modifier_Caviste_picto .path3:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(112, 112, 112);
}

.icon-PDF_Picto:before {
  content: "\e925";
  color: #707070;
}

.icon-Picto_Plus .path1:before {
  content: "\e91a";
  color: rgb(194, 14, 27);
}

.icon-Picto_Plus .path2:before {
  content: "\e91b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-Profil_picto:before {
  content: "\e91c";
}

.icon-Recap_Commande_picto:before {
  content: "\e91d";
}

.icon-Saisir_Nouvelle_Commande_picto:before {
  content: "\e91e";
}

.icon-Stylo_picto:before {
  content: "\e91f";
  color: #505050;
}

.icon-Supprimer_Caviste_picto .path1:before {
  content: "\e920";
  color: rgb(255, 255, 255);
}

.icon-Supprimer_Caviste_picto .path2:before {
  content: "\e921";
  margin-left: -1em;
  color: rgb(194, 14, 27);
}

.icon-Supprimer_Caviste_picto .path3:before {
  content: "\e922";
  margin-left: -1em;
  color: rgb(194, 14, 27);
}

.icon-Trier_picto:before {
  content: "\e923";
  color: #707070;
}

.icon-Trombone_picto:before {
  content: "\e924";
}

/* .h1, h1 {
    font-size: calc(1.425rem + 5vw);
} */
.login_body .login_title h1 {
  font-weight: 700;
  font-size: calc(1.3125rem + 0.75vw);
  line-height: 26px;
  /* font: normal normal 700 30px/26px Poppins; */
}
.login_body .login_description p {
  font-weight: 200;
  font-size: 15px;
  line-height: 16px;
  /* font: normal normal 200 15px/16px Poppins; */
}
.login_body .login_reset_pwd {
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  /* font: normal normal 400 15px/16px Poppins; */
}
.login_body .form_login .form_login_title {
  font-weight: 700;
  font-size: 21px;
  line-height: 21px;
  /* font: normal normal 700 21px/21px Poppins; */
}
.login_body .form_login .form_login_body input::placeholder, .login_body .form_login .form_login_body input:-ms-input-placeholder, .login_body .form_login .form_login_body input::-ms-input-placeholder {
  font-weight: 500;
  font-size: 18px;
  line-height: 31px;
  /* font: normal normal 500 18px/31px Poppins; */
}
.login_body .form_login .form_login_body .form_login_submit button {
  font-weight: 700;
  font-size: 21px;
  line-height: 21px;
  /* font: normal normal 700 21px/21px Poppins; */
}

footer .footer_adresse {
  font-weight: 300;
  font-size: 14px;
  line-height: 12px;
  /* font: normal normal 300 14px/12px Poppins; */
}
footer .aide {
  font-weight: 700;
  font-size: 16px;
  line-height: 17px;
  /* font: normal normal 700 16px/17px Poppins; */
}
footer .footer_aide_url .footer_aide_url_item a {
  font-weight: 300;
  font-size: 14px;
  line-height: 15px;
  /* font: normal normal 300 14px/15px Poppins; */
}
footer .footer_liste_picto element {
  font-size: calc(1.3125rem + 0.75vw);
}
footer .footer_suivez {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  /* font: normal normal 700 16px/18px Poppins; */
}

header .header_right .header_name .name_profil {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  /* font: normal normal 600 14px/24px Poppins; */
}
header .header_right .header_name_bloc {
  font-weight: 600;
  font-size: 17px;
  line-height: 24px;
  /* font: normal normal 600 17px/24px Poppins; */
}
header .header_right .header_name_bloc_dropdown a {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  /* font: normal normal 600 14px/24px Poppins; */
}
header .hiddendiv a {
  font-family: Poppins;
}

.body_interface .body_interface_header .bloc_titre h1 {
  font-weight: 700;
  font-size: calc(1.3125rem + 0.75vw);
  line-height: 26px;
  /* font: normal normal 700 30px/26px Poppins; */
}
.body_interface .body_interface_header .bloc_titre element {
  font-size: 27px;
}
.body_interface .body_interface_header .bloc_paragraph p {
  font-weight: 200;
  font-size: 15px;
  line-height: 20px;
  /* font: normal normal 200 15px/20px Poppins; */
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_titre h2 {
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  /* font: normal normal 600 18px/26px Poppins; */
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_titre .gain_temps {
  font-size: 16px;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field label {
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  /* font: normal normal 600 16px/26px Poppins; */
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field .unit_field_colis_div .unit_field_colis_number {
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  /* font: normal normal 600 16px/26px Poppins; */
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_comp .bouton_coordonnees {
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  /* font: normal normal 600 16px/26px Poppins; */
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_comp .bouton_coordonnees .icon-Picto_Plus {
  font-size: calc(1.3125rem + 0.75vw);
}

.body_interface_index_commande .liste_boutons_index .liste_boutons_index_item .liste_boutons_index_item_element element {
  font-size: calc(1.35rem + 1.125vw);
}
.body_interface_index_commande .liste_boutons_index .liste_boutons_index_item .liste_boutons_index_item_text {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  /* font: normal normal 600 14px/20px Poppins; */
}
.body_interface_index_commande .onglets .onglet_item, .body_interface_index_commande .onglets .onglet_item_right {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  /* font: normal normal 600 14px/24px Poppins; */
}
.body_interface_index_commande .commande_listing .commande_listing_item .label_commande_item, .body_interface_index_commande .commande_listing .commande_listing_item .statut, .body_interface_index_commande .commande_listing .commande_listing_item .visualiser_facture a {
  font: normal normal 400 14px/24px Poppins;
}
.body_interface_index_commande .commande_listing .commande_listing_item .label_commande_item element, .body_interface_index_commande .commande_listing .commande_listing_item .statut element, .body_interface_index_commande .commande_listing .commande_listing_item .visualiser_facture a element {
  font-size: 22px;
}
.body_interface_index_commande .commande_listing .commande_listing_item .desc_commande_item {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  /* font: normal normal 600 14px/24px Poppins; */
}
.body_interface_index_commande .commande_listing .commande_listing_item .state_description {
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  /* font: normal normal 700 14px/19px Poppins; */
}
.body_interface_index_commande .commande_listing .commande_listing_item .relancer_client {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  /* font: normal normal 600 10px/12px Poppins; */
}
.body_interface_index_commande .commande_listing .number_commande_preparation {
  font-size: 40px;
}

.home .home_left .login_title h1 {
  font-weight: 700;
  font-size: calc(1.3125rem + 0.75vw);
  line-height: 30px;
  /* font: normal normal 700 30px/30px Poppins; */
}
.home .home_left .login_description p {
  font-weight: 200;
  font-size: 15px;
  line-height: 16px;
  /* font: normal normal 200 15px/16px Poppins; */
}
.home .home_right .destinations .destinations_text .new {
  /* font-weight: 400; */
  font-size: calc(1.3125rem + 0.75vw);
  line-height: 40px;
  /* font: normal normal 400 30px/40px Poppins; */
}
.home .home_right .destinations .destinations_text .dest {
  font-weight: 700;
  font-size: calc(1.4375rem + 2.25vw);
  line-height: 60px;
  /* font: normal normal 700 50px/60px Poppins; */
}
.home .home_right .destinations:hover .destinations_text .new {
  font-size: calc(1.375rem + 1.5vw);
  /* font: normal normal 400 40px/40px Poppins; */
}
.home .home_right .destinations:hover .destinations_text .dest {
  font-size: calc(1.5rem + 3vw);
  /* font: normal normal 700 60px/60px Poppins; */
}

.home_admin_blocs .admin_bloc_item_div .admin_bloc_item .admin_bloc_item_picto element {
  font-size: calc(1.6rem + 5.625vw);
}
.home_admin_blocs .admin_bloc_item_div .admin_bloc_item .admin_bloc_item_text {
  font-weight: 700;
  font-size: calc(1.3125rem + 0.75vw);
  line-height: 34px;
  /* font: normal normal 700 30px/34px Poppins; */
}
.home_admin_blocs .admin_bloc_item_div .admin_bloc_item .admin_bloc_item_fleche element {
  font-size: 25px;
}

.home_dashbord .home_dashbord_item .home_dashbord_item_text {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  /* font: normal normal 700 20px/25px Poppins; */
}
.home_dashbord .home_dashbord_item .home_dashbord_item_text .icon-Modifier_Caviste_picto,
.home_dashbord .home_dashbord_item .home_dashbord_item_text .icon-Ajouter_Caviste_picto,
.home_dashbord .home_dashbord_item .home_dashbord_item_text .icon-Supprimer_Caviste_picto {
  font-size: 50px;
}

.recap_commande .itemLabel {
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  /* font: normal normal 600 16px/26px Poppins; */
}
.recap_commande .quantity div {
  font-weight: 700;
  font-size: 18px;
  line-height: 57px;
  /* font: normal normal 700 18px/57px Poppins; */
}

#recapCommandeModal .lead {
  font-weight: 600;
  font-size: 23px;
  line-height: 26px;
  /* font: normal normal 600 23px/26px Poppins; */
}
#recapCommandeModal .texte {
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  /* font: normal normal 400 18px/20px Poppins; */
}

#body_interface_admin_home .body_interface_header .bloc_titre h1 {
  font-size: calc(1.5rem + 3vw);
}

@media print, screen and (min-width: 1200px) {
  .login_body .login_title h1 {
    font-size: 30px;
  }
  footer .footer_liste_picto element {
    font-size: 30px;
  }
  .body_interface .body_interface_header .bloc_titre h1 {
    font-size: 30px;
  }
  .body_interface .body_interface_header .bloc_titre element {
    font-size: 27px;
  }
  .body_interface_index_commande .liste_boutons_index .liste_boutons_index_item .liste_boutons_index_item_element element {
    font-size: 35px;
  }
  .body_interface_index_commande .commande_listing .number_commande_preparation {
    font-size: 40px;
  }
  .home .home_left .login_title h1 {
    font-size: 30px;
  }
  .home .home_right .destinations .destinations_text .new {
    font-size: 30px;
  }
  .home .home_right .destinations .destinations_text .dest {
    font-size: 50px;
  }
  .home .home_right .destinations:hover .destinations_text .new {
    font-size: 40px;
  }
  .home .home_right .destinations:hover .destinations_text .dest {
    font-size: 60px;
  }
  .home_admin_blocs .admin_bloc_item_div .admin_bloc_item .admin_bloc_item_picto element {
    font-size: 75px;
  }
  .home_admin_blocs .admin_bloc_item_div .admin_bloc_item .admin_bloc_item_text {
    font-size: 30px;
  }
  .home_admin_blocs .admin_bloc_item_div .admin_bloc_item .admin_bloc_item_fleche element {
    font-size: 25px;
  }
  .home_dashbord .home_dashbord_item .home_dashbord_item_text .icon-Modifier_Caviste_picto,
  .home_dashbord .home_dashbord_item .home_dashbord_item_text .icon-Ajouter_Caviste_picto,
  .home_dashbord .home_dashbord_item .home_dashbord_item_text .icon-Supprimer_Caviste_picto {
    font-size: 50px;
  }
  #body_interface_admin_home .body_interface_header .bloc_titre h1 {
    font-size: 60px;
  }
}
#bloc_simulateur {
  color: #707070;
}
#bloc_simulateur .color-red {
  color: #C20E1A;
}
#bloc_simulateur .background-red {
  background-color: #C20E1A !important;
}
#bloc_simulateur label {
  color: #707070;
  font-size: 1rem;
}
#bloc_simulateur .ps-20 {
  padding-left: 20px;
}
#bloc_simulateur .mt-30 {
  margin-top: 30px;
}
#bloc_simulateur .mt-1rem {
  margin-top: 1rem;
}
#bloc_simulateur .fw-700 {
  font-weight: 700;
}
#bloc_simulateur button {
  font-weight: 600;
}
#bloc_simulateur .text-center {
  text-align: center;
}
#bloc_simulateur .text-end {
  text-align: right;
}
#bloc_simulateur input[type=text],
#bloc_simulateur input[type=number],
#bloc_simulateur select {
  color: #707070;
  background: white;
  border-radius: 34px;
  height: auto;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
#bloc_simulateur select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("../../images/SVG/Fleche_bas_admin.svg");
  background-position: calc(100% - 20px) center;
  background-size: 15px;
  background-repeat: no-repeat;
}
#bloc_simulateur h1 {
  text-transform: uppercase;
}
#bloc_simulateur h2 {
  color: #707070;
  font-size: 18px;
  font-weight: 600;
  padding-left: 35px;
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 0;
}
#bloc_simulateur h2.infos_livraison {
  background-image: url("../../images/SVG/Info_Livraison_picto.svg");
}
#bloc_simulateur h2.infos_assurance {
  background-image: url("../../images/SVG/Assurance_picto.svg");
}
#bloc_simulateur h2.infos_emballage {
  background-image: url("../../images/SVG/Emballages_picto.svg");
}
#bloc_simulateur h2.infos_option {
  background-image: url("../../images/SVG/Option_Supp_picto.svg");
}
#bloc_simulateur h2.infos_delai {
  background-image: url("../../images/SVG/Delai_Livraison_picto.svg");
  background-size: 30px;
}
#bloc_simulateur .notes {
  border-radius: 21px;
  border: 1px solid #C20E1A;
  color: #C20E1A;
  font-style: italic;
  font-size: 14px;
  padding: 5px 10px 5px 40px;
  position: relative;
}
#bloc_simulateur .notes:before {
  content: "";
  background-image: url("../../images/SVG/Informations_picto_rouge.svg");
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 10px;
  transform: translate(0, -50%);
}
#bloc_simulateur .accordeon {
  cursor: pointer;
  position: relative;
}
#bloc_simulateur .accordeon.active::after {
  transform: rotate(0);
}
#bloc_simulateur .accordeon::after {
  display: block;
  content: "";
  background-image: url("../../images/SVG/Fleche_bas_admin.svg");
  width: 15px;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(180deg);
}
#bloc_simulateur h3 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 20px;
}
#bloc_simulateur .panel {
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
#bloc_simulateur .panel.show {
  height: 100%;
}
#bloc_simulateur .panel.hide {
  height: 0;
}
#bloc_simulateur .body_interface_div .grid-container {
  max-width: 1500px;
}
#bloc_simulateur .body_interface_div .grid-container .bloc_infos {
  margin-top: 0;
}
#bloc_simulateur .body_interface_div .grid-container .bloc_infos .bloc_infos_body {
  padding: 25px 35px;
}
#bloc_simulateur #bloc_livraison {
  margin-top: 0;
}
#bloc_simulateur #bloc_livraison .panel {
  padding: 0 10%;
}
#bloc_simulateur #bloc_livraison .panel label {
  font-style: italic;
}
#bloc_simulateur #bloc_livraison .panel #country {
  margin-bottom: 1rem;
}
#bloc_simulateur #bloc_livraison .panel .add_valeur {
  display: none;
}
#bloc_simulateur #bloc_livraison .panel .recapBouteilles {
  padding: 10px 0;
  border-radius: 21px;
  border: 1px solid #707070;
  margin-bottom: 1rem;
  display: none;
}
#bloc_simulateur #bloc_livraison .panel .recapBouteilles .bouteillesItemInfo {
  margin-top: 5px;
  margin-bottom: 5px;
}
#bloc_simulateur #bloc_livraison .panel .recapBouteilles .bouteillesItemInfo .deleteItem {
  width: 23px;
  height: 20px;
  background-image: url("../../images/SVG/Corbeille_picto.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  float: right;
  margin-right: 20px;
}
#bloc_simulateur #bloc_livraison .panel .addBouteilles {
  display: none;
}
#bloc_simulateur #bloc_livraison .panel #addProduct {
  width: 100%;
}
#bloc_simulateur #bloc_assurance .bloc_assurance_div {
  padding: 0 4%;
}
#bloc_simulateur #bloc_assurance .bloc_assurance_body_unit {
  font-size: 13px;
}
#bloc_simulateur #bloc_emballage .bloc_emballage_div {
  padding: 0 4%;
}
#bloc_simulateur #bloc_option .bloc_option_div {
  padding: 0 4%;
}
#bloc_simulateur #bloc_delai .bloc_delai_div {
  padding: 0 4%;
}
#bloc_simulateur .toggle-container {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  cursor: pointer;
  float: right;
}
#bloc_simulateur .toggle-container input[type=checkbox] {
  display: none;
}
#bloc_simulateur .toggle-slider {
  position: relative;
  width: 40px;
  height: 20px;
  background-color: #ccc;
  border-radius: 10px;
  transition: 0.4s;
}
#bloc_simulateur .toggle-slider:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: white;
  top: 2px;
  left: 2px;
  transition: 0.4s;
}
#bloc_simulateur .toggle-container input:checked + .toggle-slider {
  background-color: #4caf50;
}
#bloc_simulateur .toggle-container input:checked + .toggle-slider:before {
  transform: translateX(20px);
}
#bloc_simulateur .bloc_frais_comp {
  padding: 0 4%;
  margin-top: 50px;
}
#bloc_simulateur .bloc_frais_comp .bloc_frais_comp_titre {
  font-weight: 700;
  text-transform: uppercase;
}
#bloc_simulateur .bloc_frais_comp .tarifs-table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  border-radius: 84px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
  border-style: hidden;
}
#bloc_simulateur .bloc_frais_comp .tarifs-table td,
#bloc_simulateur .bloc_frais_comp .tarifs-table th {
  padding: 20px;
  border: none;
}
#bloc_simulateur .bloc_frais_comp .tarifs-table thead {
  background-color: #C20E1A;
  color: white;
}
#bloc_simulateur .bloc_frais_comp .tarifs-table thead tr th {
  text-align: center;
}
#bloc_simulateur .bloc_frais_comp .tarifs-table thead tr th:first-child {
  padding-left: 50px;
  border-top-left-radius: 84px;
}
#bloc_simulateur .bloc_frais_comp .tarifs-table thead tr th:nth-child(2) {
  width: 15%;
  text-align: center;
}
#bloc_simulateur .bloc_frais_comp .tarifs-table thead tr th:last-child {
  padding-right: 50px;
  border-top-right-radius: 84px;
}
#bloc_simulateur .bloc_frais_comp .tarifs-table tbody {
  background-color: transparent !important;
}
#bloc_simulateur .bloc_frais_comp .tarifs-table tbody tr:nth-child(even) {
  background-color: white;
}
#bloc_simulateur .bloc_frais_comp .tarifs-table tbody tr td:first-child {
  padding-left: 50px;
}
#bloc_simulateur .bloc_frais_comp .tarifs-table tbody tr td:nth-child(2) {
  text-align: center;
}
#bloc_simulateur .bloc_frais_comp .tarifs-table tbody tr td:last-child {
  padding-right: 50px;
}
#bloc_simulateur .bloc_frais_comp .tarifs-table tbody tr:not(:last-child) td {
  border-bottom: 1px dotted #707070;
}
#bloc_simulateur .bloc_frais_comp .tarifs-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 84px;
}
#bloc_simulateur .bloc_frais_comp .tarifs-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 84px;
}
#bloc_simulateur .new_prix {
  text-decoration: underline;
  font-style: italic;
  color: #C20E1A;
}
#bloc_simulateur #affichage_complet_simulateur {
  display: none;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
  border-radius: 84px;
  padding: 40px;
  color: #161615 !important;
}
#bloc_simulateur #affichage_complet_simulateur a {
  color: #C20E1A;
}
#bloc_simulateur #affichage_complet_simulateur #montant_total {
  text-align: center;
  font-size: 71px;
  font-weight: 600;
  line-height: 1;
}
#bloc_simulateur #affichage_complet_simulateur #texte_tva {
  font-size: 14px;
  font-style: italic;
  text-align: center;
}
#bloc_simulateur #affichage_complet_simulateur h2 {
  padding: 0;
  margin: 0;
  font-size: 24px !important;
  color: #161615 !important;
  text-align: center;
  padding-left: 0;
}
#bloc_simulateur #affichage_complet_simulateur #export_devis {
  margin-bottom: 0;
}
#bloc_simulateur #consulter_offres {
  margin-top: 10px;
}

#bloc_infos_complete {
  color: #707070;
  /* HTML: <div class="loader"></div> */
}
#bloc_infos_complete .loader {
  width: 70px;
  height: 26px;
  background: #707070;
  border-radius: 50px;
  --c: no-repeat radial-gradient(farthest-side, #000 92%, #0000);
  --s: 18px 18px;
  -webkit-mask: var(--c) left 4px top 50%, var(--c) center, var(--c) right 4px top 50%, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: l1 1.5s infinite;
}
@keyframes l1 {
  0% {
    -webkit-mask-size: 0 0, 0 0, 0 0, auto;
  }
  16.67% {
    -webkit-mask-size: var(--s), 0 0, 0 0, auto;
  }
  33.33% {
    -webkit-mask-size: var(--s), var(--s), 0 0, auto;
  }
  50% {
    -webkit-mask-size: var(--s), var(--s), var(--s), auto;
  }
  66.67% {
    -webkit-mask-size: 0 0, var(--s), var(--s), auto;
  }
  83.33% {
    -webkit-mask-size: 0 0, 0 0, var(--s), auto;
  }
  100% {
    -webkit-mask-size: 0 0, 0 0, 0 0, auto;
  }
}
#bloc_infos_complete .notes {
  border-radius: 21px;
  border: 1px solid #C20E1A;
  color: #C20E1A;
  font-style: italic;
  font-size: 14px;
  padding: 5px 10px 5px 40px;
  position: relative;
}
#bloc_infos_complete .notes:before {
  content: "";
  background-image: url("../../images/SVG/Informations_picto_rouge.svg");
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 10px;
  transform: translate(0, -50%);
}
#bloc_infos_complete .grid-container {
  max-width: 1000px;
}
#bloc_infos_complete a {
  text-decoration: underline;
  color: #707070;
}
#bloc_infos_complete label {
  color: #707070;
  font-size: 1rem;
}
#bloc_infos_complete .font_18 {
  font-size: 18px;
}
#bloc_infos_complete .font_24 {
  font-size: 24px;
}
#bloc_infos_complete .text-black {
  color: black;
}
#bloc_infos_complete .text-light {
  font-weight: 400;
}
#bloc_infos_complete .ps-20 {
  padding-left: 20px;
}
#bloc_infos_complete .mx-auto {
  margin-left: auto;
  margin-right: auto;
}
#bloc_infos_complete .mt-30 {
  margin-top: 30px;
}
#bloc_infos_complete .mt-1rem {
  margin-top: 1rem;
}
#bloc_infos_complete .fw-700 {
  font-weight: 700;
}
#bloc_infos_complete .fw-600 {
  font-weight: 600;
}
#bloc_infos_complete button {
  font-weight: 600;
}
#bloc_infos_complete .text-center {
  text-align: center;
}
#bloc_infos_complete .text-end {
  text-align: right;
}
#bloc_infos_complete input[type=text],
#bloc_infos_complete input[type=number],
#bloc_infos_complete select {
  color: #707070;
  background: white;
  border-radius: 34px;
  height: auto;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
#bloc_infos_complete select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("../../images/SVG/Fleche_bas_admin.svg");
  background-position: calc(100% - 20px) center;
  background-size: 15px;
  background-repeat: no-repeat;
}
#bloc_infos_complete h1 {
  text-transform: uppercase;
}
#bloc_infos_complete h2 {
  color: #707070;
  font-size: 18px;
  font-weight: 600;
  background-repeat: no-repeat;
  background-position: left center;
  position: relative;
}
#bloc_infos_complete h2:before {
  position: absolute;
  content: "";
  width: 50px;
  border: 1px solid black;
  height: 1px;
  bottom: -10px;
}
#bloc_infos_complete .toggle-container {
  display: flex;
  align-items: center;
  gap: 10px;
}
#bloc_infos_complete .toggle-label {
  font-weight: bold;
  font-size: 18px;
}
#bloc_infos_complete .toggle-label.active {
  color: black;
}
#bloc_infos_complete .toggle-label.inactive {
  color: grey;
}
#bloc_infos_complete .toggle-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
}
#bloc_infos_complete .toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
#bloc_infos_complete .toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: grey;
  border-radius: 25px;
  transition: 0.4s;
}
#bloc_infos_complete .toggle-slider:before {
  position: absolute;
  content: "";
  height: 21px;
  width: 21px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  border-radius: 50%;
  transition: 0.4s;
}
#bloc_infos_complete input:checked + .toggle-slider {
  background-color: #4caf50;
}
#bloc_infos_complete input:checked + .toggle-slider:before {
  transform: translateX(25px);
}
#bloc_infos_complete #country {
  width: 60%;
  margin-left: 20%;
}
#bloc_infos_complete .bloc_frais_comp {
  padding: 0 10%;
  margin-top: 50px;
}
#bloc_infos_complete .bloc_frais_comp .bloc_frais_comp_titre {
  font-weight: 700;
  text-transform: uppercase;
}
#bloc_infos_complete .tarifs-table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  border-radius: 84px;
  border-style: hidden;
}
#bloc_infos_complete .tarifs-table tbody,
#bloc_infos_complete .tarifs-table tfoot,
#bloc_infos_complete .tarifs-table thead {
  border: none !important;
}
#bloc_infos_complete .tarifs-table .icone_carton,
#bloc_infos_complete .tarifs-table .icone_bouteille {
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}
#bloc_infos_complete .tarifs-table .icone_carton {
  background-image: url("../../images/SVG/Carton_picto.svg");
  width: 23px;
  height: 23px;
}
#bloc_infos_complete .tarifs-table .icone_bouteille {
  background-image: url("../../images/SVG/Bouteille_picto.svg");
  height: 23px;
  width: 10px;
}
#bloc_infos_complete .tarifs-table td,
#bloc_infos_complete .tarifs-table th {
  padding: 20px;
  border: none;
}
#bloc_infos_complete .tarifs-table thead {
  background-color: #C20E1A;
  color: white;
}
#bloc_infos_complete .tarifs-table thead tr th {
  text-align: center;
}
#bloc_infos_complete .tarifs-table thead tr th:first-child {
  padding-left: 50px;
  border-top-left-radius: 84px;
}
#bloc_infos_complete .tarifs-table thead tr th:nth-child(2) {
  text-align: center;
}
#bloc_infos_complete .tarifs-table thead tr th:last-child {
  padding-right: 50px;
  border-top-right-radius: 84px;
}
#bloc_infos_complete .tarifs-table tbody {
  background-color: transparent !important;
  position: relative;
}
#bloc_infos_complete .tarifs-table tbody tr:nth-child(even) {
  background-color: white;
}
#bloc_infos_complete .tarifs-table tbody tr td:nth-child(2) {
  text-align: center;
}
#bloc_infos_complete .tarifs-table tbody tr td:last-child {
  padding-right: 50px;
}
#bloc_infos_complete .tarifs-table tbody tr:not(:last-child) td {
  border-bottom: 1px dotted #707070;
}
#bloc_infos_complete .tarifs-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 84px;
}
#bloc_infos_complete .tarifs-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 84px;
}
#bloc_infos_complete #tableau_monocolis {
  border-radius: 84px;
  font-weight: 700;
}
#bloc_infos_complete #tableau_monocolis thead {
  background: none;
}
#bloc_infos_complete #tableau_monocolis thead th:first-child {
  background: white;
}
#bloc_infos_complete #tableau_monocolis thead th:not(:first-child) {
  background: #C20E1A;
}
#bloc_infos_complete #tableau_monocolis thead th:nth-child(2) {
  /* nb de bouteilles */
  border-radius: 84px 0 0 0;
}
#bloc_infos_complete #tableau_monocolis thead th:last-child {
  border-radius: 0 84px 0 0;
}
#bloc_infos_complete #tableau_monocolis tbody {
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
  border-radius: 84px 0 84px 84px;
}
#bloc_infos_complete #tableau_monocolis tbody tr td:first-child[rowspan] {
  background: #C20E1A;
  padding: 0;
  border-radius: 84px 0 0 84px;
  width: 85px;
}
#bloc_infos_complete #tableau_monocolis tbody tr td:first-child[rowspan] p {
  transform: rotate(270deg);
  color: white;
  margin-bottom: 0;
}
#bloc_infos_complete #tableau_multicolis {
  border-radius: 84px;
  font-weight: 700;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
}
#bloc_infos_complete #tableau_multicolis thead th {
  padding-top: 0;
  padding-bottom: 0;
}
#bloc_infos_complete #tableau_multicolis thead th p {
  margin: 0;
  opacity: 0;
  height: 0;
}
#bloc_infos_complete #tableau_multicolis tbody tr td:first-child[rowspan] {
  background: #C20E1A;
  padding: 0;
  border-radius: 84px 0 0 84px;
  width: 85px;
}
#bloc_infos_complete #tableau_multicolis tbody tr td:first-child[rowspan] p {
  transform: rotate(270deg);
  color: white;
  margin-bottom: 0;
}
#bloc_infos_complete #tableau_monocolis .col-bouteilles,
#bloc_infos_complete #tableau_multicolis .col-bouteilles {
  width: 18%;
}
#bloc_infos_complete #tableau_monocolis .col-cartons,
#bloc_infos_complete #tableau_multicolis .col-cartons {
  width: 15%;
}
#bloc_infos_complete #tableau_frais {
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
}
#bloc_infos_complete #tableau_frais tbody tr td:first-child {
  padding-left: 50px;
}
#bloc_infos_complete .bloc_consignes {
  border-radius: 63px;
  padding: 40px;
  border: 5px solid #C20E1A;
  color: #C20E1A;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 40px;
}
#bloc_infos_complete .bloc_consignes.font-black {
  color: black;
  border: 5px solid black;
}
#bloc_infos_complete .bloc_consignes.font-black .consignes_titre {
  filter: brightness(0) saturate(100%);
}
#bloc_infos_complete .bloc_consignes:not(#bloc_infos_complete .bloc_consignes.font-black) {
  background-image: url("../images/SVG/Consignes_picto.svg");
  background-repeat: no-repeat;
  background-size: 18px auto;
  background-position: 40px center;
}
#bloc_infos_complete .bloc_consignes .consignes_titre {
  background-image: url("../images/SVG/Consignes_picto.svg");
  background-repeat: no-repeat;
  background-size: 18px auto;
  background-position: left center;
  font-style: italic;
  font-weight: 600;
  margin-bottom: 1rem;
  padding-left: 30px;
}
#bloc_infos_complete .bloc_consignes .consignes_sstitre {
  font-style: italic;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 1rem;
  padding-left: 30px;
}
#bloc_infos_complete .bloc_consignes .consignes_description {
  font-size: 14px;
  font-weight: 600;
  padding-left: 30px;
}

#bloc_fourniture {
  color: #707070;
}
#bloc_fourniture h1 {
  text-transform: uppercase;
}
#bloc_fourniture .grid-container {
  max-width: 1500px;
}
#bloc_fourniture .font_18 {
  font-size: 18px;
}
#bloc_fourniture .font_24 {
  font-size: 24px;
}
#bloc_fourniture .text-black {
  color: black;
}
#bloc_fourniture .text-light {
  font-weight: 400;
}
#bloc_fourniture .ps-20 {
  padding-left: 20px;
}
#bloc_fourniture .mx-auto {
  margin-left: auto;
  margin-right: auto;
}
#bloc_fourniture .mt-30 {
  margin-top: 30px;
}
#bloc_fourniture .mb-30 {
  margin-bottom: 30px;
}
#bloc_fourniture .mt-1rem {
  margin-top: 1rem;
}
#bloc_fourniture .fw-700 {
  font-weight: 700;
}
#bloc_fourniture .fw-600 {
  font-weight: 600;
}
#bloc_fourniture button {
  font-weight: 600;
}
#bloc_fourniture .text-center {
  text-align: center;
}
#bloc_fourniture .text-italic {
  font-style: italic;
}
#bloc_fourniture .underline {
  padding-bottom: 5px;
  border-bottom: 1px solid #707070;
  font-style: italic;
}
#bloc_fourniture .text-end {
  text-align: right;
}
#bloc_fourniture h2 {
  color: black;
  font-weight: 600;
  background-repeat: no-repeat;
  background-position: left center;
  position: relative;
}
#bloc_fourniture h2:before {
  position: absolute;
  content: "";
  width: 50px;
  border: 1px solid black;
  height: 1px;
  bottom: -10px;
}
#bloc_fourniture .body_interface_div .bloc_infos .titre {
  background: #C20E1A;
  border-radius: 84px 84px 0 0;
  padding: 20px 70px;
  color: white;
  font-weight: 600;
  font-size: 24px;
}
#bloc_fourniture .body_interface_div .bloc_infos .bloc_infos_body {
  border-radius: 84px;
  padding: 0 !important;
  margin-top: 25px;
}
#bloc_fourniture .body_interface_div .bloc_infos .bloc_infos_body .unit_field {
  padding: 20px 70px 30px;
}
#bloc_fourniture .body_interface_div .bloc_infos .bloc_infos_body .unit_field .divFournitureItem {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
#bloc_fourniture .body_interface_div .description {
  color: #C20E1A;
  font-size: 14px;
  font-style: italic;
  margin-left: 15%;
  margin-right: 15%;
  position: relative;
  padding-left: 32px;
  margin-bottom: 50px;
}
#bloc_fourniture .body_interface_div .description:before {
  content: "";
  background-image: url("../../images/SVG/Informations_picto_rouge.svg");
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
#bloc_fourniture #bloc_recapitulatif {
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
  border-radius: 84px;
  padding: 40px;
  color: #161615 !important;
}
#bloc_fourniture #bloc_recapitulatif #montantTotalValue {
  text-align: center;
  font-size: 71px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 30px;
}
#bloc_fourniture #bloc_recapitulatif #texte_tva {
  font-size: 14px;
  font-style: italic;
  text-align: center;
}
#bloc_fourniture #bloc_recapitulatif h2 {
  font-size: 24px !important;
  color: #161615 !important;
  text-align: center;
  padding-left: 0;
  margin-bottom: 0;
}
#bloc_fourniture #bloc_recapitulatif h2:before {
  content: "";
  border: 0;
}
#bloc_fourniture #bloc_recapitulatif .listing_recapitulatif_unit {
  padding-top: 15px;
}
#bloc_fourniture #bloc_recapitulatif .listing_recapitulatif_unit:not(:last-child) {
  border-bottom: 1px dotted black;
  padding-bottom: 15px;
}
#bloc_fourniture #bloc_recapitulatif .recap-quantity, #bloc_fourniture #bloc_recapitulatif .recap-montant {
  font-weight: 700;
}
#bloc_fourniture #bloc_recapitulatif .recap-marque {
  background-color: #707070;
  font-style: italic;
  color: white;
  font-size: 13px;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
#bloc_fourniture #bloc_recapitulatif .listing_frais_livraison {
  margin-top: 15px;
}
#bloc_fourniture .bloc_consignes {
  border-radius: 63px;
  padding: 40px;
  border: 5px solid #C20E1A;
  color: #C20E1A;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 40px;
}
#bloc_fourniture .bloc_consignes .consignes_titre {
  background-image: url("../images/SVG/Consignes_picto.svg");
  background-repeat: no-repeat;
  background-size: 18px auto;
  background-position: left center;
  font-style: italic;
  font-weight: 600;
  margin-bottom: 1rem;
  padding-left: 30px;
}
#bloc_fourniture .bloc_consignes .consignes_sstitre {
  font-style: italic;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 1rem;
  padding-left: 30px;
}
#bloc_fourniture .bloc_consignes .consignes_description {
  font-size: 14px;
  font-weight: 600;
  padding-left: 30px;
}

.bloc_documents {
  color: #C20E1A;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.bloc_documents .m-0 {
  margin: 0 !important;
}
.bloc_documents a {
  color: #C20E1A;
}
.bloc_documents .bloc_infos_titre a:hover {
  text-decoration: underline;
}

#body_interface_admin .mt-30 {
  margin-top: 30px;
}
#body_interface_admin .mb-0 {
  margin-bottom: 0;
}
#body_interface_admin .text-center {
  text-align: center;
}
#body_interface_admin .text-end {
  text-align: right;
}
#body_interface_admin button {
  font-weight: 600;
  cursor: pointer;
}
#body_interface_admin .d-flex {
  display: flex;
}
#body_interface_admin .gap1rem {
  gap: 1rem;
}
#body_interface_admin .gap2rem {
  gap: 2rem;
}
#body_interface_admin .flex-direction-row {
  flex-direction: row;
}
#body_interface_admin .align-items-start {
  align-items: flex-start;
}
#body_interface_admin .align-items-center {
  align-items: center;
}
#body_interface_admin .justify-content-center {
  justify-content: center;
}
#body_interface_admin .font_14 {
  font-size: 14px;
}
#body_interface_admin .bouton_rouge {
  font-weight: 600;
}
#body_interface_admin .bouton_blanc {
  color: #C20E1A;
  background-color: white;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 100px;
  padding: 9px 19px;
  text-transform: uppercase;
  border: 2px solid #C20E1A;
  font-weight: 600;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
#body_interface_admin h2 {
  font-weight: 600;
  background-repeat: no-repeat;
  background-position: left center;
  position: relative;
  font-size: 24px;
  margin-bottom: 30px;
}
#body_interface_admin h2:before {
  position: absolute;
  content: "";
  width: 50px;
  border: 1px solid black;
  height: 1px;
  bottom: -10px;
}
#body_interface_admin input[type=text],
#body_interface_admin input[type=number],
#body_interface_admin textarea,
#body_interface_admin select {
  color: #707070;
  background: white;
  border-radius: 34px;
  height: auto;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
#body_interface_admin select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("../../images/SVG/Fleche_bas_admin.svg");
  background-position: calc(100% - 20px) center;
  background-size: 15px;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}
#body_interface_admin .body_interface_header .bloc_titre {
  margin-bottom: 0;
}
#body_interface_admin .body_interface_header .bloc_titre h1 {
  margin-bottom: 0;
}
#body_interface_admin .body_interface_div {
  padding: 45px 6%;
}
#body_interface_admin .body_interface_div .onglet_item_admin a {
  display: block;
  background-color: #C20E1A;
  color: white;
  border-radius: 38px 0px 0px 38px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  padding: 20px 50px 20px 50px;
  margin-bottom: 1rem;
  font-weight: 700;
}
#body_interface_admin .body_interface_div .onglet_item_admin a:target {
  background: white;
}
#body_interface_admin .body_interface_div .onglet_item_admin a:not(:last-child) {
  margin-bottom: 1rem;
}
#body_interface_admin .body_interface_div .onglet_item_admin a.active {
  background-color: white;
  color: #707070;
}
#body_interface_admin .body_interface_div .body_admin {
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
  padding: 25px 50px 50px;
  border-radius: 0px 50px 50px 0px;
}
#body_interface_admin #quantiteBouteilleTable td,
#body_interface_admin #infosTable td {
  cursor: move;
}
#body_interface_admin .mbe_table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  border-radius: 70px;
  border-style: hidden;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
  color: #707070;
  font-weight: 600;
  overflow: hidden;
}
#body_interface_admin .mbe_table tbody,
#body_interface_admin .mbe_table tfoot,
#body_interface_admin .mbe_table thead {
  border: none !important;
}
#body_interface_admin .mbe_table .has-tip {
  border: none;
}
#body_interface_admin .mbe_table .icone_carton,
#body_interface_admin .mbe_table .icone_bouteille {
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}
#body_interface_admin .mbe_table .icone_carton {
  background-image: url("../../images/SVG/Carton_picto.svg");
  width: 23px;
  height: 23px;
}
#body_interface_admin .mbe_table .icone_bouteille {
  background-image: url("../../images/SVG/Bouteille_picto.svg");
  height: 23px;
  width: 10px;
}
#body_interface_admin .mbe_table td,
#body_interface_admin .mbe_table th {
  padding: 15px;
  border: none;
}
#body_interface_admin .mbe_table td:first-child,
#body_interface_admin .mbe_table th:first-child {
  padding-left: 50px;
}
#body_interface_admin .mbe_table td:last-child,
#body_interface_admin .mbe_table th:last-child {
  padding-right: 50px;
}
#body_interface_admin .mbe_table thead {
  background-color: #C20E1A;
  color: white;
}
#body_interface_admin .mbe_table thead tr th {
  text-align: center;
}
#body_interface_admin .mbe_table thead tr th:first-child {
  border-top-left-radius: 84px;
}
#body_interface_admin .mbe_table thead tr th:last-child {
  border-top-right-radius: 84px;
}
#body_interface_admin .mbe_table tbody {
  background-color: transparent !important;
  position: relative;
}
#body_interface_admin .mbe_table tbody tr:nth-child(even) {
  background-color: white;
}
#body_interface_admin .mbe_table tbody tr td:last-child {
  padding-right: 50px;
}
#body_interface_admin .mbe_table tbody tr:not(:last-child) {
  border-bottom: 1px dotted #707070;
}
#body_interface_admin .mbe_table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 84px;
}
#body_interface_admin .mbe_table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 84px;
}
#body_interface_admin .pictos_action {
  height: 25px;
  width: auto;
}
#body_interface_admin .pictos_action.copyElem {
  cursor: pointer;
}

#export_devis_pdf {
  color: #707070;
  font-size: 12px;
  line-height: 1;
}
#export_devis_pdf .body_interface_header {
  padding-top: 0.5cm;
  padding-bottom: 0.6cm;
  margin-bottom: 0.6cm;
}
#export_devis_pdf .body_interface_header .bloc_titre {
  margin-bottom: 0;
}
#export_devis_pdf .body_interface_header p {
  color: white;
  text-align: center;
}
#export_devis_pdf .bloc_logo {
  text-align: center;
  margin-bottom: 1cm;
}
#export_devis_pdf .bloc_logo img {
  width: 250px;
  height: auto;
}
#export_devis_pdf h1 {
  padding: 0;
  margin: 0;
  font-size: 25px;
}
#export_devis_pdf h2 {
  color: #707070;
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 0;
}
#export_devis_pdf h2 img {
  width: 25px;
  max-height: 40px;
}
#export_devis_pdf h3 {
  font-weight: 500;
  font-size: 16px;
}
#export_devis_pdf .marginleft {
  margin-left: 0.8cm;
}
#export_devis_pdf div {
  line-height: 0.9;
}
#export_devis_pdf ul {
  padding-left: 0.5cm;
  margin-left: 0;
  padding-top: 0;
}
#export_devis_pdf .float-left {
  float: left;
}
#export_devis_pdf .float-right {
  float: right;
}
#export_devis_pdf .bordures {
  border-bottom: 1px dotted #000;
  margin: 5px 0;
}
#export_devis_pdf #affichage_complet_simulateur {
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
  border-radius: 84px;
  border: 1px solid rgba(0, 0, 0, 0.1607843137);
  padding: 0.5cm 1cm;
  color: #161615 !important;
  margin-top: 0.8cm;
}
#export_devis_pdf #affichage_complet_simulateur table {
  width: 100%;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}
#export_devis_pdf #affichage_complet_simulateur table tr {
  margin: 0;
  padding: 0;
}
#export_devis_pdf #affichage_complet_simulateur table tr td {
  width: 40%;
  padding-left: 1cm;
  padding-right: 1cm;
}
#export_devis_pdf #affichage_complet_simulateur #montant_total {
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  padding: 0;
  margin: 0;
}
#export_devis_pdf #affichage_complet_simulateur #texte_tva {
  font-style: italic;
}
#export_devis_pdf #affichage_complet_simulateur h2 {
  color: #161615 !important;
  padding: 0;
  margin: 0;
}

/****************
*
*     ERROR
*
*****************/
.error_header {
  background-color: #C20E1A;
  padding-top: 50px;
  padding-bottom: 50px;
}
.error_header .grid-container {
  max-width: 800px;
}
.error_header .error_logo {
  text-align: center;
}
.error_header .error_logo img {
  max-width: 100%;
  width: 550px;
}
.error_header .error_title {
  margin-top: 60px;
}
.error_header .error_title h1 {
  text-align: center;
  color: white;
  text-transform: uppercase;
  font: normal normal bold 30px/26px Poppins;
}
.error_header .error_description p {
  text-align: center;
  /* font: normal normal 200 15px/16px Poppins; */
  color: white;
}

.error_body {
  min-height: calc(100vh - 400px);
}
.error_body .error_title h1 {
  margin-top: 10px;
  text-align: center;
  text-transform: uppercase;
  font: normal normal bold 30px/26px Poppins;
}
.error_body .error_texte {
  text-align: center;
}

/****************
*
*     LOGIN
*
*****************/
.login_body {
  min-height: calc(100vh - 206px);
  background-color: #C20E1A;
  padding-top: 100px;
  padding-bottom: 100px;
}
.login_body .grid-container {
  max-width: 800px;
}
.login_body .login_logo {
  text-align: center;
}
.login_body .login_logo img {
  max-width: 100%;
  width: 550px;
}
.login_body .login_title {
  margin-top: 60px;
}
.login_body .login_title h1 {
  text-align: center;
  color: white;
  text-transform: uppercase;
  /* font: normal normal bold 30px/26px Poppins; */
}
.login_body .login_description p {
  text-align: center;
  /* font: normal normal 200 15px/16px Poppins; */
  color: white;
}
.login_body .login_reset_pwd {
  text-align: center;
  /* font: normal normal 400 15px/16px Poppins; */
  color: white;
}
.login_body .login_reset_pwd a {
  color: white;
  text-decoration: underline;
}
.login_body .form_login {
  margin-top: 60px;
  margin-bottom: 30px;
  background: #ffffff;
  box-shadow: 0px 3px 20px #521318;
  border-radius: 84px;
}
.login_body .form_login .form_login_title {
  /* font: normal normal bold 21px/21px Poppins; */
  color: #C20E1A;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}
.login_body .form_login .form_login_body {
  padding-bottom: 10px;
  padding-left: 25px;
  padding-right: 25px;
}
.login_body .form_login .form_login_body .div_input {
  text-align: center;
}
.login_body .form_login .form_login_body input {
  background-color: white !important;
  border: 1px solid #707070;
  border-radius: 34px;
  max-width: 100%;
  width: 620px;
  color: #707070;
  display: inline-block;
  transition: width 0.5s ease-in-out;
  padding-left: 20px;
}
.login_body .form_login .form_login_body input:focus {
  background-color: white !important;
}
.login_body .form_login .form_login_body input:active {
  background-color: white !important;
}
.login_body .form_login .form_login_body input::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  /* font: normal normal medium 18px/31px Poppins; */
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
  /* Firefox */
}
.login_body .form_login .form_login_body input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  /* font: normal normal medium 18px/31px Poppins; */
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
  /* Firefox */
}
.login_body .form_login .form_login_body input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  /* font: normal normal medium 18px/31px Poppins; */
  letter-spacing: 0px;
  color: #707070;
}
.login_body .form_login .form_login_body input::-ms-input-placeholder {
  /* Microsoft Edge */
  /* font: normal normal medium 18px/31px Poppins; */
  letter-spacing: 0px;
  color: #707070;
}
.login_body .form_login .form_login_body .form_login_submit {
  background: #C20E1A;
  text-align: center;
  border-radius: 0px 0px 77px 77px;
  cursor: pointer;
}
.login_body .form_login .form_login_body .form_login_submit button {
  padding-top: 15px;
  padding-bottom: 15px;
  color: white;
  text-align: center;
  /* font: normal normal bold 21px/21px Poppins; */
  width: 100%;
  cursor: pointer;
}
.login_body .form_login .form_login_body .form_login_submit:hover {
  opacity: 0.7;
}

/****************
*
*     FOOTER
*
*****************/
footer {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #EDEDED;
  /* .footer_logo {} */
  /* .footer_suivez {
      font: normal normal bold 16px/18px Poppins;
  } */
}
footer .footer_adresse {
  padding-left: 25px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #707070;
  /* font: normal normal 300 14px/12px Poppins; */
}
footer .aide {
  /* font: normal normal bold 16px/17px Poppins; */
  color: #707070;
  text-transform: uppercase;
}
footer .aide_divider {
  width: 35px;
  background-color: #707070;
  height: 2px;
  margin-top: 5px;
}
footer .footer_aide_url {
  margin-top: 10px;
}
footer .footer_aide_url .footer_aide_url_item a {
  /* font: normal normal 300 14px/15px Poppins; */
  text-decoration: none;
  color: #707070;
}
footer .footer_aide_url .footer_aide_url_item a:hover {
  text-decoration: underline;
}
footer .footer_liste_picto {
  margin-top: 10px;
  /* element {
      font-size: 30px;
  } */
}

/****************
*
*     HEADER
*
*****************/
header {
  padding: 35px;
}
header hr {
  border-color: #c20e1b;
  margin: 10px;
}
header .header_left {
  display: inline-block;
}
header .header_left img {
  max-width: 100%;
  width: 200px;
}
header .header_right {
  float: right;
  z-index: 11;
  color: #C20E1A;
}
header .header_right .header_name {
  background: #ffffff;
  border: 2px solid #C20E1A;
  border-radius: 30px;
  padding-top: 5px;
  padding-left: 20px;
  padding-bottom: 10px;
  padding-right: 20px;
  display: inline-block;
  color: #C20E1A;
  z-index: 1100;
  vertical-align: top;
  position: relative;
}
header .header_right .header_name element {
  color: #C20E1A;
  vertical-align: middle;
  font-weight: 600;
}
header .header_right .header_name .name_profil {
  /* font: normal normal 600 14px/24px Poppins; */
  color: #C20E1A;
  z-index: 11;
}
header .header_right .header_name:hover {
  border-radius: 21px;
}
header .header_right .header_name_bloc {
  text-align: center;
  /* font: normal normal 600 17px/24px Poppins; */
  letter-spacing: 0px;
  color: #c20e1b;
}
header .header_right .header_name_bloc_dropdown {
  display: none;
}
header .header_right .header_name_bloc_dropdown a {
  /* font: normal normal 600 14px/24px Poppins; */
  letter-spacing: 0px;
  color: #c20e1b;
}
header .header_right .header_name_bloc:hover .header_name_bloc_dropdown {
  display: contents;
  color: #c20e1b;
  text-decoration: none;
}
header .header_right .burger {
  display: inline-block;
  vertical-align: top;
  z-index: 10010;
  position: relative;
}
header .header_right #toggleBurger {
  display: none;
  z-index: 11;
}
header .header_right .burger-picto {
  margin-left: 20px;
  margin-top: 5px;
  cursor: pointer;
  z-index: 20;
  position: relative;
}
header .header_right .burger .burger-item {
  position: relative;
  width: 35px;
  height: 5px;
  background-color: #c20e1b;
  margin-top: 8px;
  z-index: 11;
}
header .header_right .bold {
  font-weight: bold;
}
header .hiddendiv {
  display: none;
  background-color: white;
  border: 18px solid #c20e1b;
  height: 100vh;
  padding-top: 7vh;
  position: absolute;
  right: 0px;
  top: 0px;
  padding-right: 20px;
  z-index: 10000;
}
header .hiddendiv a {
  display: block;
  margin: 15px;
  /* font-family: Poppins; */
  letter-spacing: 0px;
  color: #c20e1b;
  align-items: center;
  padding-left: 35px;
}
header .hiddendiv hr {
  margin-left: 40px;
  margin-right: 40px;
}

/****************
*
*     BODY INTERFACE
*
*****************/
.footer_bulk {
  min-height: calc(100vh - 310px);
}

.footer_list_admin {
  min-height: calc(100vh - 394px);
}

.body_interface .grid-container {
  max-width: 800px;
}
.body_interface .body_interface_header {
  padding: 35px;
  background: #C20E1A;
}
.body_interface .body_interface_header .bloc_titre {
  text-align: center;
  margin-bottom: 15px;
}
.body_interface .body_interface_header .bloc_titre h1 {
  color: white;
  text-transform: uppercase;
  /* font: normal normal bold 30px/26px Poppins; */
  display: inline-block;
}
.body_interface .body_interface_header .bloc_titre element {
  color: white;
  display: inline-block;
  /* font-size: 27px; */
  margin-left: 20px;
  vertical-align: top;
}
.body_interface .body_interface_header .bloc_paragraph p {
  text-align: center;
  /* font: normal normal 200 15px/20px Poppins; */
  color: white;
  margin-bottom: 0px;
}
.body_interface .body_interface_div {
  padding: 45px;
}
.body_interface .body_interface_div .bloc_infos {
  margin-top: 15px;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_titre h2 {
  text-align: left;
  /* font: normal normal 600 18px/26px Poppins; */
  letter-spacing: 0.23px;
  color: #161615;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_titre .bloc_infos_titre_divider {
  width: 45px;
  background-color: #161615;
  height: 2px;
  margin-top: 5px;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_titre .gain_temps {
  opacity: 0.55;
  font-style: italic;
  /* font-size: 16px; */
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body {
  background: #EDEDED;
  border-radius: 84px;
  padding: 60px;
  margin-top: 25px;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .disabled input[type=text],
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .disabled input[type=tel],
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .disabled input[type=email] {
  background: lightgray !important;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field {
  margin-bottom: 12px;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field label {
  text-align: left;
  /* font: normal normal 600 16px/26px Poppins; */
  letter-spacing: 0.23px;
  color: #161615;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field .label_equivalent {
  margin-bottom: 8px;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field .label_boolean {
  color: #707070;
  text-align: right;
  font-weight: normal;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field .unit_field_colis_div {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field .unit_field_colis_div .unit_field_colis_number {
  vertical-align: middle;
  /* font: normal normal 600 16px/26px Poppins; */
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field .unit_field_colis_div .unit_field_colis_input {
  display: inline-block;
  vertical-align: middle;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=text],
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=tel],
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=email] {
  color: #161615;
  background: white;
  border-radius: 34px;
  height: auto;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=text]::placeholder, .body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=text]:-ms-input-placeholder, .body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=text]:-ms-input-placeholder,
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=tel]::placeholder,
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=tel]:-ms-input-placeholder,
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=tel]:-ms-input-placeholder,
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=email]::placeholder,
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=email]:-ms-input-placeholder,
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=email]:-ms-input-placeholder {
  color: #161615;
  font-style: italic;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field select {
  color: #161615;
  background: white;
  border-radius: 34px;
  height: auto;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field textarea {
  color: #161615;
  background: white;
  border-radius: 34px;
  height: auto;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  border: 1px solid #e2e2e2;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field textarea::-moz-placeholder {
  color: #161615;
  font-style: italic;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field textarea::placeholder {
  color: #161615;
  font-style: italic;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field textarea:-ms-input-placeholder {
  color: #161615;
  font-style: italic;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field textarea:-ms-input-placeholder {
  color: #161615;
  font-style: italic;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field .input_boolean_div {
  margin-left: 20px;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field .input_boolean_div .input_boolean_unit {
  display: inline-block;
  background-color: white;
  border-radius: 34px;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 3px;
  padding-bottom: 3px;
  cursor: pointer;
  margin-left: 5px;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field .input_boolean_div .input_boolean_unit.active {
  background-color: #C20E1A;
  color: white;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field .input_boolean_div .input_boolean_unit.disabled {
  background-color: #707070;
  color: white;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_comp .bouton_coordonnees {
  margin-top: 15px;
  /* font: normal normal 600 16px/26px Poppins; */
  color: #C20E1A;
  border: 4px solid #C20E1A;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 18px;
  padding-right: 4px;
  display: inline-block;
  border-radius: 40px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_comp .bouton_coordonnees .icon-Picto_Plus {
  margin-left: 15px;
  /* font-size: 30px; */
  vertical-align: middle;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_comp .bouton_coordonnees:hover {
  opacity: 0.5;
}
.body_interface .body_interface_div .div_bouton_submit {
  text-align: center;
  margin-top: 30px;
}
.body_interface .body_interface_div .div_bouton_submit input[type=submit] {
  background-color: #C20E1A;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3450980392);
  border-radius: 37px;
  color: white;
  border: 1px solid #C20E1A;
  padding: 8px;
  padding-left: 25px;
  padding-right: 25px;
  font-weight: bold;
  cursor: pointer;
}
.body_interface .body_interface_div .div_bouton_submit input[type=submit]:hover {
  opacity: 0.5;
}
.body_interface .body_interface_div .div_edit_button {
  background-color: #C20E1A;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3450980392);
  border-radius: 37px;
  color: white;
  border: 1px solid #C20E1A;
  padding: 6px;
  padding-left: 25px;
  padding-right: 25px;
  font-weight: bold;
  cursor: pointer;
}
.body_interface .body_interface_div .div_edit_button:hover {
  opacity: 0.5;
}

.div_button {
  background-color: #C20E1A;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3450980392);
  border-radius: 37px;
  color: white;
  border: 1px solid #C20E1A;
  padding: 6px;
  padding-left: 25px;
  padding-right: 25px;
  font-weight: bold;
  cursor: pointer;
}

.div_button:hover {
  opacity: 0.5;
}

.div_bouton_new {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.div_bouton_new input[type=submit] {
  background-color: #C20E1A;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3450980392);
  border-radius: 37px;
  color: white;
  border: 1px solid #C20E1A;
  padding: 8px;
  padding-left: 25px;
  padding-right: 25px;
  font-weight: bold;
  cursor: pointer;
}
.div_bouton_new input[type=submit]:hover {
  opacity: 0.5;
}

.body_interface .grid-container {
  max-width: 800px;
}
.body_interface .body_interface_header {
  padding: 35px;
  background: #C20E1A;
}
.body_interface .body_interface_header .bloc_titre {
  text-align: center;
  margin-bottom: 15px;
}
.body_interface .body_interface_header .bloc_titre h1 {
  color: white;
  text-transform: uppercase;
  /* font: normal normal bold 30px/26px Poppins; */
  display: inline-block;
}
.body_interface .body_interface_header .bloc_titre element {
  color: white;
  display: inline-block;
  /* font-size: 27px; */
  margin-left: 20px;
  vertical-align: top;
}
.body_interface .body_interface_header .bloc_paragraph p {
  text-align: center;
  /* font: normal normal 200 15px/20px Poppins; */
  color: white;
  margin-bottom: 0px;
}
.body_interface .body_interface_div {
  padding: 45px;
}
.body_interface .body_interface_div .bloc_infos {
  margin-top: 15px;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_titre h2 {
  text-align: left;
  /* font: normal normal 600 18px/26px Poppins; */
  letter-spacing: 0.23px;
  color: #161615;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_titre .bloc_infos_titre_divider {
  width: 45px;
  background-color: #161615;
  height: 2px;
  margin-top: 5px;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_titre .gain_temps {
  opacity: 0.55;
  font-style: italic;
  /*  font-size: 16px; */
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body {
  background: #EDEDED;
  border-radius: 84px;
  padding: 60px;
  margin-top: 25px;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .disabled input[type=text],
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .disabled input[type=tel],
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .disabled input[type=email] {
  background: lightgray !important;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field {
  margin-bottom: 12px;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field label {
  text-align: left;
  /* font: normal normal 600 16px/26px Poppins; */
  letter-spacing: 0.23px;
  color: #161615;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field .label_equivalent {
  margin-bottom: 8px;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field .label_boolean {
  color: #707070;
  text-align: right;
  font-weight: normal;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field .unit_field_colis_div {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field .unit_field_colis_div .unit_field_colis_number {
  vertical-align: middle;
  /* font: normal normal 600 16px/26px Poppins; */
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field .unit_field_colis_div .unit_field_colis_input {
  display: inline-block;
  vertical-align: middle;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=text],
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=tel],
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=email] {
  color: #161615;
  background: white;
  border-radius: 34px;
  height: auto;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=text]::placeholder, .body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=text]:-ms-input-placeholder, .body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=text]:-ms-input-placeholder,
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=tel]::placeholder,
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=tel]:-ms-input-placeholder,
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=tel]:-ms-input-placeholder,
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=email]::placeholder,
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=email]:-ms-input-placeholder,
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field input[type=email]:-ms-input-placeholder {
  color: #161615;
  font-style: italic;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field select {
  color: #161615;
  background: white;
  border-radius: 34px;
  height: auto;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field textarea {
  color: #161615;
  background: white;
  border-radius: 34px;
  height: auto;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  border: 1px solid #e2e2e2;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field textarea::-moz-placeholder {
  color: #161615;
  font-style: italic;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field textarea::placeholder {
  color: #161615;
  font-style: italic;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field textarea:-ms-input-placeholder {
  color: #161615;
  font-style: italic;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field textarea:-ms-input-placeholder {
  color: #161615;
  font-style: italic;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field .input_boolean_div {
  margin-left: 20px;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field .input_boolean_div .input_boolean_unit {
  display: inline-block;
  background-color: white;
  border-radius: 34px;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 3px;
  padding-bottom: 3px;
  cursor: pointer;
  margin-left: 5px;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field .input_boolean_div .input_boolean_unit.active {
  background-color: #C20E1A;
  color: white;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_body .unit_field .input_boolean_div .input_boolean_unit.disabled {
  background-color: #707070;
  color: white;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_comp .bouton_coordonnees {
  margin-top: 15px;
  /* font: normal normal 600 16px/26px Poppins; */
  color: #C20E1A;
  border: 4px solid #C20E1A;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 18px;
  padding-right: 4px;
  display: inline-block;
  border-radius: 40px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_comp .bouton_coordonnees .icon-Picto_Plus {
  margin-left: 15px;
  /* font-size: 30px; */
  vertical-align: middle;
}
.body_interface .body_interface_div .bloc_infos .bloc_infos_comp .bouton_coordonnees:hover {
  opacity: 0.5;
}
.body_interface .body_interface_div .div_bouton_submit {
  text-align: center;
  margin-top: 30px;
}
.body_interface .body_interface_div .div_bouton_submit input[type=submit] {
  background-color: #C20E1A;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3450980392);
  border-radius: 37px;
  color: white;
  border: 1px solid #C20E1A;
  padding: 8px;
  padding-left: 25px;
  padding-right: 25px;
  font-weight: bold;
  cursor: pointer;
}
.body_interface .body_interface_div .div_bouton_submit input[type=submit]:hover {
  opacity: 0.5;
}
.body_interface .body_interface_div .div_edit_button {
  background-color: #C20E1A;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3450980392);
  border-radius: 37px;
  color: white;
  border: 1px solid #C20E1A;
  padding: 6px;
  padding-left: 25px;
  padding-right: 25px;
  font-weight: bold;
  cursor: pointer;
}
.body_interface .body_interface_div .div_edit_button:hover {
  opacity: 0.5;
}

#body_interface_admin .body_interface_header {
  background-color: #707070;
}

/****************************************
*
*     BODY INTERFACE COMMANDE INDEX
*
*****************************************/
.body_interface_index_commande {
  /* .onglets .onglet_item:last-of-type {
      background-color: lime;
    } */
}
.body_interface_index_commande .grid-container {
  max-width: 1400px;
}
.body_interface_index_commande .liste_boutons_index {
  margin-top: 35px;
  display: flex;
  flex-wrap: wrap;
}
.body_interface_index_commande .liste_boutons_index input {
  background-color: white !important;
  border: 1px solid #707070;
  border-radius: 34px;
  color: #707070;
  display: inline-block;
  transition: width 0.5s ease-in-out;
  padding-left: 20px;
  margin-top: 10px;
  cursor: pointer;
}
.body_interface_index_commande .liste_boutons_index .valid_form_extract {
  width: 100%;
  text-align: center;
}
.body_interface_index_commande .liste_boutons_index .valid_form_extract_all {
  width: 100%;
  text-align: center;
}
.body_interface_index_commande .liste_boutons_index .valid_form_extract input {
  background-color: white !important;
  border: 2px solid white;
  border-radius: 34px;
  color: #C20E1A;
  display: inline-block;
  transition: width 0.5s ease-in-out;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
  text-align: center;
  margin-top: 0px;
  font-weight: bold;
}
.body_interface_index_commande .liste_boutons_index .valid_form_extract_all input {
  background-color: #C20E1A !important;
  border: 2px solid #C20E1A;
  color: white;
  border-radius: 34px;
  display: inline-block;
  transition: width 0.5s ease-in-out;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
  text-align: center;
  margin-top: 0px;
  font-weight: bold;
}
.body_interface_index_commande .liste_boutons_index .liste_bouton_div {
  display: inline-block;
  vertical-align: top;
  width: 275px;
  max-width: 100%;
  margin-left: 15px;
  margin-bottom: 10px;
}
.body_interface_index_commande .liste_boutons_index .liste_bouton_div .valid_form_extract {
  padding-top: 5px;
  padding-bottom: 5px;
  display: inline-block;
  text-align: center;
}
.body_interface_index_commande .liste_boutons_index .liste_boutons_index_item {
  width: 100%;
  border: 2px solid #C20E1A;
  border-radius: 30px;
  padding-top: 5px;
  padding-left: 20px;
  padding-bottom: 5px;
  padding-right: 20px;
  display: inline-block;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.body_interface_index_commande .liste_boutons_index .liste_boutons_index_item .liste_boutons_index_item_element {
  vertical-align: middle;
  display: inline-block;
  margin-right: 7px;
}
.body_interface_index_commande .liste_boutons_index .liste_boutons_index_item .liste_boutons_index_item_element element {
  vertical-align: middle;
  /* font-size: 35px; */
}
.body_interface_index_commande .liste_boutons_index .liste_boutons_index_item .liste_boutons_index_item_text {
  vertical-align: middle;
  max-width: 100%;
  width: 180px;
  /* font: normal normal 600 14px/20px Poppins; */
  display: inline-block;
}
.body_interface_index_commande .liste_boutons_index .liste_boutons_index_item_preprations {
  background-color: #C20E1A;
}
.body_interface_index_commande .liste_boutons_index .liste_boutons_index_item_preprations element {
  color: white;
}
.body_interface_index_commande .liste_boutons_index .liste_boutons_index_item_preprations .liste_boutons_index_item_text {
  color: white;
}
.body_interface_index_commande .liste_boutons_index .liste_boutons_index_item_all {
  background-color: white;
}
.body_interface_index_commande .liste_boutons_index .liste_boutons_index_item_all .liste_boutons_index_item_text {
  color: #C20E1A;
}
.body_interface_index_commande .liste_boutons_index .liste_boutons_index_item_emb {
  background-color: white;
}
.body_interface_index_commande .liste_boutons_index .liste_boutons_index_item_emb .liste_boutons_index_item_text {
  color: #C20E1A;
}
.body_interface_index_commande .liste_boutons_index .bouton_index_item_all_creneau,
.body_interface_index_commande .liste_boutons_index .bouton_index_item_preprations_creneau {
  max-width: 230px;
  width: 100%;
}
.body_interface_index_commande .onglets {
  margin-top: 25px;
  margin-bottom: 10px;
  display: flex;
  padding-left: 15px;
  padding-right: 15px;
}
.body_interface_index_commande .onglets .onglet_item {
  padding: unset;
  padding: 0px 10px 0 0;
  margin-left: -35px;
  border-radius: 0px 50px 0px 0px;
  /* box-shadow: 0px 3px 6px $color_shadow inset; */
  box-shadow: -6px 3px 6px rgba(0, 0, 0, 0.1607843137) inset;
  cursor: pointer;
  /* font: normal normal 600 14px/24px Poppins; */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* height: 100%; */
  background: white;
  color: white;
  height: inherit;
  /* &:nth-last-child(-n + 2) {
      box-shadow: unset;
  } */
}
.body_interface_index_commande .onglets .onglet_item a {
  color: #707070;
  text-decoration: none;
}
.body_interface_index_commande .onglets .onglet_item .onglet_jaune {
  background-color: #FFD900;
  color: #707070;
}
.body_interface_index_commande .onglets .onglet_item .onglet_orange {
  background-color: #f77c00;
  color: white;
}
.body_interface_index_commande .onglets .onglet_item .onglet_attention {
  position: relative;
  padding-right: 60px !important;
}
.body_interface_index_commande .onglets .onglet_item .onglet_attention::after {
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  right: 25px;
  background: url("../images/SVG/picto_attention.svg");
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
.body_interface_index_commande .onglets .onglet_item .onglet_content {
  background: white;
  border-radius: 0px 50px 0px 0px;
  height: 100%;
}
.body_interface_index_commande .onglets .onglet_item .onglet_inside {
  border-radius: 0px 50px 0px 0px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  padding: 5px 30px 5px 50px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
  min-width: 150px;
}
.body_interface_index_commande .onglets .onglet_item .onglet_inside::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 30px;
  top: 0;
  left: 0;
  box-shadow: -5px 5px 5px white;
}
.body_interface_index_commande .onglets .onglet_item.active {
  background: white;
  color: white;
}
.body_interface_index_commande .onglets .onglet_item.active .onglet_attention::after {
  background: url("../images/SVG/picto_attention_blanc.svg");
}
.body_interface_index_commande .onglets .onglet_item.active .onglet_inside {
  background: #707070;
  color: white;
}
.body_interface_index_commande .onglets .onglet_item:first-child .onglet_inside {
  border-radius: 50px 50px 0px 0px;
  padding: 5px 30px;
}
.body_interface_index_commande .onglets .onglet_item:first-child .onglet_inside::before {
  content: unset;
}
.body_interface_index_commande .onglets .onglet_item:nth-child(1) {
  z-index: 10;
}
.body_interface_index_commande .onglets .onglet_item:nth-child(2) {
  z-index: 9;
}
.body_interface_index_commande .onglets .onglet_item:nth-child(3) {
  z-index: 8;
}
.body_interface_index_commande .onglets .onglet_item:nth-child(4) {
  z-index: 7;
}
.body_interface_index_commande .onglets .onglet_item:nth-child(5) {
  z-index: 6;
}
.body_interface_index_commande .onglets .onglet_item:nth-child(6) {
  z-index: 5;
}
.body_interface_index_commande .onglets .onglet_item:nth-child(7) {
  z-index: 4;
}
.body_interface_index_commande .onglets .onglet_item_first {
  margin-left: 0;
}
.body_interface_index_commande .onglets .onglet_item_last {
  box-shadow: unset;
}
.body_interface_index_commande .onglets .onglet_item_right {
  padding-left: 25px;
  background: white;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 40px 40px 0px 0px;
  border: 7px solid white;
  color: #707070;
  padding-right: 25px;
  padding-top: 5px;
  padding-bottom: 4px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin-left: auto;
  right: 50px;
  position: relative;
  background: #C20E1A;
  color: white;
  z-index: 1000;
  margin-top: -7px;
}
.body_interface_index_commande .onglets .onglet_item_right a {
  color: white;
  text-decoration: none;
}
.body_interface_index_commande .onglets .onglet_item_right.active {
  background: #707070;
}
.body_interface_index_commande .commande_listing .commande_listing_item {
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
  border-radius: 0px 51px 51px 51px;
  padding: 25px;
  margin-top: 7px;
  margin-bottom: 18px;
  /* .progress_bar.valide {
      background: $green;
  }

  .progress_bar.attente {
      background: linear-gradient(to left, $grey-light 67%, $red 33%);
  }

  .progress_bar.archive {
      background: $grey;
  }

  .progress_bar.emballage {
      background: linear-gradient(to left, $grey-light 34%, $orange 34% 66%);
  } */
}
.body_interface_index_commande .commande_listing .commande_listing_item .label_commande_item {
  /* font: normal normal normal 14px/24px Poppins; */
  color: #707070;
}
.body_interface_index_commande .commande_listing .commande_listing_item .desc_commande_item {
  /* font: normal normal 600 14px/24px Poppins; */
  color: #707070;
}
.body_interface_index_commande .commande_listing .commande_listing_item .statut {
  /* font: normal normal normal 14px/24px Poppins; */
  color: #707070;
}
.body_interface_index_commande .commande_listing .commande_listing_item .visualiser_facture a {
  /* font: normal normal normal 14px/24px Poppins; */
  color: #707070;
}
.body_interface_index_commande .commande_listing .commande_listing_item .visualiser_facture a element {
  /* font-size: 22px; */
  vertical-align: middle;
  margin-left: 7px;
}
.body_interface_index_commande .commande_listing .commande_listing_item .visualiser_facture a:hover {
  text-decoration: underline;
}
.body_interface_index_commande .commande_listing .commande_listing_item .progress_bar {
  width: 80%;
  height: 10px;
}
.body_interface_index_commande .commande_listing .commande_listing_item .progress_bar.emballage_caviste, .body_interface_index_commande .commande_listing .commande_listing_item .progress_bar.preparation {
  background: #EDEDED;
}
.body_interface_index_commande .commande_listing .commande_listing_item .progress_bar.attente_client {
  /* background: linear-gradient(to left, $grey-light 33%, $red 33%); */
  background: linear-gradient(to right, #C20E1A 33%, #EDEDED 33%);
}
.body_interface_index_commande .commande_listing .commande_listing_item .progress_bar.attente_collecte_mbe {
  /* background: linear-gradient(to left, $grey-light 44%, $orange 44%); */
  background: linear-gradient(to right, #f77c00 44%, #EDEDED 44%);
}
.body_interface_index_commande .commande_listing .commande_listing_item .progress_bar.emballage_mbe {
  /* background: linear-gradient(to left, $grey-light 55%, $yellow 55%); */
  background: linear-gradient(to right, #FFD900 55%, #EDEDED 55%);
}
.body_interface_index_commande .commande_listing .commande_listing_item .progress_bar.attente_pec_transporteur, .body_interface_index_commande .commande_listing .commande_listing_item .progress_bar.traitement_mbe {
  /* background: linear-gradient(to left, $grey-light 66%, $green 66%); */
  background: linear-gradient(to right, #9AEA69 66%, #EDEDED 66%);
}
.body_interface_index_commande .commande_listing .commande_listing_item .progress_bar.archive {
  background: #707070;
}
.body_interface_index_commande .commande_listing .commande_listing_item .progress_bar.canceled {
  background: repeating-linear-gradient(-45deg, black, black 10px, #707070 10px, #707070 20px);
}
.body_interface_index_commande .commande_listing .commande_listing_item .state_description {
  /* font: normal normal bold 14px/19px Poppins; */
  /* .valide {
      color: $green;
  }

  .attente {
      color: $red;
  }

  .archive {
      color: $grey;
  }

  .emballage {
      color: $orange;
  } */
}
.body_interface_index_commande .commande_listing .commande_listing_item .state_description .emballage_caviste,
.body_interface_index_commande .commande_listing .commande_listing_item .state_description .preparation,
.body_interface_index_commande .commande_listing .commande_listing_item .state_description .archive {
  color: #707070;
}
.body_interface_index_commande .commande_listing .commande_listing_item .state_description .attente_client {
  color: #C20E1A;
}
.body_interface_index_commande .commande_listing .commande_listing_item .state_description .attente_collecte_mbe {
  color: #f77c00;
}
.body_interface_index_commande .commande_listing .commande_listing_item .state_description .emballage_mbe {
  color: #FFD900;
}
.body_interface_index_commande .commande_listing .commande_listing_item .state_description .attente_pec_transporteur,
.body_interface_index_commande .commande_listing .commande_listing_item .state_description .traitement_mbe {
  color: #9AEA69;
}
.body_interface_index_commande .commande_listing .commande_listing_item .state_description.canceled {
  color: black;
}
.body_interface_index_commande .commande_listing .commande_listing_item .relancer_client {
  background: #C20E1A;
  border: 2px solid #C20E1A;
  border-radius: 36px;
  /* font: normal normal 600 10px/12px Poppins; */
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: white;
  text-align: center;
  margin-bottom: 5px;
}
.body_interface_index_commande .commande_listing .commande_listing_item .relancer_client.disabled {
  background: #707070;
  border: 2px solid #707070;
}
.body_interface_index_commande .commande_listing .commande_listing_item .creneau,
.body_interface_index_commande .commande_listing .commande_listing_item .visualiser_facture,
.body_interface_index_commande .commande_listing .commande_listing_item .description_client,
.body_interface_index_commande .commande_listing .commande_listing_item .description_destinataire {
  margin-top: 10px;
}
.body_interface_index_commande .commande_listing .commande_item_preparation_card,
.body_interface_index_commande .commande_listing .commande_listing_defaut {
  padding-left: 15px;
  padding-right: 15px;
}
.body_interface_index_commande .commande_listing .commande_item_preparation_card {
  position: relative;
}
.body_interface_index_commande .commande_listing .number_commande_preparation {
  position: absolute;
  right: 12px;
  top: 6px;
  width: 60px;
  height: 60px;
  text-align: center;
  color: white;
  /* font-size: 40px; */
  border-radius: 18px;
  font-weight: 600;
  background-color: #EDEDED;
}
.body_interface_index_commande #overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.6);
}
.body_interface_index_commande #overlay .cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.body_interface_index_commande #overlay .spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% {
    transform: rotate(360deg);
  }
}
.body_interface_index_commande .is-hide {
  display: none;
}

/****************************************
*
*     PAGINATION
*
*****************************************/
.pagination {
  text-align: center;
}
.pagination .current {
  background: #C20E1A;
  color: white;
  cursor: default;
  border-radius: 44px;
  width: 30px;
  height: 30px;
}
.pagination .li_not_current a:hover {
  background: #EDEDED;
  cursor: pointer;
  border-radius: 44px;
  width: 30px;
  height: 30px;
}

/****************************************
*
*             HOME
*
*****************************************/
.reveal-overlay {
  background-color: rgba(224, 224, 224, 0.93);
}

#modal_popup {
  color: #C20E1A !important;
  padding: 40px 60px 0;
  width: 400px;
  font-size: 14px;
  line-height: 1.1;
  background: none;
  position: relative;
  border: none;
}
@media screen and (max-width: 39.9375em) {
  #modal_popup {
    width: 100%;
  }
}
#modal_popup:focus, #modal_popup:focus-visible {
  border: none;
  outline: none;
}
#modal_popup .bg_modal {
  background-color: white;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 40em) {
  #modal_popup .bg_modal {
    border-radius: 84px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
    top: 5px;
    left: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
  }
}
#modal_popup #modal_title {
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 20px;
}
#modal_popup #inputPreview {
  margin-top: 20px;
}
#modal_popup .css-checkbox {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
#modal_popup .css-checkbox + label {
  position: relative;
  font-size: 14px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  height: 22px;
  color: rgb(194, 14, 26);
  margin-left: 0;
  line-height: 1;
  font-style: italic;
}
#modal_popup .css-checkbox + label::before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 25px;
  height: 21px;
  background-color: rgb(255, 255, 255);
  border-width: 1px;
  border-style: solid;
  border-color: rgb(194, 14, 26);
  border-radius: 2px;
  box-shadow: rgba(242, 242, 242, 0) 0px 0px 5px 0px;
}
#modal_popup .css-checkbox:checked + label::after {
  content: " ";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjYzIwZTFhIiBkPSJNMTczLjg5OCA0MzkuNDA0bC0xNjYuNC0xNjYuNGMtOS45OTctOS45OTctOS45OTctMjYuMjA2IDAtMzYuMjA0bDM2LjIwMy0zNi4yMDRjOS45OTctOS45OTggMjYuMjA3LTkuOTk4IDM2LjIwNCAwTDE5MiAzMTIuNjkgNDMyLjA5NSA3Mi41OTZjOS45OTctOS45OTcgMjYuMjA3LTkuOTk3IDM2LjIwNCAwbDM2LjIwMyAzNi4yMDRjOS45OTcgOS45OTcgOS45OTcgMjYuMjA2IDAgMzYuMjA0bC0yOTQuNCAyOTQuNDAxYy05Ljk5OCA5Ljk5Ny0yNi4yMDcgOS45OTctMzYuMjA0LS4wMDF6Ii8+PC9zdmc+");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center center;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0px;
  left: 0px;
  top: 0px;
  text-align: center;
  background-color: transparent;
  font-size: 10px;
  height: 22px;
  width: 22px;
}
#modal_popup button.bouton_rouge {
  margin-top: 20px;
}
#modal_popup .close-button {
  top: 0;
  right: 0;
}
#modal_popup .close-button img {
  width: 20px;
}
@media screen and (max-width: 39.9375em) {
  #modal_popup .close-button {
    top: 35px;
    right: 20px;
  }
}

.home .home_left {
  background: #C20E1A;
  background-image: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 12%, rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0) 100%);
  border-radius: 80px 0px 0px 0px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  text-align: center;
  padding-left: 10%;
  padding-right: 3%;
  height: 100%;
}
@media screen and (max-width: 39.9375em) {
  .home .home_left {
    padding: 40px 20px;
  }
}
.home .home_left .logos_texte {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  height: 100%;
}
.home .home_left .logos_texte .logo {
  max-width: 650px;
  height: auto;
  width: 90%;
  margin-bottom: 2rem;
}
.home .home_left .logos_texte h1 {
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1;
  font-size: 1.6155vw;
}
@media screen and (max-width: 64em) {
  .home .home_left .logos_texte h1 {
    font-size: 2.8vw;
  }
}
@media screen and (max-width: 39.9375em) {
  .home .home_left .logos_texte h1 {
    font-size: 4.5vw;
    margin-bottom: 1rem;
  }
}
.home .home_left .logos_texte h1 span {
  margin-top: 1rem;
  display: block;
  text-transform: none;
  font-size: 0.867vw;
  font-weight: 300;
  line-height: 1.1;
}
@media print, screen and (max-width: 64em) {
  .home .home_left .logos_texte h1 span {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 39.9375em) {
  .home .home_left .logos_texte h1 span {
    font-size: 3.5vw;
  }
}
@media screen and (max-width: 64em) {
  .home .home_left .image_vin {
    width: 70%;
    margin: auto;
  }
}
.home .home_right {
  height: 100% !important;
  padding: 35px 35px 50px 0;
  background-color: #C20E1A;
  background-image: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 12%, rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0) 100%);
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media screen and (max-width: 64em) {
  .home .home_right {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 39.9375em) {
  .home .home_right {
    padding: 30px 20px;
    height: auto !important;
  }
}
@media screen and (min-width: 64em) {
  .home .home_right .item {
    flex-basis: 32%;
    height: 50%;
  }
}
@media screen and (max-width: 64em) {
  .home .home_right .item {
    width: 100%;
    height: 20%;
    aspect-ratio: 4/1;
  }
}
.home .home_right .item a {
  display: block;
  padding: 7% 0.8rem;
  background: white;
  border-radius: 84px;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 64em) {
  .home .home_right .item a {
    flex-direction: row;
    align-items: center;
    padding: 0.8rem 2rem;
  }
}
.home .home_right .item a .images {
  height: 60%;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 64em) {
  .home .home_right .item a .images {
    width: 30%;
    height: 100%;
  }
}
.home .home_right .item a .images img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
  filter: brightness(0) saturate(100%) invert(77%) sepia(12%) saturate(778%) hue-rotate(308deg) brightness(109%) contrast(88%);
}
.home .home_right .item a .texte {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 64em) {
  .home .home_right .item a .texte {
    height: 40%;
  }
}
@media screen and (max-width: 64em) {
  .home .home_right .item a .texte {
    width: 70%;
  }
}
.home .home_right .item a .texte h2 {
  color: #C20E1A;
  text-transform: uppercase;
  font-size: 1.143vw;
  line-height: 1.1;
}
@media screen and (max-width: 64em) {
  .home .home_right .item a .texte h2 {
    margin-bottom: 0;
    font-size: 2.3vw;
  }
}
@media screen and (max-width: 39.9375em) {
  .home .home_right .item a .texte h2 {
    font-size: 4.5vw;
  }
}
.home .home_right .item a .texte h2 span {
  font-weight: bold;
  font-size: 1.419vw;
  display: block;
  margin-top: 0.5rem;
}
@media screen and (max-width: 64em) {
  .home .home_right .item a .texte h2 span {
    font-size: 2.3vw;
  }
}
@media screen and (max-width: 39.9375em) {
  .home .home_right .item a .texte h2 span {
    font-size: 4.5vw;
  }
}
.home .home_right .item a:hover {
  background: #C20E1A;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
}
.home .home_right .item a:hover .images img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
.home .home_right .item a:hover h2 {
  color: white;
}

/****************************************
*
*             HOME ADMIN
*
*****************************************/
#body_interface_admin_home .grid-container {
  max-width: 1100px;
}
#body_interface_admin_home .body_interface_header {
  padding: 35px;
  padding-top: 100px;
  padding-bottom: 150px;
  background-color: #707070;
  /* .bloc_titre {
      h1 {
          font-size: 60px;
      }
  } */
}

.home_admin_blocs {
  min-height: calc(100vh - 442px);
  margin-top: -100px;
  margin-bottom: 30px;
}
.home_admin_blocs .admin_bloc_item_div {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}
.home_admin_blocs .admin_bloc_item_div .admin_bloc_item {
  background: white 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 20px rgba(82, 19, 24, 0.168627451);
  border-radius: 84px;
  padding: 20px;
}
.home_admin_blocs .admin_bloc_item_div .admin_bloc_item .admin_bloc_item_picto {
  text-align: center;
  margin-top: 20px;
}
.home_admin_blocs .admin_bloc_item_div .admin_bloc_item .admin_bloc_item_picto element {
  /* font-size: 75px; */
  color: #C20E1A;
}
.home_admin_blocs .admin_bloc_item_div .admin_bloc_item .admin_bloc_item_text {
  text-align: center;
  margin-top: 20px;
  /* font: normal normal bold 30px/34px Poppins; */
  color: #C20E1A;
}
.home_admin_blocs .admin_bloc_item_div .admin_bloc_item .admin_bloc_item_fleche {
  text-align: center;
  margin-top: 20px;
  /* element {
      font-size: 25px;
  } */
}
.home_admin_blocs .admin_bloc_item_div .admin_bloc_item:hover {
  transform: scale(1.04);
  border: none;
}

/**************************************************
*
*             HOME DASHBORD CLIENT POUR ADMIN
*
***************************************************/
.home_dashbord {
  min-height: calc(100vh - 529px);
  margin-top: 40px;
  margin-bottom: 40px;
}
.home_dashbord .grid-container {
  max-width: 800px;
}
.home_dashbord .home_dashbord_item {
  position: relative;
  padding: 25px;
  background: white;
  box-shadow: 0px 3px 20px rgba(224, 224, 224, 0.8705882353);
  border-radius: 39px;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}
.home_dashbord .home_dashbord_item .home_dashbord_item_text {
  text-align: center;
  /* font: normal normal bold 20px/25px Poppins; */
}
.home_dashbord .home_dashbord_item .home_dashbord_item_text .icon-Modifier_Caviste_picto,
.home_dashbord .home_dashbord_item .home_dashbord_item_text .icon-Ajouter_Caviste_picto,
.home_dashbord .home_dashbord_item .home_dashbord_item_text .icon-Supprimer_Caviste_picto {
  /* font-size: 50px; */
  margin-right: 10px;
  vertical-align: middle;
}
.home_dashbord .home_dashbord_item:hover {
  transform: scale(1.04);
  border: none;
}
.home_dashbord .home_dashbord_item_edit .home_dashbord_item_text {
  color: #707070;
}
.home_dashbord .home_dashbord_item_edit .home_dashbord_item_text element {
  color: #707070;
}
.home_dashbord .home_dashbord_item_create .home_dashbord_item_text {
  color: #9AEA69;
}
.home_dashbord .home_dashbord_item_create .home_dashbord_item_text element {
  color: #9AEA69;
}
.home_dashbord .home_dashbord_item_delete .home_dashbord_item_text {
  color: #C20E1A;
}
.home_dashbord .home_dashbord_item_delete .home_dashbord_item_text element {
  color: #C20E1A;
}

.divInfosContainer {
  background-color: transparent;
  border-radius: 100px;
  overflow: hidden;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px;
  transition: background-color ease-in-out 0.3s;
}
.divInfosContainer #revealDivInfos {
  padding: 0 10px;
}
.divInfosContainer #divInfos {
  max-height: 0;
  overflow: hidden;
  padding: 0 10px;
  color: transparent;
  transition: max-height 0.5s ease-out;
}
.divInfosContainer:hover {
  background-color: rgba(112, 112, 112, 0.7);
  transition: background-color ease-in-out 0.3s;
}
.divInfosContainer:hover #divInfos {
  color: white;
  max-height: 100px;
  transition: max-height 0.5s ease-out;
}

.input_boolean_dateDebutFenetre {
  width: calc(20% - 10px);
  padding: 5px 10px !important;
  text-align: center;
  margin-bottom: 10px;
}
.input_boolean_dateDebutFenetre.disabled {
  background-color: #707070 !important;
  color: white;
}

.bloc_infos_paiement input[type=float] {
  color: #161615;
  background: white;
  border-radius: 34px;
  height: auto;
  padding: 10px 20px;
  width: 100%;
  outline: unset;
  border: 1px solid #cacaca;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
}
.bloc_infos_paiement input[type=float]::placeholder, .bloc_infos_paiement input[type=float]:-ms-input-placeholder, .bloc_infos_paiement input[type=float]:-ms-input-placeholder {
  color: #161615;
  font-style: italic;
}

#filename {
  position: absolute;
  top: 50%;
  color: black;
  transform: translate(calc(100% + 20px), -50%);
  right: 0;
}

.div_mentions {
  text-align: center;
  line-height: 0.8;
}

.recap_commande .bloc_infos_titre {
  margin-bottom: 30px;
}
.recap_commande .itemLabel {
  /* font: normal normal 600 16px/26px Poppins; */
  height: 100%;
  display: flex;
  align-items: center;
}
.recap_commande .quantity div {
  width: 55px;
  height: 55px;
  float: left;
  padding-left: 0px;
  margin: 0;
  border: 1px solid white;
  color: #707070;
  /* font: normal normal bold 18px/57px Poppins; */
  box-shadow: none;
  border-radius: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
}
.recap_commande .bloc_infos_destinataire {
  padding: 0 40px;
}
.recap_commande .bloc_date_livraison {
  background-color: white;
  border-radius: 34px;
  margin-right: 30px;
  text-align: center;
  padding: 20px;
}

#recapCommandeModal {
  border-radius: 50px;
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1607843137);
  padding: 60px;
}
#recapCommandeModal .picto_valide {
  width: 50px;
  margin-bottom: 10px;
}
#recapCommandeModal .lead {
  color: #C20E1A;
  /* font: normal normal 600 23px/26px Poppins; */
}
#recapCommandeModal .texte {
  /* font: normal normal normal 18px/20px Poppins; */
  color: #707070;
}
#recapCommandeModal .close-button,
#recapCommandeModal .close-button.medium {
  right: 2rem;
  top: 1.5rem;
  color: #C20E1A;
}

.bloc_infos_paiement input[type=number] {
  color: #161615;
  background: white;
  border-radius: 34px;
  height: auto;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
.bloc_infos_paiement input[type=number]::placeholder, .bloc_infos_paiement input[type=number]:-ms-input-placeholder, .bloc_infos_paiement input[type=number]:-ms-input-placeholder {
  color: #161615;
  font-style: italic;
}

select {
  margin-bottom: 0;
}

#scroll_top_arrow {
  width: 50px;
  height: auto;
  right: 20px;
  position: fixed;
  bottom: 20px;
}

#body_content {
  position: relative;
}

.onglet_item_right_container {
  margin-left: auto;
  position: relative;
  z-index: 1000;
}
.onglet_item_right_container .onglet_item_right::before {
  content: unset;
}
.onglet_item_right_container .tuto {
  display: none;
}

.overlay_show #overlay_tutorial {
  background-color: rgba(112, 112, 112, 0.64);
  height: 100%;
  position: absolute;
  z-index: 1000;
  width: 100%;
}
.overlay_show .onglet_item_right_container {
  margin-left: auto;
  position: relative;
  z-index: 1000;
}
.overlay_show .onglet_item_right_container .onglet_item_right {
  position: relative;
}
.overlay_show .onglet_item_right_container .onglet_item_right::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  background: url("../images/PNG/Eclats.png");
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  left: -40px;
  top: -30px;
}
.overlay_show .onglet_item_right_container .tuto {
  padding-right: 15px;
  padding-left: 15px;
  max-width: 200px;
  float: right;
  margin-top: 20px;
  position: absolute;
  top: -220px;
  transform: translate(30%);
  display: initial;
}
.overlay_show .onglet_item_right_container .tuto .tuto_close {
  float: right;
  margin-top: -10px;
}
.overlay_show .onglet_item_right_container .tuto .tuto_close:hover {
  cursor: pointer;
}
.overlay_show .onglet_item_right_container .tuto .tuto_texte {
  color: white;
  padding-bottom: 10px;
}
.overlay_show .onglet_item_right_container .tuto .tuto_fleche img {
  max-height: 100px;
  padding-bottom: 10px;
}

.form_search input {
  color: #161615;
  background: white;
  border-radius: 34px;
  height: auto;
  padding: 10px;
  padding-left: 20px px;
  padding-right: 20px;
}
.form_search form {
  display: flex;
  width: 100%;
  justify-content: end;
  align-items: center;
  margin-top: 20px;
}
.form_search div {
  margin-right: 20px;
}
.form_search div label {
  display: none;
}
.form_search div #search_recherche {
  margin-bottom: 0;
}
.form_search .bouton_rouge {
  margin-bottom: 0;
}

.header_valider_client {
  background-color: #C20E1A;
  padding-top: 30px;
  padding-bottom: 30px;
}
.header_valider_client .header_logo {
  text-align: center;
}
.header_valider_client .header_logo img {
  width: 400px;
}

/* .add_magnums {
    .collapsible {
        background-color: #777;
        color: white;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
    }
    .active, .collapsible:hover {
        background-color: #555;
    }

    .content {
        padding: 0 18px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        background-color: #f1f1f1;
    }
} */
.add_magnums {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.v_align_center {
  display: flex;
  align-items: center;
}

.form_divider {
  margin: 20px;
  border-top: 2px solid #707070;
}

.quantity_disabled input {
  background-color: white;
  text-align: center;
  padding: 0;
}

.div_asterisque {
  text-align: center;
  color: #C20E1A;
}

#notFree,
#notFreeRe {
  color: #C20E1A;
  margin-bottom: 20px;
  text-align: center;
}

#phrase_creneau {
  text-align: center;
}

#caseACocherFast {
  margin-top: 20px;
}

.custom-checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 20px;
}

.custom-checkbox input[type=checkbox] {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  accent-color: #C20E1A;
  /* Change the color to match your theme */
}

.custom-checkbox label {
  font-size: 16px;
  color: #161616;
  font-style: italic;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

#date_collecte_souhait.hidden {
  visibility: hidden;
  position: absolute;
}/*# sourceMappingURL=main.css.map */