/************** Searchbar + infobar *************/
.infobar {display:flex;background:#063C1C; padding:6px;color:#fff; justify-content: flex-end;}

a.homepage {color:#fff; text-transform: uppercase}
a.homepage:hover {text-decoration: none; }
a.homepage:before{content:"\e903"; font-family: "Icomoon"; margin-right:15px}
a.compte {width:100%;text-align: right;color:#fff; text-transform: uppercase; margin: 0 auto; font-size: 13px}
a.compte:hover {text-decoration: none; }
a.compte:before{content:"\e90b"; font-family: "Icomoon"; margin-right:10px;font-size: 18px}
a.cgv {color:#fff; text-transform: uppercase; margin: 0 auto; font-size: 13px}
a.cgv:hover {text-decoration: none; }
a.logout {text-align: right;width:100%;color:#fff; text-transform: uppercase; margin: 5px auto 0; font-size: 11px; display: block;}
a.logout:hover {text-decoration: none; }
a.facture {background:#98B13D;color:#fff; text-transform: uppercase; margin: 0 auto; font-weight: 700; font-size: 13px; display: flex;align-items: center; padding: 2px 20px;}
a.facture:hover {text-decoration: none; }
a.facture:before{content:"\e90d";font-family: "Icomoon"; margin-right:10px; font-weight: 400; font-size: 18px}
.btn.panier {color:#fff; text-transform: uppercase; background:transparent!important; border:none; font-size: 16px;float: right; margin-right: 20px;}
.btn.panier:hover {text-decoration: none; }
.btn.panier:before {content:"\e900"; font-family: "Icomoon"; margin-right:15px;}
a.btn-achats {background: #063C1C; padding: 15px 20px; display: flex; color:#fff; justify-content: center; text-transform: uppercase; font-size: 14px;font-weight: 700}
a.btn-achats:hover {text-decoration: none}
a.btn-achats:before{content:"\e906"; font-family: "Icomoon"; margin-right:10px; transition: all 0.5s}
a.btn-achats:hover::before {padding-right: 20px}
a.btn-commande {background: #98B13D; padding: 10px 20px; display: flex; color:#fff; justify-content: center;text-transform: uppercase; font-size: 16px;}
a.btn-commande:hover {text-decoration: none}

.searchbar {width:50%; display: inline-block; margin: 20px auto 0}
.searchbar input {border-radius: 0; background:#f1f1f1; border:none;}
.searchbar input::placeholder {color:#333; font-size:14px}
.searchbar .btn.search {background: #f1f1f1;border: none;color: #333;border-radius: 0;font-size:20px}
.searchbar .input-group>.custom-file:focus, .input-group>.custom-select:focus, .input-group>.form-control:focus { z-index: 3;}
.form-control:focus {border:none;box-shadow: none;}
.searchbar .btn-hp, .searchbar a.compte {display:flex; align-items: center; height: 100%; justify-content: center;}

/************ Affichage du panier *************/
.nb-panier {top:0;cursor: pointer;margin-left: 20px;display: block; width: 30px;font-size: 12px;position: absolute; right: 0; display: flex; justify-content: center; align-items: center;height: 100%;}
.nb-panier span {background: #777; padding: 5px 10px;color:#fff}
.detail-panier {z-index:3000;position: absolute; background: #063C1C; padding:20px; width: 350px; right:0;top: 41px;-webkit-box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.36);-moz-box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.36);box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.36);}
.detail-panier.invisible {opacity:0;visibility: hidden}
.detail-panier .article {border-bottom: 1px solid #999;padding-bottom:10px; margin-bottom: 20px}
.detail-panier .article .infos {display: flex; flex-direction: column; flex-wrap: wrap}
.detail-panier .article .infos .titre {color:#fff;font-weight: 700; text-transform: uppercase; font-size:16px;line-height: 1.2}
.detail-panier .article .infos .quantite {color:#f4f4f4;font-size: 13px;margin-top:5px}
.detail-panier .article .prix-panier {display: flex; flex-direction: column; align-items:flex-end}
.detail-panier .article .prix-panier .prix-promo {text-decoration: line-through; font-size: 13px }
.detail-panier a.btn-more {font-size:15px;width:100%; background:#98B13D; border-radius: 0; color:#fff; padding: 10px 20px; transition: all 0.5s;display: flex; justify-content: center}
.detail-panier a.btn-more:hover {background:#72852D;}