/*
Theme Name: StSimeon
Theme URI: http://www.stsimeon2008.net/
Description: Thème de stsimeon2008.net
Version: 0.1
Author: SOS Informatique Domicile
*/

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}


/************************************************** .:- Reset CSS END -:. ********************/

#clear{
	clear: both;
}

p{
	margin-bottom: 10px;
}

body {
	behavior:url("csshover.htc");
	background: url(image/background.png) repeat-x;
	margin-top: Opx;
	font-family: Times;
	font-size: 15px;
}

#header {
	height: 189px;
	
}

#header a{
	display: block;
	height: 189px;
}

#page{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background: url(image/mairie.png) no-repeat center top;
}

#menu ul{
	background: url(image/menu_simple.png) repeat-x;
	height: 36px;
	font-weight: bold;
}

#menu li{
	float: left;
	height: 36px;
	line-height: 36px;
}

#menu a{
	text-decoration: none;
	color: #4E4E4E;
	display: block;
	height: 35px;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 1px solid #D1D0D0;
	border-right: 1px solid #E9E9E9;
	float: left;
}

#menu a:hover{
	background: url(image/lien_survol.png) repeat-x;
	border-top: 1px solid #E9E9E9;
	color: #FFF;
	height: 34px;
}

#main{
	background-color: #FFF;
	padding-top: 20px;
	color: #4E4E4E;
}

#main a{
	text-decoration: none;
}

#sidebar{
	float: left;
	width: 290px;
	padding-left: 10px;
}


div#sidebar a{
	color: #EAA234;
}

div#sidebar h3{
	color: #EAA234;
	font-size: 20px;
	margin-bottom: 10px;
}

#sidebar h2.widgettitle{
	background: url(image/sidebar_title.png) no-repeat;
	height: 45px;
	font-size: 20px;
	color: #FFF;
	line-height: 35px;
	margin-bottom: 10px;
	text-indent: 30px;
}

.sidebar li{
	margin-bottom: 30px;
	text-indent: 20px;
}

.widget_recent_entries li{
	margin-bottom: 5px;
	text-indent: 0px;
	margin-left: 10px;
}

#recentcomments li, .ec3_events li, #recentcomments li, #get_recent_comments_wrap li, #awpcpclassifieds li{
	margin-bottom: 5px;
	text-indent: 0px;
	margin-left: 10px;
}

#text-6{
	text-indent: 0px;
	text-align: justify;
}

ul.ec3_events ul{

}

ul.ec3_events ul a{
	text-decoration: none;
}

#searchform {
	height: 28px;
}

#searchform input#s{
	width: 172px;
	height: 24px;
	background-color: #f4f4f4;
	border: 1px solid #d3d2d2;
	text-indent: 5px;
	color: #4E4E4E;
	
}

#searchform input#searchsubmit{
	width: 65px;
	height: 28px;
	text-align: center;
	color: #838383;
	background: url(image/bouton_recherche.png) no-repeat;
	margin-left: 10px;
	border-style: none;
}

#content{
	float: right;
	width: 670px;
	padding-left: 20px;
	padding-right: 10px;
}

.post {
	margin-bottom: 20px;
	color: #4E4E74;
	border-bottom: 1px dotted #acadb5;
}

.post > h2{
	margin-bottom: 10px;
}

.post h2 a{
	color: #F09B29;
	text-decoration: none;
	font-size: 24px;
}

.post div.postmetadata{
	margin-bottom: 20px;
	height: 35px;
	line-height: 35px;
	background: #F4F4F4 url(image/metadata.png) repeat-x;
}

#bord_metadata{
	width: 9px;
	height: 35px;
	background: url(image/bord_metadata.png) no-repeat;
	float: right;
}

.date_post{
	width: 61px;
	float: left;
	height: 35px;
	line-height: 15px;
	padding-top: 3px;
	background: url(image/date.png) no-repeat;
	color: #FFF;
}

.infos_post{
	float: left;
	margin: 0 0 0 10px;
}

.infos_post > a{
	color: #EAA234;
}

.date_jour{
	width: 100%;
	margin: 2px 0 0;
	padding-left: 10px;
	font-size: 26px;
}

.date_annee_et_mois{
	padding-left: 5px;
	width: 100%;
	height: 100%;
	margin: 0;
}

#footer{
	margin: auto;
	width: 1000px;
	text-align: center;
}


/* Comments */

div.cadre_commentaires{
	width: 600px;
	margin-bottom: 20px;
}

div#bulle_comment{
	height: 30px;
	width: 100%;
	background-image: url(image/bulle_comment.png);
}

ol.commentlist p{
	background-color: #F4F4F4;
	border-right: 1px solid #D3D2D2;
	border-left: 1px solid #D3D2D2;
	border-bottom: 1px solid #D3D2D2;
	padding: 5px 10px 10px;
}

h3#comments{
	margin-bottom: 15px;
}

div.commentmetadata{
	margin-bottom: 5px;
}

div.commentmetadata a.url{
	color: #EAA234;
	text-decoration: none;
}

div.commentmetadata > a{
	color: #4E4E4E;
	text-decoration: none;
}

h3#respond{
	margin-bottom: 15px;
}

#commentform a{
	color: #EAA234;
}

#commentform input{
	height: 24px;
	background-color: #f4f4f4;
	border: 1px solid #d3d2d2;
	text-indent: 5px;
	color: #4E4E4E;
}

#commentform textarea{
	background-color: #f4f4f4;
	border: 1px solid #d3d2d2;
	text-indent: 5px;
	color: #4E4E4E;
}

/* tables */
#wp-calendar > table{margin:.5em 0 1em;
	text-indent: 0;
}
#wp-calendar > table td,table th{text-align:left;border-right:1px solid #fff;padding:.4em .8em;}
#wp-calendar > table th{background:#5e5e5e;color:#fff;text-transform:uppercase;font-weight:normal;border-bottom:1px solid #e8e1c8;}
#wp-calendar > table td{background:#eee;}
#wp-calendar > table tr.even td{background:#ddd;margin: 1px;}
#wp-calendar > table tr:hover td{background:#fff;}

/* Navigation */

#navigation{
	width: 670px;
	margin: auto auto 20px;
	text-align: center;
}

/* Footer */

div#footer{
	color: #4E4E4E;
}

div#footer a{
	color: #EAA234;
}


/* DropMenu */

#dropmenu li ul li a{
	background: url(image/menu_simple.png) repeat-x;
}

#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:1; width:100%; background:#fff; font-weight:bold;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:2.2em; left:-1px;}
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #c8c8c8;}


/* Petites annonces */

#classiwrapper td.displayadscellheadline, td.displayadscelllocation, td.displayadscellposted, td.displayadscellviews, td.displayadscellimg {
	vertical-align: middle;
	border: 1px solid #D3D5D5;
}

#classiwrapper div.pager{
	margin-top: 30px;
}