/**
    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;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-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: fit-content;
  background-color: #C20E1A;
  color: white;
  border-radius: 100px;
  padding: 10px 20px;
  box-shadow: 0px 3px 6px #0000006C;
  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: fit-content;
  background-color: #707070;
  color: white;
  border-radius: 100px;
  padding: 10px 20px;
  box-shadow: 0px 3px 6px #0000006C;
  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: white; }

.icon-Ajouter_Caviste_picto .path2:before {
  content: "\e903";
  margin-left: -1em;
  color: #9aea69; }

.icon-Ajouter_Caviste_picto .path3:before {
  content: "\e904";
  margin-left: -1em;
  color: #9aea69; }

.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: #c20e1a; }

.icon-Fleche_Deroule_picto .path2:before {
  content: "\e90d";
  margin-left: -1em;
  color: white; }

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

.icon-Fleche_Retour_Haut_picto .path1:before {
  content: "\e90f";
  color: #c20e1a; }

.icon-Fleche_Retour_Haut_picto .path2:before {
  content: "\e910";
  margin-left: -1em;
  color: white; }

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

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

.icon-Informations_picto .path1:before {
  content: "\e913";
  color: #707070; }

.icon-Informations_picto .path2:before {
  content: "\e914";
  margin-left: -1em;
  color: white; }

.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: white; }

.icon-Modifier_Caviste_picto .path2:before {
  content: "\e918";
  margin-left: -1em;
  color: #707070; }

.icon-Modifier_Caviste_picto .path3:before {
  content: "\e919";
  margin-left: -1em;
  color: #707070; }

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

.icon-Picto_Plus .path1:before {
  content: "\e91a";
  color: #c20e1b; }

.icon-Picto_Plus .path2:before {
  content: "\e91b";
  margin-left: -1em;
  color: white; }

.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: white; }

.icon-Supprimer_Caviste_picto .path2:before {
  content: "\e921";
  margin-left: -1em;
  color: #c20e1b; }

.icon-Supprimer_Caviste_picto .path3:before {
  content: "\e922";
  margin-left: -1em;
  color: #c20e1b; }

.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 + .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 + .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 + .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 + .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 + .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 + .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 + .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 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 {
    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 #00000029;
      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 #00000029;
    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 {
    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: .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: .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 #00000029;
      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 #00000029; }
    #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 #00000029; }
    #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 #00000029;
    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: fit-content;
  border-radius: 100px;
  padding: 9px 19px;
  text-transform: uppercase;
  border: 2px solid #C20E1A;
  font-weight: 600;
  box-shadow: 0px 3px 6px #00000029; }
#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 {
  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 #00000029;
    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 #00000029;
    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 #00000029;
  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 #00000029;
    border-radius: 84px;
    border: 1px solid #00000029;
    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;
        -webkit-transition: width 0.5s ease-in-out;
        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::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::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;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-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 #00000058;
      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 #00000058;
    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 #00000058;
  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 #00000058;
    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::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;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-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 #00000058;
      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 #00000058;
    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;
      -webkit-transition: width 0.5s ease-in-out;
      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;
      -webkit-transition: width 0.5s ease-in-out;
      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;
      -webkit-transition: width 0.5s ease-in-out;
      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;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-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 #00000029 inset;
      cursor: pointer;
      /* font: normal normal 600 14px/24px Poppins; */
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-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 #00000029;
        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 #00000029;
      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;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-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 #00000029;
    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 #00000029;
        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: #c20e1a;
    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: white;
    border-width: 1px;
    border-style: solid;
    border-color: #c20e1a;
    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, white 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, white 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 #00000029; }
      .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;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-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 #5213182b;
      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 #e0e0e0de;
    border-radius: 39px;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-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: 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;
  -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  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 #00000029;
  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;
  user-select: none; }

#date_collecte_souhait.hidden {
  visibility: hidden;
  position: absolute; }

/*# sourceMappingURL=main.css.map */