h2.Jaune{
			background:url(/VinChili_images/site/background-titre-jaune.png) top left repeat-x;
			font : bold 13px/18px Arial;
			color:#ffffff;
			text-transform:uppercase;
			margin:0 0 7px 0;
			padding:0 0 0 14px;
		}
		
		.ListeProd {
			border:3px #dedede solid;
			margin-bottom:5px;
		}
		.ListeProd:hover {
			background-color:#f7f7f7;
		}
		
		.ListeProd .Visu{
			width:89px;
			text-align:center;
			vertical-align:middle;

		}
		.ListeProd .Desc{
			background:url(/VinChili_images/site/background-liste-prod.png) top left repeat-y;
			position:relative;
		}
		.ListeProd .Desc .Pos{
			min-height:79px !important; /* taille minimal pour les moteur gecko et IE7 */
			height:79px; /* taille max pour IE6 */
			height:auto !important; /* on remet à la normal pour gecko et IE7 */
			position:relative;
			padding:10px 7px 0 10px;
		}
		.ListeProd .Desc h1{
			font : bold 14px Arial;
			color:#760d0d;
			margin:0 267px 0 0;
			padding:0 0 5px 0;	
		}
		.ListeProd .Desc h1 a{
			font : bold 14px Arial;
			text-decoration:none;
			color:#760d0d;
		}
		.ListeProd .Desc p{
			font : normal 11px Arial;
			color:#760d0d;
			margin:0;
			padding:0;	
		}
		.ListeProd .Court{
			margin:0 267px 0 0 !important;
		}
		
		.img-list {
			padding:3px 0 0 0 !important;
			margin:0 !important;
		}
		.img-list li {
			float:left;
			margin:0 !important;
			padding:0 !important;
			display:inline;
		}
		.img-list li img {
			float:left;
			margin:0 7px 0 0;
		}

                                   
        .BlocTableauPalier0{
        	position:absolute;
        	right:0px;
        	top:0px;
        	border-left:1px #dedede solid;
			border-bottom:1px #dedede solid;
	    }                            	
        .BlocTableauPalier1{
        	position:absolute;
        	right:0px;
        	bottom:0px;
        	border-left:1px #dedede solid;
			border-top:1px #dedede solid;
	    }                            	
		.DetPrix{
			width:75px;
			height:39px;
			text-align:center;
		}
		.DetReduc {
			background:url(/VinChili_images/site/background-reduction.png) top left repeat-x;
			font : bold 14px Arial;
			text-align:center;
			color:#e20000;
			margin:0;
			width:40px;
		}
		.DetReducB{
			width:40px;
		}
		.DetQte{
			width:50px;
			padding-left:5px;
			font : bold 11px Arial;
			color:#e20000;
			margin:0;
		}
		.Prix18{
			font : normal 18px Arial;
			color:#760d0d;
			margin:0;
		}
		.Prix15{
			font : normal 15px Arial;
			color:#760d0d;
			margin:0; padding: 0 0 5px 0;
		}
		.Prix15 strike{
			font : normal 11px Arial;
			color:#656565;
			margin:0;
			padding:0;	
		}
						
		
		.TexteGamme{
			border:1px #dedede solid;
			margin:7px 0;
			padding:7px;
		}


	.Produit{
		padding:0 5px;
	}
	.visuel{
		float:left;
		width:202px;
		margin-bottom:5px;
	}
	.visuel td{
		border:1px #dedede solid;
		width:202px;
		height:202px;
	}
	.Vignettes{
		text-align:center;
	}
	.Vignette{
		display:inline;
		float:left;
		margin:10px 5px 0 0 ;
		width:37px;
		height:37px;
		position:relative;
	}
	.Vignette td{
		border:1px #dedede solid;
		width:37px;
		height:37px;
	}
	.Texte{
		float:right;
		width:360px;
		margin-bottom:5px;
	}
	.TitreProduit{
		font:bold 14px arial;
	}
	p.Propriete{
		color:#a60000;
	}
	.ProduitPalier{
		border:1px #d0d0d0 solid;
		margin-bottom:5px;
	}
	.ProduitPalier table {
		width:100%;
	}



				#Caract {
					min-height:40px !important; /* taille minimal pour les moteur gecko et IE7 */
					height:40px; /* taille max pour IE6 */
					height:auto !important; /* on remet à la normal pour gecko et IE7 */
					background:url(/VinChili_images/site/background-caracteristiques.png) top left repeat-x;
					padding : 12px 15px 0 12px;
					margin-bottom:5px;	
				}
				#Caract h3.carac{
					font : bold 14px Arial;
					color:#656565;
				}
				
				#OutilsEcom{
					clear:both;
					border:1px #d0d0d0 solid;
					margin-bottom:5px;
					margin-top:5px;
					padding:0 10px 0 30px;
				}
				#OutilsEcom a{
					text-decoration:none;
					font: bold 9px verdana;
					color:#a1a1a1;
					padding-right:40px;
				}
				#OutilsEcom img{
					vertical-align:middle;
				}
				#ArticlesLies {
					clear:both;
				}
				#ArticlesLies .ArtDet{
					/*border:1px #d0d0d0 solid;*/
					margin-bottom:5px;
					position:relative;
				}
				#ArticlesLies .ArtDet:hover{
					background-color:#f5f5f5;
				}
				#ArticlesLies .ArtDet a{
					position:absolute;
					width:100%;
					height:100%;
					/*border:1px red solid;*/
					text-indent:-9999px;
				}
				#ArticlesLies .ArtDet h1{
					font: bold 12px arial;
					color:#656565;
					margin:0;
					padding:0 0 5px 0;
				}



					#ProdLies{
					 	background:url(/VinChili_images/site/background-produits-lies.png) top left repeat-x;
						width:570px;
						/*border:1px #d0d0d0 solid;*/
					}
					#ProdLies h3{
						font : bold 12px/22px arial;
						color:#ffffff;
						text-transform:uppercase;
					 	padding:0 0 0 20px;
					 	margin:0 !important;
					}
					.ProduitLie {
						width:187px;
					}
					.ProduitLie td {
						/* border:1px green solid;*/
					}
					.ProduitLie h1{
						font : bold 11px arial;
						text-align:left;
					 	color:#760d0d;
					 	margin:0;
						padding:0 5px 5px 0 !important;
					}
					
					.stepcarousel{
						position: relative; /*leave this value alone*/
						border-left: 1px #dddddd solid;
						border-right: 1px #dddddd solid;
						margin : 0 0 0 0;padding:0;
						overflow: scroll; /*leave this value alone*/
						width:555px;/*Width of Carousel Viewer itself*/
						height: 90px; /*Height should enough to fit largest content's height*/
					
					}
					.stepcarousel .belt{
						position: absolute; /*leave this value alone*/
						left: 0;
						top: 0;
					}
					.stepcarousel .panel{
						float: left; /*leave this value alone*/
						overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
						margin: 0 0px; /*margin around each panel*/
						padding: 0 0px; /*margin around each panel*/
						width: 187px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
						background:url(/ClicEtChoc_images/site/separateurCrea.gif) no-repeat right center ;
					}



				#ProduitPrecSuiv{
					clear:both;
					padding:10px 0;
				}
				.Produit{
					padding:0 5px;
				}
				.Prec{
					position:relative;
					float:left;
					width:49%;
					border:1px #d0d0d0 solid;
					background-color:#f7f7f7;
					min-height:89px !important; /* taille minimal pour les moteur gecko et IE7 */
					height:89px; /* taille max pour IE6 */
					height:auto !important; /* on remet à la normal pour gecko et IE7 */
				}
				.Suiv{
					position:relative;
					float:right;
					width:49%;
					border:1px #d0d0d0 solid;
					background-color:#f7f7f7;
					min-height:89px !important; /* taille minimal pour les moteur gecko et IE7 */
					height:89px; /* taille max pour IE6 */
					height:auto !important; /* on remet à la normal pour gecko et IE7 */
				}
				.PL{
					width:100%;
				}
				.PLVisu{
					width:89px;
					height:89px;
				}
				.PLDesc{
					padding:5px 10px;
				}
				.PLDesc h3{
				 	font : bold 12px arial;
				 	padding:5px 0 0 0;
				 	margin:0;
				 	color:#868686;
				 }
				.PLLnk{
				 	font : bold 10px arial;
				 	text-decoration:underline;
				 	color:#000000;
				 	text-transform:uppercase;
				}
				.PLPrix strike{
					font : normal 11px Arial;
					color:#656565;
					margin:0;
					padding:0;	
				}
				.PLPrix {
					font : bold 14px Arial;
					color:#760d0d;
					margin:0;
					padding:0;	
				}
				.PLBLnk{
					position:absolute;
					width:100%;
					height:100%;
					/*border:1px red solid;*/
					text-indent:-9999px;
				}



		.pager{
			background-color:#c40000;
			padding:2px 5px 2px 10px;
			margin-bottom:10px;
		}
		.pager, .pager p,.pager a{
			font:normal 11px/18px Arial;
			color:#fff;
		}
		.pager a{
			text-decoration:underline;
			padding:0 2px;
		}
		.pager a.selected {
			color:#ffbd00;
			text-decoration:none;
		}
		.pager p{
			padding:0;
		}
		.pager select {
			font:normal 11px Arial;
			
		}
		.TirPager{
			float:right;
		}
		.Pages{
			width:213px;
			float:left;
			text-align:center;
		}
		.InfoPager{
			width:156px;
			float:left;
		}


			.ProdUne{
				border:1px #dedede solid;
				margin:0 0 10px 0;
				position:relative;
			}
			
			.ProdUne:hover {
				background-color:#f7f7f7;
			}
			
			.ProdUne .Visu{
				width:136px;
				text-align:center;
				vertical-align:middle;
	
			}
			.ProdUne .Desc{
				background:url(/VinChili_images/site/background-liste-prod.png) top left repeat-y;
				position:relative;
				padding: 10px 0 0 15px;
			}
			.ProdUne .Desc h1,.ProdUne .Desc h1 a{
				font : bold 14px Arial;
				color:#760d0d;
				margin:0 0 0 0;
				padding:0 10px 5px 0;	
				text-decoration:none;
			}
			.ProdUne .Desc p{
				font : normal 12px Arial;
				color:#760d0d;
				margin:0;
				padding:0;	
			}
			.ProdUne .Desc .Pos{
				min-height:89px !important; /* taille minimal pour les moteur gecko et IE7 */
				height:89px; /* taille max pour IE6 */
				height:auto !important; /* on remet à la normal pour gecko et IE7 */
				position:relative;
				padding:0 0 0 0px;
			}
			
			.ProdUne .BlocTableauPalier0{
				border-top:1px #dedede solid;
				border-left:1px #dedede solid;
				border-bottom:1px #dedede solid;
		   	}
			.ProdUne .BlocTableauPalier1{
				border-top:1px #dedede solid;
				border-left:1px #dedede solid;
			}
	                 	
		.CC{
			width:100%;
		}
		.CCDesc h1,.CCDesc h1 a{
			font : normal 12px/12px Arial;
			text-align:center;
			text-decoration:none;
			color:#760d0d;
			margin:0;
			padding:0 0 5px 0;	
		}
		.CCPrix strike{
			font : normal 11px Arial;
			color:#656565;
			margin:0;
			padding:0;	
		}
		.CCPrix {
			font : bold 18px Arial;
			color:#760d0d;
			margin:0;
			padding:0;	
		}
		.CCSep{
			background:url(/VinChili_images/site/separateur-cc.png) top center no-repeat;
			height:3px;
			margin:5px 0;
			
		}