/* CSS fiche produit 16/07/08 */

#une_colonne .inside{
	padding:0;
}

.focusProduit
{
margin:20px 0;
}

#page .focusProduit .titreNiveau1
{
width:700px;
height:34px;
background-repeat: no-repeat;
background-position:0 0;
color:#fff;
padding:10px 0 0 28px;
font-size:20px;
font-weight:normal;
}
.titreNiveau2 {
	color:#fff;
	font-weight:bold;
}
.insideFocusProduit
{
width:728px;
min-height:310px;
background-repeat: no-repeat;
background-position:0 0;
}

* html .insideFocusProduit
{
height:310px;
}

.astucesRecettes
{
width:728px;
padding-top:15px; 
margin-bottom:12px;
background-repeat: no-repeat;
background-position:0 0;
}

.astucesRecettes .insideAstucesRecettes
{
padding:0 0 12px 14px;
overflow:hidden;
height:1%;
background-repeat: no-repeat;
background-position:left bottom;
}

.AstucesEtInfosLeft
{
width:490px;
float:left;
margin-right:10px;
}

/*Nav*/

.AstucesEtInfosLeft .nav ul
{
height:37px;
width:490px
}
	.AstucesEtInfosLeft .nav ul li{
		float:left;
		height:37px;
		padding-left:4px;
	}
		#page .AstucesEtInfosLeft .nav .titreNiveau3 {
			padding-top:0;
			margin-top:0;
		}
		#page .AstucesEtInfosLeft .nav ul li .titreNiveau3 a{
			height:37px;
			padding-left:9px;
			background:url(/App_Themes/actus_marques/img/ficheProduit/navOngletLeft.png) no-repeat 0 0;
			font-weight:bold;
			text-decoration:none;
			font-size:14px;
			float:left;
			color:#fff;
		}
			#page .AstucesEtInfosLeft .nav ul li .titreNiveau3 a span{
				float:left;
				display:block;
				padding:10px 17px 0 6px;
				height:27px;
				text-decoration:none;
				background:url(/App_Themes/actus_marques/img/ficheProduit/navOngletRight.png) no-repeat 100% 0;
				color:#fff;
				font-weight:bold;
				cursor:pointer;
			}
		#page .AstucesEtInfosLeft .nav ul li.active .titreNiveau3 a{
			background-position: left -37px;			
		}
			#page .AstucesEtInfosLeft .nav ul li.active .titreNiveau3 a span{
				background-position: right -37px;
			}
	.AstucesEtInfosLeft .nav ul li.first{
		padding-left:0;
	}
		#page .AstucesEtInfosLeft .nav ul li.first .titreNiveau3 a span{
			padding-right:20px;
		}

/*fin Nav*/

/* bloc conseils , boussole et ingredients*/

.AstucesEtInfosLeft #conseils , .AstucesEtInfosLeft #boussole , .AstucesEtInfosLeft #ingredients
{
background:url(/App_Themes/actus_marques/img/ficheProduit/bg_leftContainer.png) no-repeat bottom left;
clear:both;
width:462px;
min-height:375px;
padding:10px 14px 10px 14px;
font-family: Verdana , Arial , sans-serif;
font-size:11px;
}

* html .AstucesEtInfosLeft #conseils , * html .AstucesEtInfosLeft #boussole , * html .AstucesEtInfosLeft #ingredients
{
height:375px;
}

#conseils ul li p.listItem , #ingredients ul li p.listItem
{
padding:13px 0 0 15px;
height:18px;
font-weight:bold;
margin-bottom:10px;
font-size:12px;
background-image:url(/App_Themes/actus_marques/img/ficheProduit/puce_blocConseils.png);
background-repeat: no-repeat;
}

#conseils ul li , #ingredients ul li
{
margin-bottom:5px
}

#conseils .contentConseils , #ingredients .contentIngredients
{
padding-left:15px;
}

#conseils .contentConseils p , #boussole p , #ingredients .contentIngredients p
{
padding-bottom:15px;
}

