#header-fond {
  display: none !important;
}

#header-2023 {
  @import 'https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css';
  @import 'https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css';
  @import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css';
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  background-color: #FFF;
  height: auto;
}
#header-2023 * {
  z-index: auto;
}
#header-2023 .bg-main {
  background-color: #009dfe;
}
#header-2023 .bg-second {
  background-color: #404040 !important;
}
#header-2023 .bg-dark {
  background-color: #000;
}
#header-2023 .bg-green {
  background-color: #3AD86F;
}
#header-2023 .bg-green:hover {
  background-color: #737373 !important;
}
#header-2023 .bg-green:active {
  background-color: #737373 !important;
}
#header-2023 .bg-purple {
  background-color: #89135D;
}
#header-2023 .bg-pink {
  background-color: #F01792;
}
#header-2023 .bg-yellow {
  background-color: #F4D903;
}
#header-2023 .bg-grad {
  background: linear-gradient(270deg, rgb(0, 236, 188) 6%, rgb(32, 226, 215) 99%);
}
#header-2023 button.bg-main:hover {
  background-color: #005e98 !important;
}
#header-2023 button.bg-main:active {
  background-color: #005e98 !important;
}
#header-2023 .btn.btn-outline-dark:hover {
  color: #FFF;
}
#header-2023 .hover-green {
  background-color: #404040;
}
#header-2023 .hover-green:hover {
  background-color: #3AD86F !important;
  border-color: #3AD86F;
}
#header-2023 .hover-validation:hover {
  background-color: #3AD86F !important;
  border-color: #3AD86F;
}
#header-2023 .bg-main.hover-validation:hover {
  background-color: #3AD86F !important;
  border-color: #3AD86F;
}
#header-2023 button.bg-second:hover {
  background-color: #737373 !important;
}
#header-2023 button.bg-second:active {
  background-color: #737373 !important;
}
#header-2023 .btn {
  font-size: 0.875rem;
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#header-2023 .btn:hover {
  color: inherit;
  border-color: inherit;
  color: #212529;
}
#header-2023 .color-main {
  color: #009dfe;
}
#header-2023 .color-font {
  color: #404040;
}
#header-2023 .color-light-blue {
  color: #5cbffc;
}
#header-2023 .color-green {
  color: #3AD86F;
}
#header-2023 .color-form {
  color: #404040;
}
#header-2023 .text-dark {
  color: #000;
  color: #212529 !important;
}
#header-2023 .border-main {
  border-color: #009dfe;
}
#header-2023 .btn-border-main {
  border-color: #009dfe;
}
#header-2023 .btn-border-main:hover {
  border-color: #005e98;
  color: #005e98;
}

header .container {
  max-width: 1050px;
}

header .header-button button {
  font-size: 15px;
  height: 32px;
  line-height: 32px;
  padding: 0 !important;
}

header .header-button .bg-dark {
  font-size: 15px;
  height: 32px;
  line-height: 32px;
  padding: 0 !important;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  line-height: 40px;
  border-bottom: 2px solid transparent;
  padding-bottom: 0px;
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
}

.phone-number {
  font-size: 0.875rem;
}

.star {
  color: #FADF39;
}

.cart .cart-count {
  position: absolute;
  /*right: -3px;*/
  right: 4px;
  top: 13px;
  font-size: 13px;
  text-align: center;
  line-height: 20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.icon-txt {
  margin-top: -5px;
}

.searchbar input {
  border-end-end-radius: 0%;
  border-top-right-radius: 0%;
  padding: 0.85rem 2rem;
  background-color: #DDDDDD !important;
  font-size: 13px;
}

.searchbar input::-webkit-search-cancel-button {
  background-color: #404040 !important;
  color: #404040;
}

#searchbar::-moz-placeholder {
  color: #404040;
  font-weight: 600;
}

#searchbar::placeholder {
  color: #404040;
  font-weight: 600;
}

.mobile-searchbar {
  margin-top: -15px;
}

#mobile-searchbar {
  padding: 0.85rem 1rem;
}

#mobile-searchbar::-moz-placeholder {
  color: #404040;
  font-weight: 600;
  font-size: 13px;
}

#mobile-searchbar::placeholder {
  color: #404040;
  font-weight: 600;
  font-size: 13px;
}

