table.orderer
{
	border:1px solid #ACABAB;
	width:100%;
}

table.orderer th
{
	background-color:#CECBCB;
	color:#373737;
	font-size:11px;
	font-weight:bold;
	padding:10px;
	text-align:left;
	border-right:1px solid #E4E4E4;
	border-left:1px solid #848484;
	white-space: nowrap;
}

table.orderer thead td
{
	background-image:url(../../images/fond-header-table.jpg);
	height:13px;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
}

table.orderer th.first
{
	border-left:none;
}

table.orderer th.last
{
	border-right:none;
}

table.orderer th a
{
	color:#373737;
	text-decoration:none;
}

table.orderer td
{
	text-align:left;
	/*padding:5px;
	padding-left:10px;
	padding-right:10px;*/
	font-size:12px;
	color:#373737;
	border-bottom:1px solid #CCC;
}

table.orderer tr.clickable td { cursor:pointer; }
table.orderer tr.clickable td.not_clickable { cursor:default; }

table.orderer tr.clickable:hover td { background-color:#FFE9E8; }

table.orderer td.not_clickable { text-align:center; }


table.orderer div.rotated {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  writing-mode:tb-rl;
  white-space: nowrap;
  margin-left:20px;
  padding-left:10px;
}

table.orderer th.vertical { vertical-align: bottom; }
table.orderer td.vertical { vertical-align: bottom; }

table.projets th { padding:3px; }
table.projets td { padding:2px; font-size:11px; }

table.fichiers th.skew {
    height: 120px;
    width:40px;
    position: relative;
    vertical-align: bottom;
}
 
table.fichiers th.skew > div {
    position: relative;
    top: 0px;
    left: 60px;
    height: 100%;
    transform:skew(-45deg,0deg);
    -ms-transform:skew(-45deg,0deg);
    -moz-transform:skew(-45deg,0deg);
    -webkit-transform:skew(-45deg,0deg);
    -o-transform:skew(-45deg,0deg);    
    overflow: hidden;
    border: 1px solid #CCCCCC;
}
 
table.fichiers th.skew span {
	white-space:nowrap;
    transform:skew(45deg,0deg) rotate(315deg);
    -ms-transform:skew(45deg,0deg) rotate(315deg);
    -moz-transform:skew(45deg,0deg) rotate(315deg);
    -webkit-transform:skew(45deg,0deg) rotate(315deg);
    -o-transform:skew(45deg,0deg) rotate(315deg);        
    position: absolute;
    bottom: 15px;
    left: 1px;
    display: inline-block;
    width: 100%;
    text-align: left;
}
 
table.fichiers td {
    width: 40px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #CCCCCC;
}
 
table.fichiers td a {
    display: block;
    width: 100%;
    text-align: center;
}
 
table.fichiers td.project-name {
    width: auto;
    text-align: right;
    font-weight: bold;
    border: none;
    padding-right: 8px;
}

table.fichiers td.project-name a { text-align:right; }
table.fichiers td.last { border:0; }
table.fichiers .odd {
    background-color: #E8E8E8;
}

table.fichiers th.vert { color:#006600; }
table.fichiers th.rouge { color:#CC0000; }

table.hometable { width:100%; }
table.hometable th { border: 1px solid #999; }
table.hometable th.last { border:0; }
table.hometable td {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #CCCCCC;
}
 
table.hometable td a {
    display: block;
    width: 100%;
    text-align: center;
}
 
table.hometable td.project-name {
    width: auto;
    text-align: right;
    font-weight: bold;
    border: none;
    padding-right: 8px;
}

table.hometable td.project-name a { text-align:right; }
table.hometable td.last { border:0; background-color:#FFFFFF; }
table.hometable .odd {
    background-color: #E8E8E8;
}


table.hometable tr.clickable td { cursor:pointer; }
table.hometable tr.clickable td.not_clickable { cursor:default; }

table.hometable tr.clickable:hover td { background-color:#FFE9E8; }
table.hometable tr.clickable:hover td.last { background-color:#FFFFFF; }

table.hometable td.not_clickable { text-align:center; }