.AstucesEtInfosLeft .encartGris 
{
background:url(/App_Themes/actus_marques/img/ficheProduit/bg_encartGris.png) no-repeat top left;
width:460px;
padding-top:5px;
margin:10px 0;
}

.AstucesEtInfosLeft .insideEncartGris 
{
background:url(/App_Themes/actus_marques/img/ficheProduit/bg_encartGris.png) no-repeat bottom left;
padding:0 0 7px 10px;
}

p.knowMoreLink
{
background:url(/App_Themes/actus_marques/img/ficheProduit/puce_knowMoreLink.png) no-repeat left 4px;
padding-left:10px;
}

p.knowMoreLink a
{
text-decoration:none;
color:#000;
font-size:10px;
font-weight:bold;
}

p.knowMoreLink a:hover
{
text-decoration:underline;
}

/*fin bloc conseils, boussole et ingredients*/

/* ------------ bloc Right ------------*/

.insideAstucesRecettes .blocRight{
	float:left;
	width:202px;
	padding-top:10px;
	min-height:120px;
	background-repeat: no-repeat;
	background-position:left top;
}
* html .insideAstucesRecettes .blocRight{
	height:120px;
}
.insideAstucesRecettes .blocRight .insideBlocRight{
	padding-bottom:10px;
	background-repeat: no-repeat;
	background-position:left bottom;
}
	.blocRight .blocPub,
	.blocRight .miniCaroussel,
	.blocRight .blocFeedback{
		width:182px;
		margin:0 auto;
		padding-top:15px;
	}
	.blocRight .miniCaroussel{
		padding:0;
	}
		#page .blocRight .miniCaroussel .title{
			padding:0 0 20px 0;
			margin:0;
			color:#58c1f8;
			font-size:1.28em;
			text-align:center;
		}
		.blocRight .miniCaroussel .carouselContainer{
			position:relative;
			padding:0;
		}
			.miniCaroussel .carouselDisplay{
				width:133px;
				padding: 0 0 0 6px;
				margin:0 0 0 27px;
				height:134px;
				overflow:auto;
			}
			.miniCaroussel .carouselDisplay li{
				height:134px;
			}
				.miniCaroussel .carouselDisplay li img{
					padding:0 0 3px 0;
					display:block;
				}
				.miniCaroussel .carouselDisplay li a{
					text-decoration:none;
					color:#000;
				}
				.miniCaroussel .carouselDisplay li span.txtDesc{
					display:block;
					line-height:1em;
					cursor:pointer
				}

.blocRight .blocPub p , .blocRight .blocFeedback p
{
font-family:Verdana , Arial , sans-serif;
font-size:10px;
font-weight:bold;
padding:3px 0;
}

.blocRight .blocFeedback p a
{
font-weight:normal;
}

.blocRight .blocFeedback img
{
margin-left:10px;
}

/* ------------ fin bloc Right ------------*/

/* ------------ bloc A decouvrir ---------*/

.aDecouvrir{
	background:url(/App_Themes/actus_marques/img/ficheProduit/bg_aDecouvrir_bottom.png) no-repeat 0 100%;
	padding:0px 0px 13px 0px;
	margin: 0 0 10px 0;
}
	.aDecouvrir .innerBlock{
		background:url(/App_Themes/actus_marques/img/ficheProduit/bg_aDecouvrir.png) no-repeat 0 0;			
		overflow:hidden;
		width:698px;
		padding:12px 15px 0px 15px;
	}


#page .aDecouvrir h4,
#page .aDecouvrir h5
{
padding:0 0 7px 0;
border-bottom:1px solid #e9e9e9;
font-size:14px;
margin-bottom:10px;
color:#000;
}

.aDecouvrir table
{
border-collapse:collapse;
}

.aDecouvrir td
{
border-left:1px solid #e9e9e9;
padding:12px 7px 5px 5px;
width:220px;
text-align:center;
vertical-align:top;
}

