/** General **/

.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }

.left { float: left; }
.right { float: right; }

.rounded {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.roundedTop {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-radius-topleft: 5px;
	border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.roundedBottom {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-radius-bottomleft: 5px;
	border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.cornerLeft { 
	-moz-border-radius-topleft: 5px;
	border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}
.cornerRight {
	-moz-border-radius-topright: 5px;
	border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}

.grid { width: 960px; margin: 0 auto; }

a { text-decoration: none; color: #678713; }
a:hover { border-bottom: 1px dotted #678713; }

h1, h2, h3 { font-weight: normal; }

/** 
 * FONT
**/
@font-face {
	font-family: 'fertigo';
	src: url( ../lib/font/FertigoPro.otf ); /* IE */  
	src: local("FertigoPro"), url(../lib/font/FertigoPro.otf) format("opentype");
}

.cufon { font-family: 'fertigo', Arial, serif; }


/**
 * BODY / HTML
**/
html { min-height: 100%; min-width: 1208px; position: relative; }

body { 
	background: #eeebe2 url(../images/bg-header.png) repeat-x top;
	font-size: 13px;
	font-family: Arial, serif;
	color: #36332b;
	letter-spacing: 0px;
}


/**
 * HEADER
**/
#header { width: 1208px; background: url(../images/bg-header-image.png) no-repeat center; height: 246px; }
#header .content { padding-top: 8px; }


/**
 * LOGO
**/
#logo { display: block; width: 332px; height: 132px; background: url(../images/logo.png) no-repeat; text-indent: -9999px; margin-left: 75px; }
#logo:hover { border-bottom: 0px; }


/**
 * MENU TOP
**/
#header ul { height: 50px; margin-top: 15px; }
#header ul .menu-item { float: left; background: url(../images/bg-menu-separator.png) no-repeat left; padding: 10px; padding-top: 6px; padding-bottom: 8px;  }
#header ul li a { display: block; font-size: 18px; color: #42291c; line-height: 35px; height: 35px; padding: 0 10px; }
#header ul li a:hover, #header .current-menu-item a, #header .current-category-ancestor a, #header .current-menu-parent a, #header .current-post-parent a, #header .current-post-ancestor a { 
	border-bottom: 0; 
	background: url(../images/bg-menu-link.png) repeat-x; 
	border: 1px solid #5e8203; 
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0 9px;
	box-shadow: 0 0 5px #656565;
	-moz-box-shadow: 0 0 5px #656565;
	-webkit-box-shadow: 0 0 5px #656565;
}

#header ul li:first-child { background: none; }

/**
 * CONTENT
**/
#content { padding-bottom: 192px; }


/**
 * FOOTER
**/
#footer { height: 192px; background: url(../images/bg-footer.png) repeat-x; width: 100%; position: absolute; bottom: 0px; }
#footer .content { background: url(../images/bg-footer-image.png) no-repeat; width: 1208px; margin: 0 auto; height: 192px; }
#footer .grid { padding-top: 50px; }

#footer h2 { color: #736553; font-size: 25px; margin-bottom: 5px; }

#footer .widget { width: 535px; margin-left: 170px; }
#footer .widget a { color: #736553; }
#footer .widget a:hover { border-color: #736553; }
#footer .widget ul { margin-left: 14px; }
#footer .widget li { list-style: url(../images/puce-footer.png); line-height: 18px; width: 159px; float: left; margin-right: 10px; }

#footer .right { position: relative; }
#footer .right p { color: #fff; font-size: 12px; position: absolute; z-index: 1; left: 36px; top: 20px; }
#footer .right .logo { display: block; width: 208px; height: 89px; background: url(../images/logo-santeetcafe.png) bottom; text-indent: -9999px; }
#footer .right .logo:hover, #footer .right .logo.hover { background-position: top; border-bottom: 0; }

#footer .copyright { color: #5d584e; font-size: 12px; margin-top: 28px; }
#footer .copyright a { color: #5d584e; }
#footer .copyright a:hover { border-color: #5d584e; }


/**
 * PAGE / SIDEBAR 
**/
#pageContent { width: 720px; float: left; }
#sidebar { width: 221px; float: right; }

#sidebar .widget { line-height: 16px; margin-bottom: 20px; background: #e2dccd url(../images/bg-widgets.png) repeat-x bottom; padding: 15px; }

#sidebar h2 { margin-bottom: 25px; font-size: 25px; color: #736553; }
#sidebar a { color: #736553; }
#sidebar a:hover { border-color: #736553; }
#sidebar .widget li { border-bottom: 1px dotted #97948e; padding-bottom: 10px; margin-bottom: 10px; }
#sidebar .widget li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }

#sidebar .edito_widget { margin-bottom: 40px; background: none; padding: 0; }
#sidebar .edito_widget h2 { font-size: 30px; }

#sidebar .widget_search { background: none; padding: 0;  }
#sidebar #searchform { 
	background: url(../images/bg-search.png) no-repeat; 
	width: 220px; 
	height: 50px; 
	position: relative; 
	box-shadow: 0 0 5px #656565;
	-moz-box-shadow: 0 0 5px #656565;
	-webkit-box-shadow: 0 0 5px #656565;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#sidebar #searchform #s { background: none; border: 0px; color: #635e54; font-size: 12px; width: 140px; margin-left: 20px; margin-top: 16px; }
#sidebar #searchform #searchsubmit { display: block; background: url(../images/btn-search.png) no-repeat; height: 30px; width: 24px; border: 0; position: absolute; right: 16px; top: 10px; }
#sidebar #searchform #searchsubmit:hover { cursor: pointer; }

#sidebar .lastpost_widget li:hover a { border-bottom: 1px dotted #736553; }

#sidebar .faq_widget { margin-bottom: 25px; }

#sidebar .ctc { background: none; padding: 0; margin-top: 25px; }
#sidebar .ctc .ctc { margin: 0; }
#sidebar .ctc h2 { color: #42291c; margin-bottom: 15px; }
#sidebar .ctc a { font-size: 14px; color: #fff; line-height: 32px; background: url(../images/bg-tags.png) repeat-x bottom; padding: 5px 7px; margin-bottom: 5px; }
#sidebar .ctc a:hover { border-bottom: 0; background-position: top; }

#sidebar .blogosphere_widget { background: none; padding: 0; }
#sidebar .blogosphere_widget h2 { color: #42291c; }
#sidebar .blogosphere_widget ul { margin-left: 17px; }
#sidebar .blogosphere_widget li { list-style-image: url(../images/puce-sidebar.png); }


/**
 * SUBMENU
**/
#pageContent .content { background: #e5e2d9; padding: 15px; }
#pageContent .content-with-menu { width: 500px; float: left; margin-left: 20px; }
#pageContent #subMenu { width: 168px; float: left; }
#pageContent #subMenu .cadre { background: #5e8203; padding: 1px; width: 157px; }
#pageContent #subMenu .cadre .list { background: #678713 url(../images/bg-submenu.png) repeat-x top; border: 1px solid #88a147; width: 155px; padding: 5px 0; }
#pageContent #subMenu a { color: #fff; font-size: 14px; display: block; width: 168px; height: 40px; line-height: 40px; background: url(../images/puce-submenu.png) no-repeat left; padding-left: 15px; }
#pageContent #subMenu a:hover, #pageContent #subMenu .current-cat a { color: #42291c; font-weight: bold; background: url(../images/bg-submenu-current.png) no-repeat; border-bottom: 0; padding-left: 25px; margin-left: -11px; }
#pageContent #subMenu li { margin-left: -5px; padding-left: 11px; }


/**
 * POST
**/
#pageContent .post { margin-bottom: 30px; padding-bottom: 30px; background: url(../images/bg-post-separator.png) repeat-x bottom; }
#pageContent .post:last-child { background: none; margin-bottom: 0; padding-bottom: 0; }

#pageContent .post h1 a, #pageContent .post h1 a:hover, #pageContent .post h1 { font-size: 30px; color: #42291c; }
#pageContent .post .read_more, #sidebar a.read-more { background: url(../images/btn-read-more.png) no-repeat left; color: #97bf0d; font-weight: bold; padding-left: 20px; margin-top: 20px; width: 73px; display: block; border-bottom: 1px dotted #E5E2D9; }
#sidebar a.read-more { width: 94px; margin-top: 0; border-bottom: 1px dotted #EEEBE2; }
#sidebar a.read-more:hover { border-color: #97bf0d; }
#pageContent .post .read_more:hover { border-color: #97bf0d; }

#pageContent .post .postmeta { font-size: 10px; color: #aca794; font-weight: bold; margin-top: 10px; margin-bottom: 25px; }
#pageContent .post .postmeta a { font-weight: normal; color: #aca794; }
#pageContent .post .postmeta .date, #pageContent .post .postmeta .bulle, #pageContent .post .postmeta .tags { float: left; margin-right: 10px; }


#pageContent .postContent h1 { color: #678713; font-size: 18px; line-height: 21px; border-bottom: 0; margin-bottom: 20px; }
.postContent h2 { color: #678713; font-size: 16px; line-height: 20px; margin-bottom: 20px; /*margin-top: 60px;*/ }
.postContent h3 { color: #678713; font-size: 14px; margin-bottom: 20px; margin-top: 60px; font-weight: normal; }
.postContent h4, .postContent h5, .postContent h6 { font-weight: normal; font-size: 14px; margin-bottom: 15px; }

#pageContent .postContent p { margin-bottom: 15px; line-height: 17px; }
#pageContent .postContent p:last-child { margin-bottom: 0; }

#pageContent .postContent img { 
	padding: 5px; 
	background: #FFF; 
	-moz-box-shadow: 0 0 5px #bcb9b2;
}
#pageContent .postContent img:hover { border-bottom: 0; }

#pageContent .postContent .alignleft { float: left; margin-right: 15px; margin-bottom: 10px; }
#pageContent .postContent .alignright { float: right; margin-left: 15px; margin-bottom: 10px; }

#pageContent .postContent a { color: #546e0f; }
#pageContent .postContent a:hover { border-color: #546e0f; }

.postContent ul { list-style: url(../images/puce-sidebar.png); margin-left:  75px; margin-bottom: 15px; }
.postContent ol { list-style: decimal; margin-left: 75px; margin-bottom: 15px; }
.postContent li { line-height: 17px; }

.postContent blockquote { background: #d2ccc5; font-size: 14px; padding: 15px; margin-bottom: 30px; margin-top: 30px; }


/**
 * RELATED
**/
#related { background: #E5E2D9; padding: 15px; margin-top: 35px; }
#related h3 { font-size: 24px; color: #534f45; margin-bottom: 10px; }
#related a { background: url(../images/btn-read-more.png) no-repeat left; color: #36332b; padding-left: 20px; margin-left: 30px; line-height: 24px; font-size: 14px; }


/**
 * NAVIGATION
**/
#navigation { margin-top: 25px; }
#navigation a { font-size: 24px; color: #7b7973; display: block; line-height: 20px; }
#navigation a:hover { color: #534f45; border-bottom: 0; }

#navigation .prev a { float: left; background: url(../images/btn-prev-post.png) no-repeat bottom left; padding-left: 30px; height: 28px; }
#navigation .next a { float: right; background: url(../images/btn-next-posts.png) no-repeat bottom right; padding-right: 30px; height: 28px; }
#navigation .prev a:hover { background-position: top left; }
#navigation .next a:hover { background-position: top right; }


/**
 * PAGE
**/
.pageContent h1, .singlecattitle { border-bottom: 1px solid #678713; font-size: 36px; }
.singlecattitle { margin-bottom: 70px; }


/**
 * CONTACT
**/
.contact .single { 
	border: 1px solid #d8d5cc; 
	background: #eeeeee; 
	font-size: 13px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 7px;
	width: 250px;
}
.contact label { line-height: 27px; display: block; float: left; color: #42291c; font-size: 16px; width: 110px; margin-right: 15px; text-align: right; }
.contact textarea { 
	border: 1px solid #d8d5cc; 
	font-family: Arial, serif; 
	font-size: 13px; 
	padding: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 205px;
	width: 553px;
	background: #eeeeee;
}

.contact ol { list-style: none; margin: 0; }
.contact li { margin-bottom: 15px; }

.contact .linklove { display: none; }

.contact .cf-sb { text-align: right; }
.contact .cf-sb input {
	font-weight: bold;
	font-size: 16px;
	background: url(../images/btn-submit.png) repeat-x bottom;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #5d7129;
	box-shadow: 0 0 5px #686a53;
	-moz-box-shadow: 0 0 5px #686a53;
	-webkit-box-shadow: 0 0 5px #686a53;
	color: #fff;
	height: 29px;
	padding: 0 5px;
	padding-bottom: 4px;
}

.contact .cf-sb input:hover { cursor: pointer; background-position: top; }

.contact .failure { color: #ff0000; font-weight: bold; }
.contact .cf_info { margin-left: 126px; }

.contact .cf_error { border-color: #FF0000; }


/**
 * 404
**/
.page404 { padding-top: 70px; padding-bottom: 50px; }
.page404 .logo { width: 295px; height: 189px; background: url(../images/bg-404.png) no-repeat; float: left; }
.page404 .text { float: right; color: #678713; font-size: 18px; width: 375px; margin-top: 15px; }
.page404 .text span { font-size: 24px; }