/*

Theme Name: Tendances Biere v2 - Le club
Theme URL: http://le-club.tendancesbiere.fr
Description: WordPress theme created for this site
Author: Vanksen
Author URI: http://www.vanksen.fr
Version: 1.0.0

*/

* {
	margin: 0px;
	padding: 0px;
	font-family: arial, Helvetica,sans-serif;
}

html {
	text-align: center;
	background:#5fa11B url( 'images/bg.jpg' ) repeat-x;
	overflow-y: scroll;
}

body {
	margin: auto;
	width: 980px;
	background: url( 'images/bg_header.gif' ) no-repeat;
}

#legal_layer {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%; 
	background: #5fa219 url( 'images/bg_legal.jpg') repeat-x;
}

img {
	border: 0px;
}

h1 {
	font-size: 20px;
	color: #e31528;
	padding: 0 0 10px 30px;
}

h2#subtitle, h1#subtitle {
	display: block;
	padding: 0px;
	font-size: 50px;
	color: #3ea309;
	font-family: 'Kreon', arial, serif;
	font-weight: 400;
}

h3#title, h2#title  {
	display: block;
	height: 20px;
	font-size: 20px;
	color: #fabb00;
	font-family: 'Kreon', arial, serif;
	font-weight: 400;
}

.clear {
	clear: both;
}

p {
	padding-top: 15px;
}

#header_top {
	width: 100%;
	line-height: 25px;
	height: 25px;
}

#header_top a {
	float: right;
	text-decoration: none;
	font-size: 12px;
	color: #ffffff;
}

#header_top a span {
	color: #fabb00;
}

#header_top a:hover span {
	color: #ffffff;
}

#header_middle  {
	text-align: left;
	width: 100%;
}

#header_middle img {
	display: block;
}

#menu {
	text-align: left;
}

.menu_item {
	float: left;
	margin: 0 35px 0 35px;
	display: block;
}	

.menu_item>img {
	visibility: hidden;
	display: block;
}

.menu_item:hover>img {
	visibility: visible;
	cursor: pointer;
}

#menu_home {
	margin: 0 0 0 20px;
	background: url( 'images/menu_home_off.png' ) no-repeat;
	
}

#menu_1 {
	background: url( 'images/menu_1_off.png' ) no-repeat;
}

#menu_2 {
	background: url( 'images/menu_2_off.png' ) no-repeat;
}

#menu_3 {
	background: url( 'images/menu_3_off.png' ) no-repeat;
}

#menu_4 {
	background: url( 'images/menu_4_off.png' ) no-repeat;
}

#main_logo {
	float: left;
	width: 260px;
}

#logos {
	float: left;
	margin-top: 75px;
}

#logos img {
	float: left;
	margin-right: 5px;
}

#search {
	float: right;
	width: 191px;
	height: 21px;
	margin-top: 91px;
	background: url( 'images/bg_search.png' ) no-repeat;
}

#s {
	float: left;
	display: block;
	width: 160px;
	height: 17px;
	background: none;
	border: none;
	font-size: 12px;
	color: #49ac12;
	margin: 2px 0 0 8px;
}

#btn_search {
	margin: 3px 8px 0 0;
	float: right;
}

#btn_search:hover {
	visibility: visible;
}

#menu {
	width: 100%;
	height: 39px;
	background: url( 'images/bg_menu.png' ) no-repeat;
}

.submenu {
	position: absolute;
	height: 147px;
	width: 980px;
	background: url( 'images/bg_submenu.gif' ) repeat-x;
	z-index: 10;
	display: none;
}

.submenu>div {
	margin: 25px 0 0 30px;
}

.submenu_item {
	float: left;
	display: block;
	width: 130px;
	text-align: center;
	color: #3ea309;
	font-size: 12px;
	text-decoration: none;
}

.submenu_item:hover {
	color: #fabb00; 
}

.submenu_item img {
	margin: auto;
	display: block;
	background: url( 'images/bg_green_border.gif' ) left bottom repeat-x;
	padding-bottom: 5px;
}

.submenu_item:hover img {
	background: url( 'images/bg_yellow_border.gif' ) left bottom repeat-x;
}

#main {
	background-color: #ffffff;
	width: 980px;
	z-index: -1;
}

#content {
	padding: 25px 55px 0px 55px;
}

#content.home {
	width: 980px;
	height: 344px;
	padding: 0px;
	margin: 0px;
}

#sidebar {
	width: 100%;
	height: 355px;
	background: url( 'images/bg_yellow_border.gif' ) repeat-x #ffffff;
}

#sidebar_news {
	float: left;
	width: 735px;
}

#sidebar_stay_informed { float: right; width: 245px; background: url( 'images/bg_green_border.gif' ) repeat-x #ffffff; }
#sidebar_stay_informed > div { text-align: left; padding: 0 10px 0 10px; }

