@media print {
    #page-breaker {
	padding-top: 150px;
        display: block;
    }

    .noprint {
        display: none !important;
    }
    
    .nuc_container{
	width: 100% !important;;
	margin: 0 !important; /* Center the DIV horizontally */
    }
}


@media only screen and (max-width: 1045px) and (min-width: 600px) {
    .view_priority-8{
        display:none;
    }
    .view_priority-7{
        display:none;
    }
    
    .jconfirm .jconfirm-box .jconfirm-buttons button{
        font-size:10px !important;
    }

}

/*Mobile View*/
@media only screen and (max-width: 600px) {
    #filigrane {
        position:relative;
        /*float:right;*/
        width: auto;
        /*margin: 0 0 0 20%;*/
        background-color: transparent;
        /*border: 1px solid red;*/
        z-index:1;
        text-align: right;
        display: table;
    }
    


    .add_passsanitaire {
        width: 15px !important;
    }
    
    .jconfirm .jconfirm-box .jconfirm-buttons button{
        font-size:10px !important;
    }
    
    #liste_inscrits td {
        font-size: xx-small;
    }

    .view_priority-8{
        display:none;
    }
    .view_priority-7{
        display:none;
    }
    .view_priority-6{
        display:none;
    }
    .view_priority-5{
        display:none;
    }

    h1 {
        font-size: 4vw;
    }
    h2 {
        font-size: 4vw;
        color:#aa0101;
    }

    .headertop, .headerdebug {
        text-align: center;
        text-decoration: none;
        font-size: xx-small;
        font-weight: lighter;
    }
    
    table#ChallengesTable#InvisibleTable {
        border: 1px solid blue;
        border-collapse: collapse;
        text-align: right;
    }
        
    
    table#ChallengesTable .winnerlooser {
       /*height: 15px;
       padding-left:10px;
       padding-right:10px;*/
       
       /*float:right;*/
    }
    
    #CreneauxTable thead th {
        font-weight: bold;
        text-transform: uppercase;
        font-size: xx-small;
        text-align: center;
        background: url('/img/body.gif') transparent repeat;
        color: white;
        padding-bottom: 3px;
    }

    
    table#ChallengesTable #thename {
        font-weight: bold;
        text-transform: uppercase;
        font-size: medium;
        text-align: center;
        background: url('/img/body.gif') transparent repeat;
        color: white;
    }
    
    table#ChallengesTable #ACTION {
        font-weight: bold;
        text-transform: uppercase;
        float: center;
        text-align: center;
    }
    

    table#ChallengesTable { border: 0; }

    table#ChallengesTable thead { display: none; }

    table#ChallengesTable tr {
      /*border-bottom: 3px solid #aa0101;*/
      border-bottom: 1px solid #ffffff;
      display: block;
      /*margin-bottom: .625em;*/
      
    }

    #BRLINE {
        height: 10px;
    }
    
    #challenge_winners {
        background-color: #54d98c;
    }
    #challenge_loosers {
        background-color: #ff6358;
    }
    
    table#ChallengesTable td {
      border-bottom: 1px solid #ddd;
      display: block;
      font-size: .8em;
      text-align: right;
    }
    
    table#ChallengesTable td.joueurs {
      border-bottom: 1px solid #ddd;
      display: block;
      font-size: 20px;
      text-align: right;
      height: 60px;
    }
    
    table#ChallengesTable td.datecreation {
      border-bottom: 1px solid #ddd;
      display: block;
      /*float: right;*/
      margin-top: 5px;
      flex: 1 1 auto;
      font-size: small;
      text-align: right;
      /*height: 30px;*/
    }
    
    table#ChallengesTable td.datelimite {
      border-bottom: 1px solid #ddd;
      display: block;
      /*float: right;*/
      margin-top: 5px;
      flex: 1 1 auto;
      font-size: small;
      text-align: right;
      /*height: 30px;*/
    }

    table#ChallengesTable td:before {
      content: attr(data-label);
      vertical-align: middle;
      float: left;
      display: inline-block;
      font-weight: bold;
      text-transform: uppercase;
      /*margin-top: 10px;*/
      opacity:0.2;
      font-size: small;
    }
    
    table#ChallengesTable td:last-child { border-bottom: 0; }
    
    table#ChallengesTable .nomobile { display: none; }
    
    .selWinner {
        padding-bottom: 30px;
        margin-left: 20%;
        /*margin-bottom: 20px;*/
    }
    select {
        font-size: 20px;
        width:250px;
    }
    .selWinner select {
        font-size: 20px;
        width:250px;
        padding-top:3px;
        padding-left:3px;
        vertical-align:middle;
        float:left;
    }
    .selWinner input[type=submit] {
        font-size: 20px;
        width:50px;
        padding-top:3px;
        padding-left:3px;
        vertical-align:middle;
        float:left;
    }
    
    
    
    #TasksTable .winnerlooser {
       /*height: 15px;
       padding-left:10px;
       padding-right:10px;*/
       
       /*float:right;*/
    }
    
    #TasksTable #thename {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 6vw;
        text-align: center;
    }
    
    #TasksTable #ACTION {
        font-weight: bold;
        text-transform: uppercase;
        float: center;
        text-align: center;
    }
    

    #TasksTable { border: 0; }

    #TasksTable thead { display: none; }

    #TasksTable tr {
      border-bottom: 3px solid #aa0101;
      display: block;
      /*margin-bottom: .625em;*/
      
    }
    
    .TH_SPECIAL {
      border-bottom: 3px solid #aa0101;
      display: block;
    }

    #TasksTable td {
      border-bottom: 1px solid #ddd;
      display: block;
      font-size: .8em;
      text-align: right;
    }

    #TasksTable td:before {
      content: attr(data-label);
      vertical-align: middle;
      float: left;
      display: inline-block;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 5vw;
    }

    #TasksTable td:last-child { border-bottom: 0; }
    
    #TasksTable .nomobile { display: none; }

    
    #nomobile { display: none; }
    
      #logo {
          max-width: 20%;
      }

      #logo img {
          max-width: 90%;
      }
      
      html {
        font-size: 70%;
    }
    div.header{
        min-height: inherit;
    }    
}