.navbar-toggler {
  color: #404040;
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: box-shadow 0.15s ease-in-out;
}

.navbar-toggler:focus {
  box-shadow: none;
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0.25rem;
}

.navbar-toggler:hover {
  text-decoration: none;
}

.drop-user {
  padding-top: 0 !important;
}

.main-submenu {
  margin-top: 0;
}

.main-submenu .dropdown-menu {
  background-color: #F9F9F9;
  font-size: 13px;
  border-radius: 0 !important;
  /*min-width: 250px !important;*/
  min-width: 500px !important;
}

#menu-header-2023 .dropdown-menu {
  background-color: #F9F9F9;
}

#menu-header-2023 .dropdown-item.active {
  border-right: 3px solid #000;
  background-color: #fff !important;
  font-weight: bold;
}

#menu-header-2023 .car-ton {
  background-color: #404040;
  color: #fff;
}

#menu-header-2023 .nav-item {
  text-align: center;
}

#menu-header-2023 .nav-item .active:hover {
  text-decoration: underline;
}

#menu-header-2023 .nav-link {
  font-size: 14px;
}

#menu-header-2023 .nav-link img {
  width: 24px;
}

#menu-cartouche, #menu-toner {
  color: #fff !important;
}

#menu-header-2023 span.fs-4 {
  max-height: 40px;
  /*margin-top: -57px;*/
}

#submenu .dropdown-item.active {
  border-right: 3px solid #000;
  background-color: #fff !important;
  font-weight: bold;
}

#submenu .nav-item {
  text-align: center;
}

#submenu .nav-link {
  font-size: 14px;
  color: white;
}
@media screen and (max-width: 1199px) {
  #submenu .nav-link {
    color: initial;
  }
}
@media screen and (max-width: 766px) {
  #submenu .nav-link {
    height: 25px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0px 0 0 0 !important;
    color: initial;
  }
}

#submenu .dropdown a:hover {
  background-color: #fff;
  color: #000 !important;
}

#submenu .dropdown-menu a:hover {
  background-color: #e9ecef;
  color: #000 !important;
}

#espace-pro {
  background-color: #000;
  color: #fff !important;
  flex-wrap: wrap;
  line-height: 20px;
  display: flex;
  justify-content: center;
  text-align: center;
}

.encart-promo {
  height: 201px;
}

#menu-mobile {
  z-index: 1000;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
}
#menu-mobile ul {
  padding-left: 0px;
}

#menu-mobile .user-icon {
  border-radius: 50%;
  height: 34px;
  width: 34px;
  min-width: 34px;
  max-width: 34px;
  border: 2px solid #009dfe;
}

#menu-mobile .user-icon i {
  top: -6.5px;
  left: 1px;
  font-size: 28px;
}

#menu-mobile .bg-grad {
  font-size: 14px;
  padding: 0.75rem;
}

#menu-mobile .espace-pro {
  font-size: 15px;
  padding: 0.625rem;
}

#menu-mobile::-webkit-scrollbar {
  width: 0px;
  background-color: #f5f5f5;
}

#menu-mobile::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 4px;
}

#menu-mobile::-webkit-scrollbar-thumb:hover {
  background-color: #999;
}

#menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 99;
}

.menu-item ul li img {
  width: 120px;
  height: 50px;
  -o-object-fit: contain;
  object-fit: contain;
}

.show-subcategory {
  display: flex !important;
}

.subcategory {
  transition: transform 0.3s ease-out !important;
  transform: translateX(100%);
  position: absolute;
  top: 50px;
  right: 0px;
  z-index: 1000;
}

.subcategory.slide-in {
  transform: translateX(0);
}

h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h5 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.h5 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h4 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.h4 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h3 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.h3 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h2 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.h2 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

small {
  font-size: 0.875em;
}

.small {
  font-size: 0.875em;
}

img {
  vertical-align: middle;
}

