BODY {color:black; background:#FFFFDF; 
column-count: 2; column-gap: 1em; 
-moz-column-count: 2 ; -moz-column-gap: 1em; 
-webkit-column-count: 2 ; -webkit-column-gap: 1em; 
-khtml-column-count: 2 ; -khtml-column-gap: 1em; 
column-rule: 2px black solid; 
-moz-column-rule: 2px black solid; 
-webkit-column-rule: 2px black solid; 
-khtml-column-rule: 2px black solid; 
}
BODY.index {color:black; background:#FFFFDF; 
column-count: 1; column-gap: 1em; 
-moz-column-count: 1 ; -moz-column-gap: 1em; 
-webkit-column-count: 1 ; -webkit-column-gap: 1em; 
-khtml-column-count: 1 ; -khtml-column-gap: 1em; 
column-rule: 2px black solid; 
-moz-column-rule: 2px black solid; 
-webkit-column-rule: 2px black solid; 
-khtml-column-rule: 2px black solid; 
}
@media screen { BODY {color:black; background:#FFFFDF; 
column-count: 2; column-gap: 1em; 
-moz-column-count: 2 ; -moz-column-gap: 1em; 
-webkit-column-count: 2 ; -webkit-column-gap: 1em; 
-khtml-column-count: 2 ; -khtml-column-gap: 1em; 
column-rule: 2px black solid; 
-moz-column-rule: 2px black solid; 
-webkit-column-rule: 2px black solid; 
-khtml-column-rule: 2px black solid; 
} }
@media print { BODY {color:black; background:#FFFFFF; 
column-count: 1; column-gap: 1em; 
-moz-column-count: 1 ; -moz-column-gap: 1em; 
-webkit-column-count: 1 ; -webkit-column-gap: 1em; 
-khtml-column-count: 1 ; -khtml-column-gap: 1em; 
column-rule: 2px black solid; 
-moz-column-rule: 2px black solid; 
-webkit-column-rule: 2px black solid; 
-khtml-column-rule: 2px black solid; 
}
}
@media screen { BODY.index {color:black; background:#FFFFDF; 
column-count: 1; column-gap: 1em; 
-moz-column-count: 1 ; -moz-column-gap: 1em; 
-webkit-column-count: 1 ; -webkit-column-gap: 1em; 
-khtml-column-count: 1 ; -khtml-column-gap: 1em; 
column-rule: 2px black solid; 
-moz-column-rule: 2px black solid; 
-webkit-column-rule: 2px black solid; 
-khtml-column-rule: 2px black solid; 
} }
@media print { BODY.index {color:black; background:#FFFFFF; } }

UL.attr {column-count: 2; column-gap: 1em; 
-moz-column-count: 2 ; -moz-column-gap: 1em;
-webkit-column-count: 2 ; -webkit-column-gap: 1em;
-khtml-column-count: 2 ; -khtml-column-gap: 1em;
}
UL.attr li { margin-top: 0ex;}
UL.sort li { margin-top: 0ex;}
UL.index {column-count: 3; column-gap: 1em; 
-moz-column-count: 3 ; -moz-column-gap: 1em;
-webkit-column-count: 3 ; -webkit-column-gap: 1em;
-khtml-column-count: 3 ; -khtml-column-gap: 1em;
}
OL { column-count: 3; column-gap: 1em; 
-moz-column-count: 3 ; -moz-column-gap: 1em;
-webkit-column-count: 3 ; -webkit-column-gap: 1em;
-khtml-column-count: 3 ; -khtml-column-gap: 1em;
}
td ol {
column-count: 1; column-gap: 0em; 
-moz-column-count: 1 ; -moz-column-gap: 0em;
-webkit-column-count: 1 ; -webkit-column-gap: 0em;
-khtml-column-count: 1 ; -khtml-column-gap: 0em;
}

TD { text-align:left;  border-spacing:2 pt  ; border:inset;  color:#000000; }
TABLE { width: 100%;
color:#7C7C7C; border:double ; border-spacing:0pt }
CAPTION { color:#F00; font-weight:bold ; padding-top:1ex;
text-align:left}
TH { text-align:right; background:#FFDDDD; color:#222222; }
A { font-weight:bold }
H1 {background:#000; color:#FFF; padding-left: 3em}
H2 {background:#777; color:#FFF; padding-left: 3em}
TR.ritual { background-color:#DDBBBB; }


TH.An { background:#AA8800; color:#000000;}
TH.Aq { background:#0000FF; color:#FFFFFF;}
TH.Au { background:#AA5599; color:#FFFFFF;}
TH.Co { background:#CC0000; color:#FFFFFF;}
TH.He { background:#00FF00; color:#000000;}
TH.Ig { background:#FF0000; color:#FFFFFF;}
TH.Im { background:#9977FF; color:#000000;}
TH.Me { background:#FF9922; color:#000000;}
TH.Te { background:#994444; color:#FFFFFF;}
TH.Vi { background:#CCCCCC; color:#000000;}

TH.creo      { background:#FFFFFF;}
TH.intellego { background:#FFDD00;}
TH.muto      { background-image: url('../power/muto.gif'); color:#888888}
TH.perdo     { background:#000000; color:#FFFFFF}
TH.rego      { background:#CC00FF; color:#FFFFFF}

LI { margin-top:2ex }
TD OL LI { margin-top: 0.2ex}
OL LI { text-transform: capitalize }

TR.done { background:#CCCCAA; }
TR.todo { background:#99FF99; }
tr.perfect { background:#88FF88;}

TD.valid { background:#99FF99; }
TD.private { background:#FF9999 ; }

span.hiver { background: #CCCCCC;}
span.print { background: #99CC99;}
span.ete   { background: #CCCC99;}
span.autom { background: #CC9966;}
h2 {page-break-after:avoid; page-break-before:auto; 
column-break-before:auto; column-break-after:avoid;
-moz-column-break-before:auto; -moz-column-break-after:avoid;
-webkit-column-break-before:auto; -webkit-column-break-after:avoid;
-khtml-column-break-before:auto; -khtml-column-break-after:avoid;
}
h3 {page-break-after:avoid; page-break-before:auto
-moz-column-break-before:auto; -moz-column-break-after:avoid;
-webkit-column-break-before:auto; -webkit-column-break-after:avoid;
-khtml-column-break-before:auto; -khtml-column-break-after:avoid;
}
p.horloge { font-size: 270%; color:#992244; }
li.mort { background-color: #D89; list-style-type:circle;  }
li.disparu { background-color: #AAA; list-style-type:circle; }
li.perdu { text-decoration:line-through; color:#FF0000 }
li.acquis { text-decoration:underline; color:#008800 }
li.creation { text-decoration:none; color:#0088FF }