html, body, td, p, th, a  { }

body {
  padding: 20px;

}

body {
  text-align: left;
  color:  #666666;
  background-color: #EEEEEE; 
margin:0px;
background-image: url(images/backgd2.jpg);  background-attachment:fixed;

}
.rose {color:#FF0099}
.hr {border:0px; background:#EEEEEE; background-color:#EEEEEE; height:1px}
body {
 font-family: "Trebuchet MS", "Gill Sans", Geneva, Arial, Helvetica, sans-serif;
 font-size:  medium;
}



.frame {border:1px solid #EEEEE}
span.feedaction form p input {
 font-size: small !important;
   font-weight:400 !important;
}

input.tagedit { font-weight: normal; font-size: smaller;}

label, div#channel_admin span, p.bookmarklet {
 font-size:small;
}

ul { 
 list-style-type:none; 
}

div#errors ul { list-style-type:square !important;  }
div#errors { padding: 1em 2em; }

table#configtable li, content.ul {
   list-style-type:circle; 
}

div#channels li,div#opml li {
  border-bottom: 1px solid  #eef;
  background-color: #fff;
  font-size:small;
}
div#channels div { 
  font-size:small;
  margin:0;
  position:relative;
}
div#opml li { border: none }

/* folder items */
div#channels li ul li {
 border-bottom: none;
}


/* folder icon */
div#opml .folder span {
 font-size: 150%;
}

/* folder labels */
.folder span {
  font-weight:bold;
  text-transform: capitalize;
}


/* channels and sub channels */
div#channels li:hover, div#channels li.folder ul li:hover,div#channels li.active {
 background-color: #f8f8ff;
}

div#channels li.folder:hover { background-color: transparent}

/** the main divs (nav, side, content, footer, ...) inherit this class */
div.frame {
 background-color: #fff;
margin-top:0px; 


}

div#nav {
   background-image: url(./media/logo.png); 
   background-color:   #FFFFFF;
   background-position: top left;
   background-repeat: no-repeat; 
height:150px;padding-top:5px;
}
.explik {background-color:#FFFFFF; border:1px solid #EEEEEE; padding-left:5px; padding-right:5px; padding-top:5px;}
.bleu {color:#0099CC;}

div#footer span { 
 border-right: 1px solid;  
 font-size:  small;
 color: #777;
}


h2#top { 
 position: absolute; left: -3000em; height: 1%;

}
.item {font-size:11px;}
li.item.even, tr.even,div#alltags { background-color: #f9f9f9; }
li.item.odd, tr.odd { background-color: #f4f4f4; }
tr.active td { font-weight:900; background-color:#f8f8ff; }


h3 { color:#0099CC; margin-bottom:0px; margin-top:0px; font-size:18px; font-family:arial
}
  

li.item.unread,h3.collapsed.unread {
 border-color: #eef;
 background-color: #f8f8ff;
}

li.item {
 list-style-type: none;
 border: 1px solid #eee;
}

div#items li.upnav { text-align:right; }

div#items li.upnav a {
 border-left: 1px solid;
 font-size:  small;
}

img { border: none }

.content,.content * {
 font-size: small;
 line-height: 1.4em;
 text-align:justify;
}


.item:hover .content a, .item:hover h5 a { border-bottom: 1px solid #ccc; }

th { 
 background-color: #f4f4f4; 
 font-weight: bold; 
}

table#plugintable,table#channeltable,table#foldertable,table#updatetable,table#configtable,.content table {
 border: 1px solid #ddd;
 font-size: small;
}



table tr:hover td { background-color: #f8f8ff }
  
form.markread p, form.markallread { text-align:right; }

form.markallread {
 text-align:center;
}

.error,.error_l0 {
 color: red;
 font-weight:bold;
 
}

#errors li {
	font-size: medium !important;
	line-height: 1.5em;
}

input, select, textarea {
 border: 1px solid #ddd;
 background-color: #f4f4f4;
}


input[type="radio"], input[type="hidden"] {
 border: none;
 background-color: transparent;
}

div.readmore {
 text-align: right;
 font-size: small;
}



/** from http://css.maxdesign.com.au/listamatic/horizontal11.htm **/
.navlist {
background-color:#b8c8fe; width:100%; margin-bottom:0px; padding-bottom:0px; font-size:12px; font-family:verdana;

}

ul.navlist {
 list-style-type: none;
margin-top:0px;
background-color:#FFFFFF; width:100%; margin-bottom:5px; padding-bottom:0px;

}

ul.navlist li,a.bookmarklet {

 background-color: #b8c8fe;
}

ul.navlist:hover li span { text-decoration:underline}

/* doubling because IE chokes on the submit selector */


 

 
.navlist li a {
 text-decoration: none;
 font-weight: bold;
 color: #667;
 letter-spacing: 0.1em;
}
 
.navlist li.active a,.navlist li a:hover { color: #336; } 

img.favicon { border:none; }

p.stats { font-size: small; margin-bottom:1em; }

.searchhit { border-bottom: 1px solid; font-weight: 900 }

label, input[type="submit"] { cursor: pointer; }




.box { 
 border: 1px solid #eef;
 text-align:center;
}

span.updateres { 
  font-weight: bold; 
}
span.updateres.ok { color: green }
span.updateres.ko { color: red }

table#updatetable td.mc.error { color: #700 }
table#updatetable td.rc { font-weight: bold }

fieldset {  
  text-align: center; 
  border:1px solid #ddd;                                                                                             
}
fieldset.prune p{ text-align:left }
.cntr { text-align:center !important}

optgroup { margin: 1em 0 0.2em 0;} 
legend { font-size:small}

div#alltags {
 background-color: #f9f9f9;
 border-color: #eee;
 text-align:justify;

}
#alltags a { margin: 15px 10px; vertical-align:middle; line-height: 50px;
}

