body{
  background: linear-gradient(#6FA8DC, #000000);
  margin: 0;
}
.full {
  margin-left: 0;
  margin-right: 0;
}
.sticky {
  position: sticky;
  top: 0;
}
.tit
 {
 color:#FF0000;
 font-weight:bold; 
 text-transform:uppercase;
 background-color:#191915;
 padding:5px; 
 margin:0px;
 font-size:14px;
 width:650px;
 }

.tit1
{
  height:12px; 
 line-height:14px; 
 background-color:#FF0000;
 color:#FFFFFF;
 text-decoration:none;
 font-weight:bold;
 text-transform:uppercase;
  }

.tit2
 {
 font-size:20px;
 background-color:#FFFFFF;
 color:#FF0000;
text-transform:uppercase;
text-align:center;
}

.messageDC1
 {
 color:#FFFF00;
 font-weight:bold; 
 text-transform:uppercase;
 background-color:#7F7F7F;
 padding:5px; 
 margin:0px;
 font-size:12px;
 width:650px;
 }

.messageDC0
 {
 color:#FFFFFF;
 font-weight:bold; 
 text-transform:uppercase;
 background-color:#FFFFFF;
 padding:5px; 
 margin:0px;
 font-size:12px;
 width:650px;
 }

.messageDC2
 {
 color:#000000;
 font-weight:bold; 
 text-transform:uppercase;
 background-color:#FF0000;
 padding:5px; 
 margin:0px;
 font-size:12px;
 width:650px;
 }

.messageDC3
 {
 color:#000000;
 font-weight:bold; 
 text-transform:uppercase;
 background-color:#FFFF00;
 padding:5px; 
 margin:0px;
 font-size:12px;
 width:650px;
 }

.messageDC4
 {
 color:#000000;
 font-weight:bold; 
 text-transform:uppercase;
 background-color:#00FF00;
 padding:5px; 
 margin:0px;
 font-size:12px;
 width:650px;
 }

.messageDC5
 {
 color:#DBE18E;
 font-weight:bold; 
 text-transform:uppercase;
 background-color:#318CEF;
 padding:5px; 
 margin:0px;
 font-size:12px;
 width:650px;
 }

.messageDC6
 {
 color:#DBE18E;
 font-weight:bold; 
 text-transform:uppercase;
 background-color:#3574B7;
 padding:5px; 
 margin:0px;
 font-size:12px;
 width:650px;
 }

.messageDC7
 {
 color:#DBE18E;
 font-weight:bold; 
 text-transform:uppercase;
 background-color:#A10684;
 padding:5px; 
 margin:0px;
 font-size:12px;
 width:650px;
 }

.pict
 { 
 vertical-align:middle;
 margin:0 2px 0 0;
 }

a:link
 { 
 color: #6B625D;
 }

a:visited
 { 
 color: #6B625D;
 }


.lignecla1 {
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 BACKGROUND-COLOR: #FFE2E2;
 color:#FF0000;
 font-size:9px;
 height: auto;
}
.lignecla2
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 BACKGROUND-COLOR: #4019FF;
 color:#FFFFFF;
 font-size:9px;
 height: auto;
}
.lignecla3
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 BACKGROUND-COLOR: #49FF12;
 color:#000000;
 font-size:9px;
 height: auto;
}
.lignecla4
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 BACKGROUND-COLOR: #FF4500;
 color:#000000;
 font-size:9px;
 height: auto;
}
.lignecla5
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 BACKGROUND-COLOR: #8A2BE2;
 color:#000000;
 font-size:9px;
 height: auto;
}
.lignecla6
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 BACKGROUND-COLOR: #00FFFF;
 color:#000000;
 font-size:9px;
 height: auto;
}
.lignecla7
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 BACKGROUND-COLOR: #FFFF00;
 color:#000000;
 font-size:9px;
 height: auto;
}
.lignecla8
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 BACKGROUND-COLOR: #00008B;
 color:#FFFFFF;
 font-size:9px;
 height: auto;
}
.lignecla9
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 BACKGROUND-COLOR: #556B2F;
 color:#FFFFFF;
 font-size:9px;
 height: auto;
}
.lignecla10
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 text-transform:uppercase;
 font-weight:bold; 
 BACKGROUND-COLOR: #FFFFFF;
 color: #000000;
 font-size:10px;
 border-left:1px solid gray;
}
.lignecla11
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 text-transform:uppercase;
 font-weight:bold; 
 padding:5px; 
 BACKGROUND-COLOR: #DCDCDC;
 color: #000000;
 font-size:10px;
 height: auto;
}
.textecol
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 font-size: 10px; 
 background-color:#FF0000;
 color:#FFFFFF;
 font-style: normal; 
 font-weight: bold; 
 text-align: center; 
 line-height: normal; 
 font-variant: normal; 
 text-transform: none; 
 text-decoration: none; 
}

