Untitled

<!DOCTYPE html>
<html>

<head>
<title>TABLEAU</title>
<style>

table{
width:1200px;
margin-left:auto;
margin-right:auto;
border-collapse:separate;
}

h6{
font-size:14px;
font-weight:lighter;
width:200px;
margin:auto;
}

td{
border:solid 2px black;
width:60px;
text-align:center;
height:50px;
}

.heure{
border-color:white;
}

#jour{
border-color:white;
}
.samedi{
height:20px;
}

#vide{
width:11px;
}

}
</style>
</head>

<body >

<br>
<br>
<br>
<h6>Emploi du temps</h6>
<hr>
<table>
<tr>
<td class="heure"  id="jour"></td>
<td class="heure">8-10</td>
<td class="heure">10-12</td>
<td class="heure" id="vide">12-14</td>
<td class="heure" >14-16</td>
<td class="heure">14-18</td>
</tr><tr>
<td id="jour" >Lundi</td>
<td>CoursTD</td>
<td>CoursTD</td>
<td id="vide"></td>
<td></td>
<td></td>
</tr><tr>
<td id="jour">Mardi</td>
<td></td>
<td></td>
<td id="vide"></td>
<td></td>
<td></td>
</tr><tr>
<td id="jour">Mercredi</td>
<td></td>
<td></td>
<td id="vide"></td>
<td></td>
<td></td>
</tr><tr>
<td id="jour">Jeudi</td>
<td></td>
<td></td>
<td id="vide"></td>
<td></td>
<td></td>
</tr><tr>
<td id="jour">Vendredi</td>
<td></td>
<td></td>
<td id="vide"></td>
<td></td>
<td></td>
</tr>
<tr>
<td id="jour" class="samedi">Samedi</td>
<td class="samedi"></td>
<td class="samedi"></td>
<td id="vide" class="samedi"></td>
<td class="samedi"></td>
<td class="samedi"></td>
</tr>
<tr >
<td class="samedi" id="jour">Dimanche</td>
<td class="samedi" colspan="5"></td>
</tr>

</table>
<hr>
</body>


</html>