body { background-color: white; }
body,table,td { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; }
input { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; }
select { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; }
textarea { font-size: 12px; }
A { color: #8c7b52;}
.clear{clear:both;}

.titre {font-size: 15px;  font-weight: bold;}

.b-t { border-top: 1px solid black; }
.b-b { border-bottom: 1px solid black; }
.b-l { border-left: 1px solid black; }
.b-r { border-right: 1px solid black; }

.td-b-t TD{ border-top: 1px solid black; }
.td-b-b TD{ border-bottom: 1px solid black; }
.td-b-l TD{ border-left: 1px solid black; }
.td-b-r TD{ border-right: 1px solid black; }

.Editeur_Ligne { background-color: #fcf1d5;}
.Editeur_Ligne A{ color:#8c7b52;}
.Editeur_Ligne2 { background-color: #ddc282; }
.Editeur_Titre { background-color: #8c7b52; font-weight: bold; color:#ffffff;}
.Editeur_Titre A{ color:#fcf1d5;}

.error {color: red; font-weight:bold; }
form {margin: 0px}

.list_element{
    cursor: pointer;
    float: left;
    height: 35px;
    width: 330px;
}
.list_element_small{
    cursor: pointer;
    float: left;
    height: 35px;
    width: 120px;
}

/*http://www.iconsdb.com/gray-icons/left-icon.html*/
table.feuilletemp {border-collapse: collapse; border:0px;}
table.feuilletemp td, table.feuilletemp th {border:1px solid #000;}
table.feuilletemp td td, table.feuilletemp th th {border:0px solid #000;}
table.feuilletemp th.main {background-color:#b7b765; color:#000000; padding:5px;}
table.feuilletemp th.secondary {background-color:#386788; color:#ffffff; padding:5px;}
table.feuilletemp td {background-color:#eee; padding:5px;}
table.feuilletemp input.time {width:50px; text-align:center;}
button.semaine {position:relative; top:4px;}
button.semaine img {height:17px;}
h2.sousTitre {font-size:14px;}

table.feuilletemp th.rotate90 {
	white-space: nowrap;
    height:120px;
    background-color:#eee; 
}
table.feuilletemp th.rotate90.totaux, table.feuilletemp td.totaux {
	background-color:#ccc; 
}

table.feuilletemp th.norotate {
	background-color:#ccc; 
}


table.feuilletemp th.rotate90 > div {
  transform: 
    translate(0px, 30px)
    rotate(270deg);
  	width: 30px;
}
.erreur {color:#f00;}

/*.rotate90 .rotateContainer {width:50px; height:200px;}*/
/*https://css-tricks.com/rotated-table-column-headers/*/
	/*-ms-transform: rotate(-90deg); 
    -webkit-transform: rotate(-90deg); 
    transform: rotate(-90deg);*/