<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <title>Emploi du temps CSS</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="style.css">
    </head>
    <body>        
		<!-- jours de la semaine --> 
        <div id="lundi">lundi</div> 
        <div id="mardi">mardi</div> 
        <div id="mercredi">mercredi</div> 
        <div id="jeudi">jeudi</div> 
        <div id="vendredi">vendredi</div> 

		<!-- plages horaire --> 
        <div id="huit">8h - 9h</div> 
        <div id="neuf">9h - 10h</div> 
        <div id="dix">10h - 11h</div> 
        <div id="onze">11h - 12h </div> 
        <div id="douze">12h - 13h </div> 
        <div id="treize">13h - 14h </div> 
        <div id="quatorze">14h - 15h </div> 
        <div id="quinze">15h - 16h </div> 
        <div id="seize">16h -17h </div> 
        <div id="dixsept">17h -18h </div> 

        <!-- lundi --> 
        <div class="lundi uneHeure anglais classeEntiere neufHeure">anglais<br>foubert <br>A214</div> 
        <div class="lundi deuxHeures informatique classeEntiere dixHeure">info <br>bernard <br>B114</div> 
        <div class="lundi uneHeureTrente physique classeEntiere treizeHeureTrente">Physique<br> querec<br>b114</div> 
        <div class="lundi deuxHeures francais classeEntiere quinzeHeure">français<br> rioux<br>B114</div> 
        
        <!-- mardi --> 
      
        <div class="mardig1 quatreHeures informatique demiGroupe huitHeureTrente">info<br> g1<br>bernard <br>B108</div> 
        <div class="mardig2 quatreHeures informatique demiGroupe huitHeureTrente">info<br> g2<br>simier <br>B106</div> 
        <div class="mardi uneHeureTrente physique classeEntiere treizeHeureTrente">physique<br>querec <br>b114</div> 
        <div class="mardi uneHeure math classeEntiere quinzeHeure">math<br> pellas <br>B114</div>
        <div class="mardi uneHeure francais classeEntiere seizeHeure">français<br> rioux<br>B114</div> 

        <!-- mercredi --> 
        <div class="mercredi uneHeure vieEnt classeEntiere neufHeure">gestion<br> crenais<br>a006</div> 
        <div class="mercredi deuxHeures informatique classeEntiere dixHeure">Info<br> simier<br>B114</div>
        <div class="mercredig1 troisHeures physique demiGroupe quatorzeHeure">Physique<br> g1<br>querec<br>B020</div> 
        <div class="mercredig2 troisHeures informatique demiGroupe quatorzeHeure">Info<br> g2<br>simier<br>B113</div> 
        <!-- jeudi --> 
        <div class="jeudig1 quatreHeures informatique demiGroupe huitHeureTrente">info<br> g1<br>bernard <br>B108</div> 
        <div class="jeudig2 quatreHeures informatique demiGroupe huitHeureTrente">info<br> g2<br>simier <br>B106</div> 
        <div class="jeudi deuxHeures math classeEntiere quatorzeHeure">math<br> pellas <br>c407</div>
        <!-- vendredi --> 
        <div class="vendredig1 troisHeures physique demiGroupe neufHeure">Physique<br> g2<br>querec<br>B020</div> 
        <div class="vendredig2 troisHeures informatique demiGroupe neufHeure">Info<br> g1<br>simier<br>B113</div>
        <div class="vendredi uneHeure anglais classeEntiere douzeHeure">anglais<br>foubert <br>d108</div> 
        <div class="vendredi deuxHeures informatique classeEntiere quatorzeHeure">AP<br>B106 / B108<br>B113 </div>
    

</body></html>