td:first-child { padding: 5px 20px; font-weight: bold; }
td { padding: 5px 20px; }
.divrouge { background:red; }
.divvert { background:green; }
.divmatin, .divapresmidi { 
  margin-left: 5px;
  opacity:0;
  height:5px;
  width:1px;
  position:relative;
}
.matin, .apresmidi {
  margin-top: 3px;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom:1px solid gray;
  width: 240px;
  height: 5px;
}

.listgrouphoraire a:last-child h4:before {
  content: url(/images/ulpattechatvert.jpg);
  padding-right: 5px;
}
.list-mentions li:before {
  content: "\27bd";
  color: green;
  padding-right: 5px;
}

.apresmidi div, .matin div { padding-top : 10px; }
.heuredebut, .heurefin { font-weight: normal; font-size: 11pt; }
.heurefin { margin-top:5px; position: relative; left: 180px; }
.listgrouphoraire a { height: 106px; }
.listgrouphoraire a div[class^="col-"] { height: 80px; }
/* Petit écran */
@media screen and (max-width: 768px) {
  .listgrouphoraire a { height: 212px; }
}