.chronos_pos
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 font-size: 10px; 
 font-style: bold; 
 font-weight: normal; 
 text-align: center; 
 line-height: normal; 
 font-variant: normal; 
 text-transform: none; 
 text-decoration: none; 
 border-left: 30px; 
 border-bottom-width: 1px; 
 border-bottom-style: solid; 
 border-bottom-color: #FFFFFF; 
 height: auto; 
}

.chronos_cla
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 font-size: 10px; 
 font-style: bold; 
 font-weight: normal; 
 text-align: center; 
 line-height: normal; 
 font-variant: normal; 
 text-transform: none; 
 text-decoration: none; 
 border-bottom-width: 1px; 
 border-bottom-style: solid; 
 border-bottom-color: #FFFFFF; 
 height: auto; 
}

.hrs_txt
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 font-size: 9px; 
 color:#FFFFFF;
 font-style: normal; 
 font-weight: normal; 
 text-align: justify; 
 line-height: normal; 
 font-variant: normal; 
 text-transform: none; 
 text-decoration: none; 
 border-bottom-width: 1px; 
 border-bottom-style: solid; 
 border-bottom-color: #FFFFFF; 
 height: auto; 
}

.chronos_num
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 font-size: 9px; 
 color:#000000;
 font-style: normal; 
 font-weight: normal; 
 text-align: center; 
 line-height: normal; 
 font-variant: normal; 
 text-transform: none; 
 text-decoration: none; 
 border-bottom-width: 1px; 
 border-bottom-style: solid; 
 border-bottom-color: #FFFFFF; 
 height: auto; 
}

.chronos_txtkm
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 font-size: 7px; 
 color:#000000;
 font-style: normal; 
 font-weight: normal; 
 text-align: justify; 
 line-height: normal; 
 font-variant: normal; 
 text-transform: none; 
 text-decoration: none; 
 border-bottom-width: 1px; 
 border-bottom-style: solid; 
 border-bottom-color: #FFFFFF; 
 height: auto; 
}

.chronos_conc
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 font-size: 8px; 
 color:#000000;
 font-style: normal; 
 font-weight: normal; 
 text-align: justify; 
 line-height: normal; 
 font-variant: normal; 
 text-transform: none; 
 text-decoration: none; 
 border-bottom-width: 1px; 
 border-bottom-style: solid; 
 border-bottom-color: #FFFFFF; 
 height: auto; 
}

.chronos_time
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 font-size: 8px; 
 color:#000000;
 font-style: normal; 
 font-weight: normal; 
 text-align: center; 
 line-height: normal; 
 font-variant: normal; 
 text-transform: none; 
 text-decoration: none; 
 border-bottom-width: 1px; 
 border-bottom-style: solid; 
 border-bottom-color: #FFFFFF; 
 height: auto; 
}

.chronos_gap
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 font-size: 8px; 
 color:#000000;
 font-style: normal; 
 font-weight: normal; 
 text-align: right; 
 line-height: normal; 
 font-variant: normal; 
 text-transform: none; 
 text-decoration: none; 
 border-bottom-width: 1px; 
 border-bottom-style: solid; 
 border-bottom-color: #FFFFFF; 
 height: auto; 
}

.chronos_txt2
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 font-size: 9px; 
 color:#CC0000;
 font-style: normal; 
 font-weight: bold; 
 text-align: center; 
 line-height: normal; 
 font-variant: normal; 
 text-transform: none; 
 text-decoration: none; 
 border-bottom-width: 1px; 
 border-bottom-style: solid; 
 border-bottom-color: #FFFFFF; 
 height: auto; 
}

.chronos_run
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 font-size: 9px; 
 color:#FFFFFF;
 font-style: normal; 
 font-weight: normal; 
 text-align: center; 
 line-height: normal; 
 font-variant: normal; 
 text-transform: none; 
 text-decoration: none; 
 background-color: #009900; 
 border-bottom-width: 1px; 
 border-bottom-style: solid; 
 border-bottom-color: #FFFFFF; 
 height: auto; 
}

