.quantite
  {
      display: inline-block;
      vertical-align: middle;
      text-align:center;
      width:80px;
      height:30px;
      position:relative;
      border:1px solid #A48DC3;
      background-color: #F4F3E5;
      border-radius:8px;
      overflow:hidden;
      margin-top:8px;
      margin-bottom:8px;
      font-size: 18px;
                   
  }
  
  .quantite button 
  { 
      background-color: #F9CBDF;
      position:absolute;
      top:0px;
      bottom:0px;
      width:33%;
      border:none;
      cursor:pointer;
      font-size: inherit;
  }
  
  .quantite button.minus { left:0px; }
  .quantite button.plus { right:0px; }
  .quantite button:hover { background-color: #DD92BD}
  
  .quantite input[type="number"]
  {
      width:50%;
      height:100%;
      text-align:center;
      border:none;
      position:absolute;
      top:0px;
      left:33%;
      bottom:0px;
  	appearance: textfield;
  	-moz-appearance : textfield;
  	-webkit-appearance : textfield;
  	outline: none;
  	font-size: inherit;
  } 
  
  @media (max-width: 600px)
  { 
  	.quantite 
  	{
  		width : 110px;
  		height:30px;
  	}
  	
  	.quantite input[type="number"]
  	{
  		width: 40px;
  	}
  }