html {
    font-size: 82%;
    /*height: 100%;
    min-height: 100%;*/
}

table {
    font-size: small;
}

body {        
        line-height: 1.25;
        margin: 0;
       /*padding-top: 120px;*/
    	padding-left: 0px;
        padding-bottom: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
        /*zoom: 80%;*/
        /*font-size: 1.2em;*/
        /*height: 100%;
        background: url('/images/datacenter.png') transparent no-repeat;
        background-size: 100%; 
        background-position: 0px;
        background-attachment: fixed;*/
        background: url('/img/body.gif') transparent repeat;
}


#chart_container{
    position: relative;
    margin: auto;
    width: 300px;
    /*height: 300px;*/
    padding-bottom: 5px;
    /*height: 0 ;*/
}

.chart-div{
    margin-bottom: 5px;
    margin: auto;
}
    

#trumbowyg-icons,#trumbowyg-icons svg{height:0;width:0}
#trumbowyg-icons{overflow:hidden;visibility:hidden;}


a.disabled_link_white:link,
a.disabled_link_white:active,
a.disabled_link_white:visited,
a.disabled_link_white:hover {
  text-decoration: none;
  color: #6cee61 !important;
}

/* cookie eu */
div.cookie_policy_msg{width: 100%;
    background: #f1a213;
    position: fixed;
    margin-top: -20px;}
div.cookie_policy_msg>div{
    max-width:1200px;
    margin:0 auto;
    color:black;
    padding:10px;
}
div.cookie_policy_msg>div>a:first-child{
    color:#fff;
    display:inline-block;
    margin-left:10px;
}
div.cookie_policy_msg>div>a:last-child{
    display:inline-block;
    margin-left:20px;
    height:28px;
    width:32px;
    color:#fff;
}



.add_passsanitaire {
        width: 20px;
}

.iamresp {
    color: #BB0000;
    font-weight: bold;
}

#dates_creneaux {
  display: flex;                  /* establish flex container */
  flex-direction: row;            /* default value; can be omitted */
  flex-wrap: nowrap;              /* default value; can be omitted */
  justify-content: space-between; /* switched from default (flex-start, see below) */
  background-color: white;
  padding: 5px;
}
#dates_creneaux > div {
  margin: auto;
  /*height: 100px;*/
  /*border: 2px dashed red;*/
}

