/*  
Theme Name: blog Montbeliard
Theme URI: http://www.inovagora.net
Description: Blog des conseils generaux du futur du Pays de Montbeliard
Version: 1.0
Author: Stéphane CHONEZ - Graphikstudio




/* HTML Elements */


* {margin:0; padding:0;}

body,html {min-height:101%;}
	
body {background: #b6ad57 url('images/fondtetiere1.gif') repeat-x; color: #2e3234;}

body, select, input, textarea {font: 100% Verdana, Arial, Helvetica, sans-serif;}
	
p {margin: 15px 0;}

a:link, a:visited {color: #d70080; text-decoration:none;}
a:hover, a:active {color:#333; text-decoration:underline;}

small {font-size: 0.95em; background:#efefef;	padding:3px 6px;}

img, a:link img, a:visited img {border:0}
	
.lien {cursor:pointer;} 	
.suite a{background:#d70080; color:#f9f9f1; display:block; width:95px;}
.suite a:hover{background:#f9f9f1; color:#d70080; text-decoration:none;}

.logo {margin:10px 0 0 0; padding:0; float:right;}

hr {margin:10px 0 0 0; padding:0; border-bottom:4px solid #b6ad57;}


/* Structure */


#page {width:926px;	margin:0 auto;	padding:0;	font-size:0.7em; background:#f9f9f1;}
	
#header {background: url('images/tetiere.gif') top no-repeat;	height:220px;	padding:0;	color:#FFF;}
	
#retour {margin:0;	padding:5px 0 0 40px;	float:left;}
#retour a {	color:#FFF;}

#recherche{	margin:0;	padding:2px 40px 0 0;	float:right;}
	
.left {	float:left;}
.right {float:right;}



/* Content */

#content {
	width:543px; /*593*/
	float:left;	margin:0;	padding:0 25px;	overflow:hidden;}
	
.description {font-size: 1.3em;	font-weight: bold; 	font-style:italic;	color:#545454;	margin-top:-4px;} 
	
.texteAccueil {overflow:hidden;}

.date {	margin:0 10px 0 0; padding:0;	width:50px;	height:59px;	float:left;	background:url(images/bg_date.gif) no-repeat;}
.post-month {font-size: 11px;	text-transform: uppercase;	color: #FFF;	text-align: center;	display:block;	line-height: 11px;	font-weight:bold;	float:left;	width:42px;	padding-left:3px;	padding-top:6px;}
.post-day {font-size: 22px;	text-transform: uppercase;	color: #444444;	text-align: center;	display:block;	line-height: 18px;	float:left;	width:42px;	padding-left:4px;	padding-top:8px;}


.title {font-size:1.6em;	font-weight:bold;	line-height:115%;	color:#d70080;}
	

#rightcol img, .post img {float:left;	margin:3px 10px 4px 0;}


#sidelist li {list-style:none}
.bullets li {list-style:none;	border-bottom:1px solid #FFF;}
.bullets li a{color:#000;	font-weight:bold;}
#sidelist .bullets li {list-style:square;	color:#d70080;	margin-bottom:5px;	line-height:115%;	margin-left:22px;}
#sidelist .children {background:#e4efd5;}
#sidelist .children li {list-style: square;	margin-left:28px;	border-bottom:1px solid #e4efd5;}
#sidelist .children li a, #sidelist .children li a:visited {padding:2px 2px 2px 0px;	border:0; background:#e4efd5;	color: #818d6f;}
#sidelist .children li a:hover, #sidelist .children li a:active	{color:#465d23}

.postmetadata {margin: 30px 0;}

.entry {padding-bottom:20px;}

h3 a:link, h3 a:visited {color:#5f5f5f;}
	
	
#edito{background: #d7d3a4 url('images/bienvenue.gif') top no-repeat;	margin:0;	padding:32px 10px 10px 10px;}
#edito .title {font-size:1.2em;	color:#090909;}

#sidebar {	
	width: 308px; /*308px*/
	float:right;	padding:0 25px 0 0;}

#rightcol {margin-top:10px;	float:left}	

#rightcol h3 {border-bottom:1px solid #BBB;	padding:6px 0 6px 2px;	margin:0;	font-size:1em;}
	
.fluxrss {background: url('images/rss.png') no-repeat;	width:14px;	height:14px;	display:block;	float:right;	margin-top:6px;}
.fluxrss span{display:none;}

#articles {	padding:10px 0 15px 0;	margin:0;	border-bottom:2px dotted #b6b6b6;}	
#articles a.title{	text-decoration:none;	font-size:1.5em;	text-transform:uppercase;	color:#b6ad57;}
#articles a:hover{	text-decoration:underline;}
	
.infos {margin:15px 15px 25px 15px;}

.categories {background: url('images/picto_categorie.gif') no-repeat; padding:0 0 3px 20px;}
.categories a{text-decoration:none; color:#d70080;}
.auteur {background: url('images/auteur.gif') no-repeat; padding:0 0 0 20px; color:#d70080;}	
.commentaire {float:right;}
.commentaire a {color:#d70080;}


.linkcat a{color:#545454;}
	
	
/*	Headers */

h1 {font:2.95em Arial, Verdana, Helvetica, sans-serif;	font-weight:bold;	letter-spacing:-0.02em;}
	
h2 {font: 2.3em Arial, Verdana, Helvetica, sans-serif;	padding-bottom:8px;	border-bottom:1px solid #333;	margin: 20px 0;	color:#b6ad57;}

h3, #sidebar h2 {	font: 1em Arial, Verdana, Helvetica, sans-serif;	text-transform:uppercase;	letter-spacing:0.1em;	margin-bottom:4px;	font-weight:bold;	color:#565656;}

#sidebar h3, #sidebar h2 {	padding:6px 0 6px 6px;	margin:22px 0 15px 0;	font-size:1em;	background: #b6ad57;	color:#FFF;}

h3#respond {border-top:1px dotted #b6b6b6;	margin-top:25px;	padding-top:20px}
h3#comments {margin-top:32px	}

h4 {font-size:1.6em;	margin-bottom:6px;}
	
	
	
/*Post Formatting*/

.picleft {float:left;	margin:3px 14px 10px 0;	border:7px solid #f2f2f2;}

.picright {float:right;	margin:3px 0 10px 14px;	border:7px solid #f2f2f2;}	

.post blockquote {color:#2e3234;	background:#d7d3a4;	padding:6px 14px;	margin:18px 35px;	border-right:1px solid #DDD;	border-bottom:1px solid #DDD;}	

.post ul li, #articles ul li  {list-style:square;	margin-bottom:5px;	line-height:115%;	margin-left:42px;}

.post ol li, #articles ol li {margin-bottom:5px;	line-height:115%;	margin-left:48px;}

				

/* Form Elements */

	
input {background:#f2f2f2; border:1px solid #b6ad57; padding:3px;}


select {background:#f2f2f2;	border:1px solid #b6ad57;	width:100%;}

textarea{background:#f2f2f2; border:1px solid #b6ad57;	width:100%;}
	
#searchform {padding:0 5px 0 0; }

.button {padding: 3px;	background:#b6ad57;	color:#FFF;	border:none;}

.button:hover {background:#b6ad57;	color:#FFF;	cursor:pointer;}

#commentform input {width: 170px;	margin: 5px 5px 1px 0;}

#commentform textarea {width: 100%;	margin-top:5px;}



/* Comments*/

.commentlist {padding-left:30px;}
	
.commentlist li {margin: 15px 0 3px;	padding: 8px 15px 10px 15px;	background:#f2f2f2;	Border-top: 1px solid #ddd;}

#commentform small {background:#FFF;	font-weight:bold;	padding:0;}
	
.commentmetadata {display: block;}

.commentlist small {background:#efefef;}

.commentlist cite {font: 1.2em Arial, Verdana, Helvetica, sans-serif;	font-weight:bold;	letter-spacing:-0.05em;	color:#d70080;}	
	

/* Float Properties*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {display:inline-block}

.clearfloat {display:block}
	


/* Footer*/

#footer {margin: 0 auto;	width: 926px;	height: 28px;	color:#d70080;	background: url('images/footer.gif') no-repeat;}

#footertext {margin: 0 auto;	width: 866px;	font-size:0.7em;	padding:0 30px 20px 0;	color:#d70080;	text-align:right;}
#footertext a {color:#d70080;	text-decoration: none;}
#footertext a:hover{text-decoration: underline;}
	


/* Newsletter*/
	

#newsletterFormDiv .submit{
	padding: 1px;
	background:#d70080;
	color:#FFF;
	border:none;
}

#newsletterFormDiv .submit:hover{
	background:#b6ad57;
	color:#FFF;
	cursor:pointer;
}