-body {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #000;
  background-color: #fff;
}

.center { text-align: center;}

.container-full {	margin: 0 auto;}

.ttxt {
  display: inline-block;
  position: relative;
}
.spec{
  -webkit-background-clip: text;
}

.header {  
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 40px;
  justify-content: space-between;}

.truck{
  margin-bottom: 5px;
}

.logo {
  margin-top: 8px;
  max-width: 100%;
  min-width: 200px ;
}

/* === Boutons de panier et compte === */

.account{ 
  min-width: 300px; 
  max-width: 400px; 
  position: relative; 
  top: 10px; 
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.account-compte,.account-panier{
  padding: 10px;
  display: flex;
}
.account-compte:hover, .account-panier:hover{
  border-radius: 10px;
  transition: all 0.8s;
  background-color: rgba(245, 245, 245, 0.786);
}
.account-panier:hover > .account-icon, 
.account-compte:hover > .account-icon{
  transform: translateY(-2px);
}
.account-compte-text{
  margin: 8px 0 0 0;
  line-height: 16px;
  width: 100%;
}
.account-compte-text b{
  font-size: 1.2em;
  color: #FB7D21;
}
.account a { 
  color: rgb(144, 144, 144);
  text-decoration: none;
}
.account-panier-count{
  position: absolute;
  background-color: #FB7514 !important;
  width: 20px;
  margin: -4px 0 0 36px;
  font-size: 0.9em;
  height: 20px;
  line-height: 20px;
  border-radius: 50px;
  color: #ffffff !important;
  text-align: center;
  padding: 0;
  font-weight: bold;
}
.account-icon { 
  margin-right: 8px;
  box-shadow: #0000001c 2px 2px 5px;
  padding: 13px;
  border-radius: 36%;
  text-align: center;
  background-color: #f2f2f2c9; 
  transition: all 0.2s;
}

/* =========== */

/* Menu assistant */
#assist_main{
  width: 100%;
  height: fit-content;
  flex-direction: column;
  align-items: center;
  color: #545454;
  font-size: 16px;
  margin-bottom: 30px;
}
#assist_main .main_block{
  width: 100%;
  height: fit-content;
  background-color: white;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
  padding: 15px 45px 35px;
}
#assist_main .container-assist{
  width: 100%;
}

#live_search_result {
  margin-bottom: 30px;
}

#assist_main .assist_title{
  text-align: left;
  color: #FB7514;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0;
}
#assist_main .stamp_info{
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.div_choice label{
  width: fit-content;
  height: fit-content;
  margin-right: 7px;
  font-size: 14px;
  margin-bottom: 0;
  font-weight: initial;
  accent-color : #f36701;
}

#assist_main .line_container{
  display: flex;
  padding:0;
}
#assist_main .container_assist_input{
  display: flex;
  margin-left: 46px;
  padding:0;
}
#assist_main .delete_assist_line{
  width: 25px;
  height: 25px;
  margin: 3px 3px 3px 13px;
}
#assist_main .delete_assist_line:hover{
  width: 28px;
  height: 28px;
  margin: 2px 2px 2px 12px;
}
#assist_main .toolbar{
  padding: 0;
}
#assist_main .hide_toolbar{
  margin-left: 15px;
}

#assist_main .buttons_menu{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#assist_main .container-assist {
  display: flex;
  align-items: center;
  visibility: visible;
}
#assist_main .submitting_button, #assist_main .add_new_line{
  width: fit-content;
  margin-right: 12px;
  padding: 2px 14px;
  vertical-align: middle;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  border-radius: 1.6rem;
  color: white;
  background: transparent;
  position: relative;
  transition: background-color 0.2s ease-in-out 0s, border 0.2s ease-in-out 0s;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}
#assist_main .add_new_line::after{
  background-image: linear-gradient(225deg, #a6a8aa 0%, #a6a8aa 50%, #a6a8aa 100%);
}

#assist_main .assist_taille_filter {
  display:none;
}

#assist_main .container-assist .filtre-article-conteneur {
  margin: 0;
}

#assist_main #assistant_result{
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}


.too_text_assist.form-control{
  width: 400px;
}
.middle{
  display: flex;
  justify-content: center;
}
.flex{
  display: flex;
  flex-direction: column;
}
.see_result{
  display: flex;
  align-items: center;
}
.coloredbackground{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: fit-content;
  padding: 5px 0 5px 0;
}
.no-color{
  background-color: white !important;
}
.assist_line, .stamp_info{
  width: fit-content;
}

