.mainsprint{
    width:inherit;
   /* border:2px solid white;*/
      margin-top:-100px;
}
.popupsprint{
    text-align:center;
}
.mainsprint div{
    font-family:Tahoma;
    display: inline-block;
  
}
.biaturn{
    position :relative;
  /*border:1px solid white;*/
    width:45%;
    height:650px;
    margin-left:-40px;
   
}
.classement{
    vertical-align: top;
  /*border:1px solid white;*/ 
    width:50%;
    height:650px;
    
}
.classementpopup{
    vertical-align: top; 
    width:900px;
    height:600px;
    
}
.classementpopuppoursuite{
    vertical-align: top; 
    width:1300px;
    height:600px;
    /*border:2px solid blue;*/
    
}
.tableclassencours table{
    text-align:center;
    margin:auto;
    background-color:#365664;
    height : 40px;
}

.chrono tr,td{
    height: 30px;
}
.chronogen tr,td{
    height: 30px;
}
.chronogen{
    /*table-layout: fixed;
  width:100%;/*895px;*/
    width:900px;
  text-align:left;
  font-family: arial;
   border-collapse: collapse;
   overflow:hidden; 
  font-style:italic;
  color:#fff;
    font-size:20px;  
}

.chronogentir{
  width:650px;
  text-align:left;
  font-family: arial;
   border-collapse: collapse;
   overflow:hidden; 
  font-style:italic;
  color:#fff;
    font-size:20px;  
}
.bord{ text-align:center;
  width:50px;
    background-color:#d1e200;
    color:#0e5d7e;
}
.bib{ text-align:center;
  width:50px;
    font-size:18px;
   
}
.biat{
  width:400px;
}
.biatgen{
    text-align:left;
  width:500px;
}


.paysgen{
text-align:right;
  width:60px;
    font-size:18px;
}
.visage{
  width:80px;
    text-align:center;
}

.flag{
  width:80px;
    text-align:center;
}
.faute{
    text-align:center;
  width:60px;
    color:#d1e200;
}
.timeContainer{
  width:200px;
}
.timeContainergen{
    text-align: right;
  width:150px;
    padding-right: 10px;
}
#pause, #courseSuite{
    opacity:0;
}

.entete{ 
    background-color:#0e5d7e;
}
.entetepopup{ 
    background-color:white;
}
.podium{
    vertical-align: top;
    text-align:center;
    width:100%;
    height:50%; 
}
.podium table{
    vertical-align: top;
    text-align:center;
    margin:auto;

}
.vignettebiat{
    width:160px;
    vertical-align: bottom;
}
.ranknumtr{
    vertical-align: bottom;
    height:50px;
}
.ranknum1{
    font-size:50px;
    color:yellow;
}
.ranknum2{
    font-size:45px;
    color:aliceblue;
}
.ranknum3{
    font-size:42px;
    color:chocolate;
}
.ranknum4, .ranknum5, .ranknum6{
    font-size:40px;
    color:white;
}
.timer {
    position: relative;
    top: 30%;
    left: 55%;
    width: 500px;
    height: 500px;
    transform: translate(-50%, -50%) rotate(-90deg);
}

.progress-frame {
    fill: transparent;
    stroke: grey;
    stroke-width: 50px;
}

.progress {
    fill: transparent;
    stroke: #d1e200;
    stroke-width: 50px;
    stroke-linecap: round;
    transition: stroke-dashoffset 1s linear;
}

.time {
    position: relative;
    top: -20%;
    left: -25%;
    transform: translate(-50%, -50%);
   
    color: rgb(238, 238, 238);
}
.seconds{
   font-family:Arial;
    font-size: 150px; 
    font-style: italic;
}
.tourpena{
    width:100px;
    text-align: center;
}
.tourpena .tp{
  display:inline-block;
    vertical-align:middle;
    background-color:red;
    height:2px;
  width:2px;
    border:2px solid red;
    border-radius:50%;
}
.main{
    margin: auto;
    margin-top:-100px;
    width:1300px;
 
     
}

.headertable{
 width:1200px;
    margin:auto;
   
}
.headertableth tr,td{
    height: 30px;
   
}
.headertable div{
  display:inline-block;
  vertical-align:middle;
}
.taleautable{
  width:700px;
    height:50px;
    
 
}
.headertableth{
    table-layout: fixed;
  width:500px;/*895px;*/
    MARGIN:auto;
    text-align:left;
  font-family: arial;
   border-collapse: collapse;
   overflow:hidden; 
  font-style:italic;
  color:#fff;
   font-size: 20px; 
}
.entete1{ 
    background-color:#0e5d7e;
    width:400px;
    vertical-align: middle;
}
.entete3{ 
    background-color:#0e5d7e;
    width:90px;
    text-align:center;

  
}
.entete4{ 
    table-layout: fixed;
    background-color:#0e5d7e;
    width:60px;
}
.taleauth{
  display:flex;
  width:200px;
  
}

