/* CSS Document */

*{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-size:1em;
	outline:none;
}
body, html{
	width:100%;
	height:100%;
}
body{
	font-size:62.5%; /* 10px */
	color: #333;
	text-align:center;
	letter-spacing: normal;
	word-spacing: normal;
	line-height:normal;
	min-height:100%;
	background: #ffeb01 url(../images/bg_body.jpg) no-repeat center 0;
}

#content{
	background: url(../images/bg_contentBottom.gif) no-repeat 14px 100%;
	padding-bottom:10px;
}
.insideContent{
	min-height:350px;
	background: url(../images/bg_contentTop.gif) no-repeat 0 0;
	padding:25px 0 0 0
}

.homeContent .insideContent{
	background: url(../images/bg_homeTop.gif) no-repeat 0 0;
}
* html body .insideContent{
	height:350px;
}

.blocRetre{
	width:674px;
	margin:auto;
	position:relative;
}
	
.blocRetreBis{
	width:650px;
	position:relative;
	background: transparent url(../images/bg_contentMiddle.gif) repeat-y scroll 0pt 0pt;
	margin:0 0 0 14px;
	padding: 0 13px 0 26px;
}
	
p, select, input, caption, label, span, tr, td, table, textarea{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:1em;
	text-align:left;
}

textarea{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	padding:2px;
	overflow:auto
}

img, fieldset, table{
   border: 0px none;
}

form, p, ul, li, fieldset, input{
   margin: 0;
   padding: 0;
}

legend{
	margin-left:-7px;
	color:#000;
}

input, label, .label{
	vertical-align: middle;
}

ul, ol, li{
	list-style: none;
}

ol li{
	list-style: none;
}

hr {
	display:none;
}

address{
   font-style: normal;
}

q:before, q:after {
    content: "";
}

q{
	font-size:1em;
	font-style:inherit;
	font-weight:inherit;
}
em{
	font-size:1em;
}

/* ----- HEADINGS ----- */	
/*h1, h2, h3, h4, h5, h6 {
  font-family:Arial, Verdana, Helvetica, sans-serif;
  font-weight:normal;
  text-align:left;
  letter-spacing:normal;
  color: #000000;
  line-height:1em;
}*/

h1{
	margin-top:5px;
  padding:7px 0 15px 40px;
	background: url(../images/bg_title.gif) no-repeat 0 0;
	font-size:2.2em;
	width:600px;
	color:#bf0013;
	font-weight:bold;
	float:left;
}

h1#astucieuses{
	margin-top:5px;
  padding:7px 0 15px 40px;
	background: url(../images/bg_title.gif) no-repeat 0 0;
	font-size:2.2em;
	width:220px;
	color:#bf0013;
	font-weight:bold;
	float:left;
}

h2{
	color:#333333;
	font-weight:bold;
	font-size:1.2em;
	padding-bottom:15px;
	padding-left:0px;
}

.blog{
	float:right;
	font-size:1.4em;
	font-style:italic;
	font-weight:bold;
	color:#FFFFFF;
	background:url(../images/bg_blogAstucieuses.gif) no-repeat;
	width:370px;
	height:25px;
	padding-left:12px;
	padding-top:5px;
	padding-bottom:10px;
	margin-top:9px;
}
	
.blog a{
	color:#FFFFFF;
}
	
/* ----- END HEADINGS ----- */

a{
	color: #000;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;	
}

/*** clear */
.clear {
	clear: left;
	display: block;
	height: 0px;
	visibility:hidden;
}
/*** fin clear */

.hightlight{
	font-weight:bold;
}

#page {
	margin: 0 auto;
	width: 990px;
	text-align: left;
	position:relative;
}