.aDecouvrir td p
{
font-size:10px;
font-weight:bold;
font-family:Verdana , Arial , sans-serif;
padding:10px 0;
text-align:left;
float:right;
width:102px;
}

.aDecouvrir td p a
{
color:#000;
text-decoration:none;
}

.aDecouvrir td p a:hover
{
text-decoration:underline;
}

.aDecouvrir td.noBorder
{
border:none;
}

/* ------------ Fin bloc A decouvrir ---------*/


/* Bloc Description produit */
.insideFocusProduit{
	width:100%;
}
.insideFocusProduit:after{
	content: ".";
	display:block;
	visibility: hidden;
	clear: both;
	height: 0;
}
.descProduitIntro{
	float:left;
	width:440px;
	padding: 20px 0 0 30px;
	color:#333333;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	.descProduitIntro p{
		padding: 0 0 10px 0;
	}
	.descProduitIntro .visuelPdt{
		width:430px;
		height:109px;
	}
	 * html body .descProduitIntro .visuelPdt .contentVisuPdt{
	 	display:none;
	 }
	#page .descProduitIntro .productTitle{
		font-size:12px;
		padding: 0 0 10px 0;
		color:#333333;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin:0;
	}
	.descProduitIntro .infosDesc{
		font-family:Arial, Helvetica, sans-serif;
		color:#58c1f8;
		font-size:11px;
		padding: 0 0 20px 0;
		font-weight:bold;
	}
	.descProduitIntro .promoPart a{
		padding: 0 25px 0 0
	}
	.descProduitIntro .promoPart img{
		vertical-align:middle;
	}
.insideFocusProduit .visuVertical{
	padding-top:15px;
}
	.insideFocusProduit .visuVertical .textPdt{
		float:right;
		width:260px;
		padding:20px 0 0 0;
	}
	.insideFocusProduit .visuVertical .visuelPdt{
		width:173px;
		height:281px;
		padding-top:20px;
	}
	* html .insideFocusProduit .visuVertical .visuelPdt{
		margin-top:35px;
	}

.infosCommentProduct{
	float:left;
	padding: 25px 0 0 36px;
	width:190px;
}
.commentBlock{
	background-repeat:no-repeat;
	background-position: 28px -2px;
	padding:103px 0 10px 0;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	min-height:100px;
}
* html body .commentBlock{
	height:100px;
}
	.commentBlock blockquote{
		margin:0px;
		padding:0 0 5px 0;
	}
	.commentBlock .senderInfo{
		font-weight:bold;
	}
.infoBlockProduct{
	background:url(/App_Themes/actus_marques/img/ficheProduit/bg_blockInfoBottom.gif) no-repeat 0 100%;
	padding: 0 0 12px 0;
	width:157px;
	font-size:11px;
	margin: 0 0 0 40px;
}
	.infoBlockProduct .innerBlock{
		background:url(/App_Themes/actus_marques/img/ficheProduit/bg_blockInfoTop.gif) no-repeat 0 0;
		padding: 12px 10px 0px 12px;
		line-height:13px;
	}
	.infoBlockProduct .linkBlock{
		padding: 2px 0 0 4px
	}


