#mainArticle div.showroom a {
  color: rgb(55,97,71);
  font-size: 1em;
  font-family:  Arial, Verdana, sans-serif;
}
div.case 
div.case ul {
  list-style-type: none;  
  margin: 0;
  padding: 0;
}
div.case li a {
  max-width: 700px;
  color: rgb(33,97,69);
  padding: 4px 4px;
  text-decoration: none;
}
/* Change link color on hover */
div.case li a:hover {
  background-color: rgb(175,169,159);
  color: rgb(188,183,174);
}

.case .table {
  width:100%
}

.case thead {
  height:50px;
  background-color: #dedcd8;
}

.case tbody:before {line-height:5px; content:"\200C"; display:block;}

.showroom div.case {  /* pi�ces */
  display: flex;  
  flex-wrap: wrap;
  justify-content: center;
  min-width: 300px;
  max-width: 800px;
  height: auto;
  margin: 0;
  padding: 15px 15px;
  background: rgb(222,220,216);	
}

div.case table{
  width: 100%;
  height:auto;
  font-family:'Trebuchet MS',Tahoma,Verdana,'Times New Roman',Times,serif;
  font-size: 1em;
  text-align:center;  
  padding:8px;
} 
.showroom div.item {
  display: flex; 
  flex-wrap: wrap;
  justify-content: center;
  max-width: 700px;
  padding: 0;
  margin: 10px 10px;
  background: rgb(230,231,232);
}
div.item h5 {
  font-size: 0.8em;
  font-family:  Arial, Verdana, sans-serif;
}
div.item p { 
  max-width: 640px;
  padding: 0px 10px;
  font-size: 1em; 
}
div.item h3 { 
  text-align: center;
  font-size: 1.1em;
}
.item div.photo {
  max-width: 350px;
  padding: 15px 15px 0px 15px;
  background: rgb(230,231,232);
}
.item div.texte {
  max-width: 350px;
  padding: 5px 5px 5px 15px;
  background: rgb(230,231,232);
}
.item div.zone {
  max-width: 340px;
  padding: 5px 15px 5px 15px;
  background: rgb(230,231,232);
}
.item div.z-button {
  width: 300px;
  padding: 20px 5px 10px 30px;
  background: rgb(230,231,232);
}
.item div.z-button form{
  padding: 5px 5px 5px 45px;
  text-align: left; 
}