/***************************** HEADER */
#header{
	position:relative;
	width:100%;
	height:167px;
}
	#header .logoMaggi{
		padding:40px 0 0 25px;
	}
	#header .txtBetterLife{
		width:407px;
		height:76px;
		background: url(../images/logo_betterLife.gif) no-repeat 0 0;
		left:215px;
		top:89px;
		position:absolute;
	}
	#header .txtBetterLife span{
			position:absolute;
			left:-999em;
	}
	#header .blogLink{
		width:197px;
		height:31px;
		background: url(../images/link_blogAstucieuses.gif) no-repeat 0 0;
		right:26px;
		top:142px;
		position:absolute;
		display:block;
	}
	#header .blogLink span{
			position:absolute;
			left:-999em;
	}
		
/***************************** MENU */
#navigation{
	position:relative;
	float:left;
	width:231px;
	padding:45px 2px 0 25px;
}
	.listNav {
		color:#666666;
		padding:0 0 0 4px;
		width:224px;
	}
	.listNav a{
		color:#666666;
	}
		.listNav .navTab{
			display:block;
			position:relative;
			margin-bottom:15px;
		}
			.listNav .navTab .navTabLink{
				display:block;
				width:196px;
				height:28px;
				color:#fff;
				font-size:1.3em;
				padding:9px 0 0 28px;
				cursor:pointer;
				background: url(../images/bg_navTabLink.gif) no-repeat 0 0;
			}
			.listNav .navTab .introTxt{
				font-style:italic;
			}
			.listNav .navTab .recipeLink{background-position: 0 0;}
			.listNav .activeTab .recipeLink{background-position:0 100%;}
			.listNav .insideRecipe .introTxt{color:#798f03;}
			
			.listNav .navTab .eatLink{background-position: -224px 0;}
			.listNav .activeTab .eatLink{background-position: -224px 100%;}
			.listNav .insideEating .introTxt{color:#bf0013;}
			
			.listNav .navTab .productLink{background-position: -448px 0;}
			.listNav .activeTab .productLink{background-position: -448px 100%;}
			.listNav .insideProduct .introTxt{color:#2691c1;}
			
			.listNav .navTab .sagaLink{background-position: -672px 0;}
			.listNav .activeTab .sagaLink{background-position: -672px 100%;}
			.listNav .insideSaga .introTxt{color:#ebb41b;}
			
			.listNav .activeTab{
				background: url(../images/bg_navTabLayer.gif) no-repeat 5px 100%;
			}
				.listNav .insideNavTab{
					padding:5px 14px 8px 18px;
					font-size:1.1em;
					display:none;
				}
				.listNav .activeTab .insideNavTab{
					display:block;
				}
				.listNav .insideNavTab p{
					padding: 0 0 10px 0
				}
				.listNav .insideNavTab .introTxt{
					font-size:1.09em;
				}
				.listNav .insideNavTab li{
					padding: 0 0 8px 10px;
					background: url(../images/picto_arrowGray.gif) no-repeat 0 4px;
				}
				.listNav .insideNavTab li.active{
					background: url(../images/picto_arrowRed.gif) no-repeat 0 4px;
					color:#e31818;
					font-weight:bold;
				}
					.listNav .insideNavTab li.active a{
						color:#e31818;
					}

	
.newsletterPush{
	background: url(../images/bg_newsletterPush.png) no-repeat 0 0;
	width:195px;
	height:136px;
	margin:0 0 14px 12px;
}
	.newsletterPush .insideNewsletter{
		position:relative;
		padding:25px 0 0 35px;
		color:#fff;
		font-size:1.4em;
	}
		.newsletterPush .insideNewsletter p{
			padding:0px 0 10px 0px;
			color:#fff;
			font-weight:bold;
		}
			.newsletterPush .insideNewsletter p a{
				color:#fff;
				text-decoration:underline;
			}

/* PNG24 IE6 HACK */
* html body .newsletterPush{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../materials/images/bg_newsletterPush.png");
}

/***************************** Newsletter page recettes */

.newsletter{
	background: url(../images/bg_newsletterPush.png) no-repeat 0 0;
	width:195px;
	height:136px;
	margin:0 0 14px 12px;
	float:right;
}
	.newsletter .insideNewsletter{
		position:relative;
		padding:5px 0 0 35px;
		color:#fff;
		font-size:1.4em;
	}
	.newsletter .insideNewsletter img{
		padding:15px 0 0 0px;
	}
  
  	.newsletter .insideNewsletter p{
			padding:0px 0 10px 0px;
			color:#fff;
			font-weight:bold;
			width:165px;
		}
			.newsletter .insideNewsletter p a{
				color:#fff;
				text-decoration:underline;
				font-size:0.9em;
			}

/* PNG24 IE6 HACK */
* html body .newsletter{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../materials/images/bg_newsletterPush.png");
}

/***************************** Video */

.video{
	width:210px;
	padding: 0px 5px 5px 10px;
	float:right;
	font-size: 1.1em;
	position:relative;
	color:#333333;
}

.titleDisplay{
  padding: 0 0 5px 0;
}

.linkBlock{
	text-align:right;
}

/***************************** CONTENT */
#heart{
	float:left;
	width:710px;
}
#content{
	margin-bottom:20px;
}

/***************************** FOOTER */
#footer{
	clear:both;
	padding:0px 0 20px 0px;
	overflow:hidden;
	width:710px;
	font-size:1.1em;
}
	#footer .listLinkFooter{
		width:540px;
		float:left;
		padding:2px 0 0 0;
	}
		#footer .listLinkFooter li{
			display:inline;
			padding-right:20px;
			color:#b84501;
		}
			#footer .listLinkFooter li a{
				color:#b84501;
			}
	#footer .selectList{
		float:left;
		width:170px;
	}
		#footer select{
			width:170px;
		}
		
	