div.content img { 
 padding: 0.4em; 
 margin: 0.8em 0; 
 border: 1px solid #ddd;
}

div#pbholder {
  border: 1px solid #ccc; 
  width:99.2%; 
  text-align:left; 
  height:1.5em; 
  padding:0; 
  margin:auto;
}

div#pbar {
   font-size:small; 
   font-weight: bold; 
   color: #777; 
   line-height:1.35em; 
   width:0%; 
   background-color: #eee;
   margin:2px; 
   padding: 0; 
   border: 1px solid #bbb;
}

div.ief {
   border:1px solid #eee;
   margin: 0.5em 0;
   padding: 0.5em 1em;
}
div.ief p.sbm { margin-top: 1em }

div.ief p a { 
   font-size:small;
   margin: 0 1em 0 0; 
   padding: 0.1em 0.8em;
}

div.ief p a:hover { background-color: #e8e8ff; }

li.item.unread div.ief { background-color: #f3f3ff; }
li.item.unread div.ief p a { background-color: #e5e5f0; }

li.item.odd div.ief { background-color: #e7e7e7; }
li.item.odd div.ief p a { background-color: #d8d8d8; }

li.item.even div.ief { background-color: #f2f2f2; }
li.item.even div.ief p a { background-color: #e3e3e3; }

div.ief form,div.ief form p { padding:0;margin:0}

#opmlimport{ text-align: left !important; }

span.vr { border-left:2px solid #ccc;margin: 0 1em; }

#loginfo { 
	font-size: small; 
	background-color: white;
	border: 1px solid #ccc;	
	opacity: .7;
	filter: alpha(opacity=70);
}

/* for the lilina theme */

.dateheader {
width:auto;
	background-color:#99CC00;
	background:#99CC00;
margin: 0px 0px 0px 0px;
	padding: 4px 0 4px 15px;
		font-size: 12px;
font-family:verdana;
	font-weight: bold;
	color: #ffffff;
	
}
.dateheader a:link { color: #FFFFFF; } 
.dateheader a:visited { color: #FFFFFF; } 
.dateheader a:hover { color:#FFCCCC; } 
.tlink a:link{color:#99CC00}

h3 img,h3 img { vertical-align: 10% }  
  
h4 {
  margin:0; 
  display: inline; 
  padding: 0 0.2em;
}

h5 {
 margin:0 0 0.3em 0;
 padding:0;
 display: block;
}


h5.il { display: inline !important }

input { 
 margin: 3px;
 vertical-align: middle;
}
#gauche { float:left; position:absolute; margin-top:5px; width:250px}
#droite {float:right}


div#channels,ul#sidemenu {
 clear:left;
 width: 280px;
 float: left; 
margin-right:5px;
 
 /* Notorious box model hack for IE5, thanks a bunch */
 voice-family: "\"}\""; 
 voice-family:inherit;
 width:250px;
}
ul#sidemenu { margin: 0 0 0 0.3em; }

#sidemenu li { 
 position: relative;
 display: inline; 
 float:left;
 background-color: white;
 border: 1px solid #ccc;
 border-bottom:none;
 padding: 0.2em 0.7em;
 margin: 0 0.08em;
 margin-bottom: -0.15em;
 font-size: small;
 font-weight: 900;
 letter-spacing: 0.1em;
}

#sidemenu li a { color: #aaa; }
#sidemenu li.active a,#sidemenu li a:hover  { color: black }

div#channels div { margin:0; padding:1em 0 0 0;}

ul, li { 
 margin: 0;
 padding: 0; 
}

div#channels li, div#opml li {
  display: block;
  padding: 0.6em 2px; 
  margin:0;
  position:relative;
}

#opmlimport {
	display:inline;
}

/* folder items */

div#channels li ul li, #channels ul.fexpanded li {
 padding-left: 10px; 
}

/* folder icon */
.folder {
  padding:0;
}

/* folder labels */
.folder span {
 /* padding-left: 25px; */
  margin:0;
}

.folder span img {   vertical-align: middle; margin-right: 0.5em;}


div#items,div#searchfrm, div#update, div#errors {
 margin-left: 290px;
}

div#errors { margin-bottom: 5px }

/** the main divs (nav, side, content, footer, ...) inherit this class */
div.frame {
 padding: 15px;
}


div#nav a { 
 padding: 0 5px; 
}
 
div#nav {
  margin-bottom: 5px;   
}

div#footer, div#nav {
 clear: both;
 padding: 10px;
}

div#footer span { 
 padding:0 5px; 
 margin:0; 
}



h3.collapsed {
 padding-bottom: 0.2em;
}

li.item {
 padding:  0px;
 margin: 0 0 0px 0;
}

div#items ul{
 padding:0;
 margin:0 0 0 0;
}