.form_assist{display: none;}
.too_text_assist::placeholder{color: #bdbfc0;}

/* =========== */

.btn-add-cart i{
  margin-right: 12px;
  font-size: 1.2em;
}
.btn-add-cart{
  z-index: 1;
  vertical-align: middle;
  font-weight: bold;
  font-size: 1.2em;
  width: 190px;
  height: 45px;
  font-size: 1.5rem;
  cursor: pointer;
  border: 0px;
  background: transparent;
  position: relative;
  transition: all .2s;
  overflow: hidden;
  color: white;
  border-radius: 10px;
  box-shadow: 0px -0px 0px 0px #6eae6a, 0px 0px 0px 0px #6aae6c;
}
.btn-add-cart::after,.add_new_line::after,.submitting_button::after{
  content: '';
  width: 400px;
  height: 400px;
  position: absolute;
  top: -50px;
  left: -100px;
  background-image: linear-gradient(225deg, #79ce7e 0%, #51cb4d 50%, #45b733 100%);
  z-index: -1;
  transition: all .5s;
}
.submitting_button::after{
  width: 450px;
}
.btn-add-cart:hover::after,.add_new_line:hover::after,.submitting_button:hover::after{
  transform: rotate(150deg);
}
.btn-add-cart:hover, .add_new_line:hover,.submitting_button:hover{
transform: translate(0,-6px);
box-shadow: 10px -10px 25px 0px #6aae6d32, -10px 10px 25px 0px #6aae6d3e;
}
.btn-add-cart:active, .add_new_line:active,.submitting_button:active{
  transform: translate(0,0);
  box-shadow: 2px -2px 25px 0px #6dae6abb, -2px 2px 25px 0px #6aae70b1;
}

.btn-to-top{  
  padding: 10px; 
  position: fixed;
  bottom: 16px;
  right: 32px;
  z-index: 10;
  display: none;
  text-align: center;
}
.btn-to-top i{
  background-color: white;
  border-radius: 50%;
  font-size: 32px;
  display: block;
  width: 50px;
  height: 50px;
  color: black;
  box-shadow: #00000036 0 0 20px;
}

/* Choix des logos */
.chooseLogo{
  font-size: 14px;
  font-weight: bold;
  border-radius: 1.6rem;
  transition: background-color 0.2s ease-in-out 0s, border 0.2s ease-in-out 0s;
  border: 1px solid #ff6e14;
  cursor: pointer;
  color: white;
  background-color: #ff6e14;
  text-align: center;
  padding: 2px 14px;
  line-height: 30px;
  margin: 5px;
  height: 36px;
}
.chooseLogo:hover{
  background-color: rgb(252, 203, 203);
  cursor: pointer;
}
.background_logos{
  background-image: url(../css/img/Icones_taille.jpg);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  max-width: 260px;
}
.modal_shadow{
  position: absolute;
  width: 100%;
  height:1000vh;
  background-color: rgba(0, 0, 0, .5);
  z-index:1000;
  top:0;
  justify-content: center;
  align-items: center;
}
.modal_window{
  background-color: white;
  max-height: 500px;
  height: 80%;
  position:fixed;
  border-radius:10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  top:8%;
  margin: 10px;
  overflow-y:auto ;
  scrollbar-width:thin;
  width: 540px;
}
.close_menu{
  display: flex;
  justify-content: center;
  padding:10px 0;
  margin-bottom: 10px;
}
.close_menu span{
  font-size:21px;
}
.close_button{
  position: absolute;
  right: 10px;
  cursor: pointer;
  font-size: 21px;
  font-weight: bold;
  opacity: .2;
}
.close_button:hover{
  opacity: 1;
}
.div_logo{
  display: flex;
  align-items: center;
  flex-direction: column;
  padding : 0px 50px;
  overflow-y:auto;
  height: 72%;
}
.submit_div{
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
.ok_button{
  vertical-align: middle;
  border-radius: 10px;
  padding: 5px 10px 3px 10px;
  background-image: linear-gradient(225deg, #79ce7e 0%, #51cb4d 50%, #45b733 100%);
  cursor: pointer;
  color: white;
  transition: all .5s;
}
.ok_button:hover{
  transform: translate(0,-6px);
  box-shadow: 10px -10px 25px 0px #6aae6d32, -10px 10px 25px 0px #6aae6d3e;
}
.more_logos{
  position: relative;
  top: 0;
  font-size: 12px;
  text-decoration: underline;
  color:rgb(1, 131, 245);
  margin-left: 10px;
}
.more_logos:hover, .nb_logos:hover{
  color:rgb(0, 95, 179);
  cursor:pointer;
}
.one_logo{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.logotype{
  width: 40px;
  height: 40px;
  background-color: rgb(245, 245, 245);
  margin: 7px 3px;
  padding: 3px;
}
.logotype:hover{
  background-color: rgb(227, 252, 253);
}
.logo_name{
  font-size: 10px;
  width: 100%;
  text-align: center;
  padding-right: 9%;
}
.logos_group{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.group_info{
  display:flex;
  width: 100%;
  height: fit-content;
  flex-direction: column;
}
.group_label{
  display: flex;
  width: fit-content;
  margin-top: 27px;
}
.nb_logos{
  position: relative;
  top:-5px;
  font-size: 10px;
  color:rgb(1, 131, 245);
  margin-left: 4px;
}
.line_logo{
  margin-top: 10px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.line{
  width: 100%;
  border:0.2px solid rgb(214, 214, 214);
  margin-top:5px
}
.selected_logo{
  border : 3px solid #337AB7;
  padding: 0px;
}
.hidden_logo,.hide, .hide_toolbar{
  display: none;
}
.stop-scrolling{
  height: 100%;
  overflow: hidden;
  margin-right:12px;
}
.responsive{
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Panier */

.btn-apply-promo{
  background-color: #d0e9ff;
  color:#337ab7;
  border: 0;
  border-radius: 6px;
}
.btn-apply-promo:hover{
  color:#337ab7;
  transition: all 0.5s;
  border: 0;
  background-color: #b6ddff;
}
.btn-apply-promo:active{
  background-color: #d0e9ff;
}
.btn-apply-promo:focus{
  outline: none;
}
.input-promo{
  width: 64%;
  height: 34px;
  border-radius: 4px;
  font-size: 14px;
}
.section-cart-items{
  margin-right: 23px;
  width: 68.2%;
}
.page-container{
  padding: 30px;
}
.main-cart{
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
}
.cart-container-items{
  display: flex;
  flex-direction: column;

}
.cart-item{  
  justify-content: space-between;
  /* align-items: center; */
  padding: 20px 10px 20px 10px;
  border-radius: 11px;
  margin-bottom: 20px;
  box-shadow: #00000026 0 0 30px;
  display: flex;
}
.cart-item-desc{
  display: flex;
  justify-content: flex-start;
  width: 85%;
  align-items: center;
}
.cart-item-image{
  margin: 0 10px 0 10px;
  text-align: center;
  align-self: start;
}
.cart-item-priceANDdelete{
  display: flex;
  flex-direction: column;
  font-size: 1.2em;
  margin-top: -11px;
}
.cart-item-price{ /* {PRICE} Total TTC */
  text-align: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
 .cart-item-price p{ /* Total TTC */
  font-size: 0.8em;
  margin: 0;
}
.cart-item-btn-delete{
  text-align: end;
  color: red;
  width: fit-content;
  padding: 3px 5px;
  font-size: 1.2em;
  height: 35px;
  transition: all 0.2s;
  margin-left: auto;
}
.cart-item-btn-delete:hover{
  color: rgb(197, 0, 0);
  background-color: rgb(242 242 242);
  border-radius: 70px;
  box-shadow: #5c5c5c2d 0 0 8px;
}
.cart-summary{
  margin-bottom: 30px;
  min-width: 328px;
  box-shadow: #00000026 0 0 30px;
  padding: 20px;
  text-align: center;
  border-radius: 11px;
}
.cart-summary-text{
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  margin-top: 10px;
}
.cart-summary-text strong{
  font-size: 20px;
}
.cart-summary-text.border-dashed-bottom p{
  margin-bottom: 0;
}
.cart-summary-text p{
  margin: 0;
}
label.cart-summary-text{
  font-weight: 500;
  width: 100%;
  text-align: left;
  cursor: pointer;
}

.cart-summary-text.gift {
  padding: 5px 10px;
  border-radius: 10px;
  background-color: #F6F6F6;
  user-select: none;
  width: fit-content;
}

#sendperso label.cart-summary-text.gift{
  margin-top: 20px;
}

label.cart-summary-text.gift input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #F6F6F6;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid #737377;
  border-radius: 0.2em;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}
label.cart-summary-text.gift input[type="checkbox"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #737377;
  background-color: CanvasText;
  transform-origin: bottom left;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
label.cart-summary-text.gift input[type="checkbox"]:checked::before {
  transform: scale(1);
}


.cart-summary-text.gift{
  display: flex;
  align-items: center;
  gap: 10px;
}
.cart-summary-text.gift *{
  margin: 0;
  color: #737377;
}


.border-dashed-bottom{
  border: 2px gainsboro;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-style: none none dashed;
}
.btn-cart-delete-item{
  margin: 0 47% 9%;
  position: absolute;
}
.qttycart { 
  width: 45px !important;
  height: 34px;
  padding: 0; 
  text-align: center;
}
.less-qttycart{
  width: 34px;
}
.cart-desc-qttycart{
  display: flex;
  align-items: center;
  margin: 9px 0 5px 0;
}
.cart-desc-qttyANDprice{
  margin-left: auto;
}

/* Barre de progression au panier */

.stepper-wrapper {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  color: rgb(163, 163, 163);
}
.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
.stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: -50%;
  z-index: 2;
}
.stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 2;
}
.stepper-item .step-counter {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 1.2em;
  background: rgb(227, 227, 227);
  font-weight: bold;
  margin-bottom: 3px;
}
.stepper-item.completed .step-counter, 
.stepper-item.active .step-counter {
  background-color: #74CD63;
  color: white;
}
.stepper-item.active i{
  position: absolute;
  margin-top: -20px;
}
.stepper-item.completed .step-counter:hover{
  background-color: rgb(118, 214, 98);
  transition: all 0.2s;
}
.stepper-item.completed .step-name:hover,
.stepper-item.completed .step-counter:hover + .step-name{
  color: rgb(140, 140, 140);
  transition: all 0.2s;
}
.stepper-item.completed, 
.stepper-item.active,
.stepper-item.completed a{
  color: rgb(112, 112, 112);
  text-decoration: none;
}
.stepper-item.completed::after {
  position: absolute;
  content: "";
  border-bottom: 4px solid #74CD63;
  width: 100%;
  top: 18px;
  left: 50%;
  z-index: 3;
}
.stepper-item:first-child::before {
  content: none;
}
.stepper-item:last-child::after {
  content: none;
}
/* ================== */

/*= Page de connexion =*/
.style-form h3{
  color: black;
  margin-top: 0;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}
.style-form{
  margin-top: 20px;
  box-shadow: #00000026 0 0 30px;
  padding: 20px;
  border-radius: 11px;
}
.login-label{
  margin-top: 10px;
  font-size: 1.2em;
  width: max-content;
  font-weight: initial;
}
.login-input{
  width: 100%;
  height: 40px;
  border-radius: 4px;
  font-size: 14px;
}
.style-form .help-block{
  padding-left: 0;
}
.style-form .control-group{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.style-form #password, .style-form #email{
  background-image:url(img/password.png);   
  background-position:left;   
  background-repeat:no-repeat;   
  padding-left: 38px;
  background-size: 20px;
  background-position-x: 10px;
}
.style-form #email{
  background-image:url(img/mail.png) !important; 
}
.style-form .bi-eye, .style-form .bi-eye-slash{
  cursor: pointer;
  position: absolute;
  margin-left: -6%;
  margin-top: 9px;
  transition: all 0.2s;
}
.style-form .bi-eye:hover, .style-form .bi-eye-slash:hover{
  color: black;
}
.two-control-group{
  display: flex;
  width: 80%;
  margin: auto;
}
.two-control-group div:first-child {
  margin-right: 10px;
}
/* =================== */

/* == Compte Client == */
.menucustomer a{
  text-decoration: none;
}
.menucustomer{
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  align-items: center;
}
.menucustomer button{
  border: #dedede solid 1px;
  text-align: center;
  box-shadow: #e9e9e9 0 0 15px;
  width: 220px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  transition: all 0.3s;
  color: rgb(77, 77, 77);
}
.btn-logout{
  transition: all 0.3s;
  background-color: rgb(255, 255, 255);
  color: #d9534f;
  width: 150px;
  margin: 10px auto 10px auto;
}
.menucustomer i {
  color: #ff9345;
  font-size: 1.3em;
}
.title_line{
  border-bottom: 3px solid #ff9a52;
  display: block;
  height: 0.2em;
  width: 1.5em;
}
.main-recap-order{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.order-container-items{
  display: flex;
  flex-direction: column;
}
.order-item{
  align-items: center;
  padding: 12px 20px;
  border-radius: 11px;
  margin-bottom: 15px;
  box-shadow: #00000026 0 0 30px;
  display: flex;
  color: rgb(86 86 86);
  transition: all 0.3s;
}
.order-item:hover{
  text-decoration: none;
  background-color: rgba(255, 250, 240, 0.418);
}
.order-item-num,.order-item-date{
  align-items: center;
  margin: auto;
  display: flex;
  justify-content: space-between;
  width: 183px;
}
.order-item-num i, .order-item-date i{
  font-size:1.8em;
}
.order-item-date{
  width: 140px;
}
.btn-custom-order{
  margin: auto;
  color: #ff9345;
  transition: all 0.3s;
  background-color: white;
}
.btn-custom-order:hover{
  background-color: #ffa666;
}
.btn-custom-order.active{
  color: white!important;
  transition: all 0.3s!important;
  background-color: #ff9345!important;
  box-shadow: none!important;
}
/* =================== */


.bgmenu { background: url("img/bg_menu.png") repeat-x; height: 70px;}
.menu { margin-top: 0px; height: 70px;}
.navbar-nav {
  width: 100%;
  text-align: center;
}
.navbar-nav  > li { float: none; display: inline-block;}
.nav { text-align: center;}
.nav li { display: inline-block; margin-right: 1px; width: 12%; height: 70px; text-align: center; background: url('img/bg_menu2.png') repeat-x;   position: relative;  }
.nav li:last-child { margin-right: 0px; }
.nav li > a { display: block; text-align: center; position: relative;top: -15px; }
.nav > li > a:last-child { text-align: center;}
.top-left-screw-cover{
  position:absolute;
  top:0px;
  left:0px;
}
.top-right-screw-cover{
  position:absolute;
  top:0px;
  right:0px;
}
.bottom-left-screw-cover{
  position:absolute;
  bottom:0px;
  left:0px;
}
.bottom-right-screw-cover{
  position:absolute;
  bottom:0px;
  right:0px;
}
.middle-left-screw-cover{
  position:absolute;
  left:0px;
}
.middle-right-screw-cover{
  position:absolute;
  right:0px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background:transparent;
  color: #fff;
}
.nav > li:hover,
.nav > li:focus {
  text-decoration: none;
  background:url('img/bg_menu3.png') repeat-x;;
  color: #fff;
}

#menumobi { display: block; width: 100%; background-color: #FB7D21; color: #fff; padding: 8px; font-weight: bold; margin-top: 20px;}

.submenu {display: none; position: relative; width: 580px; min-height: 135px; background-color: #fff; box-shadow: 0px 5px 5px #999; z-index: 500; top: 70px;  text-align: left; padding: 5px 25px 5px 25px;}
.submenu.small {display: none; position: relative; width: 380px; min-height: 135px; background-color: #fff; box-shadow: 0px 5px 5px #999; z-index: 500; top: 70px;  text-align: left; padding: 5px 25px 25px 25px;}
.submenu .title { text-transform: uppercase;font-size: 20px; margin-top: 30px; display: block; color: #999; }
.submenu .titleprod { color: #595959; font-size: 15px;display: block;  }
.submenu .titleprod:hover { color: #337ab7; text-decoration: none; }
.submenu .titleprice { font-size: 9px;}
.submenu .price { font-size: 16px; color:#c6423c;}

.sub_item { display: inline-block; width: 175px; background-color: #fff; box-shadow:  0px 0px 3px #999; text-align: center; padding: 15px; margin-left: 8px;}

.mobmenu { background: url('img/hamburger.png') no-repeat; width: 25px; height: 27px; border-radius: 0;}

.mtxt { position: absolute;display: block; width: 100%; height: 30px; color: #fff;  line-height: 11px; font-size: 11px;}
.txtm { font-size: 12px; line-height: 10px; display: block; position: relative; top: 4px;}

.nav li > a { position: absolute; display: block; width: 100%; height: 70px; top: -29px;  /*transition: all 0.4s ease 0s;     -webkit-transition: all 0.4s ease 0s;*/  }


.catthumb { display: none; width:111px;}
.catthumb:first-child { display: block;}

.mimg {position: relative; top: -10px;}
.slidehome { margin-top: 25px;}
.sidebar { margin-top: 25px;}
.sidebar .top_bloc > img { width: 100%; }
.sidebar .sidetitle {text-transform: uppercase; font-size: 18px;}
.avantages > span { line-height: 30px; position: relative; left: 30px;}
.icov { position: absolute; display: block; width: 34px; height:39px;  background: url('img/v.png') no-repeat left; left:-40px;}
.accroches { display: block; color:#545454;   position: relative; margin: 0 1px 0px 1px; }
.accroches .accr .innera {background-color: #fff; display: block; padding: 5px; background: url('img/4-points.gif') right no-repeat; text-align: center; }
.accroches .accr:last-child .innera {background-color: #fff; display: block; padding: 5px; background:none; }
.accroches div { display: inline-block;}
.accroches .atxt { position: relative; top: 9px; display: inline-block; color: #545454;}
.accroches .atxt:hover { color: #337ab7; text-decoration: none;}
.accroches > img { vertical-align: middle;}
.accroches .accr { padding: 0;  }
.assist{cursor:pointer; font-weight: bold}
.top_bloc { background: url('img/top_bloc.png') no-repeat top center; margin-top: 20px; padding-top: 20px;}
.titlebox { color: #fb7514; font-weight: 700; text-transform: uppercase; margin-bottom: 15px;}
.mvtitleprod { font-size: 16px; display: block; }
.mvtitleprice { font-size: 11px;}
.mvprice { font-size: 18px; color:#c6423c;}
.lignet { background: url('img/ligne.png') left top no-repeat; border-top: 1px solid #dedede; padding-top: 20px; margin-top: 45px;}

.fl {float: left; }
.fr { float: right;}
.tar { text-align: right;}

.vert { color:#47A53A;}

.mventes { position: relative; top: -45px;}

.tpricemv2 { 
  display: inline-block;
  text-align: center; 
  position: relative;
  left: -15px;
}

/**LISTE**/
.title-list { border-radius: 5px 5px 0 0; font-size: 15px; padding: 5px 0; font-weight: bold; color: #337ab7; display: block; background-color: #dcdcdc;}
.liste-price-ttc { font-size: 20px; color: #337ab7; }
.liste-price{ font-size: 14px; color:#555; }
.list-item { padding-bottom: 25px; border-bottom: 1px solid #dedede; padding-top: 15px;  border: 2px solid #fff;}
.list-item:hover { background-color: #fcfbfb; border: 2px solid #337ab7;}
.list-commander, .list-commander3 {
  border-radius: 5px;
  border: 0;
  margin: 5px auto;
  font-size: 14px;
  padding: 4px 11px;
  color: white;
  background: #4eb840;
  position: relative;
  transition: all 0.2s;
}
.list-commander:hover , .list-commander3:hover {
  box-shadow: #0000001b 0 0 10px; 
  transform: translateY(-1px); 
  background: #54c345;
  color: white;
  text-decoration: none;
}

.decalcatlist { top: -8px;}

.ptop { top:0px;}
.nbrprod { font-size: 14px;}

.plist { height: 350px;}

.grey {color: #666;}
.grey-imp { background-color: #e0e0e0 !important;}
.grey-withe {background-color: #ededed !important;}
.green { color: #379820;}


/*** PRODUIT ****/
.titleexpl { color: #666;}

.labelligne { font-size: 9px; color: #888; float: left;}

.too_font, .too_font_assistant, .too_size, .too_size_assist, .too_inter, .too_inter_assistant, .too_text,.zoom, .stampColor,.too_text_assist, .quantite, .persofield{
  height:34px !important; 
  border-radius: 4px !important;
  font-size:14px !important; 
}
.quantite{
  width: 50px;
  padding: 0;
  text-align: center;
}
.zoom, .stampColor,.persofield{
  width: fit-content;
  padding: 0 0 0 5px;
}
.too_font, .too_font_assistant {
  width:90px; 
  font-size:14px;
  padding: 5px;
}
.too_size, .too_inter, .too_inter_assistant, .too_size_assist{
  text-align: center;
  width:50px; 
  padding:5px;
}
.too_inter, .too_inter_assistant{
  width:65px; 
  padding-left: 4px;
  text-align: right;
  background:url(img/interlign.png);
  background-position:left;
  background-repeat:no-repeat;
  background-size: 14px;
  background-origin: content-box;
}
.input-group-too-text{
  width:100%; 
  max-width: 427px;
  margin-bottom: 5px;
}
.btn-drop-toolbar{
  display: none;
}
.btn-arrow-down{
  transform-origin: 8px 7px;
}
.toolbar-position .btn-default{
  height: 30px;
  width: 37px;
  padding: 0;
}
.toolbar-position i{
  font-size: 1.3em; 
}
.choice{
  width: fit-content;
  height: fit-content;
  margin-right: 7px;
  font-size: 14px;
  font-weight: initial;
  margin-bottom: 0;
}
.div_choice{margin-left:15px}
#texte_choice, #creation_choice{
  accent-color : #f36701;
}
/* Personnalisation */
.personnalisation-container {
  display: flex; 
  flex-direction: row;
  margin-bottom: 8px;
}

.personnalisation-container label{
  margin: 0;
  text-align: left;
}

.personnalisation-container label i{
  margin-right: 5px;
}

.text-avec-la-souris{
  margin-left: 5px;
  font-weight: 100;
  color: rgb(80, 80, 80);
}

.perso-container-position-taille{
  flex-wrap: wrap;
  align-items: center;
  min-width: 30px;
}

.personnalisation-input {
  /* Permet au input de prendre toute la largeur */
  flex-grow: 50;
}

.previsu-bloc {
  white-space: nowrap;
  margin-left: 8px;
}

button.fleche {
  padding: 0;
  margin: 0 2px;
  width: 24px;
  height: 24px;
  background: none;
  border: 1px solid gray;
  border-radius: 4px;
}

img.fleche {
  width: 20px;
  height: 20px;
  object-fit: none;
}

@media (max-width: 1200px) {

  .btn-drop-toolbar{
    display: block;
  }
  .toolbar-custom{
    display: none;
  }
  .toolbar-custom .btn-group{
    padding-bottom:5px;
  }
  .input-group-too-text{
    width:100%; 
    max-width: none;
  }
  .personnalisation-container-text{
    justify-content: center;
    margin-bottom: 0 !important;
  }
  .personnalisation-container{
    justify-content: center;
  }
  .too_font, .too_font_assistant {
    width:57px; 
    padding: 0;
  }
  .too_inter, .too_inter_assistant{
    width: 53px;
    padding: 0 0 0 3px;
  }
  .too_size, .too_size_assist{
    width: 40px;
    padding: 0;
  }
  .text-avec-la-souris{
    display: none;
  }
}

.too_bold:focus, .too_italic:focus, .too_align:focus{
  outline:none; 
}
.btn-selected{
  background-color: #E6E6E6;
}
 .uploadbloc { 
  position: relative;
  width: 100%; 
  margin: 0; 
  padding: 0;
}
#uploadImage{
  color:#6196c4;
  width: 100%;
  outline: none;
}
#uploadImage::file-selector-button {
  background-image: url("img/upload.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: 14px;
  background-origin: content-box;
  cursor: pointer;
  background-color: #72a9da;
  transition: 0.5s;
  border: 0;
  padding: 8px 0 8px 12px;
  width: 170px;
  border-radius: 9px;
  line-height: 24px;
  font-family: inherit;
  font-weight: 600;
  font-size: 14px;
  color: white;
}
#uploadImage::file-selector-button:hover {
  background-color: #6196c4;
}

.produit .title {
  font-size: 39px;
  color: #337ab7;
  font-variant: small-caps;
  line-height: 1.2;
  text-align: center;
  display: block;
}
.produit .title2 { font-size: 12px;}
.produit .titlestep {
  font-size: 24px;
  color: rgb(71, 73, 80);
  line-height: 1.2;
  text-align: left;
  font-weight: 300;
}

.produit .round{ 
    position: relative; 
    height: 45px; 
    width: 45px; 
    display: inline-block;
    background-color: #474950; 
    border-radius: 45px; 
    text-align: center;
    line-height: 45px;
    color: #fff;
    font-size: 30px;
    font-weight: 300;
}

.produit .step1 { display: block;}
.produit .ligne { display: flex;
  margin-bottom: 8px;
  padding: 10px;
  background-color: #F8F6F6;}
.leslignes { margin-top: 0px; }
.produit .ftexte { display: inline-block; width: 60%;}
.produit .ffont { display: inline-block; width: 30%;}
.produit .ftaille { display: inline-block; width: 15%;}
.produit .fstyle { display: inline-block; width: 40%; text-align: center;}
.produit .fposition { display: inline-block; width: 40%; text-align: center;}
.produit #texte { width: 100%;}
.produit input[type='checkbox'] { margin-right: 7px;}
.produit input[type='checkbox']:last-child { margin-right: 0px;}
.produit input[type='radio'] { margin-right: 7px;}
.produit input[type='radio']:last-child { margin-right: 0px;}

.produit .preview {
  display: flex;
  margin-top: 25px;
  margin-left: 1px;
  height: 120px; /* Default height */
  padding-top: 20px;
  padding-bottom: 20px;
  width: 97%;
  justify-content: center; 
  flex: auto;
  background-color: #EEEFEF;
  border: 1px solid #d8d6d6;
  text-align: center;
}
.produit .preview table {
  margin:0;
   padding:0;
   background:none;
   border:none;
   border-collapse:collapse;
   border-spacing:0;
   background-image:none;
}
.zoomcont {position: relative; display: inline-block;}
.zonepreview {
  background-color: #fff;
  border: 1px solid #404040;
  box-shadow: 3px 3px #888888;
  display: flex;
  flex: auto;
  position: relative;
  justify-content: center;
  flex-direction: column;
  width: 250px;
  height: 60px;
}
.zonepreviewimg {
  background-color: rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  box-shadow: none;
  filter: drop-shadow(3px 3px 0 #888888);
  -webkit-filter: drop-shadow(3px 3px 0 #888888);
}
/*Live Search bar */

.live_search_result{
  display: flex;
  flex-wrap: wrap;
}

.max_h_art{
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

.top_little_img{
  width: 30% !important;
}
.bottom_little_img{
  width: 50% !important;
}
.search_div{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.input_search_div{
  height: 35px;
  border-radius: 15px;
  border: 1px solid black;
  padding-right: 8px;
}
#live_search_bar{
  outline: none;
  height: 100%;
  width: 80%;
  padding-left: 15px;
  background-color: transparent;
  border:0;
}
.loop_img{
  width: 30px;
  height: 30px;
}
.ajax_animation{
  display : none;
  background: transparent;
}
.no_data_found{
  display: flex;
  justify-content: center;
  width: 100%;
  font-size:25px;
}
.resp{
  display: flex;
  align-items: center;
  width: 100%;
}
.imgpreview { color: #fff;}
.laligne { display: flex; text-align: center; position: relative; justify-content: center; width: auto; }

.well { color: #337AB7; font-weight: bold;}

.graysc {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);}


.multid { position: relative;}
.thetexte {
  display: inline-block;
  z-index: 10;
  position: relative;
  width: 100%;
  height: 100%;
  pointer-events: none; /* Allow clicking through to individual lines */
}
.poa { position: absolute;}
.lazone { 
  margin:0; 
  padding:0; 
  position: absolute; 
  display: none; 
  width: auto;
  cursor: move;
  pointer-events: auto; /* Re-enable pointer events for individual lines */
}
.decall { position: relative; left: -14px;}
.taleft { text-align: left; }
.taleft .laligne { justify-content: flex-start; }
.tacenter { text-align: center;}
.tacenter .laligne { justify-content: center; }
.taright {text-align: right;}
.taright .laligne { justify-content: flex-end; }

.error { background-color: #fffafa; color: #000; }

.produit .qtty { width: 35px; height: 35px; text-align: center; font-size: 18px;}
.produit .price {  font-size: 31px; color: #337ab7; line-height: 1.2;}

.thumbnail { 
  max-width: 200px; 
  max-height: 200px;
  background-color: none;
  border: none;
  border-radius: 0px;
  display: block;
  line-height: 1.42857;
  margin-bottom: 0px;
  padding: 0px;
  transition: border 0.2s ease-in-out 0s;}
.btnup { display: inline-block;}
.ib { display: inline-block;}

.expml { height: 60px; display: block;}
.itemlist { text-align: center;  padding: 7px;  }

/* Style des articles sur la page de toute la gamme des produits*/

.article { 
  z-index: 1;
  float: left; 
  box-shadow: #00000063 0 0 7px; 
  border-radius: 5px; 
  overflow: hidden;
  width: 100%;
  transition: all 0.2s;}

.article:hover { 
  box-shadow: #0000003c 0 0 10px; 
  transform: translateY(-3px); 
  text-decoration: none;}

.article-bot-image{
  margin-bottom: -4px;
  width: 80%;}

.article-title{
  border-radius: 5px 5px 0 0;
  background-color: #e0e0e0;
  font-size: 1.2em;
  width: 100%;
  z-index: 1;
  position: relative;
  font-weight: 600;
  height: 52px;
  display: block;}

.article-description{
  border-radius: 0 0 5px 5px;
  height: 125px;
  margin-top: 11px;
  background-color: #efefef;
  font-size: 0.8em;
  overflow: hidden;
  color: #575757;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  padding: 40px 0;}

.article-description p{
  margin: 0;}
  
.article a:nth-child(2){
  margin-top: -15px;
  display: block;
}

.article a{
  color: rgb(74 74 74); 
  transition: all 0.2s;}

.article a:hover{
  color: #337ab7;}

.article-avis{
  margin: -5px auto 4px auto;
  width: fit-content;
  height: 18px;
  text-align: initial;}

.article-avis .netreviews_review_rate_and_stars{
  height: 18px;
  border-radius: 9px;
  padding: 3px 0 16px 7px;
  transition: all 0.2s;
  line-height: normal;
  min-height: 18px;
  width: 160px;}

.article-avis .netreviews_review_rate_and_stars:hover {
  color: #337ab7;
  background-color: rgba(239, 239, 239, 0.677);}

.article-conteneur-avis{
  width: fit-content;
  display: block;
  margin: auto;}

/* ==================== */
/* Style des filtres des articles */

.filtre-article-conteneur{
  justify-content: center;
  margin-bottom: 15px;
  display: flex;}

.filtre-article-conteneur div{
  display: flex;
  flex-direction: column;
  text-align: start;}

.filtre-article-conteneur label{
  font-weight: normal;
  cursor: pointer;
  width: fit-content;
  text-align: start;
  margin: 0;}

.filtre-article-title{
  font-size: 14px;
  border-radius: 1.6rem;
  transition: background-color 0.2s ease-in-out 0s, border 0.2s ease-in-out 0s;
  border: 1px solid #ff6e14;
  cursor: pointer;
  color: #ff6e14;
  text-align: center;
  padding: 2px 14px;
  line-height: 30px;
  margin: 5px;
  height: 36px;}


.filtre-article-title img{
  height: 100%;
  width: auto;
}

.filtre-article-title:hover{
  background-color: #fff1e3;}

.filtre-article-title.selected{
  border: 1px solid #ff6e14;
  color: white;
  background-color: #ff6e14;}

.filtre-article-title.selected:hover{
  border: 1px solid white;
  background-color: #ffa064;}

.filtre-article-title i{
  font-size: 1.2em;  }

.filtre-article-checkbox{
  cursor: pointer;
  width: 1.1em;
  height: 1.1em;
  accent-color: #ee6e11;}

.reset-filter-article{
  transition: all 0.3s;
  background-color: rgb(255, 255, 255);
  width: 170px;
  border-radius: 1.6rem;
  padding: 2px 14px;
  margin: 5px;
  line-height: 30px;
  height: 36px;}
  
.filtre-article{
  box-shadow: rgb(26 26 26 / 8%) 0px -1px 4px 0px, rgb(26 26 26 / 12%) 0px 4px 8px 0px;
  border-radius: 0.4rem;
  position: absolute;
  padding: 10px 15px;
  z-index: 10;
  display: flex;
  background-color: white;
  margin-left: 20px;
  margin-top: 48px;}
.filtre-article label img{
  width: 50%;
}

.title-filtre{
  margin: 5px;
  height: 34px;
  font-size: 15px;
  line-height: 37px;}
/* ==================== */


.inneritem { box-shadow: #00000063 0 0 7px; transition: all 0.2s; border-radius: 5px; height: 365px;}
.inneritem:hover { box-shadow: #0000003c 0 0 10px; transform: translateY(-3px); }
.inneritem .NETREVIEWS_PRODUCT_STARS{ height: 24px; text-align: initial; width: 160px;}

.itemlist .ppriceh { position: relative; top: 15px; width: 100%;}

.theimage, .thetexte {cursor: move;}

.th { position: absolute; width: 137px; height: 7px; top: -20px; left: 0;}
.tv { position: absolute; width: 7px; height: 82px; left: -14px; top: 0;}
.tht {position: absolute; top: 3px; left: 45px; display: block; width: 20px; height: 7px; font-size: 10px;}
.thv {position: absolute; top: 6px; left: -20px; display: block; width: 20px; height: 7px; font-size: 10px;}

.ptf {position: relative; top: -4px;}


/***list home**/

.commander {
  position: relative;
  left: 65px;
  background: #308a24;
  background-image: -webkit-linear-gradient(top, #308a24, #308a24);
  background-image: -moz-linear-gradient(top, #308a24, #308a24);
  background-image: -ms-linear-gradient(top, #308a24, #308a24);
  background-image: -o-linear-gradient(top, #308a24, #308a24);
  background-image: linear-gradient(to bottom, #308a24, #308a24);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  padding: 15px 20px 15px 20px;
  text-decoration: none;
}

.commander:hover {
  background: #207014;
  background-image: -webkit-linear-gradient(top, #207014, #207014);
  background-image: -moz-linear-gradient(top, #207014, #207014);
  background-image: -ms-linear-gradient(top, #207014, #207014);
  background-image: -o-linear-gradient(top, #207014, #207014);
  background-image: linear-gradient(to bottom, #207014, #207014);
  text-decoration: none;
}

.majcart { display: none;
}
.decright { position: relative; left: 55px;
}
.updatecart { background: url('img/update.png') no-repeat; border: none;  width:107px; height:43px; }

.labelparam { width: 20%; display: inline-block;}


/**** IDENTIFICATION  *****/

.identifbloc, .relayPointBloc {display: none;}
.raisonsociale, .intracom { display: none;}

.page-title {
  font-size: 39px;
  color: #337ab7;
  font-variant: small-caps;
  line-height: 1.2;
  text-align: center;
}

.tnow { font-weight: normal;}
.pl25 { padding-left: 25%;}

.checkcp, .checkcp2 { width: 95px;}

/**** MON COMPTE *****/
.menu_compte { list-style-type: none; margin-top: 55px;}

.blue { color: #337ab7;}
.gras { font-weight: bold;}
/***** FOOTER ***/
.footer { background-color: #484850; min-height: 250px; margin-top: 50px; color: #fff; padding:25px;}
.footer a { color: #fff;}

.footerseo a { color: #888883}



.stepadresse { margin-bottom: 50px; position: relative; top: -20px;}

.poplink { border-bottom: 1px solid #999; padding-bottom: 5px; margin-bottom: 5px; height: 100px;}
.poplink .linkedprice { font-weight: bold; color: #FF7500; display: block; }

.linked { background-color: #e5e5e5; margin-bottom: 10px; width: 30%;  padding: 3px; position: relative; 
}
.linked .linkedtitre { font-size: 11px; display: block;
}

.container-popcart{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.popcart { 
  float: left;
  border-radius: 11px;
  box-shadow: #0000001b 0 0 10px;
  margin: 7px;
  min-height: 265px;
  width: 230px;
  color: black;
  transition: all 0.5s;
}
.popcart:hover{
  transform: translateY(-3px);
  box-shadow: #0000001b 0 0 30px;
}
.popcart button {
  border-radius: 5px;
  border: 0;
  margin: 8px;
  padding: 3px 10px;
  color: white;
  background: #47A53A;
  transition: all 0.2s;
}
.popcart button:hover{
  background: #3c8d31;
}

.popcart .linkedprice { 
  font-weight: bold; 
  color: #FF7500;
  font-size: 1.3em;
}

.titleboxlinked { color: #999; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; color: #FF7500;}


.orange {color: #ff9345;}
.gris {color: #999;}
.rouge {color: #f83c3c;}
.fs10 { font-size: 10px;}
.fs11 { font-size: 11px;}
.fs12 { font-size: 12px;}
.fs13 { font-size: 13px;}
.fs15 { font-size: 15px;}
.fs18 { font-size: 18px;}
.mt { margin-top: 25px;}
.clear { clear: both;}
.padd35 { padding: 0 50px;}
.paddl50 { padding-left: 50px;}
.pt50 { padding-top: 50px;}
.mh500 { min-height: 500px;}
.tac { text-align: center;}
.dib { display: inline-block;}
.padd10 { padding-right: 10px;}
.ht { text-transform: uppercase; font-size: 12px; display: inline-block;}
.ttc { text-transform: uppercase; font-size: 15px; display: inline-block;}

.buttontoo {
  font-family: Arial;
  color: #ff9345;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  width:100%;
  display: block;
  padding: 10px 0;
  margin-bottom: 6px;
  box-shadow: #00000028 0 0 7px; 
  border-radius: 5px; 
  transition: all 0.2s;
}

.buttontoo:hover {
  color: #ffa565;
  box-shadow: #00000015 0 0 10px; 
  transform: translateY(-2px); 
  text-decoration: none;
}

.blue {color:#337ab7;}

.resultcp { 
  position: absolute;
  display: none;
  width: max-content;
  border-radius: 0px 10px 10px 10px;
  z-index: 500;
  background-color: #efefefa3;
  padding: 15px;
  backdrop-filter: blur(3px);
}
.resultcp2 { 
  display: none;
  position: absolute;
  width: max-content;
  border-radius: 0px 10px 10px 10px;
  z-index: 500;
  background-color: #efefef;
  padding: 15px;
}

.cpr { display: block; cursor: pointer; text-transform: uppercase; width: 100%; transition: all 0.2s;}
.cpr:hover { display: block; background-color: rgb(241, 241, 241); border-radius: 3px; padding-left: 4px;}

.recapctitle2  {color: #FB7D21; font-size: 18px;}
.imprimer { padding: 8px; color:#fff}
.rimg {
  max-width: 100%;
  margin: 0 auto 0 auto;
  display: block;}

/* == Choix du mode de paiement == */
.mpay{ 
  background-color: white; 
  border-radius: 11px;
  box-shadow: #00000026 0 0 20px;
  border-collapse: collapse;
  transition: all 0.5s;
  padding:10px 20px;
  display: flex;
  align-items: center;
  height:fit-content;
  justify-content: space-between;
  margin-bottom: 14px;
  width: 100%;}
.mpay:hover { 
  text-decoration: none;
  transform: translateY(-5px);
  box-shadow: #0000001a 0 0 40px;
  background-color: #ffffff;}
.mpay span:first-child {
  width: 100px;
  margin-right: 10px;}
.mpay span:nth-child(2) {
  text-align: start;}
.mpay:hover > span.grey{
  color: rgb(127, 127, 127);}
.mpay:hover > span.blue{
  color: #5195d0;}
/* ======================== */

/***UPLOAD***/
.loading { display: none;
 }
#preview {
  margin-top:0px;
  padding: 20px 10px;
}
#err{
  color: red;
}
#preview img{
  max-width: 100%;
  border: solid #cdcdcd 1px;
  padding:5px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .2);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .2);
  overflow: hidden;
  width:200px;
  height:220px;
}
#buttonup{
  border-radius: 2px;
  background-color: #337AB7;
  border: 0;
  color: white;
  font-weight: normal;
  padding: 2px 10px;
  cursor: pointer;
  display: inline-block;
}
#uploadImage{
  color:#6196c4;
  width: 100%;
  outline: none;
}
#uploadImage::file-selector-button {
  background-image: url("img/upload.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: 14px;
  background-origin: content-box;
  cursor: pointer;
  background-color: #72a9da;
  transition: 0.5s;
  border: 0;
  padding: 8px 0 8px 12px;
  width: 170px;
  border-radius: 9px;
  line-height: 24px;
  font-family: inherit;
  font-weight: 600;
  font-size: 14px;
  color: white;
}
#uploadImage::file-selector-button:hover {
  background-color: #6196c4;
}
#form{
  margin-top: 30px;
  margin-bottom:30px;
}
.infobia_proTampo th {color: #666;}

.messageu {color :#207014; font-size: 16px; font-weight: bold;
}


@media (min-width: 768px) and (max-width: 991px) {
  .modal-dialog {
    width: 800px; /* New width for default modal */
  }
}

@media (max-width: 1200px) {
  .section-cart-items{width: 61.3%;}
  .cart-item-desc {flex-wrap: wrap;}
  .nav li { display: inline-block; margin-right: 1px; width: 110px; height: 70px; text-align: center; background: url('img/bg_menu2.png') repeat-x;   position: relative; }
  .submenu {width: 700px; min-height: 450px; }
  .cart-desc-qttyANDprice{margin: auto;}
  .modal-dialog { width: 950px; /* New width for default modal */}
  .inneritem { height: 390px;}
}


@media (max-width: 992px) {
  .labelparam {width: 100%;}
  .main-recap-order{flex-direction: column-reverse;}
  .menucustomer button{flex-direction: column; width: 185px;}
  .menucustomer{flex-direction: row; flex-wrap: wrap;}
  .section-cart-items{width: 100%;margin-right: 0;}
  .main-cart{justify-content: center;}
  .header{justify-content: center; width: 100%;}
  .bgmenu { background: none; height: 180px;}
  .nav li { display: inline-block; margin-right: 1px; width: 95px; height: 70px; text-align: center; background: url('img/bg_menu2.png') repeat-x;   position: relative; }
  .submenu {width: 700px; min-height: 200px; }
  .modal-dialog {width: 100%; /* New width for default modal */}
  .resp{display: block;}
  .line_container{flex-direction: column; align-items: flex-start;}
  .hide_toolbar{margin-left: 45px !important};
  .chooseLogo{font-size:10.9px}
  .logotype{width: 45px;height: 45px;}
  .modal_window{min-width: 55%;}
  .background_logos{margin-top:10px;}
}


 @media (max-width: 768px) {
   /* Assitant */
   #assist_main .main_block{padding: 15px 15px 35px;}
   #assist_main .buttons_menu{flex-direction: column; align-items: center; justify-content: center; margin: 0;}
   #assist_main .buttons_menu > div{margin-top: 25px;}
   #assist_main .buttons_menu > div > *, #assist_main .filtre-article-title{margin: 0;}
   #assist_main .see_result, #assist_main .submitting_button, #assist_main .add_new_line, #assist_main .container-assist, #assist_main .filtre-article-conteneur, #assist_main .grey {width: 100%; height: fit-content;}
   #assist_main .grey span {width: 100%;}
   #assist_main .buttons_menu >.container-assist{flex-direction: column; gap: 10px;}
   #assist_main .buttons_menu >.container-assist > div > span{display: none;}
   #assist_main .buttons_menu > div > div:after{height: 1000px; width: 1000px; left: 0;}
   #assist_main .buttons_menu > div > div:hover:after{transform: none;}
   #assist_main .container_assist_input{margin: 0;}

  .filtre-article-conteneur{flex-direction: column; gap: 10px;}
  .filtre-article-title{line-height: 34px; height: 42px;}
  .filtre-article{margin-top: 53px; font-size: 1.4em;}
  .title-filtre{display: none;}
  .reset-filter-article{margin: 5px auto;}
  .stampColor, .persofield{width: 100%;}
  .order-item-date{width: 168px; justify-content: start;}
  .order-item-date i,.order-item-num i{margin-right: 7px;}
  .order-item-num {width: 212px; justify-content: start;}
  .order-item{flex-direction: column; height:200px; text-align: center;}
  .header{justify-content: center; padding-bottom: 0;}
  .bgmenu { background: none; min-height: 180px; margin-top: 15px;}
  .nav li { display: inline-block; margin-right: 1px; width: 75px; height: 70px; text-align: center; background: url('img/bg_menu2.png') repeat-x;   position: relative; }
  .menu { background: none; }
  .nav li { margin-bottom: 15px;  }
  .txtm { font-size: 11px; line-height: 12px; display: block; position: relative;top: 4px;}
  .inneritem { height: 370px;}
  .prodlistimg2 { width: 40%;  }
  .modal-dialog {width: 100%; /* New width for default modal */}
  .section-cart-summary{width: 100%;}
  .cart-summary{min-width: initial;}
  .cart-item-desc{justify-content: center;}
  .resp{display: flex;flex-direction: column-reverse;width: 100%;}
  .innera{background: none !important;}
  .accroches{display: flex;justify-content: center; margin-bottom: 10px;}
  .live_search_result > .itemlist {margin-bottom: 15px !important;}
  .chooseLogo{font-size:18px}
  .logotype{width: 40px;height: 40px;}
  .div_logo{padding: 0px 25px;}
  .modal_window{min-width: 60%;}
  .group_label{margin-top: 27px;}
  .resp{display: flex;flex-direction: column-reverse;width: 100%;}
  .innera{background: none !important;}
  .accroches{display: flex;justify-content: center; margin-bottom: 10px;}
  .live_search_result > .itemlist {margin-bottom: 15px !important;}
}

@media (max-width: 665px) {
  .div_choice{margin-left:0px;}
}

@media (max-width: 600px) {
  .modal_window{width:450px}
}

@media (max-height: 490px) {
  .modal_window{top:5%}
}

@media (max-width: 570px) {
  .too_text_assist.form-control{width: 315px;}
  .text_submit{display: none;}
  .line_container{align-items: flex-start;}
  .flexbar.btn-group{margin-left: 2px;}
}

 @media (max-width: 480px) {
  .popcart{width: 90%;}
  .style-form .bi-eye, .style-form .bi-eye-slash{margin-left:-8%;}
  .style-form .control-group {width: 95%;}
  .shad {margin-top: 30px; }
  .mobimenu { z-index: 15000; }
  .menu-wrapper { z-index: 5000; }
  .modal-dialog { width: 100%; /* New width for default modal */}
  .two-control-group {width: 95%;}
  .col-xs-6{width: 60%;}
}

@media (max-width: 480px) {
  .input_search_div{display: flex !important;justify-content: space-between;}
  .live_search_bar{width: 60%;}
  .div_logo{padding: 0px 15px;}
  .modal_window{width:90%}
  .group_label{margin-top: 27px;}
  .stamp_info{padding-left: 5px;}
  .container_assist_input, .buttons_menu{margin-left: 5px;}
  .hide_toolbar{margin-left: 5px !important;}
  .container_assist_input .btn{padding: 6px;}
  .delete_assist_line{margin: 3px 3px 3px 7px;}
  .delete_assist_line:hover{margin: 1.5px 1.5px 1.5px 5.5px;}
  .assist_container .filtre-article-conteneur{margin-left: 0 !important}
}

@media (max-width: 410px) {
  .too_text_assist.form-control{width: 255px;}
  .flexbar{width: 310px;}
  .flexbar > .btn-group{margin-left: 2px;}
  .hide_toolbar{margin-left : 8px !important;}
  .too_size_assist, .too_font_assistant, .too_inter_assistant{font-size: 12px !important;}

  .too_font_assistant{width: 47px;}
  .too_align_assist, .too_italic_assistant, .too_bold_assistant{padding: 6px 8px;}
  .div_choice{display:flex; flex-direction: column; margin-left:0px;}
}

.radiob:checked,
.radiob:not(:checked) {
  position: absolute;
  left: -9999px;
}
.radiob:checked + label,
.radiob:not(:checked) + label
{
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}
.radiob:checked + label:before,
.radiob:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}
.radiob:checked + label:after,
.radiob:not(:checked) + label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #F87DA9;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.radiob:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.radiob:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}



/* Icon 1 */

.animated-icon1, .animated-icon2, .animated-icon3, .animated-icon4 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.animated-icon1 span, .animated-icon3 span, .animated-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.animated-icon1 span {
    background: #e65100;
}

.animated-icon3 span {
    background: #e3f2fd;
}

.animated-icon4 span {
    background: #f3e5f5;
}

.animated-icon1 span:nth-child(1) {
  top: 0px;
}

.animated-icon1 span:nth-child(2) {
  top: 10px;
}

.animated-icon1 span:nth-child(3) {
  top: 20px;
}

.animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.animated-icon1.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 3*/

.animated-icon3 span:nth-child(1) {
  top: 0px;
}

.animated-icon3 span:nth-child(2), .animated-icon3 span:nth-child(3) {
  top: 10px;
}

.animated-icon3 span:nth-child(4) {
  top: 20px;
}

.animated-icon3.open span:nth-child(1) {
  top: 11px;
  width: 0%;
  left: 50%;
}

.animated-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.animated-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animated-icon3.open span:nth-child(4) {
  top: 11px;
  width: 0%;
  left: 50%;
}

/* Icon 4 */

.animated-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon4 span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon4 span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 8px;
}

.animated-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.animated-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 21px;
  left: 8px;
}  

#menu-wrapper {
  width: 100%;
  cursor: pointer;
}

#menu-wrapper #hamburger-menu {
  position: relative;
  width: 25px;
  height: 20px;
  margin: 15px;
}

#menu-wrapper #hamburger-menu span {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 10px;
  color: black;
  background-color: #000;
  position: absolute;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}

#menu-wrapper #hamburger-menu span:nth-child(1) {
  top: 0;
}
#menu-wrapper #hamburger-menu span:nth-child(2) {
  top: 9px;
}
#menu-wrapper #hamburger-menu span:nth-child(3) {
  top: 18px;
}
#menu-wrapper #hamburger-menu.open span:nth-child(1) {
  top: 9px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#menu-wrapper #hamburger-menu.open span:nth-child(2) {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: -60px;
}
#menu-wrapper #hamburger-menu.open span:nth-child(3) {
  top: 9px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#hamburger-menu > ul { list-style-type: none; }

#menu-container .menu-list .menu-submenu {
  padding-top: 20px;
  padding-bottom: 20px;
  list-style-type: none;
}
#menu-container .menu-list {
  padding-left: 0;
  display: block;
  position: absolute;
  width: 100%;
  max-width: 450px;
  background: white;
  box-shadow: rgba(100,100,100,0.2) 6px 2px 10px;
  z-index: 999;
  overflow-y: auto;
  overflow-x: hidden;
  left: -100%;
}

#menu-container .menu-list li.accordion-toggle, #menu-container .menu-list .menu-login {
  font-size: 16px;
  padding: 20px;
  text-transform: uppercase;
  border-top: 1px solid #dbdcd2;
}
#menu-container .menu-list li:first-of-type {
  border-top: 0;
}

.accordion-toggle, .accordion-content {
  cursor: pointer;
  font-size: 16px;
  position: relative;
  letter-spacing: 1px;
}

.accordion-content {
  display: none;
}

.accordion-toggle a:before, .accordion-toggle a:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 30px;
  width: 15px;
  height: 2px;
  margin-top: -1px;
  background-color: #5a5858;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s ease-out;
}

.accordion-toggle a:before {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  opacity: 1;
  z-index: 2;
}

.accordion-toggle.active-tab {
  background: #FB7D21;
  transition: all 0.3s ease;
  color: #fff;
}
.accordion-toggle a.active:before {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #000 !important;
}

.accordion-toggle a.active:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background: #000 !important;
  opacity: 0;
}

.icon-plus { padding: 15px; z-index: 1000;  float: right; position: relative; right: 10px; }

/* Obfuscated links */
span.obflink {
  cursor:pointer;
  color:#337ab7;
}


* {
  box-sizing: border-box;
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}


/*==== Style de la preview des tampons/plaques ====*/

.blockPreview {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 10px;
  color: black;
}

.freeLayout {
  background-color: #fff;
  display: flex;
  flex: auto;
  position: relative;
  justify-content: center;
  flex-direction: column;
}

.freeLayout>div {
  position: absolute;
  z-index: 1;
}

.blockPreview img {
  /* Empêche d'être plus grand que son parent si
la taille n'est pas spécifié. */
  max-width: 100%;
  max-height: 100%;
  width: inherit;
  height: inherit;
}

.imgpreview {
  text-align: center;
  z-index: 0 !important;
}

/* Empêche le overflow */
.blockPreview>* {
  max-width: 100%;
  max-height: 100%;
}

.previewbox:hover{
  cursor: zoom-in;
  text-decoration: none;
}

/*==========================*/

/*==== Style du carnet d'address ====*/
.item-adresse-default,
.item-adresse {
  position: relative;
}
.item-adresse-default img,
.item-adresse img {
  margin-right: 10px;
  width: 35px;
}

/* Styles pour les poignées de redimensionnement */
.ui-resizable-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 2px solid #337ab7;
    border-radius: 50%;
}

.ui-resizable-se {
    right: -5px;
    bottom: -5px;
    cursor: se-resize;
}

.ui-resizable-sw {
    left: -5px;
    bottom: -5px;
    cursor: sw-resize;
}

.ui-resizable-ne {
    right: -5px;
    top: -5px;
    cursor: ne-resize;
}

.ui-resizable-nw {
    left: -5px;
    top: -5px;
    cursor: nw-resize;
}

.ui-resizable-n {
    top: -5px;
    left: 50%;
    margin-left: -5px;
    cursor: n-resize;
}

.ui-resizable-s {
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    cursor: s-resize;
}

.ui-resizable-e {
    right: -5px;
    top: 50%;
    margin-top: -5px;
    cursor: e-resize;
}

.ui-resizable-w {
    left: -5px;
    top: 50%;
    margin-top: -5px;
    cursor: w-resize;
}

.btn-debug-preview {
    display: none; /* Hide by default */
    z-index: 1;
    vertical-align: middle;
    font-weight: bold;
    width: 190px;
    height: 45px;
    font-size: 1.5rem;
    cursor: pointer;
    border: 0px;
    background: transparent;
    position: relative;
    transition: all .2s;
    overflow: hidden;
    color: white;
    border-radius: 10px;
    box-shadow: 0px -0px 0px 0px #6eae6a, 0px 0px 0px 0px #6aae6c;
}

.btn-debug-preview::after {
    content: '';
    width: 400px;
    height: 400px;
    position: absolute;
    top: -50px;
    left: -100px;
    background-image: linear-gradient(225deg, #51a7cb 0%, #3d96ba 50%, #2a85a9 100%);
    z-index: -1;
    transition: all .5s;
}

.btn-debug-preview:hover::after {
    transform: rotate(150deg);
}

.btn-debug-preview:hover {
    transform: translate(0,-6px);
    box-shadow: 10px -10px 25px 0px #3d96ba32, -10px 10px 25px 0px #3d96ba3e;
}

.btn-debug-preview:active {
    transform: translate(0,0);
    box-shadow: 2px -2px 25px 0px #3d96babb, -2px 2px 25px 0px #3d96bab1;
}

.btn-debug-preview i {
    margin-right: 12px;
    font-size: 1.2em;
}