/*!
// CSS only Responsive Tables
// http://dbushell.com/2016/03/04/css-only-responsive-tables/
// by David Bushell
*/
 #feedback { font-size: 1.4em; }
  table.rtable tr .ui-selecting { background: #FECA40; color: #FECA40;}
  table.rtable tr .ui-selected { background: #F39814; color: #F39814; }
  table.rtable22 tr .ui-selecting { background: #FECA40; color: #FECA40;}
  table.rtable22 tr .ui-selected { background: #F39814; color: #F39814; }
table.rtable2 {
  /*!
  // IE needs inline-block to position scrolling shadows otherwise use:
  // display: block;
  // max-width: min-content;
  */

border-collapse:collapse;
width:100%;
margin:auto;
}
table.rtable2 td {
  padding: 3px 6px;
  border: 1px solid #d9d7ce;
  min-width: 11px;
  width:20%;
  min-height: 35px;
  height:auto;
  height:25px;
 
}

table.rtable2 td > a {
 color: #009247;
 }
table.rtable {
  /*!
  // IE needs inline-block to position scrolling shadows otherwise use:
  // display: block;
  // max-width: min-content;
  */

border-collapse:collapse;
width:100%;
margin:auto;
}

#impair:hover
{
    background-color: red;
    color: red;
}

table.rtable tr:hover td,
table.rtable tr.even:hover td.active,
table.rtable tr.odd:hover td.active {
 /* background: #EBEBEB; */
}

table.rtable th {
  font-size: 11px;
  text-align: left;
  text-transform: uppercase;
  background: #f2f0e6;
}

table.rtable th{
   padding: 2px 4px;
  border: 1px solid #d9d7ce; 
  width: 11px;text-align: center;
}

table.rtable td {
  padding: 3px 6px;
  border: 1px solid #d9d7ce;
  min-width: 11px;
  width:auto;
  min-height: 35px;
  height:auto;
  height:40px;
 
}
div.container
{
  width:100%;
  height:500px;
overflow:scroll;
border:3px solid #009247;
}

div.container_semaine
{
  width:100%;
  height:50px;
overflow:scroll;
border:3px solid #009247;
}
div.container_grille
{
  width:100%;
  height:500px;
overflow:scroll;
border:3px solid #009247;
}
div.container_grille2
{
  width:100%;
  height:500px;
overflow:scroll;
border:3px solid #009247;
}






table.rtable22 {
  /*!
  // IE needs inline-block to position scrolling shadows otherwise use:
  // display: block;
  // max-width: min-content;
  */

border-collapse:collapse;
width:100%;
height:100%;

margin:auto;
}


table.rtable22 th {
  
  text-align: left;
  text-transform: uppercase;
 
}

table.rtable22 th {
   padding: 0px;
  border: 1px solid #d9d7ce; 
  min-width: 20px;
  width:auto;
 background: #f2f0e6;
 font-size:  11px;text-align: center;


}

table.rtable22 td {
  padding: 0px!important;
  border: 1px solid #d9d7ce;
  min-width: 20px;
  max-height: 20px;
  
  width:auto;
 
  height:auto;
 
 
}

table.rtable223 {
  /*!
  // IE needs inline-block to position scrolling shadows otherwise use:
  // display: block;
  // max-width: min-content;
  */

border-collapse:collapse;
width:100%;
height:100%;

margin:auto;
}


table.rtable223 th {
  
  text-align: left;
  text-transform: uppercase;
 
}

table.rtable223 th {
   padding: 3px 6px;
  border: 1px solid #d9d7ce; 
  min-width: 50px;
  width:auto;
 background: #f2f0e6;
 font-size:  12px;


}

table.rtable223 td {
  padding: 3px 6px;
  border: 1px solid #d9d7ce;
  min-width: 35px;
  width:auto;
 
  height:auto;
 
 
}