h3.collapsed {
  margin:0 0 20px 0;
}

div#items li { 
 padding: 4px 0px;
 clear:right;
}

table#configtable li,.content li {
   padding: 0.1em 0.2em !important;
   margin-left: 1.2em;
}

.content li *{
   margin:0; padding:0;
}

.content table td { padding: 0.1em; margin: 0 }

div#items li.upnav {
 padding: 0;
 clear:right;
 margin:0; 
}

div#items li.upnav a {
 padding: 0 10px;
}

div.content {
	margin-top: 1em; 
	padding: 0 1em;
	width: auto;
	}

/* images inside posts */
div.content img { display: block; }
div#items img.favicon { display: inline; }


.content,h4 { 
 height: auto;
 width: 99%;

 overflow: hidden;
 /* IE doesn't get overflow:visible right. */
 voice-family: "\"}\"";
 voice-family:inherit;    
 overflow: visible;
}



table#channeltable,table#foldertable,table#updatetable,table#configtable {
 margin: 20px 0 5px 0;
 width: 99.2%;
}

table#foldertable { width: auto }

td>input[type="text"] { width: 100%; }

form#channeledit input { display:block; }

form#channeledit input[type="text"] {
  display:block;
  width: 50%;
}

div.feedaction {
   padding:0;
   margin:0;
   text-align:right;
   display:block;
}

/** this rule is hidden from IE6 and below as it messes the rendering */
div>div.feedaction {float:right;}

div.feedaction form, div.feedaction form p { 
 text-align:right;
 margin:0;
 padding:0;
}


div.feedaction.withmargin {
 margin-bottom: 0.8em;
}


form#frmShow { margin-bottom: 0.4em !important; }

#items h2 { margin-bottom: 10px; clear:right}

p.error {
 color: red;
 font-weight:bold;
 text-align:center;
}

div.readmore {
 display: block;
 height: 1em;
 margin-top:1em;
}



/** from http://css.maxdesign.com.au/listamatic/horizontal11.htm **/

