body {
  text-align: left;
  color:  #000000;
  background-color: #ffffff;
  background-image: url(./media/fond.jpg);
  margin:0px;
  padding: 0;
}

a { text-decoration: none; }

a, a:active {
 color: #a44c58;
}
a:hover {
  color: #c0c199;
}
h4{
color: #a44c58;
}




ul, li{
  padding: 0;
  margin: 0;
  list-style-type:none;
  }
legend {
  background-color: #FFFFFF;
  color: #000000
}

.plink {
padding: 0;
  margin: 0;
  display: inline
}

#colonneprincipale ul, #colonneprincipale li{
  padding: 0;
  margin: 0;
  list-style-type:none;

}

h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  display: inline;
}
h5{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0 5px;
  padding: 0;
  font-weight: normal
}


body {
 font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
}
#header {
  width: 660px;
  height: 208px;
  background-color: #FFFFFF;
}
#headerimg {
  background-image: url(./media/imagehaut.jpg);
  background-position: center;
  background-repeat: no-repeat;
  width: 660px;
  height: 208px;
}
#description {
	font-size: 20px;
	text-align: center;
  position: relative;
  top: 105px;
  float:none;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase
}
#menuhaut{
font-size: 14px;
clear: both;

    color: #FFFFFF;
padding-top: 158px;
padding-left:30px;
display: block;
}
#menuhaut span{

}

#menuhaut li {
   display:inline;
   padding:0;
   margin:0;
}

#menuhaut a:link, #menuhaut a:visited{
    color: #FFFFFF;
    padding:14px 10px 5px 2px;

}
#menuhaut a:hover{
    background-color: #c0c199;
    text-decoration: none;
    background-image: url(./media/flechemenuhaut.jpg);
    background-repeat: no-repeat;
    border-top-color: #a44c58;
    border-top-style: solid;
    border-top-width: 2px
}/* Colonne Principale */
#colonneprincipale {
	clear: left;
    float: left;
	padding: 0px 0px 10px 20px;
	margin: 0px 0 0;
	width: 410px;
}
#colonneprincipale h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left
}
#colonneprincipale p{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: justify;
  font-weight: normal
}


#colonneprincipale a, #colonneprincipale a:visited {
  color: #a44c58
}
#colonneprincipale a:hover{
  color: #c9c199
}
#frmShow {
  background-color: #FFFFFF;
  color: #000000;
}

#show {
  background-color: #FFFFFF;
  color: #a44c58;
  border: 1px solid #c9c199
}
#feedcontent {
 background-color: #FFFFFF;
 color: #000000;
 text-align: center;
 font-style: normal
}
#feedcontent {
  font-size: 16px;
}



/* Colonne Droite */
#hautcolonnedroite, #hautcolonnenuage {
        width: 201px;


    background-image: url(./media/hautcolonnedroite.jpg);
    background-repeat: ;
    height: 27px;
  background-position: top
}
#bascolonnedroite, #bascolonnenuage {
    clear: left;
    width: 201px;
    height: 27px;
    background-image: url(./media/bascolonnedroite.jpg);


}

#colonnedroite, #colonnenuage {
    float: right;
    width: 202px;
    padding-top:10px;
    padding-right: 9px;
    text-align: left;
    color: #000000;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
}
#contenudroite {
  background-image: url(./media/bgcolonnedroite.jpg);
  width: 200px ;
  padding-right: 5px

}
#contenunuage{
background-image: url(./media/bgcolonnedroite.jpg);

  padding-right: 5px;
}


#colonnedroite h2 {

}

#colonnedroite a{
  color: #000000
}


#nuagebas {
  color: #a44c58;
  margin-right: 10px;
  margin-left: 10px;
  text-align:center;
}




#colonnedroite h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
    margin: 5px 0 0;
	padding: 0;
    color: #a44c58;
	}

#colonnedroite ul  {
	list-style-type: none;
	list-style-image: none;
	padding-left: 1px;
    padding-right: 5px;

}
#colonnedroite img{
text-align: center;
}
#sidemenu {
   background-image: url(./media/bgcolonnedroite.jpg);
   font-size:13px;
  font-weight: bold
}

#sidemenu li {
 margin-left: 8px;
  display: inline;
  color: #a44c58;

} 

#sidemenu li.active a{
  border: 0px;
  padding: 0px;
  margin: 0px;
  color: #a44c58;
}

#sidemenu li a:hover {
  color: #c9c199;
  border: none;
  padding: 0;

}

eff#feed folders {
  background-image: url(./media/bgcolonnedroite.jpg);
}


textarea, input {
  border: 1px solid #a44c58
}
#loginform {

  text-align: center
}

input.bouton{
  border:0px;

  width: 28px;
  height: 10px
}
.minibarre {
padding-left: 40px;
}
.minibarre img {
margin-top: 5px;
}
#adsdroite{
background-image: url(./media/bgcolonnedroite.jpg);
   padding-left: 16px;
  padding-bottom: 10px;
}
#adsroite src{
  padding-top: 20px;
}

