/* ------------------------------------------------------------------------------------ */
/*                                          style                                       */
/* ------------------------------------------------------------------------------------ */
strong {
	font-weight:bold; 
}

em {
	font-style:italic;
}

p {
	margin-bottom:1em;
}

sup {
	vertical-align: super;
}

abbr,acronym {
	cursor:help;
}

.error {
	color: #f00;
}

.success {
	color: #0f0;
}

.notice {
	color: #666;
	font-size: 85%;
}

a, a:visited{
	color: #666;
}

li a, li a:visited, li a:hover, li a:visited:hover{
	text-decoration:none;
}

h1 {
	margin-top:0px;
	font-size:227%;
	color:#666;
	font-weight:normal;
	text-align:left;
}

h2{
	font-size:167%;
	margin-top:0px;
	color:#666;
	font-weight:normal;
	text-align:left;
}

h3{
	margin-top:0px;
	font-size:132%;
	color:#666;
	font-weight:normal;
	text-align:left;
}

h4{
	margin:0px;
	padding:0px;
	font-size:108%;
	color:#666;
	font-weight:normal;
	text-align:left;
	border-bottom:1px solid #ddd;
}


p {
	color:999;
}

.clear{
	clear:both;
	padding:0px;
	margin:0px;
}

ul, ol{
	margin:0px;
	padding:0px;
}


/* ------------------------------------------------------------------------------------ */
/*                                          structure                                   */
/* ------------------------------------------------------------------------------------ */

html {
	height: 100%;
}

body {
	background-color:#fff;
	height: 100%;
	text-align:center;	
}

#top_wide_bkgr{
	width:100%;
	position:absolute;
	left:0px;
	height:100px;
}

#top_wide_bkgr.site{
	background-color:#4f284a;
}

#top_wide_bkgr.club{
	background-color:#555555;
	/*background-color:#351706;*/
}

#wrapper {	
	width:100%;
	position: relative;
	min-height: 100%;	
}

#page_wrapper{
	width:980px;
	margin:auto;
	zoom: 1;
}

* html #wrapper {
	height: 100%;
}
/* ------------------------------------------------------------------------------------ */
/*                                   left_sidebar                                       */
/* ------------------------------------------------------------------------------------ */
#left_sidebar{	
	float:left;
	display:block;
	width:200px;
	margin-right:10px;
	text-align:left;
}

#left_sidebar div.block{	
	margin-bottom:20px;
	margin-top:20px;
	/*padding:10px;
	height:150px;
	background-image: url("/salesucre/wsr/images/left_sidebar_block_bkgr.gif"); 
	background-repeat: no-repeat; 
	background-position: left top;*/
}

.search_post{
	margin-top:20px;
}

#left_sidebar div.block h3{	
	font-size:108%;
}

#logo{
	display:block;
	margin-bottom:0px;
}

/* Themes */
#left_sidebar h3{
	margin-bottom:5px;
}
#left_sidebar ul{
	margin:0px;
	padding:0px;
}


#left_sidebar ul li a, a:visited{
	display:block;
	text-decoration:none;
}

#left_sidebar ul li a:hover{
	display:block;
}

/* Simple search */
#simple_search{	
	background-image: url("/salesucre/wsr/images/search_bkgr.gif"); 
	background-repeat: no-repeat; 
	background-position: left top;
	display:block;
	width:180px;
	height:50px;
	padding:10px;
}


/*autocomplete*/
#simple_search input#textinput{
	font-size:93%;
	border:none;
	padding:3px;
}


div #autocomplete_choices {
	font-size:85%;
	width:300px;
	}
	
div #autocomplete_choices ul{
	background-color:#fff;
	border:1px solid #bbb;
	margin:auto;
	}
	
div #autocomplete_choices ul li{
	border-top:1px solid #eee;
}

div #autocomplete_choices ul li div.cell{
	background-color:#fff;
	padding:5px;
}
	
div #autocomplete_choices ul li.selected div.cell{
	background-color:#aaec27;
}


