table.vertical-table {
    min-width: 70%;
    max-width: 95%;
    margin: auto;
    }
    
    table.vertical-table thead {
    display: none;
    }

    table.vertical-table tr{
    display: block;
    margin-bottom: 30px;
    }
    
    table.vertical-table tr:hover {
    background: none !important;
    }
    table.vertical-table td:hover {
	background-color: lightgrey;
	background-image: url('https://fblf.chattigre.fr/static/apps/bg_hover.jpg');
    }

    table.vertical-table td {
    display: block;
    text-align: right;
    padding-right: 0;
    border-bottom: 1px solid darkgrey;
    }

    table.vertical-table td:before {
    content: attr(data-t) ' :';
    float: left;
    font-weight: bold;
    padding-right: 5px;
    }
    
@media (max-width: 980px){
        
    table.responsive {
    width: 95%;
    margin: auto;
    }
    
    table.responsive thead {
    display: none;
    }

    table.responsive tr{
    display: block;
    margin-bottom: 30px;
    }
    
    table.responsive tr:hover {
    background: none !important;
    }

    table.responsive td {
    display: block;
    text-align: right;
    padding-right: 0;
    border-bottom: 1px solid darkgrey;
    }

    table.responsive td:before {
    content: attr(data-t) ' :';
    float: left;
    font-weight: bold;
    padding-right: 5px;
    }
    .layout-selector {
    display: none;
    }
}