.buttonas {
    width: 30px;
    outline: none;
    background-color: #4CAF50;
    color: white;
    padding: 3px 5px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    /*float: left;*/
    box-shadow: 2px 2px 4px #000;
}
.current {
    width: 90px;
    outline: none;
    background-color: white;
    color: black;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 2px;
    padding: 3px 5px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    /*float: left;*/
    /*box-shadow: 2px 2px 4px #000;*/
}




.selWinner input[type=text], input[type=password], select, textarea {
        font-size: 10px;
        width:100px;
}

.selWinner {
        padding-bottom: 30px;
        margin-left: 20%;
        /*margin-bottom: 20px;*/
}

#BRLINE {
    height: 10px;
}

/*.winnerlooser {
    height: 24px;
 }*/

.wrapper {
  display: flex;
  float: right;
  margin-top: -7px;
}

.wrapper input[type="text"] {
    flex: 1 1 auto;
  }
.wrapper input[type="select"] {
    flex: 1 1 auto;
  }

#challme {
    /*position:absolute;*/
    float:right;
    width: auto;
    /*margin: 0 0 0 20%;*/
    background-color: transparent;
    /*border: 1px solid red;*/
    z-index:+5;
    text-align: right;
}



#filigrane{
    display:none;
}

.headertop, .headerdebug {
    text-align: center;
    text-decoration: none;
    font-size: normal;
    font-weight: bold;
}

 
#challenge_winners {
    background-color: #54d98c;
}
#challenge_loosers {
    background-color: #ff6358;
} 
 
.noprint {}

#logo {
          /*width: 50%;*/
}

#nomobile {}
.nomobile {}
.ignore {display: none;}

.header{
	display:block;
        width: 90%;
	margin: 0 auto; /* Center the DIV horizontally */
        background-color: white;
        padding: 0 10px 0 10px;
        height: auto;
        min-height:148px;
}

.menu{
	display:block;
        width: 90%;
	margin: 1em auto; /* Center the DIV horizontally */
        background-color: white;
        /*margin: 3px 0 3px 0;*/
        padding: 0 10px 0 10px;
        height: 15px;
        min-height:15px;
        font-size: smaller;
        font-weight: bold;
        text-decoration: none;
}

.menu a{
        text-decoration: none;
}


/*.container{
	width: 90%;
	margin: 0 auto;
        background-color: white;
        padding: 0 10px 0 10px;
    }
*/

.nuc_container{
    width: 90%;
    margin: 0 auto; /* Center the DIV horizontally */
    background-color: white;
    padding: 0 10px 0 10px;
}

.logo {
	width: 90%;
	height: 90px;
	top: 0;
	position: fixed;
	background: white;
	padding: 0;
	margin: 0 auto; /* Center the DIV horizontally */
        z-index: 100;
}

/* ------- TABLE SANS BORDURES ---- */

.InvisibleTable {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-collapse: collapse;
}
  
.InvisibleTable tr {
  border-width: 0;
}

.InvisibleTable td {
  border-width: 0;
}


/* ------- LISTE DES TACHES ---- */
#TasksTable {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  /*font-size: 0.8em;*/
  box-shadow: 2px 2px 4px #000;
  background-color: #fff;
}

#TasksTable td {
  border-width: 0 0 1px 0;
  border-color: #ddd;
  border-style: solid;
  padding: 8px;
  /*background-color: #eee;*/
}

.TH_SPECIAL {
    border-bottom: 3px solid #aa0101;
    display: block;
    /*margin-bottom: .625em;*/
}
    
#TasksTable tr:nth-child(even){background-color: #eee;}

/*#TasksTable tr:hover {background-color: #f2f2f2;}*/

/*#TasksTable th {
  padding-left: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  position: sticky;
  background-image: linear-gradient(#fff,#fff,#fff,#fff,#fff,#fff,#eee,#eee,#eee,#ddd,#ddd,#484848,#ccc);
  color: #336699;
}*/
#TasksTable thead th {
    font-weight: bold;
    text-transform: uppercase;
    font-size: xx-small;
    text-align: center;
    background: url('/img/body.gif') transparent repeat;
    color: white;
    height: 30px;
    min-height: 30px;
    vertical-alin:middle;
}

