h3.order{
color:#561010;
text-align: center;
 
}
p.client{
  color:#2C2C2C;
  margin:15px;
}


.catalogue {
  background-color: rgba( 255, 255, 255, .8);
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    list-style-type: none;
  margin: 10px auto;
  padding: 15px;
  width: 97%;
  grid-template-columns: repeat( auto-fit, minmax( 300px, 1fr));
  grid-template-rows: 20px;
  grid-gap: 10px;
  font-family: 'Oswald', sans-serif;
  font-style:oblique;
  border: 2px solid #E2E2E2;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

.product-grid {
  background-color: rgba( 255, 255, 255, .8);
  /*box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);*/
  list-style-type: none;
  margin: 10px auto;
  padding: 15px;
  width: 100%;
  grid-template-columns: repeat( auto-fit, minmax( 300px, 1fr));
  grid-template-rows: 80px;
  grid-gap: 10px;
  align-items: center;
  
}

.product-item {
  height: 150px;
}

.product-item ligne {
  color: #333;
  display:grid;
  text-decoration: none;
  border: 2px solid #E2E2E2;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

.product-item.rayon {
  color: #FFF;
  background-color:#561010;
  text-decoration: none;
  border: 1px solid #E2E2E2;
  font-size:2px;
  text-align: center;
  vertical-align: middle;
  padding-top : 15%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;

}

.product-item img {
  background-color: #c5cae9;
/*border: 1px solid #E2E2E2;*/
 display: block;
  height: 100px;
  flex: 0 0;
  width: 100px;
margin: 2px;
}

.product-item p {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  flex: 0 1 auto;
  margin-left:2px;
  margin-right:2px;
  padding-left: 0px;
  /*rder-right: 1px solid #E2E2E2;*/
  height: 150px;
  align-self: justify-self;

}


.product-item p strong{
  color:#561010;
  padding-left:15x;
  font-size:medium;
}

.product-item p .desc{
  color:#2C2C2C;
  font-size:small;
  font-family: 'Oswald', sans-serif;
  font-weight: lighter;
  line-height: 15px;
  }

.prodcut-item p .num-pallets{
  align-items:flex-end;
  
}
.product-item p .num-pallets-input, p .row-total-input{
  color:#561010; 
  width: 40px;
  border:none;
  border-bottom: 2px solid #E2E2E2;
  border-left: 2px solid #E2E2E2;
  border-right: 2px solid #E2E2E2;
  text-align: center;
}
.product-item p .row-total-input{
 width: 60px;
 }

/*.product-item .row-total-input, .price-per-pallet, .equals{
  display:inline;
}*/
/*.product-item.num-pallets {
  margin-top: auto;
  padding-bottom: 5px;
  padding-right:2px;
/*  text-align: right;*/
  /*color:green;
  font-family: 'Oswald', sans-serif;  
}*/

.product-item .num-pallets{
  text-align:right;
}

.product-item .price-per-pallet{
  margin-top: auto;
  padding-bottom: 5px;
  padding-right:2px;
  /*text-align: right;*/
  color:green;
  font-weight:bold;
  font-family: 'Oswald', sans-serif;  
}

.product-item strong.titreproduit{
  color: #561010;
  font-weight:bold;
  font-family: 'Oswald', sans-serif;  
}
.product-item strong.unite{
  color:#2C2C2C;
  font-size:80%;
  font-weight:lighter;
}

.product-item strong.monnaie{
  color:green;
  font-size:100%;
  font-weight:lighter;
}

.product-item .price{
  margin-top: auto;
  padding-bottom: 5px;
  padding-right:2px;
  /*text-align: right;*/
  color:green;
  font-family: 'Oswald', sans-serif;  
}


/* grid  */
@supports (display: grid) {
  .product-grid {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax( 300px, 1fr ));
    grid-template-rows: 150px;
    grid-gap: 15px;
    flex-wrap: wrap;
  } 
}
@media screen and (max-width:800px) {
form#identification label {
  font-size: 10px;
}
.product-item ligne {
  height:150px;
}