/*
Theme Name: zeList Champagne
Theme URI: http://sante.cornee.fr
Description: zeList theme for a Champagne directory
Version: 1.1
Author: Malaiac
Author URI: http://www.malaiac.net
Tags: blue, two columns, health
*/

/* reset */
html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
strong { font-weight: bold; }

#content ul { padding-left: 1em; }

/* remember to define focus styles! */
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after, q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}


/* generic */
.success{background:#F0FFF0 url('icons/accept.png') center no-repeat;background-position:15px 50%;text-align:left;padding:5px 20px 5px 45px;border-top:2px solid #54AA00;border-bottom:2px solid #54AA00;margin:20px 0;}
.warning{background:#fff6bf url('icons/exclamation.png') center no-repeat;background-position:15px 50%; text-align:left;padding:5px 20px 5px 45px;border-top:2px solid #ffd324;border-bottom:2px solid #ffd324;margin:10px 0;font-size:14px;}
.tip{background:#E6EDF4 url('icons/information.png') center no-repeat;background-position:15px 50%;text-align:left;padding:5px 20px 5px 45px;border-top:2px solid #b5d4fe;border-bottom:2px solid #b5d4fe;margin:5px 0;}
.error{background:#fff6bf url('icons/exclamation.png') center no-repeat;background-position:15px 50%; text-align:left;padding:5px 20px 5px 45px;border-top:2px solid #ffd324;border-bottom:2px solid #ffd324;margin:10px 0;}
.hidden{visibility:hidden;}
.clear{display:block; width:100%; clear:both; content:""; }
.clearfix:after{content:".";    display:block;    height:0;    clear:both;    visibility:hidden;}
.clearfix{display:inline-block;}
ul{padding:0; margin:0; }
/* hides from ie-mac */
html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */

/* forms */
select {  }
option { padding: 0 3px; }
option:before { content: ' > '; }
textarea { display: block; width: 500px; }
label { display: block;  padding: 3px 0px;  }
label input, label select {  display: block; margin-right: 5px;  }
label.indent { margin-left: 20px; }
label input.inl { display: inline; }
label.option { color: gray; /* background : #DDD; */ }
label.option input { background: #FDFDFD; }
label.text input { }
label.mail input  { letter-spacing: .2em; padding: 2px 4px;  }

/* structure */
*{margin:0; padding:0; line-height:1.25em;  }
body{text-align:center; }
#wrapper{margin:0 auto; width:970px; position:relative;}
#header{height:313px; }
#head_nav{position:relative;height:80px;}

#inner_wrapper{margin:0 auto; width:938px;text-align: left;  }

#content {margin:0 20px 20px 0px; }
 #content.narrowcolumn { float:right; width:620px !important; width:610px; min-height:200px; }
 #content.widecolumn {float:right; width:900px; min-height:200px;}
#sidebar{float:left;  width:270px;  }
#footer{height:120px; }

/*design */
#head_title{float:left; width:260px; height:100px; color: white; text-align: center;}
#head_title h1 a { font-size: 24px;color: #fdefcf;};
#head_title a { height: 70px; }
#head_title * { margin: 0 auto; display: block; }
		#head_onglets{position:absolute;bottom:0;right:0;width:930px; }
		#head_onglets div{display:block;float:left; height:47px;width:210px; background: url(./img/onglet.png) no-repeat top; }
		#head_onglets div.home { background: url(./img/onglet_home.png) no-repeat top; }
		#head_onglets div.home a { color: #fff; }
		#head_onglets a { float: left; width: 210px; text-align: center; padding-top: 18px; color: #836b35;  font-size: 100%; font-weight: bold; text-transform: uppercase; }
		#head_onglets div#home { background: url(./img/onglet_home.png) no-repeat top; }

div#search { text-align: left; }
div#search input { font-size: .9em; padding: 4px; }

#head_affiche{height:233px; position:relative;background: url(./img/affiche.png) top no-repeat;    }
	#head_affiche img{margin:16px auto 0 auto; }
	#head_affiche p{position:absolute; top:32px; left:48px; width:400px;   text-align: left; color: white; font-size: 1.25em; font-weight: bold; }
	#head_affiche div#search{position:absolute; top:150px; left:50px; width:400px;   }

#main { position: relative; padding-bottom: 26px; background: #babcc8 url(./img/main_bg.gif) repeat-y center; }
 #main_bottom {	position: absolute; bottom: 0; left: 0; height: 138px;	width: 100%; background: #babcc8 url(./img/main_footer.gif) repeat-x center top;	}

#spacer_top { height: 25px; background: url(./img/main_top.png) no-repeat center top;  }
#inner_wrapper { text-align: left; position: relative; background: #f5f5f5 url(./img/inner_bg.gif) repeat-y center; padding-bottom: 16px;z-index: 4;}
#inner_bottom { height: 23px; position: absolute; bottom: 0; left: 0; width: 100%; background: #f5f5f5 url(./img/inner_bottom.gif) no-repeat center bottom; z-index: 4;
}


#footer { background: url(./img/footer.gif) repeat-x center top; background: #836b35; color: #ccc;  margin-bottom: -20px;}
#footer ul { text-align: left; font-size: .9em;  }
#footer ul li { display: block; margin: 0 5px;}
#footer ul li.title { padding-bottom: 5px; font-size: 1.2em; }
#footer a { color: white; }
  .foot { width: 300px; float: left; margin: 15px 15px;   }
  .middle { margin: 15px 0; }

/* typo */
body{font-family:'Trebuchet MS', 'sans-serif'; font-size:100%; background:#edc06c url(./img/pattern.png) repeat-x top;  }
h1, h2, h3, h4,.title,#header *{font-family:'Myriad Pro','Trebuchet MS', 'Lucida Sans',sans-serif; }
a{text-decoration:none; color:#6e5723; }
a:visited{color:#95793b; }
a:hover{text-decoration:underline;}
a img{border:none; }
.pagenav, .sitetitle { display: block; list-style: none; font-weight: bold; }

.sitetitle.connexe { padding-bottom: 5px; }

div.tag_cloud {  background: #f6ce5b url(./img/bg_cloud.gif) top repeat-x;  border: #95793b 1px solid;  text-align:left;   font-weight: bold;  font-size: 1.2em; line-height: .8em;  padding: 10px;		color: white; }
div.tag_cloud a { color: white; }
.link_tags a { background: #835723; font-weight: bold;  font-size: .95em; padding: 0 .1em; color: white; line-height: 1.4em; }

/* main content */
#links, #categories {
margin: 0 20px 10px 0px !important;padding: 10px;border: gray 1px solid; background: white; /* IE */margin-left: 15px;
}

/* categories list */
ul#categories { border: black 1px dotted; margin-bottom: 10px; }
ul#categories li {display: block; font-weight: bold; background: url('img/folder.png') left top no-repeat; padding: 0 0 5px 20px;}
ul#categories ul.children li { font-size: .9em; font-weight: normal; display: inline;  background-image: none; padding: 0; }

/* sites list */
#links .link { clear: both; margin-bottom: 10px; border: 1px dashed #bbb; background: #f5f5f5; font-size: .8em; padding: 10px; }
/* clearfix */ #links .link:after{content:".";    display:block;    height:0;    clear:both;    visibility:hidden;}
#links .link h2 { color: #002288;font-size: 1.5em; padding-bottom: .5em;  }
#links .link .link_image { float: left; margin: 0 5px 5px 0; border: gray 1px solid; padding: 3px; }
#links .link .link_metas { color: gray; margin-top: 1em; font-size: .9em;  }

/* link category */ 
h1 { padding-bottom: 1em; font-size: 1.4em; }


/* single site */
.widecolumn div.link {margin: 0 10px 20px 5px !important; padding: 5px 10px 10px; border-top:  gray 1px solid; background: #fcf3e2; /* IE */ margin-left: 25px; }
.widecolumn div.link div.entry { margin-top: 1em; }

div.pub { padding-top: 10px; }

div.link h1 { padding: .1em 0; border-bottom: gray 1px solid; font-size: 1.8em;   }
div.link .breadcrumbs { margin-bottom: 5px; padding-top: 3px; font-size: 1.2em; }
div.link div.right { float: right; width: 640px;   }
div.link div.left { width: 230px; overflow: auto; }

div.link .link_feed, div.link .link_description { font-size: 1em; padding: .7em; margin: 1em 0; border: 1px dashed #bbb; background: #f5f5f5; }
div.link .link_description ul { padding-left: 10px; }

div.link a.link_url {	border: #95793b 1px solid;	background: white;	color: #95793b;	display: block;	margin: .5em 0;	padding: .3em;	width: 100%;	text-align: center;	font-size: 1.4em;	} 
div.link a.link_url:hover {	border: white 1px solid;	background: #95793b;	color: white; }
	 
div.link div.more { border-top: 1px dashed gray; border-bottom: 1px dashed gray; margin: 10px 0; padding: 10px 0; width: 640px; }
div.more div.ads { float: left; width: 300px;  }
div.more div.related { float: right; width: 340px; }
	div.related ul li {padding-bottom: 10px; font-size: 11px; font-family: Arial;}
	div.related li a { text-decoration: underline; font-weight: bold; font-family: Arial; font-size:11px; }
	div.related li a.show_links { font-family:verdana,arial,sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; }
	div.related li p { font-family:verdana,arial,sans-serif; font-size:11px; }

div.link .link_feed { font-size: .8em; border-top: gray 1px dashed;  margin-top: 20px; padding-top: 1em; font-size: 13px; ;  }
	.link_feed h2 { font-size: 1.4em; margin-top: 1em; }
	.link_feed ul {}
	.link_feed ul li { margin-bottom: .4em; }
	.link_feed ul li .content { margin-top: .1em; font-size: .9em; color: #333; display: block;}

div.link .link_image { margin-bottom: .5em; overflow: hidden; }
div.link .link_image a { padding: .2em;  }
div.link .link_image img { border: 1px solid #835723; }

div.link ul.informations {  font-size: .8em;}
div.link ul.informations li { margin-top: .3em; }
div.link ul.informations li span { display: block; font-size: .8em; color: gray;  }


/* sidebar */
.side { margin: 0 5px 10px 20px; padding: 5px; background: white; padding: 10px; border: gray 1px solid;}
div#stats.side {  }
div#stats.side ul { border-top: gray 1px dashed;}
div#stats.side ul li {  font-size: .75em; border-bottom: gray 1px dashed; padding: 3px 0; }