#TasksTable th.end {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
  /*background-image: linear-gradient(#eee,#eee,#eee,#eee,#eee,#eee,#ddd,#ddd,#ddd,#ddd,#ddd,#ddd,#ddd);*/
  /*background-image: linear-gradient(#ccc,#484848,#ddd,#ddd,#eee,#eee,#eee,#fff,#fff,#fff,#fff,#fff,#fff);*/
  background-image: linear-gradient(#eee,#eee,#eee);
  color: #336699;
}


/* ------- LISTE DES CHALLENGES ---- */
#ChallengesTable {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  /*font-size: 0.8em;*/
  box-shadow: 2px 2px 4px #000;
  background-color: #fff;
}

#ChallengesTable td {
  border-width: 0 0 1px 0;
  border-color: #ddd;
  border-style: solid;
  padding: 8px;
  /*background-color: #eee;*/
}

#ChallengesTable tr:nth-child(even){background-color: #eee;}

/*#TasksTable tr:hover {background-color: #f2f2f2;}*/

/*#ChallengesTable th {
  padding-left: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  position: sticky;
  background-image: linear-gradient(#fff,#fff,#fff,#fff,#fff,#fff,#eee,#eee,#eee,#ddd,#ddd,#484848,#ccc);
  color: #336699;
}*/

#ChallengesTable thead th {
    font-weight: bold;
    text-transform: uppercase;
    font-size: xx-small;
    text-align: center;
    background: url('/img/body.gif') transparent repeat;
    color: white;
    height: 30px;
    min-height: 30px;
    vertical-alin:middle;
}





#ChallengesTable th.end {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
  /*background-image: linear-gradient(#eee,#eee,#eee,#eee,#eee,#eee,#ddd,#ddd,#ddd,#ddd,#ddd,#ddd,#ddd);*/
  /*background-image: linear-gradient(#ccc,#484848,#ddd,#ddd,#eee,#eee,#eee,#fff,#fff,#fff,#fff,#fff,#fff);*/
  background-image: linear-gradient(#eee,#eee,#eee);
  color: #336699;
}


/* ------- LISTE DES CRENEAUX ---- */
#CreneauxTable {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  /*font-size: 0.8em;*/
  box-shadow: 2px 2px 4px #000;
  background-color: #fff;
}

#CreneauxTable td {
  border-width: 0 0 1px 0;
  border-color: #ddd;
  border-style: solid;
  padding: 8px;
  /*background-color: #eee;*/
}

#CreneauxTable tr:nth-child(even){background-color: #eee;}

/*#TasksTable tr:hover {background-color: #f2f2f2;}*/

#CreneauxTable thead th {
    font-weight: bold;
    text-transform: uppercase;
    font-size: xx-small;
    text-align: center;
    background: url('/img/body.gif') transparent repeat;
    color: white;
    height: 30px;
    min-height: 30px;
    vertical-alin:middle;
    padding-bottom: 3px;
}

#ChallengesTable th.end {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
  /*background-image: linear-gradient(#eee,#eee,#eee,#eee,#eee,#eee,#ddd,#ddd,#ddd,#ddd,#ddd,#ddd,#ddd);*/
  /*background-image: linear-gradient(#ccc,#484848,#ddd,#ddd,#eee,#eee,#eee,#fff,#fff,#fff,#fff,#fff,#fff);*/
  background-image: linear-gradient(#eee,#eee,#eee);
  color: #336699;
}



.blinkold {
    animation: blink-animation 1s steps(2, start) infinite;
    -webkit-animation: blink-animation 1s steps(2, start) infinite;
}
@keyframes blink-animation {
    to {
      /*visibility: hidden;*/
      background-color: #6bf725;
    }
}
@-webkit-keyframes blink-animation {
    to {
      /*visibility: hidden;*/
      background-color: red;
    }
}

.blink {
    animation: blinkingText 2s infinite;
}
@keyframes blinkingText{
        0% { background-color: #619fee;}
        25% { background-color: #6bf725;}
        50% { background-color: #619fee;}
        75% { background-color: #6bf725;}
        100%	{ background-color: #619fee;}
}