/************ MAGGI PARTENAIRE DE LA BONNE CUISINE ****************/

.text{
	clear:both;
	padding-bottom:15px;
}

.text p{
	font-size:1.2em;
	padding-bottom:15px;
}

.text p.recettes{
	font-size:1.4em;
	font-style:italic;
	font-weight:bold;
	color:white;
	background:url(../images/bg_blogAstucieuses.gif) no-repeat;
	width:370px;
	height:25px;
	padding-left:15px;
	padding-top:5px;
	margin:0 auto;
	padding-bottom:10px;
	clear:both;
}	

.text p.recettes a{
	color:#FFFFFF;
}	

.imgBlog{
  text-align:center;
  margin-bottom:25px;
}

p.connexes{
	display:inline;
  font-size:1.2em;
}

p.connexes a{
	text-decoration:underline;
}

.recherche{
	font-weight:bold;
	color:#bf0013;
	font-size:1.2em;
	padding-top:20px;
	padding-left:0px;
	padding-bottom:8px;
}

.recherche a{
	color:#bf0013;
	text-decoration:underline;
}

.entete{
	/*overflow:auto;*/
	width:100%;
	position:relative;
}


/*InfoBulles*/

a#wfa {
  cursor: text;
}

div#wfinfobulle {
	display: none;
	text-align: center;
}

div#wfinfobulle div#wfwrapper {
  margin: 0 auto;
  text-align: left;
	width:220px;
}

div#wfinfobulle div#wfcontent {
  background: #fff;
  color: #000000;
  font: 11px Arial, Verdana, Helvetica, sans-serif;
	margin: 5px 0 0 0;
	padding: 8px 15px 8px 15px;
	position: relative;
}

div#wfinfobulle p#titre {
  background: #fff;
  color: #E31818;
  font: 11px Arial, Verdana, Helvetica, sans-serif;
  margin: 0 0 1em;
}

div#wfinfobulle p {
  margin: 0 0 10px 0;
  line-height:110%;
}

div#wfinfobulle p#close {
  font-size: 10px;
  margin:0;
  text-align: right;
}

div#wfinfobulle a {
  background: #fff;
  color: #666666;
  text-decoration: none;
}

div#wfinfobulle a:hover {
  background: #fff;
  color: #666666;
  text-decoration: none;
}

div#wfinfobulle p#close a {
  background: #fff;
  color: #001F9D;
  text-decoration: none;
}