--- a/web/data/cubicweb.css	Tue Dec 09 16:20:00 2008 -0800
+++ b/web/data/cubicweb.css	Wed Dec 10 10:36:15 2008 +0100
@@ -1002,16 +1002,3 @@
  display:block;
  float:left;
 }
-
-/******************************************************************************/
-/* facets (XXX to continue)                                                   */
-/******************************************************************************/
-
-div.facetBody {
-  height: 10em;
-  overflow: auto;
-}
-
-.facetValueDisabled {
-  text-decoration: underline;
-}

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/data/cubicweb.facets.css	Wed Dec 10 10:36:15 2008 +0100
@@ -0,0 +1,118 @@
+#filterbox fieldset{
+ margin:0px;
+ padding:0px;
+} 
+
+div.facet {
+ margin-bottom:8px;
+ background: #fff;
+ padding: 5px;
+}
+
+div.facetBody {
+  height: 10em;
+  overflow: auto;
+}
+
+div.facetTitle, div.bkSearch  {
+ font-size: 80%;
+ width:220px;
+ color: #AFB0B0;
+ border-bottom: 1px solid #AFB0B0; /* AFB0B0 #2297A8; */
+ margin-bottom:2px;
+ text-transform: uppercase;
+ cursor: pointer;
+}
+
+.opened{  
+ color: #000 !important; 
+}
+
+div.owerflowed{
+  height: 10em; 
+  overflow: auto;
+}
+
+div.facetCheckBox {
+  clear:both;
+  cursor: pointer;
+}
+
+div.facetCheckBox a {
+ text-decoration: none;
+ font-size:85%;
+}
+
+div.facetValue{
+clear:both
+}
+
+div.facetValue img{
+ width:16px; 
+ float:left; 
+ background:#fff;
+}
+
+div.facetValue a {
+ margin-left:20px; 
+ display:block;
+ margin-top:-6px; /* FIXME why do we need this ? */
+}
+
+div.facetValueSelected a {
+  font-weight: bold;
+}
+
+#leftcol label {
+  color: #523015;
+}
+
+div#filter_box div.boxTitle {
+  visibility: none;
+  display: none;
+}
+
+div#filter_box {
+  border: none;
+}
+
+
+div.facetCheckBox{ 
+ line-height:0.8em;
+ }
+
+.facet input{ 
+ margin-top:3px;
+ background:#EDEFEF;
+ border:1px solid gray;
+ font-size:11px;
+ }
+
+
+.facetValueDisabled {
+  font-style: italic;
+}
+
+
+div#filterboxTitle {
+  margin-top: 50px;
+  margin-bottom: 1em;
+  color: #1190A1;
+  font-size:75%;
+  font-weight:bold;
+  padding:0.15em;
+  text-transform:uppercase;
+}
+
+
+div#facetLoading {
+  display: none;
+  position: fixed;
+  padding-left: 20px;
+  top: 400px;
+  width: 200px;
+  height: 100px;
+  font-size:      120%;
+  font-weight:    bold;
+  text-align:     center;
+}