/** 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 { 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: 1199px; position: relative; }

body { 
	background: #fff;
	font-size: 13px;
	font-family: Arial, serif;
	color: #42291c;
	letter-spacing: 0px;
}


/**
 * HEADER
**/
#header { background: url(../images/bg-header.png) repeat-x; height: 449px; }

#header .content { width: 1199px; margin: 0 auto; height: 437px; background: url(../images/bg-header-top.png) no-repeat; position: relative; }

#header .content #searchform { 
	background: #42291c; 
	position: absolute; 
	right: 265px; 
	top: 0; 
	padding: 10px;
}
#header .content #searchform #s { border: 1px solid #c6c6c6; font-size: 12px; color: #635e54; padding: 3px 5px; }
#header .content #searchform #searchsubmit { color: #fff; font-size: 18px; background: none; border: 0; text-transform: uppercase; font-weight: bold; padding: 0; margin-left: 3px; }
#header .content #searchform #searchsubmit:hover { border-bottom: 1px dotted #fff; cursor: pointer; }

#header #logo { display: block; width: 363px; height: 136px; background: url(../images/logo.png) no-repeat; text-indent: -9999px; position: absolute; top: 23px; left: 124px; }
#header #logo:hover { border-bottom: 0; }


/**
 * CONTENT 
**/
#content { position: relative; top: -261px; }

#content #page { width: 702px; float: left; }

#content #pageContent { 
	margin-top: 52px;
	background: url(../images/bg-content.png) repeat-x 0 -36px; 
	border-width: 4px;
	border-style: solid; 
	border-color: #fff; 
	padding: 25px 15px; 
	box-shadow: 0px 0px 4px #e9e6e4;
	-moz-box-shadow: 0px 0px 4px #e9e6e4;
	-webkit-box-shadow: 0px 0px 4px #e9e6e4;
}


/**
 * ONGLETS
**/
#onglets { position: absolute; top: 0; }
#onglets .onglet, #onglets .off:hover { background: #ffffff; padding: 4px; padding-bottom: 0; float: right; width: 330px; margin-left: 26px; }
#onglets .onglet .onglet_interior, #onglets .off:hover .onglet_interior { background: url(../images/bg-content.png) repeat-x top; text-align: center; line-height: 45px; height: 52px; }
#onglets .onglet a, #onglets .off:hover .onglet_interior a { font-size: 30px; color: #000; text-decoration: none; }
#onglets a:hover { border-bottom: 0; }

#onglets .onglet:first-child { float: left; margin-left: 0; }

#onglets .off { background: none; }
#onglets .off .onglet_interior { background: url(../images/bg-onglet-off.png) repeat-x bottom; height: 51px; }
#onglets .off .onglet_interior a { color: #928375; }


/**
 * SIDEBAR
**/
#content #sidebar { width: 231px; float: right; }

#sidebar h2 { font-weight: normal; color: #42291c; font-size: 25px; margin-bottom: 25px; }

#sidebar .widget { list-style: none; margin-bottom: 16px; padding: 20px; line-height: 18px; }
#sidebar a { color: #42291c; }
#sidebar a.read-more { color: #fff; }
#sidebar a.read-more:hover { border-color: #fff; }
#sidebar .widget li { border-bottom: 1px dotted #a99f9a; padding-bottom: 7px; margin-bottom: 7px; }
#sidebar .widget li:hover { list-style-image: url(../images/puce-widget-lastPosts.png); }
#sidebar .widget li:hover a { border-bottom: 1px dotted #42291c; }
#sidebar .widget li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }

/** Edio **/
#sidebar .edito_widget { 
	background: #678713 url(../images/bg-widget-edito.png) repeat-x bottom; 
	color: #fff; 
	box-shadow: 0px 1px 0px #3b4e09;
	-moz-box-shadow: 0px 1px 0px #3b4e09;
	-webkit-box-shadow: 0px 1px 0px #3b4e09;
}
#sidebar .edito_widget h2 { color: #fff; font-size: 30px; }

/** Derniers articles / FAQ **/
#sidebar .lastpost_widget, #sidebar .faq_widget { 
	background: #ffffff url(../images/bg-widget-lastPosts.png) repeat-x bottom; 
	box-shadow: 0px 1px 0px #cfcfcf;
	-moz-box-shadow: 0px 1px 0px #cfcfcf;
	-webkit-box-shadow: 0px 1px 0px #cfcfcf;
}
#sidebar .lastpost_widget h3 { font-size: 13px; }
#sidebar .lastpost_widget .read_more { display: none; }

/** CTC **/
#sidebar .ctc { line-height: 25px; padding-left: 10px; padding-right: 10px; }
#sidebar .ctc .ctc { padding: 0; }
#sidebar .ctc h2 { margin-left: 10px; }


/**
 * FOOTER 
**/
#footer { position: absolute; bottom: 0; height: 214px; background: #e3decf; width: 100%; }
#footer .grid { margin-top: 41px; }