/*design inside the list of ajax result*/
div.cell div.the_cat{
	color:#999;
}

div.cell div.the_name a{
	font-weight:bold;
}



/* ------------------------------------------------------------------------------------ */
/*                                          center                                      */
/* ------------------------------------------------------------------------------------ */

#center_column{
	background-color:transparent;
	color:#777;
	float:left;
	width:520px;
	margin-right:20px;
	/*zoom: 1;*/
}

#center_column h1{
	margin:0px;
	margin-bottom:10px;
	padding:0px;
}

/* lecture en colonnes des petits articles de la homepage */
div.col_1{
	border-top:1px dotted #bbb;
	padding-top:5px;
	padding-bottom:20px;
	float:left;
	margin-right:10px;
	width:300px;
	
	font-size:85%;
}

div.col_2{
	border-top:1px dotted #bbb;
	padding-top:10px;
	width:200px;
	float:right;
	font-size:85%;
}

div.item_preview{
	display:block;
	padding-top:5px;
	border-top:1px dotted #ddd;
}

/* ------------------------------------------------------------------------------------ */
/*                                    main_navigation                                   */
/* ------------------------------------------------------------------------------------ */
#main_navigation{
	font-weight:normal;
	display:block;
	height:100px;
	font-size:122%;
}

#main_navigation ul{
	padding:0px;
	margin:0px;
	height:100px;
}

#main_navigation ul li{
	float:left;
	height:100px;
	display:block;
	text-align:center;
}

#main_navigation ul li a{
	float:left;
	display:block;
	color:white;
	width:120px;
	padding-top:75px;
	padding-bottom:6px;
	margin-right:1px;
	text-decoration:none;
	border: none;
	outline: none;
}

#main_navigation ul li a:hover{
	background-color:#42223e;
	border-bottom:10px solid #ddd;
}

#main_navigation ul li a.selected{
	background-color:#5d2f57;
	border-bottom:10px solid #ddd;
}


/* ------------------------------------------------------------------------------------ */
/*                                    main_content                    	                */
/* ------------------------------------------------------------------------------------ */
#main_content{
	text-align:left;
	padding-top:30px;
}

#main_content #left_col{
	float:left;
	width:300px;
	text-align:justify;
}


/* ------------------------------------------------------------------------------------ */
/*                                .block in main content                                */
/* ------------------------------------------------------------------------------------ */
div.publisher{
	font-size:85%;
	width:100%;
	display:block;
	padding-bottom:10px;
}

div.publisher a{
	display:inline;
	color:#999;
}

#left_col div.block{
	display:block;
	margin-top:10px;
	border-top:1px solid #ddd;
}

#left_col div.block {
	
}

#left_col div.block h3{
	
}

#left_col div.block ul{
	
}

#left_col div.block ul li{
	border-bottom:1px solid #eee;
}


#main_content #right_col{
	float:right;
	width:200px;
	font-size:85%;
}

#main_content #right_col div.block{
	display:block;
	padding-top:5px;
	margin-bottom:20px;
}

#main_content #right_col h3{
	font-size:108%;
	font-weight:bold;
	border-bottom:1px solid #aaa;
}

#main_content #right_col ul li{
	border-bottom:1px solid #ddd;
	padding-top:4px;
	padding-bottom:4px;
	
}

#main_content #right_col ul li a{
	color:#888;
}

#main_content #right_col ul li a span{
	float:right;
	width:10px;
	height:15px;
	margin-left:10px;
	background-image: url("/salesucre/wsr/images/next_arrow.gif"); 
	background-repeat: no-repeat; 
	background-position: right top;
}


div.block_links{
	display:block;
	/*border-bottom:5px solid #aaec27;*/
	padding-top:5px;
	margin-bottom:20px;
	padding-bottom:20px;
	border:none;
}

div.block_links h3{
	border-bottom:1px solid #666;
	margin:0px;
	padding:0px;
	margin-top:20px;
}

div.block_links ul li{
	border:none;
	
}

ul.sort_list{
	margin:0px;
	padding:0px;
	border:0px solid #fff;
	
}

