h2 {
  background:white;
  margin:20px auto 10px auto;
  font-family:verdana;
  font-size:18pt;
  width:300px;
  text-align:center;
  color:firebrick;
}


h3 {
  background:white;
  margin:20px auto 10px auto;
  font-family:verdana;
  font-size:16pt;
  width:300px;
  text-align:center;
  color:indigo;
}


h4 {
  background:white;
  margin:20px 0px;
  font-family:verdana;
  font-size:12pt;
  width:300px;
  text-align:left;
  color:indigo;
}

th{ text-align:center;
    color:antiquewhite;
    background:black;
   }
   
.ID { width:60%;
      margin:40px 10px 10px 140px;
    }
    
.artAddr {
  background: white;
  color:darkslateblue;
  text-align:left;
  font-family:verdana;
  font-size:9pt;
  margin-left:20px;
}


.artNo {
  background: white;
  color:darkGreen;
  margin:10px;
  text-align:left;
  font-family:verdana;
  font-size:14pt;
  font-weight: bold;
  display:block;
  width:300px;
}
    
.artName {
  background: white;
  color:firebrick;
  text-align:left;
  font-family:verdana;
  font-size:11pt;
  font-weight: bold;
  padding-left:10px;
}
   

.cCaption {
  background: white;
  margin:20px auto 10px auto;
  font-family:verdana;
  font-size:18pt;
  font-weight: bold;
  display:block;
  width:300px;
}


.cDate {
  color: navy;
  font-size: 10pt;
  font-weight: lighter;
  padding:0px 10px;
  width:40px;
}


.cPeriod {
  color: darkGreen;
  font-size: x-small;
  font-weight: lighter;
  padding:0px 10px;
  width:40px;
}


.cRange {
  background: white;
  color:navy;
  margin-left:0px ;
  margin-bottom:0px;
  text-align:left;
  font-family:verdana;
  font-size:10pt;
  font-weight: bold;
  display:block;
  width:300px;
}


.cTitle {
  background: white;
  margin:20px auto 40px auto;
  font-family:verdana;
  font-size:18pt;
  font-weight: bold;
  display:block;
  width:300px;
  text-align:center;
}



.date {
  color: darkGreen;
  font-size: x-small;
  font-weight: lighter;
  padding:0px 10px;
  width:40px;
}

.descript {
  color:black;
  font-size:x-small;
  font-weight:lighter;
  padding:0px 10px;
  width:260px;
  display:table-cell;
}

.eMail{
  color:black;
  font-size:small;
  text-decoration:underline;
  margin:-2px 0px 20px 20px;
}


.item {
  font-size:10pt;
  font-family:verdana;
  display:table-row;
  margin:2px 10px 2px 20px;
}


.itemDATA{
  display:table;
  background:tan;
  margin:2px 15% 2px 15%;
  width:100%;
  margin:auto;
  padding:8px;
  border:solid;
  font-family:verdana;
 }


.note {font-size:9pt;}

.noProd {
  background:transparent;
  color:navy;
  font-size:12pt;
  font-weight:normal;
  font-family:verdana;
  display:block;
  text-align:center;
  padding-top:60px;
}




.pNo {
  color: navy;
  background:antiquewhite;
  font-size: x-small;
  font-weight: lighter;
  padding:0px 10px;
  width:30px;
}


.prix {
  color: maroon;
  font-size: x-small;
  font-weight: lighter;
  padding:0px 10px;
  width:60px;
  text-align:right;
  display:table-cell;
}

.qnt {
  color: maroon;
  font-size: x-small;
  font-weight: lighter;
  padding:0px 10px;
  width:20px;
  display:table-cell;
}


.rQnt {
  color:darkred;
  background:khaki;
  font-size: x-small;
  font-weight:bolder;
  padding:0px 10px;
  width:20px;
  display:table-cell;
}

.sQnt {
  color:darkred;
  background:beige;
  font-size: x-small;
  font-weight: lighter;
  padding:0px 10px;
  width:20px;
  display:table-cell;
}

.tCapt {
  color: darkRed;
  font-size: 9pt;
  font-weight: bold;
  padding-right:20px;
  display:table-cell;
  text-align:right;
}


.tot{
  color: red;
  background:lightsteelblue;
  font-size: x-small;
  font-weight: bold;
  padding:0px 10px;
  width:40px;
  text-align:right;
  display:table-cell;
}


.total {
  color: red;
  background:beige;
  font-size: 10pt;
  padding-right:7px;
  font-weight: bold;
  text-align:right;
  display:table-cell;
}

.valeur {
  color: maroon;
  font-size: x-small;
  font-weight: lighter;
  padding:0px 10px;
  width:60px;
  text-align:right;
  display:table-cell;
}
