div.contenant_temoin
{
  height: 260px;
  
  overflow: hidden;
  
  padding: 20px;
}

div.temoin
{
  position: relative;
  
  text-align: justify;
  
  padding: 10px;
  
  margin-bottom: 20px;
  
  font-size: 13px;
  
  height: 250px;
  
  background-color: var(--couleur-gen);
  
  border-radius: 20px;
  
  box-shadow: 2px 2px 7px var(--couleur-ombre);
  
  overflow: hidden;
  
}

div.temoin img
{
  float: left;
  
  margin-right: 10px;
  
  max-width: 80px;
  
  border-radius: 20px 0px 20px 20px;
  
}

span.titre
{
  
  display: block;
  
  font-size: 13px;
  
  padding: 10px;
  
  margin-left: 20px;
  
  color: white;
  
  background-color: var(--couleur-gen-fonce);
  
  border-radius: 0px 20px 20px 0px;
  
  box-shadow: 2px 2px 7px var(--couleur-ombre);
}

div.temoin_points
{
  position: absolute;
   bottom: 0px;
   right: 0px;
   
  height: 60px;
  
  width: 100%;
  
  font-weight: bold;
   
  background-image: linear-gradient(transparent,var(--couleur-gen));
  
  border-radius: 20px;
  
  z-index: 200;
}

div.temoin_points:hover
{ 
  background-image: linear-gradient(transparent,var(--couleur-vert));
}

div.temoin_points a.lien_temoin
{
  color: rgba(0,0,0,0);
	font-size: 0px;
  cursor: pointer;
  
  display: block;
  height: 60px;
}

div.temoin_points div
{
  margin-left: 11px;
}