/* @import url('https://fonts.googleapis.com/css?family=Barlow'); */
@import url('https://fonts.googleapis.com/css2?family=Yellowtail&display=swap');

body{
  background-color: #fff;
}

h1{
  text-shadow: 2px 0 0 #ffffff, 0 2px 0 #ffffff, 0 -2px 0 #ffffff, -2px 0 0 #ffffff, 2px 2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, -2px -2px 0 #ffffff;
}

#tableauPanier .entete{
  border: 0.5px solid #dbdbdb;
  background-color: #f7f7f7;
}

#tableauPanier .uneLigne{
  border-width: 0.5px;
  border-top-width: 0px;
  border-style: solid;
  border-color: #dbdbdb;
  background-color: #fff;
}


#tableauPanier .entete > div{
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
#tableauPanier .uneLigne > div{
  padding-top: 10px;
  padding-bottom: 10px;
/*
  display: inline-block;
  vertical-align: middle;
  float: none;
*/
}

#tableauPanier .uneLigne .intitule{
  display: none;
}

/* Cellules quantite*/
#tableauPanier .contenu .input-group{
  border: 0.5px solid #dbdbdb;
}

#tableauPanier .input-group > div{
  border: none;
  background-color: #fff;
  box-shadow: none;
}

#tableauPanier .col-md-2.col-image{
  width: 10%;
}
#tableauPanier .col-md-4.col-produit{
  width: 53%;
}
#tableauPanier .col-md-2.col-prix{
  width: 10%;
}
#tableauPanier .col-md-2.col-quantite{
  width: 12%;
}
#tableauPanier .col-md-2.col-total{
  width: 10%;
}
#tableauPanier .col-md-1.col-suppr{
  width: 5%;
}

#tableauPanier .contenu{
  float: left;
  width: 100%;
}
#tableauPanier .montant, #tableauTotaux .montant{
  text-align: right;
}

#tableauPanier .montant.prixBarre{
  color: #ccc;
  text-decoration: line-through 2px;
}

#tableauPanier .uneLigne .col-quantite .contenu .input-group{ 
  width: calc(100% - 30px);
  color: red;
  float: left; 
}

#sCodePromotion, #sCodePromo{
  height: 45px;
  border-radius: 0;
}

#tableauTotaux{
  border: 0.5px solid #dbdbdb;
  background-color: #fff;
}

#tableauTotaux .ligneTotal{
  padding: 20px;
}

#tableauTotaux .separateur{
  border-top: 0.5px solid #dbdbdb;
}

#tableauTotaux .intitule{
  font-weight: 700;
}
#nTotalTTC *{
  font-size: 1.2em;
}

#tableauTotaux .tableauTotauxInfo{
  padding-top: 5px;
  padding-bottom: 5px;
}

.bouton-page-panier{
  height: 45px;
}

.changeQuantite, .supprimeLigne{
  cursor: pointer;
  padding-left: 8px;
  margin-top: 9px;
}

.quantiteDisponible{
  color: #1bc644;
  font-size: 12px;
}
.quantiteDisponibleFournisseur{
  color: #ff6c00;
  font-size: 12px;
}
.quantiteIndisponible{
  color: #f00;
  font-size: 12px;
}

#notificationRemise{
  padding: 20px 30px 0 !important;
}
#notificationRemise > .col-md-12{
  background-color: #464747;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;  
}

#notificationRemise-supprimer{
  position: absolute;
  right: 10px;
  top: 13px;
  cursor: pointer;
}

#tableauPanier .uneLigne .nQuantite{
  text-align: center;
}

@media (max-width: 768px){
  #tableauPanier .entete {
    display: none;
  }
  #tableauPanier .uneLigne .col-image img{
    margin: auto;
    margin-bottom: 10px;
  }
  #tableauPanier .uneLigne .col-produit > .contenu{
    margin-bottom: 15px;
  }
  #tableauPanier .uneLigne .col-prix{
    display: none;
  }
  #tableauPanier .uneLigne .sLabelQuantite.quantiteDisponible{
    font-size: 0.8em;
  }
  #tableauPanier .uneLigne .contenu.montant{
    display: block;
    width: 100%;
    text-align: center;
  }
  #tableauPanier .uneLigne .supprimeLigne.supprimeLigne-texte{
    width: 100%;
    text-align: center;
    display: block;
    font-size: 0.8em;
    color: tomato;
  }
}