#footer #footer_1 { width: 261px; float: left; border-right: 1px solid #fff; height: 140px; }
#footer #footer_2 { margin-left: 60px; width: 368px; float: left; border-right: 1px solid #fff; height: 140px; }
#footer #footer_3 { width: 269px; float: right; height: 140px; text-align: center; }

#footer #footer_1 li { width: 210px; }

#footer #footer_3 .links { margin-top: 20px; font-size: 12px; }

#footer .widget { line-height: 18px; }
#footer .widget h2 { font-size: 25px; margin-bottom: 22px; }
#footer a { color: #42291c; }
#footer a:hover { border-color: #42291c; }
#footer .widget ul { margin-left: 14px; }
#footer .widget li { list-style-image: url(../images/puce-widget-lastPosts.png); float: left; width: 157px; }

#footer #santeetcafe { display: block; margin: 0 auto; width: 202px; height: 87px; background: url(../images/btn-logo-santeetcafe.png) no-repeat bottom; margin-top: 15px; }
#footer #santeetcafe:hover, #footer #santeetcafe.hover { background-position: top; border-bottom: 0px; }


/**
 * HOME
**/
#selection { margin-bottom: 50px; }
#selection a { 
	font-size: 16px; 
	color: #42291c; 
	text-align: center; 
	background: url(../images/bg-selection.png) repeat-x top; 
	text-decoration: none; 
	line-height: 37px; 
	margin-right: 16px; 
	padding: 0 27px;
	box-shadow: 1px 1px 2px #959491;
	-moz-box-shadow: 1px 1px 2px #959491;
	-webkit-box-shadow: 1px 1px 2px #959491;
}
#selection .links a { float: left; display: block; height: 37px; }
#selection .links a.last { float: right; margin-right: 0; }
#selection .links a:hover { background-position: 0 -74px; border-bottom: 0; }
#selection .links a.current { background-position: 0 -37px; font-weight: bold; color: #fff; }


/**
 * LIST
**/
.post { margin-bottom: 70px; }