#pub{
background-image: url(./media/bgcolonnedroite.jpg);
padding-top: 10px;
padding-left: 15px;
}
h3 {
  font-family: Arial, Helvetica, sans-serif;
  color: #a44c58;
  background-color: #FFFFFF;
  font-size: 10px;
  border-top-color: #a44c58;
  border-top-style: solid;
  border-top-width: 2px;
  text-align: right;
}

h1,h2 {
  font-family: Arial, Helvetica, sans-serif;
}

input {
 font-size: small;
 font-weight: bold;
}
#page {
  background-image: url(./media/fondpage.jpg);
}


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;
}

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

table#configtable li{
   list-style-type:circle; 
}
#channels {
  background-image: url(./media/bgcolonnedroite.jpg);
}


#channels ul {
  list-style-type: none;
  margin-right:10px;
  font-size: 10px;
}

#channels ul a, #channels ul a:active{
 color: #a44c58;
}
#channels ul a:hover {
  color: #c9c199;
  margin: 0;
  padding: 0;
}
#channels li {
  padding-left:10px;
}


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.folder:hover { background-color: transparent}

/** the main divs (nav, side, content, footer, ...) inherit this class */
#footer {
    margin-left: auto;
margin-right: auto;
	width: 660px;
    height: 51px;
	clear: both;
    background-image: url(./media/imagebas.jpg);
  background-position: bottom;
  background-repeat: no-repeat
}
#footer p {
  text-align: center;
}
#footer a:hover {
  color: #000000;
}

div#nav {
   background-image: url(./media/arrows.gif); 
   background-color: #fff;
   background-position: top right;
   background-repeat: no-repeat; 
}

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

h1 { 
 font-weight: 900;
 font-style:italic;
}

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; }
tr.hilite td { font-weight:900; background-color:#f0fff0; }


  

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;
}

#colonneprincipale img {
border: none;
padding-top: 5px;
margin-left: auto;
margin-right: auto;
}




.item:hover, .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{
 border: 1px solid #ddd;
 font-size: small;
}



table tr:hover td { background-color: #f8f8ff }
table caption {
  text-align: left;
  font-family: "Trebuchet MS", "Gill Sans", Geneva, Arial, Helvetica, sans-serif;
  font-style: italic;
  letter-spacing: 0.05em;
  line-height:1.1em;
  font-size: medium;
  font-weight: bold;
}
  
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 **/

ul.navlist {
 list-style-type: none;
}

ul.navlist li, .bookmarklet {
 border: 1px solid #ddd;
 background-color: #f4f4f4;
}

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

/* doubling because IE chokes on the submit selector */
input[type="submit"]{
  border: 1px solid #ddd;
  background-color: #f4f4f4;
}  


input[type="text"]:focus{
 border-color:#aaa;
}

 
.navlist li:hover,input[type="submit"]:hover {
 background-color:  #f8f8ff;
 border-color: #ddf;
}
 
.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-top:5px; margin-bottom:10px; margin-left:10px; margin-right:20px; text-align:center;}

.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 {
 max-width:70%;
 padding-bottom: 15px;
}
.content {
  font-size:10px;
}

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; }


#channel_admin{
  height: 430px;
  text-align: left;

}

#admin_login {
  width: 150px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  text-align: left;
}
#admin_login label{
  text-align: left;
}
#username {
  height: auto;
}
#password {
  height: auto;
}



#admin_login input{
	height: 1.2em;
	font-size: 1.3em;
	padding: 0.2em;
}

#admin_login_submit {
	display:block !important;
	width:100% !important;
	text-align:left;
}

#admin_login_submit p { padding: 0 auto; display:block; }
#admin_login_submit input { height: auto; }



/* admin/themes */
/* thoroughly inspired by WP2.0's theme management */

.themeframe {
	width: 29%;
	margin: 0 1em;
	float: left;
	height: 20em;
	overflow: hidden;
	padding: 0.2em 0;
	text-align:left;
}

.themeframe .bookmarklet {
	float:right;
	padding: 0 0.2em;
	display:block;
}

.themeframe span {
	background-color: #f9f9f9;
	padding: 1em 1em 0 1em; 
	display:block;
	border: 1px solid #f7f7f7;
	height: 100%;
	} 

	
.themeframe span:hover, .themeframe.active span {
 border-color: #eef;
 background-color: #f8f8ff;
 }
 
.themeframe h4 { border:none; padding:0; clear:right }

.themeframe p { text-align: justify; font-size: small; padding: 0 0.4em; margin: 0 }

.themeframe p.themescreenshot {
	width: 230px;
	height: 120px;
	display: block;
	margin: auto;
	background: #f1f1f1;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	overflow: hidden;
}



.themeframe img {
	width: 100%;
}