button {
  border-radius: 0;
  text-transform: none;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

button:not(:disabled) {
  cursor: pointer;
}

[type=button]:not(:disabled) {
  cursor: pointer;
}

[type=reset]:not(:disabled) {
  cursor: pointer;
}

[type=submit]:not(:disabled) {
  cursor: pointer;
}

[type=search] {
  outline-offset: -2px;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.container {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}

.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group .form-control {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}

.input-group .form-control:focus {
  z-index: 3;
}

.input-group .btn {
  position: relative;
  z-index: 2;
}

.input-group .btn:focus {
  z-index: 3;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.dropdown {
  position: relative;
}

#bouton-connexion-hover:hover #bouton-connexion-hover-zone {
  display: block;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000 !important;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-item {
  display: block;
  width: 100%;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover {
  color: #1e2125;
  background-color: #e9ecef;
}

.dropdown-item:focus {
  color: #1e2125;
  background-color: #e9ecef;
}

.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0d6efd;
}

.dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-item.active {
  color: #fff;
  text-decoration: none;
  background-color: #0d6efd;
}

.dropdown-item.disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.nav-link:hover {
  color: #000;
}

.nav-link:focus {
  color: #000;
}

.nav-link:visited {
  color: inherit;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar > .container {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  text-decoration: none;
  white-space: nowrap;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.d-block {
  display: block !important;
}

.d-flex {
  display: flex !important;
}

.d-none {
  display: none !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-end {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-dark {
  border-color: #212529 !important;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.flex-column {
  flex-direction: column !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

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

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

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

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

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

.mt-4 {
  margin-top: 1.5rem !important;
}

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

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.3rem + 0.2vw) !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-light {
  color: #f8f9fa !important;
}

.text-white {
  color: #fff !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

#mon-compte-btn-mobile {
  display: none !important;
}

@media screen and (max-width: 500px) {
  #mon-compte-btn-pc {
    display: none !important;
  }

  #mon-compte-btn-mobile {
    display: block !important;
  }

  .phone-number {
    font-size: 0.75rem;
  }
  .main-submenu::-webkit-scrollbar {
    height: 3px !important;
    background-color: #f5f5f5;
  }
  .main-submenu::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 4px;
  }
  .main-submenu::-webkit-scrollbar-thumb:hover {
    background-color: #999;
  }
}
@media all and (max-width: 750px) {
  #logo {
    height: 27px;
  }
  .cart .cart-count {
    right: -7px;
  }
  header {
    padding-bottom: 1rem;
    //box-shadow: inset 0px -10px 15px -10px rgba(0, 0, 0, 0.304);
  }
  .container {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  #menu-mobile .user-icon i {
    top: -6.5px !important;
    left: 1px !important;
    font-size: 29px !important;
  }
}
@media (max-width: 1000px) {
  #espace-pro {
    background-color: #fff;
    color: #404040;
    width: 100%;
  }
  .main-submenu {
    overflow-x: auto;
    white-space: normal;
    text-overflow: ellipsis;
  }
  .main-submenu .dropdown-menu {
    display: none;
  }
  .main-submenu::-webkit-scrollbar {
    height: 6px;
    background-color: #f5f5f5;
  }
  .main-submenu::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 4px;
  }
  .main-submenu::-webkit-scrollbar-thumb:hover {
    background-color: #999;
  }
}
@media (min-width: 1000px) {
  .navbar-nav {
    flex-direction: row;
  }
}
@media (max-width: 1370px) {
  #menu-mobile {
    /*display: initial !important;*/
  }
}
@media (min-width: 1200px) {
  #submenu {
    background-color: #404040;
    color: #fff;
  }
  h3 {
    font-size: 1.75rem;
  }
  .h3 {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 1470px) {
  header .container {
    max-width: 1470px;
  }
  .container {
    max-width: 1470px;
  }
  #espace-pro {
    width: 160px;
    line-height: 40px;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .searchbar {
    width: 1000px !important;
  }
  .header-button {
    width: 550px !important;
  }
}
@media screen and (max-width: 800px) {
  #menu-mobile {
    position: fixed !important;
    bottom: 0;
    height: 0 !important;
    transform: translateY(100%) !important;
    display:initial;
  }
  #menu-mobile.collapsing {
    transition: height 0.65s, transform 0.65s;
  }
  #menu-mobile.show {
    /*height: calc(100vh - 100px) !important;*/
    height: auto !important;
    transform: translateY(0%) !important;
  }
}
@media screen and (min-width: 800px) and (max-width: 1200px) {
  #menu-mobile {
    position: fixed !important;
    bottom: 0;
    height: 0 !important;
    transform: translateY(100%) !important;
  }
  #menu-mobile.collapsing {
    transition: height 0.65s, transform 0.65s;
  }
  #menu-mobile.show {
    height: 100% !important;
    transform: translateY(0%) !important;
    overflow: hidden;
  }
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
  .container-xl {
    max-width: 1140px;
  }
  .container-lg {
    max-width: 1140px;
  }
  .container-md {
    max-width: 1140px;
  }
  .container-sm {
    max-width: 1140px;
  }
  .container {
    max-width: 1140px;
  }
  .col-xl {
    flex: 1 0 0%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0 {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
  }
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1 {
    --bs-gutter-x: 0.25rem;
    --bs-gutter-y: 0.25rem;
  }
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2 {
    --bs-gutter-x: 0.5rem;
    --bs-gutter-y: 0.5rem;
  }
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3 {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
  }
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4 {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5 {
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 3rem;
  }
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
  .d-xl-none {
    display: none !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
@media (min-width: 576px) {


  .container-sm {
    max-width: 540px;
  }
  .container {
    max-width: 540px;
  }
  .col-sm {
    flex: 1 0 0%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0 {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
  }
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1 {
    --bs-gutter-x: 0.25rem;
    --bs-gutter-y: 0.25rem;
  }
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2 {
    --bs-gutter-x: 0.5rem;
    --bs-gutter-y: 0.5rem;
  }
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3 {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
  }
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4 {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5 {
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 3rem;
  }
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
  #header-panier {
    margin: 0 auto 0px auto !important;
    padding-top: 5px !important;
  }
  #header-compte {
    display: block;
    margin: 0 auto 0px auto !important;
    padding-top: 5px !important;
  }
}
@media (min-width: 768px) {
  #header-panier {
    margin: 0 auto 5px auto !important;
    padding-top: initial !important;
  }
  #header-compte {
    display: block;
    margin: 0 auto 11px auto !important;
    padding: initial !important;
  }
  .container-md {
    max-width: 720px;
  }
  .container-sm {
    max-width: 720px;
  }
  .container {
    max-width: 720px;
  }
  .col-md {
    flex: 1 0 0%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0 {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
  }
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1 {
    --bs-gutter-x: 0.25rem;
    --bs-gutter-y: 0.25rem;
  }
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2 {
    --bs-gutter-x: 0.5rem;
    --bs-gutter-y: 0.5rem;
  }
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3 {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
  }
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4 {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5 {
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 3rem;
  }
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 992px) {
  .container-lg {
    max-width: 960px;
  }
  .container-md {
    max-width: 960px;
  }
  .container-sm {
    max-width: 960px;
  }
  .container {
    max-width: 960px;
  }
  .col-lg {
    flex: 1 0 0%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0 {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
  }
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1 {
    --bs-gutter-x: 0.25rem;
    --bs-gutter-y: 0.25rem;
  }
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2 {
    --bs-gutter-x: 0.5rem;
    --bs-gutter-y: 0.5rem;
  }
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3 {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
  }
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4 {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5 {
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 3rem;
  }
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 1400px) {
  .container-xxl {
    max-width: 1320px;
  }
  .container-xl {
    max-width: 1320px;
  }
  .container-lg {
    max-width: 1320px;
  }
  .container-md {
    max-width: 1320px;
  }
  .container-sm {
    max-width: 1320px;
  }
  .container {
    max-width: 1320px;
  }
  .col-xxl {
    flex: 1 0 0%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0 {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
  }
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1 {
    --bs-gutter-x: 0.25rem;
    --bs-gutter-y: 0.25rem;
  }
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2 {
    --bs-gutter-x: 0.5rem;
    --bs-gutter-y: 0.5rem;
  }
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3 {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
  }
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4 {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5 {
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 3rem;
  }
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
}
@media (min-width: 1470px) {
  #menu-header-2023 span.fs-4 {
    margin-top: 3px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .btn {
    transition: none;
  }
  .collapsing {
    transition: none;
  }
  .nav-link {
    transition: none;
  }
  .navbar-toggler {
    transition: none;
  }
}
/*# sourceMappingURL=t-style.css.map */
.btn-recherche-par-imprimante {
  display: block;
  background-color: #009dfe;
  color: white !important;
  border-radius: 5px;
  width: 143px;
  padding: 10px 20px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  position: absolute;
  top: 150px;
  transition: 0.4s;
}

.btn-recherche-par-imprimante:hover {
  background-color: #6dc2f6;
}

.menu {
  max-width: 100vw;
  overflow-x: hidden;
}

.menu-title {
  height: 24px;
}
.menu-title p {
  font-size: 16px;
}


.sass-dgwww{
  .searchbar{
    margin-left: 45px !important;
    width: 896px !important;
  }
    #menu-header-2023{
        ul{
          margin-bottom: -40px;
          li{
            width: 216px;
            padding-top: 5px;
            a{
              text-align: center;
              font-size: 14px;
              color: #404040 !important;

              border-radius: 4px;
              border: 1px solid #DDDDDD;
              background-color: #DDDDDD;
              padding: 0 !important;
              width: 182px;
               margin-top: 5px;
              margin-left: auto;
              margin-right: auto;
               transition: 0.4s;

          &:hover{
            color: white !important;
            border: 1px solid white;
            text-decoration: none !important;
            background-color: transparent;
            transition: 0.4s;
          }
        }
      }
    }
  }
  .menu-info{
    a{
      text-decoration: none;
      font-size: 14px;
      font-weight: bold;
      text-transform: uppercase;
      margin: 0 75px;

      &:before{
        content: "";
        background-image: url("../images/menu/info.svg");
        display: inline-block;
        width: 22px;
        height: 22px;
        background-repeat: no-repeat;
        margin-bottom: -5px;
        margin-right: 2px;
      }
    }
    #centre-aide{
      color: #8A125D;
    }
    #vends-cartouche{
      color: #0C0F23;
      &:before{
        background-image: url("../images/menu/tirelire.svg");
      }
    }
    #conseils-expert{
      color: #1CBAB6;
      &:before{
        background-image: url("../images/menu/crayon-de-blog.svg");
      }
    }
  }
}

@media (min-width: 1025px) and (max-width: 1470px) {
  .sass-dgwww{
    .searchbar{
      margin-left: 1px !important;
      width: 550px !important;
    }
    #menu-header-2023{
      ul{
        margin-bottom: 0;
        li{
          display: flex;
          width: 270px;
          padding-top: 2px;
          padding-bottom: 5px;
          a{
            width: 108px;
          }
        }
      }
      .menu-info{
        a{
          margin: 0 0 0 58px;
        }
      }
    }
    #submenu{
      #cartouche-toner{
        .main-submenu{
          justify-content: space-between !important;
        }
      }
    }
  }
}