.post h1, .post h1 a { font-size: 36px; color: #42291c; text-decoration: none; }
.post h1 a:hover { color: #678713; border-bottom: 0; }
.post .title_infos { margin-right: 69px; }
.post .no-marge { margin-right: 0; }
.post .vote { 
	float: right; 
	margin-top: 12px;
	background: #fff url(../images/bg-vote.png) repeat-x bottom; 
	padding: 6px 4px 2px 4px; 
	text-align: center; 
	box-shadow: 0px 1px 2px #707070;
	-moz-box-shadow: 0px 1px 2px #707070;
	-webkit-box-shadow: 0px 1px 2px #707070;
}
.post .vote .count { font-size: 24px; font-weight: bold; color: #42291c; margin-bottom: 5px; }

.post .postmeta { font-family: Bienetresocial, Georgia, Arial, serif; border-top: 1px solid #678713; margin-top: 7px; padding-top: 12px; font-size: 12px; text-transform: uppercase; color: #adadad; margin-bottom: 25px; }
.post .postmeta div { margin-right: 15px; line-height: 13px; }
.post .postmeta a { color: #adadad; }
.post .postmeta a:hover { color: #484747; }
.post .postmeta .date { background: url(../images/picto-time.png) no-repeat left; padding-left: 20px; float: left; }
.post .postmeta .bulle { background: url(../images/picto-bulle.png) no-repeat left; padding-left: 20px; float: left; }
.post .postmeta .tags { background: url(../images/picto-tags.png) no-repeat left; padding-left: 20px; float: left; }
.post .postmeta ul { list-style: none; margin: 0; }

.post .postContent { line-height: 18px; }
.post .postContent h1 { color: #678713; font-size: 18px; font-weight: normal; margin-bottom: 20px; line-height: 21px; }
.post .postContent h2 { color: #678713; font-size: 16px; font-weight: normal; margin-bottom: 20px; margin-top: 10px; }
.post .postContent h3 { color: #678713; font-size: 14px; font-weight: normal; margin-bottom: 20px; margin-top: 10px; }
.post .postContent h4, .post .postContent h5, .post .postContent h6 { color: #678713; font-size: 13px; font-weight: normal; margin-bottom: 15px; }
.post .postContent .read_more { font-size: 11px; font-style: italic; margin-left: 5px; }
.post .postContent p { margin-bottom: 15px; line-height: 18px; }
.post .postContent p:last-child { margin-bottom: 0; }

.post ul { list-style-image: url(../images/puce-content.png); margin-bottom: 15px; margin-left: 55px; }
.post ol { list-style: decimal; margin-bottom: 15px; margin-left: 55px; }

.post blockquote { background: #f0f5db; font-size: 14px; color: #678713; padding: 15px; margin: 35px 0; }
.post blockquote p:last-child { margin-bottom: 0; }

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

.post .postContent img { 
	padding: 7px;
	background: #fff;
	box-shadow: 0 0 8px #a9a8a8;
	-moz-box-shadow: 0 0 8px #a9a8a8;
	-webkit-box-shadow: 0 0 8px #a9a8a8;
}


/** 
 * Menu : toutes les rumeurs
**/
#selection a.toutes-les-rumeurs { 
	box-shadow: 0 0 0 #000;
	-moz-box-shadow: 0 0 0 #000;
	-webkit-box-shadow: 0 0 0 #000;
	background: url(../images/bg-menu-touteslesrumeurs.png) repeat-x top;
	background-position: 0px 0px;
	height: 61px;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	border-radius-bottomleft: 0;
	border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	font-weight: bold; color: #fff;
}
#selection a.toutes-les-rumeurs:hover { background-position: 0 0; }
#selection ul a {
	box-shadow: 0 0 0 #000;
	-moz-box-shadow: 0 0 0 #000;
	-webkit-box-shadow: 0 0 0 #000;
	font-size: 13px;
	color: #fff;
	padding: 0;
	background: none;
	line-height: 18px;
	height: 18px;
	text-align: left;
}
#selection ul { padding: 10px 28px; }
#selection ul li.menu-item { list-style-image: url(../images/puce-menu.png); width: 172px; float: left; margin-right: 30px; }
#selection .menu-toutes-les-rumeurs-container { 
	background: #546e0f url(../images/bg-menu-touteslesrumeurs.png) repeat-x 0 -56px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 1px 2px #959491;
	-moz-box-shadow: 1px 1px 2px #959491;
	-webkit-box-shadow: 1px 1px 2px #959491;
}
#selection div.menu { padding-top: 21px; }
#selection ul a:hover, #selection ul .current-category-ancestor { border-bottom: 0; font-weight: bold; }
#selection ul li.separator { background: url(../images/bg-menu-separator.png) right repeat-y; }

.singlecattitle { font-size: 36px; margin-bottom: 55px; }
.singlecattitle span { font-size: 26px; color: #678713; font-family: Arial, serif; }


/**
 * NAVIGATION
**/
#navigation a { display: block; font-size: 24px; color: #e3decf; height: 28px; line-height: 20px; }
#navigation a:hover { color: #42291c; border-bottom: 0; }
#navigation .prev { float: left; }
#navigation .prev a { background: url(../images/btn-prev-posts.png) no-repeat left bottom; padding-left: 28px; }
#navigation .next { float: right; }
#navigation .next a { background: url(../images/btn-next-posts.png) no-repeat right bottom; padding-right: 28px; }
#navigation .prev a:hover { background-position: top left; }
#navigation .next a:hover { background-position: top right; }


/**
 * SINGLE
**/
.singlePost { margin-bottom: 50px; }

#goBack { color: #a49f90; font-size: 14px; display: block; background: url(../images/btn-goBack.png) no-repeat left bottom; height: 16px; line-height: 13px; margin-left: 15px; margin-top: 12px; padding-left: 15px; }
#goBack:hover { color: #42291c; background-position: top left; border-bottom: 0; }


/**
 * RELATED POSTS
**/
#related { background: #f0f5db; padding: 20px; margin-bottom: 55px; }
#related h3 { font-size: 22px; margin-bottom: 15px; font-weight: normal; color: #4f3f1a; }
#related a { color: #97bf0d; }
#related a:hover { border-color: #97bf0d; }
#related ol { margin-left: 35px; }
#related li { list-style-image: url(../images/puce-related-posts.png); line-height: 18px; }


/**
 * CONTACT
**/
.linklove { display: none; }
.cform { margin-top: 55px; }
.cform li { margin-bottom: 20px; float: left; width: 332px; }
.cform label { color: #36332b; font-size: 13px; text-transform: uppercase; margin-right: 10px; line-height: 23px; }
.cform input.single, .cform textarea { 
	background: #eeeeee;  
	width: 206px;
	border: 1px solid #c6c6c6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	font-family: Arial, serif;
	font-size: 13px;
	padding: 3px 0;
}
.cform input.cf_error, .cform textarea.cf_error { border-color: #ff0000; }
.cform textarea { width: 652px; height: 188px; padding: 5px; }
.cform .cf-sb { clear: left; text-align: right; }
.cform .cf-sb input { 
	border: 1px solid #42291c; 
	color: #fff;
	text-align: center;
	background: url(../images/btn-submit.png) repeat-x bottom;
	font-size: 14px;
	text-transform: uppercase;
	height: 27px;
	line-height: 27px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 0px 5px #959595;
	-moz-box-shadow: 0px 0px 5px #959595;
	-webkit-box-shadow: 0px 0px 5px #959595;
}
.cform .cf-sb input:hover { background-position: top; cursor: pointer; }
.failure { font-weight: bold; color: #ff0000; }
.cform ol { margin: 0; list-style: none; }

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