.semaine { width: 100%; padding: 15px; margin: 0px; }
.semaine .jour { display: flex; width: 100%; height: 50px; padding: 0px; margin: 0px; }
.semaine .heure { display: flex; width: 100%; padding: 0px; margin: 0px; }
.semaine .jour .horaires { display:flex; width: calc(100% - 100px); }
.jour { vertical-align: middle; text-align: center; height: 50px; border-bottom: 1px dotted black;}
.jour .nom_jour { background-color: white; width: 100px; justify-content: center; display: flex; align-items: center; }
.changement { width:4px; background-color: black; }
.changement:HOVER { background-color: yellow; }
.horaires .bloc { display: flex; height: 50px; padding : 0px; margin: 0px; width: 100%; border-bottom: inherit; }
.horaires .actif { border-bottom: 1px dotted black; background-color: #4daa4d; }
.horaires .inactif { border-bottom: 1px dotted black; background-color: #f38080; }
.semaine .heure .horaires { display: flex; width: 100%; }
.horaires .changement { display: flex; height: 50px; padding : 0px; margin: 0px; }
.semaine .heure div.nom_jour { display: flex; width: 100px; padding: 0px; margin: 0px; }
.semaine .heure div.horaires { width: calc(100% - 100px); display: flex; }
.semaine .heure .horaires div { width: 4.16666666666666666%; padding: 0px; margin: 0px; text-align: center; }
.semaine .heure .horaires div.moitie { width: 2.083333333333%; padding: 0px; margin: 0px; }
.semaine .heure .info { width: 100%; height:20px; }
.semaine .heure .info .contenu { position: relative; width:40px; }
.semaine .pied { display:flex; }
.semaine .pied .gauche { justify-content: flex-start; display:flex; width:50%; padding-left:100px; } 
.semaine .pied .droite { justify-content: flex-end; display:flex; width:50%; } 
.semaine .pied div { margin: 5px ; }
.semaine .pied .nombreOrdre { font-weight: bold;  }
.semaine .pied .nombreOrdreMax {  }
.semaine .pied .carre.actif { height:10px; width:10px; float: left; background-color: #4daa4d; }
.semaine .pied .carre.inactif { height:10px; width:10px; float: left; background-color: #f38080; }

#modificationOrdre { display: none; }