/**
 * Default CSS for vertical accordion
 **/
.accordion_toggle {
	display: block;
	height: 30px;
	width: 680px;
	background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.accordion_toggle_active {
	background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}

.accordion_content {
	color: #444444;
	overflow: hidden;
}
	
.accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
}

.accordion_content p {
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}
	
.vertical_accordion_toggle {
	display: block;
	height: 30px;
	width: 600px;
	background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.vertical_accordion_toggle_active {
	background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}

.vertical_accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}

.vertical_accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
}

.vertical_accordion_content p {
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}
	
/* *
 * Default CSS for horizontal accordion 
 **/

.horizontal_accordion_toggle {
	/* REQUIRED */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
	display: block;
	height: 100px;
	width: 30px;
	background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	border-right: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.horizontal_accordion_toggle_active {
	background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
	border-right: 1px solid #f68263;
}

.horizontal_accordion_content {
	/* REQUIRED */
	height: 100px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
	
	overflow: hidden;
	color: #444444;
}
	
.horizontal_accordion_content p {
	width: 450px;
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}

/**
 * Category accordion
 **/

.category_accordion .horizontal_accordion_toggle { height:300px; padding:4px; background:#f7f7f7; border:1px solid #ccc; border-right:none; color:#000; }
.category_accordion .horizontal_accordion_toggle img { height:300px; }
.category_accordion .last { border:1px solid #ccc; }
.category_accordion .horizontal_accordion_toggle_active { background:#9D2F65; }
.category_accordion .horizontal_accordion_content { height:300px; background:none;  width:50%; }
.category_accordion .horizontal_accordion_content p { padding:10px; }
.category_accordion .horizontal_accordion_content a { white-space:nowrap; margin:0 10px;}


/**
 * Les utilisations
 */
.category_accordion_8 .horizontal_accordion_toggle { padding:0; }

/**
 * Recipes accordion
 **/
.recipe_accordion .horizontal_accordion_toggle { width:71px; height:300px; padding:4px; background:#f7f7f7; border:1px solid #ccc; border-right:none; color:#000; }
.recipe_accordion .horizontal_accordion_toggle img { height:300px; }
.recipe_accordion .last { border:1px solid #ccc; }
.recipe_accordion .horizontal_accordion_toggle_active { border:1px solid #9d2f65; }
.recipe_accordion .horizontal_accordion_content { height:300px; background:none;  width:50%; width:249px; }
.recipe_accordion .horizontal_accordion_content p,
.recipe_accordion .horizontal_accordion_content ul,
.recipe_accordion .horizontal_accordion_content ol,
.recipe_accordion .horizontal_accordion_content h3{ width:229px; padding:0 10px; margin:10px 0; }
.recipe_accordion .horizontal_accordion_content p a,
.recipe_accordion .horizontal_accordion_content ul a,
.recipe_accordion .horizontal_accordion_content ol a { margin:0; }
.recipe_accordion .horizontal_accordion_content a { white-space:nowrap; margin:0 10px;}
.recipe_accordion .horizontal_accordion_content .last { border:none; }
.recipe_accordion .horizontal_accordion_content a.postImage { margin:0; }
.recipe_accordion .horizontal_accordion_content .recent { width:229px; padding:0 10px; margin:10px 0; }
.recipe_accordion .horizontal_accordion_content .recent_postWrapper { float:left; padding:5px; }

/**
 * Affiliate accordion
 **/
.affiliate_accordion .horizontal_accordion_toggle { width:165px; height:300px; padding:4px; background:#f7f7f7; border:1px solid #ccc; color:#000; }
.affiliate_accordion .horizontal_accordion_toggle img { height:300px; }
.affiliate_accordion .last { border:1px solid #ccc; }
.affiliate_accordion .horizontal_accordion_toggle_active { border:1px solid #9d2f65; }
.affiliate_accordion .horizontal_accordion_content { height:300px; background:none;  width:50%; width:249px; }
.affiliate_accordion .horizontal_accordion_content p,
.affiliate_accordion .horizontal_accordion_content ul,
.affiliate_accordion .horizontal_accordion_content ol { width:229px; padding:0 10px; margin:10px 0; }
.affiliate_accordion .horizontal_accordion_content p a,
.affiliate_accordion .horizontal_accordion_content ul a,
.affiliate_accordion .horizontal_accordion_content ol a { margin:0; }
.affiliate_accordion .horizontal_accordion_content a { white-space:nowrap; margin:0 10px;}