table#liste-de-references{
  width:100%;
background-color: none;

}

table#liste-de-references tbody{
  width:100%;
background-color: none;
border:1px solid #333333;
border-radius: 2px;
}

table#liste-de-references tr{
 height:120px; 
 background-color: rgba(200,200,200,0.5);
  transition: background-color 1s ease-out;
 border-bottom:1px solid #333333;


}
table#liste-de-references tr:hover{
 background-color: rgba(100,100,100,0.5);
 transition: background-color 1s ease-out;
}

table#liste-de-references tr td:first-child{
width:100px;
padding:5px;
}

table#liste-de-references th{
width:100px;
}
table#liste-de-references td{
text-align: left;
}

.circle {
  border-radius: 50%;
  width: 100px;
  height: 100px; 
  margin:10px;
  border: 1px solid #333333;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
    cursor:pointer;
  /* width and height can be anything, as long as they're equal */
}

.square-fb{
background-image:url(../img/square-facebook.jpg);
}
.square-perso{
background-image:url(../img/square-perso.jpg);
}

.square-google-drive{
background-image:url(../img/square-google-drive.jpg);
}