.case{position:relative;font-size:10px}.case>span{display:none}@media screen and (min-width:1024px){.case>span{display:block;position:absolute;z-index:1000;bottom:100%;left:0;width:110%;transform:translateX(-5%);background:rgba(0,0,0,.8);color:#fff;padding:1em}}.case.courante button{border:1px solid red}.case button{position:absolute;top:0;left:0;width:100%;height:100%;border:none;text-align:center;overflow:hidden;max-width:100%}.case.indisponible button{font-size:11px}.case:not(.indisponible) button{background:transparent}.case:not(.indisponible) button span{opacity:.2;transition:.2s ease}.case:not(.indisponible):hover button span{opacity:1}th{font-size:12px}table{position:relative}tr[data-heure*="12:"] td,tr[data-heure*="12:"] th,tr[data-heure*="13:"] td,tr[data-heure*="13:"] th,tr[data-heure*="19:"] td,tr[data-heure*="19:"] th,tr[data-heure*="20:"] td,tr[data-heure*="20:"] th{background:#eee!important}th{position:relative;height:3em;width:2.5em}th time:first-child{position:absolute;top:.5em;left:.5em}th time:nth-child(2){position:absolute;bottom:.5em;right:.5em;font-size:10px;font-weight:100}.ecran{display:block;text-align:center}.ecran img{border:1px solid #ccc;max-width:100%}