.tablepoursuite {
    width:1200px;
    margin:auto;
}
.tablepoursuite div{
  display:inline-block;
  vertical-align:middle;
}
.chrono{margin:auto;
    table-layout: fixed;
  width:500px;
  text-align:left;
  font-family: arial;
   border-collapse: collapse;
   overflow:hidden; 
 border-radius : 50px;
  font-style:italic;
  color:#fff;
    background-color:#365664;
    font-size:20px;  
}
.taleau{
  width:700px;
    height:50px;
    
 
}
.taleau .chrono tr,td{
    height:50px;
}
.nombi{
  width:430px;
    text-align:left;
}
.pays{
  width:90px;
}
.taleau2{
  display:flex;
  width:200px;
  
}
.entetetir{ 
    background-color:#0e5d7e;
    width:38px;
   

}

.tir{  
    width:40px;
}
.tir1{  
    opacity:0;
    width:40px;
}
.tircumul{  
    width:40px;
    text-align:center;
    font-weight:bold;
}
.pseudo{
    width:80px;
    font-size:1.5em;
    font-style: italic;
    text-align:right;
}






  .group, .reell {display: inline-block;}


.group {
    font:18px/18px "Helvetica Neue",Helvetica,Arial,sans-serif;
  //border-radius: 30px;
  //padding: 15px 0px 10px 15px;
  text-align:center;
  margin-left:0px;
    margin-top:15px;
  width:300px;


}

  .reell {
    font-size:60px;
    text-align:center;
    float: center;
    padding:0 10px;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 10px;
      box-shadow: 0 2px 7px rgba(0,0,0,.3) inset, 0 0px 1px rgba(0,0,0,.2) inset;
      margin-left:15px;

  }
    .reell div {
      position: relative;
      top: 30px;
      
    }

    #dec1,#dec2,#dec3{color:#FFFFFF}

#dec1{
  background-color:#2175FE;
}
#dec2{
  background-color:#FF0000;
}
#dec3{
  background-color:GREEN;
}
.tirmanuel{
    font-family: Arial;
}
.tmtitre{
    font-size:20px;
}
.tmquest{
    width:100px;
    height:70px;
}
.tmquest input{
    width:50px;
    height:50px;
    font-size:40px;
}
.poursuitechronogen tr,td{
    height: 30px;
}
.poursuitechronogen{
    table-layout: fixed;
  width:900px;
  text-align:left;
  font-family: arial;
   border-collapse: collapse;
   overflow:hidden; 
  font-style:italic;
  color:#fff;
    font-size:20px;  
}

.lappedright{
    height:300px;
     width:45%;
    display:inline-block;
    vertical-align:top;
}
.lappedleft{
     height:300px;
    width:50%;
    display:inline-block;
    vertical-align:top;
}
.photolapped{
  margin-top:30px;
    margin-left:20px;
}
.textlapped{
    font-style:italic;
 margin:auto;
    margin-top:30px;
    text-align:center;
    font-family:Arial;
    font-size:30px;
    color:#0e5d7e;
}
#lappedyes,#lappedno{
width:90px;
    text-align:center;
    margin-top:20px;
    margin-left:60px;
}
.dnq{
    width:200px;
    text-align:center;
    font-style:italic;
}
.borddnq{ text-align:center;
  width:50px;
    background-color:#C0C8D8;
    color:#0e5d7e;
}
.nomjoueur{
    font-size:2em;
    font-style:italic;
}

.nomdepiste{
    width:400px;
   text-align:center;
   margin-top: auto;
    font-size:1.2em;
}

.groupe{display:flex;
    text-align: center;
}

.sousgroupe{display:inline-block;
    margin:top;
padding-right:50px;
}

.radio-input {
  padding: 0px;
  border-radius: 20px;
  display: auto;
}

.radio-input input[type=radio] {
  display: none;
}

.radio-input input[type=radio] + label {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

.radio-input input[type=radio] + label span {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  box-shadow: 0 5px 3px 0 rgba(0, 0, 0, 0.33);
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 44px;
}

.radio-input input[type=radio] + label span svg {
  opacity: 0;
  transition: all 0.3s ease;
}

.radio-input input[type=radio]#bleu1 + label span {
  background-color: #3A6AFF;
}

.radio-input input[type=radio]#rouge1 + label span {
  background-color: #FF3A3A;
}

.radio-input input[type=radio]#vert1 + label span {
  background-color: #22B32D;
}


.radio-input input[type=radio]#bleu2 + label span {
  background-color: #3A6AFF;
}

.radio-input input[type=radio]#rouge2 + label span {
  background-color: #FF3A3A;
}

.radio-input input[type=radio]#vert2 + label span {
  background-color: #22B32D;
}


.radio-input input[type=radio]:checked + label span svg {
  opacity: 1;
}

.radio-input input[type=radio] + label span{
opacity:0.50;
}
.radio-input input[type=radio]:checked + label span{
opacity:1;
}
.first{
    font-size:0.9em;
}