@media only screen and (max-width: 800px) {

#tableau_2 table, 
#tableau_2 thead, 
#tableau_2 tbody, 
#tableau_2 th, 
#tableau_2 td, 
#tableau_2 tr { 
display: block; 
}

#tableau_2 thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}

#tableau_2 tr {
border: 1px solid #2CB82A;
}

#tableau_2 td {
position: relative;
padding-left: 55%;
white-space: normal;
text-align: left;
border-bottom-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #2CB82A;
border-right-color: #2CB82A;
border-bottom-color: #2CB82A;
border-left-color: #2CB82A;
}

#tableau_2 td:before { 
position: absolute;
top: 6px;
left: 6px;
width: 50%; 
padding-right: 5px; 
text-align:left;
font-weight: bold;
word-wrap: break-word;
}

#tableau_2 td:before { content: attr(data-title); }
}