#stay_informed_slider { height: 190px; overflow: hidden; }
#stay_informed_slider a { float: left; width: 225px; font-size: 12px; color: #000000; text-decoration: none; }
#stay_informed_slider a:hover .stay_informed_thumbnail { background: url( 'images/bg_yellow_border.gif' ) left bottom repeat-x; }
#stay_informed_slider a:hover .stay_informed_title { color: #fabb00; }

#stay_informed_pages { text-align: center; padding: 15px 0 10px 0;}

#stay_informed_more { text-align: right; }
#stay_informed_more a { font-size: 12px; color: #3ea309; }
#stay_informed_more a:hover { color: #fabb00; }

.stay_informed_thumbnail { padding-bottom: 6px; background: url( 'images/bg_green_border.gif' ) left bottom repeat-x; }
.stay_informed_title { height: 45px; color: #3ea309; font-size: 14px; }
.stay_informed_title > div { padding: 8px 0 5px 0; }
.stay_informed_excerpt { height: 30px; overflow: hidden; }

.sidebar_box {
	float: left;
	width: 225px;
	margin: 0 10px;
}

.sidebar_box_title {
	display: block;
}

.sidebar_box a {
	display: block;
	text-align: left;
	text-decoration: none;
}

.sidebar_box a img {
	padding-bottom: 6px;
	background: url( 'images/bg_yellow_border.gif' ) left bottom repeat-x;
}

.sidebar_box a:hover img {
	background: url( 'images/bg_green_border.gif' ) left bottom repeat-x;
}

.sidebar_box a .sidebar_box_title {
	font-size: 14px;
	padding: 8px 0 5px 0;
}

.sidebar_box a .sidebar_box_excerpt {
	font-size: 12px;
	color: #000000;
	display: block;
	height: 30px;
	overflow: hidden;
}

.sidebar_box a .sidebar_box_more {
	font-size: 12px;
	text-decoration: underline;
}

#footer {
	width: 100%;
	height: 100px;
	border-top: 1px solid #a0a69b;
	background: url( 'images/bg_footer.png' ) no-repeat;
}

#footer_menu {
	padding: 3px 0 8px 63px;
	color: #fabb00;
}

#footer_menu a {
	color: #fabb00;
	text-decoration: none;
	font-size: 12px;
}

#footer_menu a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#vanksen {
	float: right; 
	padding: 5px 10px 0 0;
}

#titles {
	width: 100%;
	margin-top: 15px;
	text-align: left;
}

/************* CONTEXT MENU ***************/

#context_menu {
	float: left;
	padding: 30px 0 0 40px;
}

#context_menu ul {
	width: 165px;
	list-style: none;
}

#context_menu li {
	text-align: left;
}

#context_menu li a {
	line-height: 30px;
	text-decoration: none;
	border-bottom: 1px solid #d0d0d0;
	display: block;
	color: #666666;
	font-size: 12px;
	padding-left: 10px;
}

#context_menu li a:hover, #context_menu li a.active {
	color: #fabb00;
	border-bottom: 1px solid #fabb00;
}

#context_menu li a#first {
	font-size: 14px;
}

/**************** CONTEXT SIDEBAR ******************/

#context_sidebar {
	width: 100%;
	height: 185px;
	background: url( 'images/bg_context_sidebar.gif' ) 0 30px repeat-x;
	text-align: left;
}

#context_title {
	display: block;
	margin-left: 25px;
}

#context_sidebar_previous {
	float: left;
	width: 32px;
	height: 40px;
	background: url( 'images/btn_previous_off.png' ) no-repeat;
	margin: 60px 0 0 15px;
}

#context_sidebar_previous img {
	visibility: hidden;
}

#context_sidebar_previous:hover {
	background: none;
}


#context_sidebar_previous:hover img {
	visibility: visible;
}

#context_sidebar_next {
	float: right;
	width: 32px;
	height: 38px;
	background: url( 'images/btn_next_off.png' ) no-repeat;
	margin: 60px 15px;
}

#context_sidebar_next img {
	visibility: hidden;
}

#context_sidebar_next:hover {
	background: none;
}

#context_sidebar_next:hover img {
	visibility: visible;
}

#context_sidebar_slider {
	float: left;
	display: block;
	width: 870px;
	height: 106px;
	margin-top: 20px;
	overflow: hidden;
}

#context_sidebar_slider_content>div {
	float: left;
	padding: 0 15px 0 20px;
}

.context_sidebar_link {
	float: left;
	width: 255px;
	overflow: none;
	text-decoration: none;
}

.context_sidebar_link h2,.context_sidebar_link h3, .context_sidebar_link h4 {
	float: left;
	width: 140px;
	border-bottom: 1px solid #8dbf57;
	color: #3ea309;
	margin-left: 15px;
	padding-bottom: 8px;
	font-size: 15px;
	font-weight: normal;
}

.context_sidebar_link .context_sidebar_item {
	float: left;
	margin: 8px 0 0 15px;
	width: 140px;
	text-decoration: none;
	font-size: 12px;
	color: #666666;
	height: 80px;
}