/* Carousel Gamme */
.carouselGamme{
	background:url(/App_Themes/actus_marques/img/ficheProduit/bg_gammePdtCarousel.jpg) no-repeat 0 0;
	padding: 0 0 15px 0;
	position:relative;
}
	#page .carouselGamme .titleBlock{
		margin:0;
		padding:9px 0 0 42px;
		height:34px;
		color:#000;
		font-size:14px;
	}
	.carouselGamme .controlList{
		position:absolute;
		top:13px;
		right:39px;
	}
		.carouselGamme .controlList li{
			float:left;
			width:11px;
			height:11px;
			display:block;
			overflow:hidden;
			padding-left:6px;
			background-position: 100% 0;
			background-repeat:no-repeat;
		}
		.carouselGamme .controlList li.active{
			background-position: 100% -11px;
		}
	.carouselGamme .carouselControl{
		width:667px;
		height:105px;
		overflow:auto;
		margin: 0 0 0 42px;
	}
		.carouselGamme .carouselControl li{
			margin-right:1px;
			float:left;
			border-left:1px solid #e9e9e9;
			height:105px;
			padding: 0;	
			width:160px;
			text-align:center;
		}	
		.carouselGamme .carouselControl li.first{
			padding-left:1px;
			border-left:0px none;
		}
			.carouselGamme .carouselControl li a{
				color:#595959;
				text-decoration:none;
			}
			.carouselGamme .carouselControl li .txtIntitule{
				display:block;
				text-align:left;
				color:#595959;
				padding: 5px 15px 5px 15px;
				font-weight:bold;
				line-height:12px;
				font-size:11px;
				cursor:pointer
			}
			.carouselGamme .carouselControl li img{
				margin:0px 0 0 0;
			}
		.carouselGamme .carouselControl li.visuVertical{
				
		}
			.carouselGamme .carouselControl li.visuVertical .txtIntitule{
				float:left;
				width:80px;
				padding:20px 5px 0;
				
			}
			.carouselGamme .carouselControl li.visuVertical img{
				float:left;
				padding-top:0;
			}

/*********************************** CAROUSEL */
/* init Carousel */
.jcarousel-container {
    position: relative;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}
.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* Carousel Recettes */
	.recipeCarousel .jcarousel-container-horizontal {
		width: 116px;
		padding: 0 33px 0 33px;
	}
	
	.recipeCarousel .jcarousel-clip-horizontal {
		width: 116px;
		height: 134px;
	}
	.miniCaroussel .jcarousel-list {
		z-index: 1;
		overflow: hidden;
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
	}
	.recipeCarousel .jcarousel-item {
		width: 116px;
		height: 134px;
	}
	.recipeCarousel .jcarousel-item-horizontal {
		margin-right: 10px;
	}
	/**
	 *  Horizontal Buttons
	 */
	.recipeCarousel .jcarousel-next-horizontal {
		position: absolute;
		top: 35px;
		right: 1px;
		width: 26px;
		height: 35px;
		cursor: pointer;
	}
	.recipeCarousel .jcarousel-next-disabled-horizontal,
	.recipeCarousel .jcarousel-next-disabled-horizontal:hover,
	.recipeCarousel .jcarousel-next-disabled-horizontal:active {
		cursor: default;
		visibility:hidden;
	}
	.recipeCarousel .jcarousel-prev-horizontal {
		position: absolute;
		top: 35px;
		left: 1px;
		width: 26px;
		height: 35px;
		cursor: pointer;
	}
	.recipeCarousel .jcarousel-prev-disabled-horizontal,
	.recipeCarousel .jcarousel-prev-disabled-horizontal:hover,
	.recipeCarousel .jcarousel-prev-disabled-horizontal:active {
		cursor: default;
		visibility:hidden;
	}
	
/* Carousel Gamme */
	.carouselGamme .jcarousel-container-horizontal {
		width: 648px;
		padding: 0 42px 0 42px;
	}
	
	.carouselGamme .jcarousel-clip-horizontal {
		width: 648px;
		height: 105px;
	}
	.carouselGamme .jcarousel-list {
		z-index: 1;
		overflow: hidden;
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
	}
	.carouselGamme .jcarousel-item {
		width: 160px;
		height: 81px;
	}
	.carouselGamme .jcarousel-item-horizontal {
		margin-right: 10px;
	}
	/**
	 *  Horizontal Buttons
	 */
	.carouselGamme .jcarousel-next-horizontal {
		position: absolute;
		top: 14px;
		right: 4px;
		width: 25px;
		height: 35px;
		cursor: pointer;
	}
	.carouselGamme .jcarousel-next-disabled-horizontal,
	.carouselGamme .jcarousel-next-disabled-horizontal:hover,
	.carouselGamme .jcarousel-next-disabled-horizontal:active {
		cursor: default;
		visibility:hidden;
	}
	.carouselGamme .jcarousel-prev-horizontal {
		position: absolute;
		top: 14px;
		left: 0px;
		width: 25px;
		height: 35px;
		cursor: pointer;
	}
	.carouselGamme .jcarousel-prev-disabled-horizontal,
	.carouselGamme .jcarousel-prev-disabled-horizontal:hover,
	.carouselGamme .jcarousel-prev-disabled-horizontal:active {
		cursor: default;
		visibility:hidden;
	}

