.back {margin: 15px;
  cursor:pointer;
  border-radius:50%;
  background-color: black;
  color:white;
  padding: 5px;
       
}



/*table */

#voir {background-color: #4CAF50;
  border: none;
  color: white;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: Arial, sans-serif;
  font-size: 1 em;  
  cursor: pointer;
  margin-bottom: 15px;

}

#voir2 {background-color: #c6ba0b;
  border: none;
  color: white;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: Arial, sans-serif;
  font-size: 1 em;  
  cursor: pointer;
  margin-bottom: 15px;
  
}

/*virer le par */



/*ghost input */
.ghost {display:none;}


input::placeholder {
  color: #D87305;
  opacity: 1;}

input:focus {
    background-color: #D87305;
    
  }

.haut {text-align:center;}

thead {position:sticky;
z-index: 99;}

.Title{
    font-weight: bold;
    font-size: 2.5em;
    color: #D6F230;
    font-style: normal;
    font-family: Arial, sans-serif;
    text-align: Center;
    }
  .PlainTable,.PlainTable2{
    font-family: Arial, sans-serif;
    border: none;
    background: #333333 !important;
    color: #eaf4d8;
     text-align: center; 
    overflow-y: auto;
  
  }
  .PlainTable2{
  width:20px;
  }
  
  
  .NormalText{
    color: #eaf4d8;
    font-style: normal;
    font-family: Arial, sans-serif;
    font-size:1em;
    text-align:Left;
  }
  .Combobox,.Combobox option {
    width:150px;
  Height:40px;
  background-color: #54E09C;  
   color: #333333;
    font-size:Inherit;
  }
  
  
  .Textinput,.NameInput{
    padding: 0;
    position: relative;
    left: 0;
    outline: none;
    border: none;
    text-align: center;
    background-color: inherit;
    height: 2.5em;
    width: 100%;
    overflow: hidden;
    text-overflow:ellipsis;
    color :inherit;
    font: inherit
  }
  
  input[type=”Radio”]{
    text-align: right;
    inherit;
    height: 2.5em;
    width: 2.5em;
    font-size: 32px;
    color :inherit;
    font: inherit;
  
  }
  
  .button,.buttonClear {
      background-color: #4CAF50;
      border: none;
      color: white;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-family: Arial, sans-serif;
      font-size: 1.5em;
      margin: 4px 2px;
      cursor: pointer;
      float: right;
    width:70%;
  }
  .buttonClear{
    float: left;
    width:20%;
    min-width: 80px;
    padding: 15px 0px;
  }
  
  body{
  background-color: #D87305;
  }
  
  
  .Head{
    position:sticky;  
    top:0;
  }
  
  table {
    width: 100%;
    font-family: Arial, sans-serif;
    border: 6px solid #4c7251   ;
    background-color: #EFEEEE;
    color:black; 
     text-align: center; 
    overflow-y: auto;
  }
  table.positioned {
    position: absolute;
    top:100px;
    left:100px;
    width:800px;
    box-shadow: 0 0 15px #F00;
  }
  
  /*thead*/
  
  thead {
    position:sticky;  
    position: -webkit-sticky;
    top:0;
    //overflow: visible;
  }
  
  th div{
    position: absolute;
    background: transparent;
  
    padding: 9px 25px;
    top: 0;
    margin-left: -25px;
    line-height: normal;
    border-left: 1px solid #800;
  }
  
  thead th {
    background: #4c7251   ;
    
    height: 40px;
    font-size: 20px;
    font-weight: normal;
    color: #eaf4d8   ;
    text-align: center;
   border-bottom: px solid #444444;
  }
  .RegularText{ 
    height: 40px;
    font-size: 20px;
    font-weight: normal;
    color: #eaf4d8   ;
    text-align: center;
   border-bottom: px solid #444444;
  }
  
  
  /*tbody*/
  
  tbody {
    position: relative;
  }
  
  tbody td {
    font-size: 100%;
    background-color: #EEEEE;
    border: 2px solid #4c7251      ;
  }
  
  tbody tr td:nth-child(1) {
    /*the first cell in each tr*/
    /*seperates the first column from the tbody*/
    height: 50px;
    
        
  }

   
  
  .totalClass{
    background: #4c7251   !important;
    font-weight: bold;
    font-size: 1.5em;
    color: #eaf4d8     ;
    font-style: normal;
    font-family: Arial, sans-serif;
    text-align: Center;
  }
  
  tbody tr td:nth-child(even) {
    background: #D4EED1;
  }
  tbody tr td:nth-child(1),
  tbody tr td:nth-child(2) {
    width:10px;
  }
  
  .EmailField{
  padding: 5px;
    position: relative;
    left: 0;
    outline: none;
    border: none;
    text-align: left;
    background-color: white;
    height: 2.5em;
    width: 250px;
    overflow: hidden;
    text-overflow:ellipsis;
    color :black;
    font: inherit;
    font-size:1em;
  
  }
  .RadioBttn{
   transform: scale(1.5); 
    
  }
  .spacer{
  padding: 5px;
    float:left;
  
  }