ul.sort_list li{
	float:left;
	display:block;
	border:0px solid #fff;
}

ul.sort_list li a, ul.sort_list li a:visited{
	
	float:left;
	display:block;
	border:0px solid #fff;
	margin-right:30px;
}

/* ------------------------------------------------------------------------------------ */
/*                                            forms                                     */
/* ------------------------------------------------------------------------------------ */
form{
	padding:0px;
	margin:0px;
}

form fieldset{
	padding:20px;	
	background-image: url("/salesucre/wsr/images/receipe_bkgr.gif"); 
	background-repeat: repeat-x; 
	background-position: left top;
}

form fieldset.search_apple{
	padding:20px;	
	background-image: none;
	display:block; 
	padding-bottom:20px;
}

form legend{
	background-color:white;
	padding:3px;
	border:1px solid #ddd;
	font-size:93%;
	font-weight:bold;
}

form ul li{
	padding:3px;
}

form label{
	float:left;
	width:100px;
	font-size:93%;
	font-weight:normal;
}

form input.text{
	width:200px;
}

#error_component{
	padding:10px;
	border:1px solid #ddd;
	margin-bottom:10px;
	background-color:#f1f742;
}
/* ------------------------------------------------------------------------------------ */
/*                                            posts                                     */
/* ------------------------------------------------------------------------------------ */

a.read_more, a.read_more:visited{
	display:block;
	margin-bottom:10px;
	width:100px;
	height:17px;
	text-indent:-9000px;
	margin-top:10px;
	background-image: url("/salesucre/wsr/images/read_more.gif"); 
	background-repeat: no-repeat; 
	background-position: left top;
}



/* ------------------------------------------------------------------------------------ */
/*                                    right_sidebar                                     */
/* ------------------------------------------------------------------------------------ */
#right_sidebar{
	background-color:transparent;
	float:right;
	display:block;
	width:230px;
	text-align:left;
	padding:0px;
	margin:0px;
	color:#999;
	
}

#right_sidebar .block{
	margin-bottom:20px;
	border-bottom:1px solid #ddd;
}

#right_sidebar .block form fieldset{
	margin-bottom:20px;
}

#right_sidebar img{
	width:230px;
}

#toolbar{
	display:block;
	height:100px;
	font-size:85%;
}

#right_sidebar h3{
	margin-bottom:5px;
	font-size:110%;
}

#right_sidebar p{
	font-size:85%;
}

#right_sidebar ul{
	margin:0px;
	padding:0px;
}

#right_sidebar ul li{
	display:block;
}

#right_sidebar ul li a, a:visited{
	display:block;
	text-decoration:none;
}

#right_sidebar ul li a:hover{
	display:block;
}


/* ====================================================   newsletter_preview */
#newsletter_preview{
	
}

#newsletter_preview p.newsletter_edition{
	font-weight:bold;
	color:#900;
}

#newsletter_preview a.read_more{
	font-weight:bold;
	float:right;
	display:block;
	margin-bottom:10px;
}

/* ====================================================   member_toolbar                */
#toolbox{
	text-align:right;
	color:#fff;
	height:90px;
	font-size:85%;
	border-bottom:10px solid #666;
	
}

#toolbox ul{
	padding:0px;
	padding-top:10px;
	margin:0px;
}

#toolbox ul li{
	float:right;
	display:block;
	margin-left:20px;
}

#toolbox ul li a, #toolbox ul li a:visited{
	color:#eee;
	float:right;
	display:block;
}

#toolbox ul li a:hover{
	color:#fff;
	
}
/* ------------------------------------------------------------------------------------ */
/*                                      receipe                                         */
/* ------------------------------------------------------------------------------------ */
#receipe{
	
}

#receipe h2{
	font-size:168%;
	font-weight:normal;
	border-bottom:1px solid #555;	
	margin-bottom:30px;
}

#receipe #origin{
	
}

#receipe #receipe_type{
	margin-bottom:20px;
}