ul.navlist {
padding-top:10px;
 padding-bottom: 25px; 
 margin: 0;
}
 
div#channel_admin ul.navlist {
 margin-bottom: 1em;
}

ul.navlist li {
 float: left;
}


ul.navlist li {
 height: 1.3em;
 margin: 2px 2px 0 5px;
 padding: 0.05em 0.2em;
}

/* doubling because IE chokes on the submit selector */
input[type="submit"] {
  height: 23px; 
  margin: 2px 2px 0 2px; 
  padding: 0.05em 0.1em;
}

.navlist li a {
 float: left;
 display: block;
 vertical-align:middle;
}
 
img.favicon {
 width:16px;
 height:16px;
 border:none;
 margin-right: 0.5em;
 display: inline;
}

p.stats {
 margin: 0;
 padding: 0;
}

input#search_go { margin-left: 100px; }

div#channel_admin h2 { margin-top: 1em; }

span.updateres { 
  position: absolute;
  left: 60%;
}

.clearer { clear: both; height: 0;  }
.clearer.hidden {  display: none; }
.indent { margin-left: 2em !important; }

/* margin to footer */
div#channels, div#items, div#searchfrm, div#channel_admin, div#about, div#update {
 margin-bottom: 5px;
}


table#updatetable .lc { width: 60% }
table#updatetable .mc { width: 30% }
table#updatetable .rc { width: 10%; text-align:center }

.hidden { display: none; }

.fl { display: inline; float:left; }
.fr { display: inline; float:right; }


fieldset {  
  text-align: center; 
  display: inline;
  padding: 10px;
  margin: 0 10px 0 0;
}

fieldset.tags {  
  width: 120px;
}
 
 
fieldset.tags input, fieldset.tags select { 
 display: block;width: 110px;
 margin: 5px 0; 
}

div#alltags {
 margin: 30px;
 padding: 20px;
}

#loginfo { 
	float: right;  
	padding: 0.2em 0.5em;
margin-top:-46px;
}

/** admin dashboard **/
#db_main {
 width: 72%;
 float:left;
}


#db_main .item { padding: 1em; }
#db_main h4,#db_side h4  { border: none !important; margin-left: 0; padding-left:0 }
#db_side {
 width: 24%;
 margin: 0 1em 0 73%;
 padding: 0 1em;
 border-color: #eef;
 background-color: #f8f8ff;
 
}


#db_side h3 { border:none; padding: 0; margin: 0.5em 0}
#db_side ul { list-style-type: square; margin: 0 0 2em 0 }
#db_side li {
	margin: 1em 0 1em 1em;
	padding: 0 0.2em;
	color: #ccc; 
}
#db_side li h5 a {
	color: #666 !important; 
}
#db_side li h5 a:hover { color: #333 !important }



h1 	{
	font-family: Arial;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color:#99CC00;
	}

h2	{
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	color:#FF0099 ;
	}

p 	{
	font-family: verdana;font-size: 12px;font-style:normal;
	color: #333333;
	}

.bullet	{
	font-family: Arial;font-size: 12px;font-style:normal;
	color: #000000;
	}
	
.colored 	{
	color: #99CC00;
	}


.table_achat
	{
	BACKGROUND-COLOR:#EEEEEE;
	border: 1px solid #FF0099;
	font-family: verdana;font-size: 12px;font-style:normal; color:#666666
	}

.table_nav
	{
	border:1px solid #99CC00;
	BACKGROUND-COLOR: #EEEEEE; 
	}

.table_lettre
	{
	BACKGROUND-COLOR: #454545;
	color: #000000;
	border: 1px #cccccc solid;
	}

.input2
	{
	font-size:13px; 
	font-family: verdana;
	color: #FFFFFF;  
	FONT-WEIGHT: BOLD;
	padding:10px; 	BACKGROUND-COLOR:#0099CC
	}

a:link{
	font-family: verdana;
	font-size: 12px;
	color: #0099CC; text-decoration:none;
}
a:visited{
	font-family: verdana;
	font-size: 12px;
	color: #0099CC;  text-decoration:none;
}
a:hover{
	font-family: verdana;
	font-size: 12px;
	color: #FF0099;  text-decoration:none;
}