/*clock */


  .clock {
    position:relative;
    font-family:monaco,consolas,"courier new",monospace;
    font-size:3.5rem;
    line-height:1.375;
  }
  
  .clock:before,
  .clock:after {
    position:absolute;
    top:0;
    bottom:0;
    content:':';
    z-index:2;
    line-height:1.15;
    color:#333;
  }
  
  .clock:before {
    left:2.325em;
  }
  
  .clock:after {
    right:2.325em;
  }
  
  .clock span {
    position:relative;
    display:inline-block;
    padding:0 .25em;
    margin:0 .06125em;
    z-index:1;
  
    -webkit-transform:perspective(750);
    -moz-transform:perspective(750);
    -ms-transform:perspective(750);
    transform:perspective(750);
  
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    transform-style:preserve-3d;
  }
  
  .clock span:first-child {
    margin-left:0;
  }
  
  .clock span:last-child {
    margin-right:0;
  }
  
  .clock span:nth-child(2),
  .clock span:nth-child(4) {
    margin-right:.3em;
  }
  
  .clock span:nth-child(3),
  .clock span:nth-child(5) {
    margin-left:.3em;
  }
  
  .clock span:before,
  .clock span:after {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    color:#eee;
    text-shadow:0 1px 0 #fff;
    background:#333;
    border-radius:.125em;
    outline:1px solid transparent; /* fix jagged edges in ff */
  
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    backface-visibility:hidden;
  
    -webkit-transition:-webkit-transform .75s, opacity .75s;
    -moz-transition:-moz-transform .75s, opacity .75s;
    -ms-transition:-ms-transform .75s, opacity .75s;
    transition:transform .75s, opacity .75s;
  }
  
  .clock span:before {
    opacity:1;
    z-index:1;
    content:attr(data-old);
  
    -webkit-transform-origin:0 0;
    -moz-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
  
    -webkit-transform:translate3d(0,0,0) rotateX(0);
    -moz-transform:translate3d(0,0,0) rotateX(0);
    -ms-transform:translate3d(0,0,0) rotateX(0);
    transform:translate3d(0,0,0) rotateX(0);
  }
  
  .clock span:after {
    opacity:0;
    z-index:2;
    content:attr(data-now);
  
    -webkit-transform-origin:0 100%;
    -moz-transform-origin:0 100%;
    -ms-transform-origin:0 100%;
    transform-origin:0 100%;
  
    -webkit-transform:translate3d(0,-102.5%,0) rotateX(90deg);
    -moz-transform:translate3d(0,-102.5%,0) rotateX(90deg);
    -ms-transform:translate3d(0,-102.5%,0) rotateX(90deg);
    transform:translate3d(0,-102.5%,0) rotateX(90deg);
  }
  
  .clock .flip:before {
    opacity:0;
    -webkit-transform:translate3d(0,102.5%,0) rotateX(-90deg);
    -moz-transform:translate3d(0,102.5%,0) rotateX(-90deg);
    -ms-transform:translate3d(0,102.5%,0) rotateX(-90deg);
    transform:translate3d(0,102.5%,0) rotateX(-90deg);
  }
  
  .clock .flip:after {
    opacity:1;
    -webkit-transform:translate3d(0,0,0) rotateX(0);
    -moz-transform:translate3d(0,0,0) rotateX(0);
    -ms-transform:translate3d(0,0,0) rotateX(0);
    transform:translate3d(0,0,0) rotateX(0);
  }

  .clocksmall {text-align: center;
  }

  @media screen and (max-width:700px){
    .clock{
      font-size: 2rem;
    }
    #logox {
      width:150px;
      height:100px;
    }
  }