    table.planning_tb tbody tr:hover{background-color:#fafafa;}
    table.planning_tb { border-collapse: separate;padding:0;background-color:#fff;width: 280px;border-spacing : 0;/*border-collapse : collapse;*/margin:20px;border:1px solid #888;}
    table.planning_tb thead tr.mois {color:#000;font-size:16px;}
    table.planning_tb thead tr {color:#272727;background-color:#eee;}
    table.planning_tb thead tr.jsemaine td {border:1px solid #888;border-right:0 none;border-left:0 none;}
    table.planning_tb tr {padding:0;margin:0;text-align:center;border:0 none;}
    table.planning_tb td {vertical-align:middle;padding:0;margin:0;text-align:center;border:0 none;width:40px;height:40px;position:relative;}
    table.planning_tb_linear td.cr {vertical-align:middle;padding:0;margin:0;text-align:center;width:40px;height:40px;position:relative;min-width:40px;max-width:40px;}
    table.planning_tb_linear th.nob {white-space:nowrap}
     
    table.planning_tb td .a,
    table.planning_tb_linear td .a {position:absolute;z-index:1;width:40px;height:40px;left:0;top:0;line-height:40px;}
    
    table.planning_tb_linear td .a a {color: inherit;color: unset;}
    
    table.planning_tb .planning-out .a{text-decoration: line-through;color:#aaa;}
    table.planning_tb .planning-td .a{font-weight:600;color:#000;/*background-color: rgba(0, 200, 50, 0.3);*/outline: 2px solid;outline-offset: -2px;}
    table.planning_tb .planning-om .a{color:#aaa;}
    
    table.planning_tb .planning-vac-3 {position:absolute;background-color:#A6CE3A;left:0;right:0;bottom:8px;height:3px;}
    table.planning_tb .planning-vac-2 {position:absolute;background-color:#51C6D8;left:0;right:0;bottom:4px;height:3px;}
    table.planning_tb .planning-vac-1 {position:absolute;background-color:#F9A618;left:0;right:0;bottom:0;height:3px;}
    
    table.planning_tb .planning-om .planning-vac-1, table.planning_tb .planning-om .planning-vac-2,table.planning_tb .planning-om .planning-vac-3 {opacity: 0.5;}
    
    table.planning_tb .planning-6, table.planning_tb .planning-7 {background: #f5f5f5 none repeat scroll 0 0;}                           
    
    table.planning_tb .planning-dispo-0, 
    table.planning_tb_linear .planning-dispo-0{background-color:#f0dfdf} 
    
    table.planning_tb .planning-dispo-4, {background-color:#000}
    table.planning_tb_linear .planning-dispo-4 {background-color:#000}
    
    table.planning_tb .planning-dispo-4:after, table.planning_tb .planning-dispo-4:before,
    table.planning_tb_linear .planning-dispo-4:after, table.planning_tb_linear .planning-dispo-4:before {content:"";border-style: solid;border-width: 42px 42px 0 0;border-image: none;left: 0;position: absolute;z-index:0;top: 0;}
    table.planning_tb .planning-dispo-4:after,
    table.planning_tb_linear .planning-dispo-4:after {border-color: transparent #f0dfdf;}
    table.planning_tb .planning-dispo-4:before ,
    table.planning_tb_linear .planning-dispo-4:before {border-color: #f0dfdf #000;}  /* transparent */
    
    table.planning_tb  a {color: inherit;color: unset;}
    
    table.planning_tb .planning-dispo-2, table.planning_tb .planning-dispo-3 {}
    table.planning_tb .planning-dispo-2:after, table.planning_tb .planning-dispo-3:after,
    table.planning_tb_linear .planning-dispo-2:after, table.planning_tb_linear .planning-dispo-3:after {content:"";border-style: solid;border-width: 42px 42px 0 0;border-image: none;left: 0;position: absolute;z-index:0;top: 0;}
    table.planning_tb .planning-dispo-2:after,
    table.planning_tb_linear .planning-dispo-2:after {border-color: transparent #f0dfdf;}
    table.planning_tb .planning-dispo-3:after,
    table.planning_tb_linear .planning-dispo-3:after {border-color: #f0dfdf transparent;}
    
    table.planning_tb .planning-dispo-0.ctype-2,
    table.planning_tb_linear .planning-dispo-0.ctype-2 {background-color:#f3eeb6}
    table.planning_tb .planning-dispo-2.ctypeb-2:after ,
    table.planning_tb .planning-dispo-4.ctypeb-2:after,
    table.planning_tb_linear .planning-dispo-2.ctypeb-2:after ,
    table.planning_tb_linear .planning-dispo-4.ctypeb-2:after {border-color: transparent #f3eeb6;}
    table.planning_tb .planning-dispo-3.ctype-2:after ,
    table.planning_tb .planning-dispo-4.ctype-2:before,
    table.planning_tb_linear .planning-dispo-3.ctype-2:after ,
    table.planning_tb_linear .planning-dispo-4.ctype-2:before {border-color: #f3eeb6 transparent;}
    
    .p_mois {display: inline-block;vertical-align: top;}
    
body table.planning_tb .planning-dispo-0,
body table.planning_tb_linear .planning-dispo-0 {background-color:#d1c0c0}
body table.planning_tb .planning-dispo-3::after,
body table.planning_tb_linear .planning-dispo-3::after {border-color: #d1c0c0 transparent;}
body table.planning_tb .planning-dispo-2::after,
body table.planning_tb_linear .planning-dispo-2::after {border-color: transparent #d1c0c0;}
body table.planning_tb .planning-dispo-4::before,
body table.planning_tb_linear .planning-dispo-4::before  {border-color: #d1c0c0 #000;}  /*transparent*/
body table.planning_tb .planning-dispo-4::after,
body table.planning_tb_linear .planning-dispo-4::after {border-color: transparent #d1c0c0;}

/* les docs o82%,75%,75%*/
body table.planning_tb .planning-dispo-0.ctype_etape8,
body table.planning_tb_linear .planning-dispo-0.ctype_etape8 {background-color:#B3A2A2}
body table.planning_tb .planning-dispo-3.ctype_etape8::after,
body table.planning_tb_linear .planning-dispo-3.ctype_etape8::after {border-color: #B3A2A2 transparent;}
body table.planning_tb .planning-dispo-2.ctype_etape_b8::after,
body table.planning_tb_linear .planning-dispo-2.ctype_etape_b8::after {border-color: transparent #B3A2A2;}
body table.planning_tb .planning-dispo-4.ctype_etape8::before,
body table.planning_tb_linear .planning-dispo-4.ctype_etape8::before  {border-color: #B3A2A2 #000;}  /*transparent*/
body table.planning_tb .planning-dispo-4.ctype_etape_b8::after,
body table.planning_tb_linear .planning-dispo-4.ctype_etape_b8::after {border-color: transparent #B3A2A2;}

/* les clotures*/
body table.planning_tb .planning-dispo-0.ctype1,
body table.planning_tb_linear .planning-dispo-0.ctype1 {background-color:#A3A097}
body table.planning_tb .planning-dispo-3.ctype1::after,
body table.planning_tb_linear .planning-dispo-3.ctype1::after {border-color: #A3A097 transparent;}
body table.planning_tb .planning-dispo-2.ctypeb1::after,
body table.planning_tb_linear .planning-dispo-2.ctypeb1::after {border-color: transparent #A3A097;}
body table.planning_tb .planning-dispo-4.ctype1::before,
body table.planning_tb_linear .planning-dispo-4.ctype1::before  {border-color: #A3A097 #000;}  /*transparent*/
body table.planning_tb .planning-dispo-4.ctypeb1::after,
body table.planning_tb_linear .planning-dispo-4.ctypeb1::after {border-color: transparent #A3A097;}


/* les weekends */
table.planning_tb_linear td.crddd6 .a, table.planning_tb_linear td.crddd7 .a  {font-weight:900;}

body table.planning_tb .mois_tr{font-size: 12px;color: #999;margin-left: 10px;}
    