.context_sidebar_link .context_sidebar_item span {
	float: none;
	text-decoration: underline;
	color: #3ea309;
}

.context_sidebar_link:hover .context_sidebar_item span {
	color: #fabb00;
}

.context_sidebar_link:hover h4 {
	border-bottom: 1px solid #fabb00;
	color: #fabb00;
}


.context_sidebar_link img {
	float: left;
	padding-bottom: 6px;
	width: 100px;
	background: url( 'images/bg_green_border.gif' ) left bottom repeat-x;
}

.context_sidebar_link:hover img {
	background: url( 'images/bg_yellow_border.gif' ) left bottom repeat-x;
}

/************* PAGE GENERIQUE ***************/
#page {
	float: left;
	width: 665px;
	margin: 30px 0 30px 0;
	text-align: left;
	color: #666666;
	font-size: 13px;
}

#page img {
	padding-bottom: 5px;
	background: url( 'images/bg_green_border.gif' ) left bottom repeat-x;
}

/************* CONTENU GENERIQUE ***************/
.mceContentBody .alignleft,
.mceContentBody img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.mceContentBody .alignright,
.mceContentBody img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.mceContentBody .aligncenter,
.mceContentBody img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.mceContentBody img.alignleft,
.mceContentBody img.alignright,
.mceContentBody img.aligncenter {
	margin-bottom: 12px;
}

#tinymce {
	background: #ffffff;
	text-align: left;
}

.current{
	color:#fabb00;
}

.other_page{
	color:#3ea309;
	text-decoration:none;
}

#pages{
	font-size:12px;
	color:#3ea309;
}

.sorry{
	color:#fac000;margin:0 0 20px 0;display:block;
}

#anim_home{
	width:980px;
	height:344px;
	background:transparent url( 'images/backup_flash_home.jpg' ) top left no-repeat;
	color:#fff;
}

#anim_home #tb_home{
	margin:250px 0 0 0;
	float:right;
}

#anim_home #tb_home div{
	display:block;
	text-align:left;
	float:right;
	width:230px;
	height:90px;
	margin-right:10px;
}

#anim_home #tb_home div h2, #anim_home #tb_home div h3{
	font-family: 'Kreon', arial, serif;
}

.baseline{
	font-size:11px;
	float:left;
	margin:0px;
	padding:0px;
	font-weight:normal;
	color:#aaa;
}

.error404{
	padding:80px 0 80px 0;
	color:#3ea309;
	font-size:17px;
	font-weight:bold;
	display:block;
}

.imgRecipe{
	width:282px;
	float:left;
	text-align:left;
}

#news { text-align: left; background: url( 'images/bg_news.png' ) right top repeat-y; }
#news .news_thumbnail { float: left; margin: 3px 12px 5px 0; padding: 0 0 5px 0; background: url( 'images/bg_green_border.gif' ) left bottom repeat-x; }
#news #news_left { float: left; width: 492px }
#news #news_left_content { padding: 18px 12px 10px 20px; color: #666666; font-size: 12px; }
#news #news_left_content p { padding: 0 0 20px 0; }
#news h1#subtitle { font-weight: normal; font-size: 42px; }
#news #latest_title { color: #3ea309; font-size: 15px; padding: 15px 0 22px 0; }
#news #news_right { float: right; width: 488px; background-color: #e8f4e1; }
#news #news_right_content { padding: 29px 10px 10px 14px; color: #666666; font-size: 13px; }
#news #icon_news_list { float: left; padding-right: 17px; }
#news #news_list_title { float: left; font-size: 12px; color: #3ea309; }
#news #news_list_title div { font-size: 29px; color: #fabb00; padding: 4px 0 2px 0; }
#news #news_list { padding: 19px 0 0 0; }
#news #news_list .news { display: block; color: #666666; text-decoration: none; padding: 15px 0 15px 0; border-bottom: 1px solid #e8f4f1; }
#news #news_list .news > div { height: 115px; }
#news #news_list .news_border { border-bottom: 1px solid #fafdf9; }
#news #news_list .news_date, #news #news_list .news_title { color: #3ea309; }
#news #news_list .news_excerpt { padding: 4px 0 15px 0; }
#news #news_pagination { text-align: center; padding: 15px 0 0 0; }
#news #news_pagination table { margin: auto; }
#news #news_pagination a { float: left; width: 24px; height: 24px; }
#news #news_pagination span { float: left; width: 18px; height: 20px; color: #3ea309; }
#news #news_pagination img { display: block; }
#news #news_pagination .page { background: url( 'images/btn_page_off.png' ) 0 0 no-repeat; font-size: 12px; color: #ffffff; text-decoration: none; }
#news #news_pagination .page div { padding: 3px 0 0 0; }
#news #news_pagination .selected, #news #news_pagination .page:hover { background: url( 'images/btn_page_on.png' ) 0 0 no-repeat; }

#content_quizz { height: 1017px; }
#content_quizz iframe { width: 100%; height: 1017px; border: 0; background-color: transparent; }