a.receipe_title_link{
	font-weight:bold;
	display:block;
	font-size:108%;
}

#receipe #ingredients{
	float:left;
	width:180px;
	color:#999;
	margin-right:20px;
	font-size:90%;
}

#receipe #ingredients ul{
	margin:0px;
	padding:0px;
}
#receipe #ingredients ul li{
	border-top:1px solid #ddd;
	padding-bottom:8px;
	padding-top:3px;
}

#receipe #preparation{
	text-align:left;
	float:right;
	width:300px;
	color:#000;
}

table td{
	border:none;
}

#receipe #comments{
	
}

#receipe #originator{
	margin-top:-15px;
	margin-bottom:20px;
}

#receipe #votes{
	width:100%;
	display:block;
}


/* ------------------------------------------------------------------------------------ */
/*                                 shortcuts_home                                       */
/* ------------------------------------------------------------------------------------ */
#shortcuts{
	margin-top:20px;
	float:left;
	border-top:2px solid #4f284a;
}

#shortcuts div.block{
	float:left;
	width:160px;
	margin-right:10px;
	padding-top:10px;
}

#shortcuts div.last{
	float:right;
	margin-right:0px;
}

#shortcuts div.block h3{
	font-size:93%;
	font-weight:bold;
	margin:0px;
	padding-bottom:20px;
}

#shortcuts div.block ul {
	margin:0px;
	padding:0px;
}

#shortcuts div.block ul li{
	
}

#shortcuts div.block ul li a, #shortcuts div.block ul li a:visited{
	display:block;
	font-size:75%;
	border-top:1px solid #ddd;
	padding-bottom:5px;
	padding-top:5px;
}
/* ------------------------------------------------------------------------------------ */
/*                                       footer                                         */
/* ------------------------------------------------------------------------------------ */

#footer{
	border-top:1px solid #eee;
	clear:both;
	padding-bottom:50px;
}

#footer ul.alt_links{
	display:block;
	width:400px;
	margin:0px;
	padding:0px;
	padding-top:5px;
}

#footer ul.alt_links li{
	display:block;
	float:left;
	padding-right:10px;
}


#footer ul.alt_links li a{
	display:block;
	float:left;
	font-size:93%;
	border-right:1px solid #ddd;
	padding-right:10px;
}

#copyright{
	clear:both;
	display:block;
	color: #bbb;
	font-size:85%;
}


/*post_type_1 post_type_2, post_type_3, post_type_4, post_type_5 post_type_6

tous les types de post sont spécifiés dans les modèles de pages uniquement,
lier les styles depuis une css aurait pour effet de perdre la mise en page 
dans les webmails qui suppriment l'entête de document comme gmail par exemple

*/

.fixed_height{
}

.post_type_2{
	width:100%;
}

.post_type_2 table{
	width:100%;
	margin:0px;
}

.post_type_2 table{
	width:100%;
	margin:0px;
}

.post_type_2 table td{
	margin:0px;
	padding:0px;
}

td.post_image{
	width:85px;
	border:none;

}

td.post_text{
	padding-left:5px;
}

td.post_text h3{
	margin:0px;
	padding:0px;
	
}


/* ------------------------------------------------------------------------------------ */
/*                                    tabbed_images                                     */
/* ------------------------------------------------------------------------------------ */
.tabbed_images {
			list-style:none;
			margin:0;
			padding:0;
			clear:both;
		}

		.tabbed_images li {
			list-style:none;
			float:left;
			margin:0;
			padding:0;
		}

		.tabbed_images li a {
			border:1px solid #ccc;
			display:block;
			float:left;
			margin:0 10px 0 0;
		}

		.tabbed_images li a.active,
		.tabbed_images li a:hover {
			border:1px solid #333;
		}

		.tabbed_images li a img {
			border:none;
			padding:2px;
			margin:0;
			margin-bottom:-5px;
		}

		#image_1,
		#image_2,
		#image_3,
		#image_4,
		#image_5 {
			margin-top:10px;
			padding:2px;
			border:1px solid #ccc;
		}