/*********************************** Fin CAROUSEL */



/*------ Skin fiche Maggi associe a la class 'ficheProdMaggi' -----*/

.ficheProdMaggi .astucesRecettes{
	background-image:url(/App_Themes/actus_marques/img/ficheProduit/maggi/bg_astucesRecettes.png);
}
.ficheProdMaggi .astucesRecettes .insideAstucesRecettes{
	background-image:url(/App_Themes/actus_marques/img/ficheProduit/maggi/bg_astucesRecettes.png);
}
#page .ficheProdMaggi .AstucesEtInfosLeft .nav ul li.active a,
#page .ficheProdMaggi .AstucesEtInfosLeft .nav ul li.active a span{
	color:#58c1f8;
}
.ficheProdMaggi #conseils ul li p.listItem , .ficheProdMaggi  #ingredients ul li p.listItem{
	background-position:left 17px;
	border-bottom:1px solid #98d9fb;
}
.ficheProdMaggi .blocRight{
	background-image:url(/App_Themes/actus_marques/img/ficheProduit/maggi/bg_rightContainer.png);
}
.ficheProdMaggi .blocRight .insideBlocRight{
	background-image:url(/App_Themes/actus_marques/img/ficheProduit/maggi/bg_rightContainer.png);
}
.ficheProdMaggi .blocRight .blocFeedback p a{
	color:#4fadde;
}
.ficheProdMaggi .focusProduit .titreNiveau1{
	background-image:url(/App_Themes/actus_marques/img/ficheProduit/maggi/bg_nomProduit.png);
}
.ficheProdMaggi .insideFocusProduit{
	background-image:url(/App_Themes/actus_marques/img/ficheProduit/maggi/bg_insideFocusProd.jpg);
}

/* carousel */
.ficheProdMaggi .blocRight .miniCaroussel .carouselContainer{
	background: url(/App_Themes/actus_marques/img/ficheProduit/Maggi/bg_miniCarousel.jpg) no-repeat 0 0;
}
.ficheProdMaggi .recipeCarousel .jcarousel-next-horizontal {
	background: url(/App_Themes/actus_marques/img/ficheProduit/Maggi/bt_carouselProductNext.png) no-repeat 0 0;
}
.ficheProdMaggi .recipeCarousel .jcarousel-prev-horizontal{
	background: url(/App_Themes/actus_marques/img/ficheProduit/Maggi/bt_carouselProductPrevious.png) no-repeat 0 0;
}
.ficheProdMaggi .carouselGamme .controlList li{
	background-image: url(/App_Themes/actus_marques/img/ficheProduit/maggi/bt_gammePdtCarouselControl.png);
}
.ficheProdMaggi .carouselGamme .jcarousel-next-horizontal{
	background: url(/App_Themes/actus_marques/img/ficheProduit/Maggi/bt_gammePdtCarouselNext.png) no-repeat 0 0;
}
.ficheProdMaggi .carouselGamme .jcarousel-prev-horizontal{
	background: url(/App_Themes/actus_marques/img/ficheProduit/Maggi/bt_gammePdtCarouselPrevious.png) no-repeat 0 0;
}

/* intro */
.ficheProdMaggi .commentBlock{
	background-image: url(/App_Themes/actus_marques/img/ficheProduit/visu_bulle.gif);
}


/*------ Fin Skin fiche Maggi -----*/