body{
  background-image: linear-gradient(91deg, #E8F2BB 0%, #E0FFEB	100%);
  margin: 5%;
}

hr{
  border: 5px solid #555;
  border-radius: 5px;
}

.supratitre{
  transform: skewY(3deg);
  font-weight: 900;
}

.supertitre{
  transform: skewY(0deg);
}

.normal{
  transform: skewY(-3deg);
}

.titre1{
  margin: 0.6em;
  color: #555;
  font-family: 'fonte02';
  font-size: 2.5em;
}

.titre2{
  margin: -1.6em 0.0em 0.2em 1.6em;
  color: #555;
  font-family: 'fonte02';
  font-size: 1.0em;
}

span.titre2{
  margin: 0em 0.0em 0em 0em;
  color: #555;
  font-family: 'fonte02';
  font-size: 1.0em;
}

hr.separateur{
  border: 15px solid #55555500;
  border-radius: 5px;
}

p{
  font-family: 'fonte02';
  font-size: 1.0em;
  font-weight: 100;
  letter-spacing: 0.01em;
  word-spacing: 0.025em;
  color: #555;
}

pre{
  width: fit-content;
  padding: 10px;
  font-size: 1.2em;
  color: #555;
  background-color: #ccc;
  border: 0px solid #333;
  border-radius: 15px;
  transform: skewY(-3deg);
}

.encadre{
  width: fit-content;
  margin-top: 60px;
  padding: 25px;
  font-family: 'fonte02';
  font-size: 1.0em;
  color: #555;
  background-color: #ccc;
  border: 0px solid #333;
  border-radius: 15px;
  transform: skewY(-3deg);
}

.simple{
  font-size: 1.0em;
  transform: skewY(0deg);
}

table{
/*  empty-cells: hide; */
  margin-top: -40px;
  margin-left: -5px;
  width: 100%;
  padding: 5px;
  font-family: monospace;
  font-size: 1.2em;
  color: #555;
  background-color: #cccccc00;
  border-radius: 15px;
  transform: skewY(-3deg);
}

table.to{
  margin-left: 10px;
  width: 50%;
}

thead td{
  font-weight: 900;
  background-color: #bbb;
}

.retitre{
  font-size: 1.2em;
  color: #fff;
  text-align: center;
  background-color: #ff6600;
  border: 1px solid #555;
}

td{
  padding: 5px;
  vertical-align : top;
  background-color: #ccc;
  border: 1px solid #aaa;
  border-radius: 5px;
}

td.to{
  padding-left: 10px;
}

td.todo{
  background-color: #21ce634a;
}

td.done{
  background-color: #ff660048;
}

td.stop{
  background-color: #eeecea48;
}

td.fault{
  background-color: #6a2d0561;

}

td.got{
  background-color: #00aeff9d;
  box-shadow: 0px 0px 40px #21ce63, 0px 0px 70px #21ce63;
}

.emph{
  font-weight: 900;
}

.ancre{
  text-decoration: none;
  color: #555;
}

.groupe{
  margin-bottom: 50px;
}

.autre{
  margin-bottom: 100px;
}

.theme31,.theme32,.theme33,.theme34,.theme35,.theme36,.theme41,.theme42,.theme07,.theme08,.theme09,.theme09,.theme11 {
  margin-left: 8px;
  border-radius: 10px;
  box-shadow:-8px 2px 0px 0px #555;
}

.theme11{
  background-image: linear-gradient(90deg, #555 2%, #E0FFEB00	5%);
}

.theme31{
  background-image: linear-gradient(90deg, #69b3f4FF 2%, #E0FFEB00	5%);
}

.theme32{
  background-image: linear-gradient(90deg, #f469c3FF 2%, #E0FFEB00	5%);
}

.theme33{
  background-image: linear-gradient(90deg, #68ef68FF 2%, #E0FFEB00	5%);
}

.theme34{
  background-image: linear-gradient(90deg, rgb(101, 175, 90) 2%, #E0FFEB00	5%);
}

.theme35{
  background-image: linear-gradient(90deg, rgb(86, 211, 169) 2%, #E0FFEB00	5%);
}

.theme36{
  background-image: linear-gradient(90deg, rgb(117, 88, 31) 2%, #E0FFEB00	5%);  
}

.theme41{
  background-image: linear-gradient(90deg, #ff6600 2%, #E0FFEB00 5%, #E0FFEB00	5%);
}

.theme42{
  background-image: linear-gradient(90deg, #E8F2BB00 2%, #67ce57aa 0%, #E0FFEB00	5%);
}

.pasdispo{
  color:#ccc;
}

.pasfait{
  color:#555;
}

.fait{
  font-weight: 900;
  color:#21ce63;
  text-shadow: 1px 2px #555;
}

.colorize{
  animation: anim01 60s linear 0s infinite alternate;
}

@keyframes anim01{
   0% {filter: hue-rotate(  0deg);}
  25% {filter: hue-rotate( 90deg);}
  50% {filter: hue-rotate(  0deg);}
  75% {filter: hue-rotate(190deg);}
 100% {filter: hue-rotate(  0deg);}
}

.decolorize{
  animation: anim02 37s linear 0s infinite alternate;
}

@keyframes anim02{
     0% {filter: saturate(100%);}
    47% {filter: saturate(200%);}
    95% {filter: saturate(100%);}
   100% {filter: saturate(  0%);}
}