.chronos_pitin
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 font-size: 9px; 
 color:#FFFFFF;
 font-style: normal; 
 font-weight: normal; 
 text-align: center; 
 line-height: normal; 
 font-variant: normal; 
 text-transform: none; 
 text-decoration: none; 
 background-color: #FF0000; 
 border-bottom-width: 1px; 
 border-bottom-style: solid; 
 border-bottom-color: #FFFFFF; 
 height: auto; 
}

.chronos_PS
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 font-size: 9px; 
 color:#FFFFFF;
 font-style: normal; 
 font-weight: normal; 
 text-align: center; 
 line-height: normal; 
 font-variant: normal; 
 text-transform: none; 
 text-decoration: none; 
 background-color: #000000; 
 border-bottom-width: 1px; 
 border-bottom-style: solid; 
 border-bottom-color: #FFFFFF; 
 height: auto; 
}

.chronos_pitout
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 font-size: 9px; 
 color:#000000;
 font-style: normal; 
 font-weight: normal; 
 text-align: center; 
 line-height: normal; 
 font-variant: normal; 
 text-transform: none; 
 text-decoration: none; 
 background-color: #24E8F8; 
 border-bottom-width: 1px; 
 border-bottom-style: solid; 
 border-bottom-color: #FFFFFF; 
 height: auto; 
}

.chronos_sector
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 font-size: 9px; 
 color:#FFFFFF;
 font-style: normal; 
 font-weight: normal; 
 text-align: center; 
 line-height: normal; 
 font-variant: normal; 
 text-transform: none; 
 text-decoration: none; 
 background-color: #827AC6; 
 border-bottom-width: 1px; 
 border-bottom-style: solid; 
 border-bottom-color: #FFFFFF; 
 height: auto; 
}

.chronos_bestperso
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 font-size: 9px; 
 color:#FFFFFF;
 font-style: normal; 
 font-weight: normal; 
 text-align: center; 
 line-height: normal; 
 font-variant: normal; 
 text-transform: none; 
 text-decoration: none; 
 background-color: #66CD00; 
 border-bottom-width: 1px; 
 border-bottom-style: solid; 
 border-bottom-color: #FFFFFF; 
 height: auto; 
}

.chronos_bestgen
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 font-size: 9px; 
 color:#FFFFFF;
 font-style: normal; 
 font-weight: normal; 
 text-align: center; 
 line-height: normal; 
 font-variant: normal; 
 text-transform: none; 
 text-decoration: none; 
 background-color: #EE3B3B; 
 border-bottom-width: 1px; 
 border-bottom-style: solid; 
 border-bottom-color: #FFFFFF; 
 height: auto; 
}

.chronos_box
{
 font-family: Arial, Tahoma, Verdana,Helvetica, sans-serif; 
 font-size: 9px; 
 color:#000000;
 font-style: normal; 
 font-weight: normal; 
 text-align: center; 
 line-height: normal; 
 font-variant: normal; 
 text-transform: none; 
 text-decoration: none; 
 border-bottom-width: 1px; 
 border-bottom-style: solid; 
 border-bottom-color: #FFFFFF; 
 height: auto; 
}

.heure {
  /* border: 1px solid red; */
  border-radius: 5px;
  
  background-color: #fff4e6;
  max-width: 1200px;
  display: grid;
  grid-template-areas: "img content";
  margin-bottom: 1em;
}

.titre {
  /* border: 2px solid red; */
  border-radius: 5px;
  background-color: #fff4e6;
  max-width: 1200px;
  display: inflex;
  grid-template-areas: "img content";
  margin-bottom: 1em;
}

.result {
	text-align:center;
  /* border: 2px solid red; */
  border-radius: 5px;
  background-color: #f6f6f6;
  max-width: 1200px;
  display: compact;
  margin-left: 0;
  margin-right: 0;
}

img {
  max-width: 100%;
  display: block;
}


table {
  border-collapse: collapse;
  width: 100%;
}

tr:nth-child(even){background-color: #292828;color: #F4DDDD;}
tr:nth-child(odd){background-color: #6F6B6B;color: #F4DDDD;}
tr {
  font-size: 20px;
}
.centered {
	margin-right: auto;
	margin-left: auto;
}