body {
     font-family: "Avant Garde","Free Avant Garde","Bitstream Vera Sans","Calibri","Liberation Sans","Arial","Helvetica","sans-serif";
     margin: 0;
     padding: 0;
   }
   h1 {
     background: #b0b4b8;
     box-shadow: 0 0 17px #000;
     margin: 0;
     padding: 12px;
     border-bottom: solid 4px #048;
     font-size: 34pt;
     font-weight: lighter;
     color: white;
background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%);
background: -webkit-linear-gradient(top, #cedce7 0%,#596a72 100%);
background: linear-gradient(to bottom, #cedce7 0%,#596a72 100%);
   }
   h1 .home img {
     height: 36pt;
     width: 36pt;
   }
   h1 small {
     font-size: 8pt;
   }
   span.soutien {
    float: right;
    font-size: 8pt;
    display: inline-block;
    text-align: center;
    position: relative;
    top: -8px;
   }
   p {
    margin-left: 1em;
    margin-right: 1em;
   }
   article {
     margin: 1em;
     padding: 1em;
   }
   div#categs {
     background: #707478;
     padding: 3px;
   }
   div#categs div, div#categs a {
     color: #fff;
     display: inline-block;
     text-shadow: 1px 1px 1px #000;
   }
   div#categs a:before {
     padding-left: 5px;
     content: '> ';
     paddin-right: 3px;
     color: #048;
   }
   div#categs .selected a {  
     color: #ffb !important;
     font-weight: bold;
   }
   div#souscats {
     background: #808488;
     padding: 3px;
     padding-left: 2.5em;
   }
   div#souscats div, div#souscats a {
     color: rgba(255,245,222,.7);
     display: inline-block;
   }
   div#souscats a:before {
     padding-left: 5px;
     content: '> ';
     paddin-right: 3px;
     color: #036;
   }
   div#souscats a.selected {
     color: #ffb;
     opacity: 0.88;
     font-weight: bold;
   }
   div#persocats {
     background: #333;
     padding: 3px;
     text-align: right;
   }
   div#persocats div, div#persocats a {
     color: #ddd;
     display: inline-block;
     
   }
   div#loglog {
     position: absolute;
     top: 2px;
     right: 2px;
   }
   div#loglog form {
     background: rgba(255,255,255,0.81);
   }
   div#former {
     padding: 7px;
     background: #efe8e0;
     border-bottom: solid 3Px #630;
   }
   div#former dl {
     display: inline-block;
     margin: 0;
     width: 49%;
   }
   div#layus {
     float: right;
     display: block;
     padding: 4px;
     width: 28%;
     border: solid 1px #666;
     background: #eee;
     border-radius: 5px;
     margin-right: 1em;
   }
   div#icons {
     display: block;
     float: left;
   }
   div#icons a {
     margin-left: 1em;
   }
   div#catwidget {
     clear: left;
   }
   p#mentions {
     border-top: dotted 1px #333;
     clear: both;
     display: block;
     text-align: center;
   }
   fieldset#fieldset {
     border: none;
   }
   dl {
     font-size: 1em;
     margin-left: 2em;
     margin-right: 2em;
   }
   dl dt {
     border-bottom: dotted 1px #888;
   }
   dl dt {
     font-size: 1.21em;
   }
   dl dt small {
     font-size: .5em;
     color: #999;
   }
   dl dd {
     font-family: monospace;
     margin-bottom: 3px;
   }
   dl dd.list-actions {
     float: right;
     display: inline-block;
   }
   a {
     color: #4488cc;
     text-shadow: 0 1px 1px rgba(33,33,33,.33);
     text-decoration: none;
     cursor: pointer !important;
   }

   a:hover {
     text-decoration: underline;
   }
   a.ext {
     color: #048;
   }
   a.test  {
     color: #248;
   }
   a.creds {
     color: #666;
     opacity: .8;
   }
   a.rss {
     color: #cc8844;
   }
   a.expired {
     display: none;
   }
   a#order {
     float: right;
   }
   a:target {
     font-weight: bold;
   }



#feedZone {
  clear: both;
}
#feedZone div {
  display: block;
  width: 33%;
  float:left;
  margin: 1px;
}
#feedZone ul {
  margin: 0px;
  padding: 0px;
  height: 256px;
  overflow: hidden;
  font-size: 0.8em;
  border: solid 1px;
  list-style-type: none;
}
#feedZone li {
  padding-left: 18px;
  margin-left: 10px;
  margin-bottom: 1px;
  margin-top: 2px;
}
#feedZone li.list-line-even {
  background: url(../images/arrow_right.png) no-repeat top left #eee;
}

#feedZone li.list-line-odd {
  background: url(../images/arrow_right.png) no-repeat top left #e8e8e8;
}

#feedZone h3 {
  font-size: .75em;
  border: solid 1px;
  margin: 0px;
  margin-bottom: 1px;
  padding: 0px;
  margin-top: 4px;
  padding-bottom: 3px;
  padding-top: 3px;
  padding-left: 5px;
  background: #ddd;
  height: 30px;
}
#feedZone h3 span {

}
#feedZone h3 img {
  margin-right: 5px;
}