body {
  background-color: white;
  }

a {
  color: black;
  text-decoration: none;
  }

.highlighter {
  background-color: #FFFF01;
  font-weight: bold;
}

.heures {
  background-color: #93182D;
  color: white;
  font-weight: bold;
  }

.heures1 {
  background-color: #505252;
  color: white;
  font-weight: bold;
  }

.heures2 {
  background-color: #0B455D;
  color: white;
  font-weight: bold;
  }

.titre {
  font-weight: bold;
  color: #93182D;
  }

.titre1 {
  font-weight: bold;
  color: #505252;
  }

.titre2 {
  font-weight: bold;
  color: #0B455D;
  }

.coach {
  color: grey;
  }

.cours {
  text-align: center;
  border-style: solid;
  border-color: #93182D;
  width: 150px;
  }

.cours1 {
  text-align: center;
  border-style: solid;
  border-color: #505252;
  width: 150px;
  }

.cours2 {
  text-align: center;
  border-style: solid;
  border-color: #0B455D;
  width: 150px;
  }

.coursoff {
  text-align: center;
  border-style: solid;
  border-color: #595F5F;
  background-color: #5A5F62;
  width: 150px;
  }

.saisiecours {
  text-align: center;
  border-style: solid;
  border-color: #93182D;
  width: 250px;
  }

.saisiecours1 {
  text-align: center;
  border-style: solid;
  border-color: #505252;
  width: 250px;
  }

.saisiecours2 {
  text-align: center;
  border-style: solid;
  border-color: #0B455D;
  width: 250px;
  }

.goback {
  text-align: center;
  border-style: solid;
  background-color: #c0c0c0;
  border-color: #a0a0a0;
  width: 150px;
  }

.jourfr {
  font-weight: bold;
  }

.jouren {
  font-style: italic;
  }

.complet {
  color: #FF0000;
  }

.libre {
  color: #0000FF;
  }

.limite {
  color: #F77500;
  }

.ycmlogo {
  max-height:300px;
  max-width:300px;
  height:auto;
  width:auto;
  }

.tdplanning {
  padding:5px;
  }

.tdcancel {
  padding:5px;
  background-color: #FF9999;
  text-align:center;
  }

.tdattendu {
  padding:5px;
  background-color: #F7F7A8;
  }

.tdpresent {
  padding:5px;
  background-color: #8BE78B;
  }

.tdparti {
  padding:5px;
  background-color: #F6A500;
  }

.tdpb {
  padding:5px;
  background-color: #F60002;
  }

.tdvalide {
  padding:5px;
  background-color: #99FF99;
  }

.tdtri {
  padding:5px;
  background-color:lightgreen;
  }

.tdcoche {
  padding:5px;
  text-align: center;
  vertical-align: middle;
  }

.boutonrouge {
  background-color: #FF0000;
  color: white;
  padding: 3px 4px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1100px) {
table, thead, tbody, th, td, tr { 
	display: block; 
	}
}