@media  (max-width: 1024px) {
  .sass-dgwww{
    .searchbar{
      margin-left: 1px !important;
      width: 50% !important;
    }
    #menu-mobile.show{
      display: initial !important;
      height: auto !important;
      width: 100%;
    }
    #menu-mobile{
      .user-icon{
        i{
          top: 2.5px !important;
          left: 2.5px !important;
        }
      }
    }
    #menu-mobile{
      .menu-info{
        margin: 10px 0;
        a{
          font-size: 16px;
          font-weight: 500;
          text-transform: initial;
          margin: 0;
          color: #6c757d;
          &:before{
            width: 24px;
            height: 24px;
            margin-bottom: -6px;
            margin-right: 16px;
          }
        }
        #centre-aide-mobile{
          &:before{
            background-image: url("../images/menu/info-noir.svg");
          }
        }
        #vends-cartouche-mobile{
          &:before{
            background-image: url("../images/menu/tirelire.svg");
          }
        }
        #conseils-expert-mobile{
          &:before{
            background-image: url("../images/menu/crayon-de-blog-noir.svg");
          }
        }
      }
      .mb-5{
        margin-bottom: 5px !important;
      }
      .menu{
        overflow: hidden;
        .menu-item{
          border-top: 1px solid #dee2e6 !important;
        }
      }
    }
  }
}

@media  (max-width: 767px){
  .sass-dgwww{
    .searchbar{
      width: 100% !important;
    }
  }
}