/* -------------------------------------------------------------------- 
                    AUCHAN DRIVE
              Product Display Style sheet
-------------------------------------------------------------------- */

/* ----------------------  GENERAL PRODUCT DATA ------------------------ */

.productDisplay, .productDisplayLast{
	position:relative;	
	float: left;
	display: inline;
	width: 99%;
	border: 1px solid #656565;
	background-color: #FFFFFF;
}
.productDisplayLast{
	/*float:left;
	margin:0;*/
}
.productDeco {
	/*border: 1px solid #FFF;*/
}
.activeProduct{
	border:1px solid #1caab3;
}
.activeProduct .productDeco{
	border:1px solid #1caab3;
}
.productIndispo {
	/*position:relative;*/
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.inactiveProduct a, .inactiveProduct input{
	/*cursor:default;*/
}

.blocSuggestion .productDisplay{
	width: auto;
	float: none;
	margin-right: 0;
	margin-bottom: 5px;
}

.productDisplay h4, .productDisplayLast h4{
	height: 38px;
	font-size: 1em;
	text-align: left;
	line-height: 1em;
	padding: 4px 4px 0 4px; 
}

.productDisplay h4 img, .productDisplayLast h4 img{
	display: block;
	float: left;
	margin:0 3px 0 0;
}
.productDisplay h4 a, .productDisplayLast h4 a{
	color:#000000;
	text-decoration:none;
}
.productDisplay h4 a:hover, .productDisplayLast h4 a:hover{
	text-decoration:underline;
}
.blocSuggestion .productDisplay h4{
	font-weight: normal;
}

.pictNew{
   position: absolute;
   top: 75px;
   left: 0;
   z-index: 1;
}

.productDisplay div.productDetailsDisplay, .productDisplayLast div.productDetailsDisplay{
	overflow:hidden;
	position:relative;
	width: 100%;
	height: 143px;
	/*background-color:blue;*/
}
.productDisplay div.productDetailsPicto, .productDisplayLast div.productDetailsPicto {
	position: absolute;
	right: 4px;
	bottom: 23px;
	width: 66px;
	/*background-color:blue;*/
}
/**/

.productDisplay div.productBottomDisplay, .productDisplayLast div.productBottomDisplay {
	position:relative;
	float: left;
	width: 100%;
	height: 26px;
	/* width:144px; */
	background: #d4dcda url(../img/common/bg_prBtDisplay.gif) repeat-x;
	padding: 4px 0;
}
  
.productCalculator { 
  position: absolute;
  top: 6px;
  right: 45px;
	width: 51px;
	height: 25px;
	background: transparent url(../img/common/bg_qtty.gif) no-repeat;
	font-size: 1em;
	padding: 0; 
}

  .productDisplay div.productBottomDisplay .productCalculator p {
    float: none;
    position: relative;
    top: -1px;
    *top: -2px;
	  height: 17px;
    line-height: 17px;
    margin: 0;
  }
    .productCalculator p img {vertical-align: middle;}
    .productCalculator p input {
      width: 16px;
      height: 17px;
      text-align: center;
      background: url(../img/common/bg_qtty_input.gif) no-repeat;
      padding: 3px 0 0 0;
      border: 0;
    }

.blocSuggestion .productDisplay div.productBottomDisplay{
	padding:4px 5px 0 5px;
}
.productDisplay .productBottomDisplay p, .productDisplayLast .productBottomDisplay p {
  /*float: left;
  width: auto;
	position:relative;
	width:141px;
	padding:0 1px 4px 0;
	overflow:auto;*/
}
.productDisplay .productBottomDisplay p.inactiveBottom, .productDisplayLast .productBottomDisplay p.inactiveBottom{
	text-align:center;
	padding:0 0 7px 0;
	color:#FFFFFF;
	background:url(../img/common/pict_inactiveBtn.gif) no-repeat center top;

}
.productDisplay .AddProductBtn, .productDisplayLast .AddProductBtn {
	/*float: right;*/
}
.productDisplay .addToList, .productDisplayLast .addToList {
  position: absolute;
  top: 6px;
  right: 98px;
  width: 27px;
}
.productDisplay .showDetails, .productDisplayLast .showDetails{
	display:block;
	float:right;
}
.blocSuggestion .showDetails{
	float: none;
	display: inline;
	font-size: 0.9em;
}
/**/

/**/
.meaAccessBlock{
	position:relative;
	width:564px;
	background:url(../img/common/bg_meaAccess.jpg) no-repeat left top;
	height:59px;
	margin:0 0 20px 0;
}
.meaAccessBlock h4{
	color:#FFFFFF;
	line-height:1em;
}
.meaAccessBlock h4 a{
	color:#FFFFFf;
	text-decoration:none;
	display:block;
	height:43px;
	width:121px;
	padding:15px 0 0 50px;
	text-align:center;
	
}
.meaAccessBlock h4 span{
	font-size:1.1em;
}
.meaAccessBlock ul{
	position:absolute;
	top:0;
	left:180px;
	font-weight:bold;
	color:#333333;
	padding:8px 0 0 0;
	width: 215px;
}
/*DIGITAS  16/07/08 : ajouts*/

.subscribeBlock{
	position:absolute;
	top:0;
	right:20px;
	padding:10px 0 0 0;
	width:161px;
	text-align:center;
}
.subscribeBlock .subscribeBtn{
	color:#FFFFFF;
	display:block;
	width:164px;
	height:28px;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
	background:url(../img/promote/bt_subscribe.gif) no-repeat left top;
	padding:3px 0 0 0;
	margin:0 auto 2px auto;
}

/*DIGITAS  16/07/08 : fin ajouts*/

/**/
.subscribeBlock ul{
	position:static;
	margin:0;
	padding:0;
	color:#198990;
	font-size:.9em;
	width:auto;
}
.subscribeBlock ul li{
	display:inline;

}
.subscribeBlock ul a{
	text-decoration:none;
}
/**/

/**/
#promoWideBlock{
	position:relative;
	width:167px;
	background-color:#00abad;
	text-align:center;
}
/**/
/**/
#promoSmallBlock{
	position:relative;
	width:167px;
	background-color:#00abad;
	text-align:center;
}
/**/

/**/
.promoStdBlock{
	position:relative;
	text-align:left;
}
#secondaryCol1 .promoWideBlock{
	width:190px;
}
#secondaryCol2 .promoWideBlock{
	width:167px;
}
/**/

/* --------------- PRICES DEFINITIONS ------------------- */


/* --- NORMAL PRICE --- */
.blockPriceNormal {
  position: relative;
  color: #000;
	background: #FFF;
	border: 1px solid #000;
	margin: 0;
}

.blockPriceNormal p {
	color:#000;
	background: #FFF;
	padding: 2px 5px 0 0;
	text-align: right;
}

.blockPriceNormal p span {
	font-weight: bold;
	font-size: 1.8em;
	padding-right: 3px;
}

.blockPriceNormal p span.devise {
	position:absolute;
	right: 10px;
	top: 2px;
	font-weight: bold;
	font-size: 0.8em;
}

/* --- OLD PRICE --- */
.blockPriceBarre{
	position: relative;
	width: 63px;
	height: 46px;
	background: transparent url(../img/common/pict_priceBarre.gif) no-repeat;
	text-align: center;
	padding: 0 0 2px 0;
}

.oldPrice {
	font-size: 90%;
	padding: 3px 12px 2px 0;
	text-align: right;
	margin-bottom: 0;
}

.oldPrice span {
	font-weight: bold;
	font-size: 1.55em;
	padding: 2px 2px 0 0;
}

.oldPrice span.devise{
	position:absolute;
	right: 20px;
	top: -2px;
	font-weight: bold;
	font-size: 0.8em;
}

/* --- NEW PRICE --- */
.newPrice{
	color: #000;
	padding: 0 7px 0 0;
	text-align: right;
}

.newPrice span{
	font-weight: bold;
	font-size: 1.8em;
	padding-right:3px;
}

.newPrice span.devise{
	position:absolute;
	right: 12px;
	top: 22px;
	font-weight: bold;
	font-size: 0.9em;
}

/* --- SPECIAL PRICE --- */

.blockPriceSpecial{
	background: url(../img/common/pict_priceSpecial.gif) no-repeat;
	position: relative;
	width: 66px;
	text-align:center;
	height: 26px;
	padding: 0 0 2px 0;
}

.blockPriceSpecial p{
	color:#E0001A;
	padding:2px 10px 0 0;
	text-align: right;
}

.blockPriceSpecial p span{
	font-weight: bold;
	font-size: 1.8em;
	padding-right:3px;
}

.blockPriceSpecial p span.devise{
	position:absolute;
	right: 15px;
	top: 2px;
	font-weight: bold;
	font-size: 0.9em;
}

/* --- PRICE WAAOH --- */
.blockPriceWaou, .blockPriceCtsWaou{
	background: url(../img/common/pict_priceWaou.gif) no-repeat;
	position: relative;
	width: 66px;
	height: 29px;
	padding: 0 0 2px 0;
	margin-top: 3px;
}
.blockPriceNoWaou {
	position: relative;
	width: 66px;
	height: 29px;
	padding: 0 0 2px 0;
	margin-top: 3px;
	visibility: hidden;
}

.blockPriceWaou p {
	font-weight: bold;
	color: #00a0c6;
	padding: 5px 22px 0 0;
	text-align: right;
	font-size:0.9em;
}

.blockPriceWaou p.bigerPrice{
	padding:9px 1px 0 0;
}
.blockPriceWaou p span{
	font-size: 1.8em;
	padding-right: 3px;
}
.blockPriceWaou p.bigerPrice span{
	font-size: 1.09em;
}
.blockPriceWaou p span.devise{
	position:absolute;
	left: 28px;
	top: 4px;
	font-weight: bold;
	font-size: 0.9em;
}
.blockPriceWaou p span.percent{
	font-size: 80%;
	padding-right:2px;
}


.blockPriceCtsWaou p {
	font-weight: bold;
	color: #00a0c6;
	padding: 5px 30px 0 0;
	text-align: right;
	font-size: 1.8em;	
}
.blockPriceCtsWaou p span{
	font-size: 0.5em;
	padding-right: 3px;
}
.blockPriceCtsWaou p span.devise{
	position:absolute;
	left: 9px;
	top: 4px;
	font-weight: bold;
	font-size: 0.5em;
}


/* ---  PROMOTIONAL PRICE --- */

.blockPricePromo {
  position: relative;
  color: #000;
	background: #FF0;
	border: 1px solid #000;
	margin: 0;
}

.blockPricePromo p {
	color:#000;
	background: #FF0;
	padding: 2px 5px 0 0;
	text-align: right;
}

.blockPricePromo p span {
	font-weight: bold;
	font-size: 1.8em;
	padding-right: 3px;
}

.blockPricePromo p span.devise {
	position:absolute;
	right: 10px;
	top: 0;
	font-weight: bold;
	font-size: 0.9em;
}

/* ---  PRODUCT TYPE ICONS --- */
/*PRICE PICTO*/
.blockPricePictos {
	/*position: relative;
	width: 66px; 
	text-align:left; */
	padding: 0 0 3px 0;
}
.blockPricePictos ul{
	/*display:inline;*/
	text-align:right;
}
.blockPricePictos ul li{
	display:inline;
}
.blockPricePictos ul li img {
  vertical-align: bottom;
}

.blockPricePictos2{
	position: relative;
	width: 121px; /*66*/
	text-align:left;
	height: 40px; /*35*/
	padding:0 0 2px 0;
}
.blockPricePictos2 ul{
	/*display:inline;*/
	text-align:right;
}
.blockPricePictos2 ul li{
	display:inline;
}

/*PRIX PRIX SPECIALPLUS*/
.blockPriceSpecialPlus{
	background: url(../img/common/pict_priceSpecialPlus.gif) no-repeat;
	position: relative;
	width: 66px;
	text-align:center;
	height: 39px;
	padding:0 0 2px 0;
}

.blockPriceSpecialPlus .infoPlus{
	padding:0;
	text-align: center;
	margin-bottom:0px;
	font-size:.8em;
	color:#ffff00;
}


.blockPriceSpecialPlus .thePrice{
	color:#E0001A;
	padding:3px 10px 0 0;
	text-align: right;
}

.blockPriceSpecialPlus .thePrice span{
	font-weight: bold;
	font-size: 1.8em;
	padding-right:3px;
}

.blockPriceSpecialPlus .thePrice span.devise{
	position:absolute;
	right: 15px;
	top: 15px;
	font-weight: bold;
	font-size: 0.9em;
}
.blockEcoParticipation{
	position: relative;
	width: 100%;
	text-align:right;
	height: 20px;
}
.blockEcoParticipation p{
	text-align:right;
	padding:1px 2px 0 0;
	font-size:.8em;
	line-height:1em;
	color:#646464;
}
.blockEcoParticipation span{
	color:#E0001A;
}

/* --- NEW DEFINITIONS BY STUDIO 12/11/08 --- */

/* Product type flag  */
p.productFlag {
  position: absolute;
  width: 69px;
  top: 0;
  left: 0;
  z-index: 20;
}

/* Add product paragraph */
.productDisplay p.addProd, .productDisplayLast p.addProd {
  /*float: right;
  padding-right: 4px;*/
  position: absolute;
  top: 6px;
  !top: 5px;
  right: 2px;
  width: 40px;
  height: 25px;
}
/* Product not available */
.productDisplay p.indispo {
  top: 6px;
  width: 93px;
  height: 25px;
}

/* Price / Kilo */
.productDisplay .productBottomDisplay  p.kgPrice {
  float: left;
  width: 49px;
  font-size: 85%;
  line-height: 100%;
  text-align: left;
  padding: 3px 5px;
}
  p.kgPrice span {font-size: 120%; display: block; margin: 3px 0 0;}
  p.kgPrice span .devise {font-size: 100%; display: inline;}

/* PROMO description */
.promoDesc {
  position: relative;
  top: -6px;
  float: left;
  width: 96%;
  font-weight: bold;
  text-align: center;
  color: #000;
  background: #FF0;
  padding: 2px;
}
.promoDesc a, .promoDesc a:visited {
  color: #000;
  background: #FF0;
}

/* ------------------------- LIST DISPLAY ------------------------------ */

/* Page sous rayon */
.tabSousRayon {
   border-collapse: collapse;
   font-size: 0.9em;
   width: 100%;
   margin-bottom: 10px;
   border: 1px solid #CCC;
   border-top: 0;
}
.tabSousRayon th {
   background-color: #EEE;
   padding: 5px;
   border-left: solid 1px #FFF;
   /*border-bottom: solid 5px #FFF;*/
}
.tabSousRayon th.darker {
   background-color: #e2e2e2;
}
/* First header */
.tabSousRayon th.first {
   border-left: solid 1px #e2e2e2;
}
/* Last header */
.tabSousRayon th.last {
  border-right: solid 1px #e2e2e2;
  width: 125px;
  padding: 5px 10px 5px 12px;
}
.tabSousRayon td {
   padding: 2px 5px;
   vertical-align: top;
   border-bottom: solid 1px #c6c6c6;
}

.auchanProductInline, .standardProductInline{
   text-decoration: none;
   color: Black;
   padding: 5px 0 5px 0;
}

.tabSousRayon .tabVisuProd {
	position: relative;
	width: 95px;
}
.tabSousRayon .tabVisuProd img {
	margin-left: 30px;
}


/* Exception for product type flag */
.tabSousRayon p.productFlag {
  top: -2px;  
  left: -35px;
}
  .tabSousRayon p.productFlag img {
    vertical-align: -3px;
  }

.tabSousRayon .tabVisuProd .pictNew{
   top: 30px;
}

.auchanProductInline:hover, .standardProductInline:hover{
   text-decoration: underline;
}

.tabSousRayon .auchanProductInline, .tabSousRayon .standardProductInline{
   display: block;
   
}
.tabSousRayon .auchanProductInline {
	padding:5px 0 0 0;
}
.tabSousRayon .auchanProductInline img{
	display:block;
	float:left;
	margin:0 3px 0 0;
}

.tabSousRayon .listInline{
  /* width: 70px;*/
   float: right;
   padding-top: 10px;
   margin-left: 5px;
}
.gestionProduct{
   background: #d4dcda url(../img/common/bg_prListDisplay.gif) repeat-x;
}
.specailPromo{
   background-color: #E0001A;
   color: #ffff00;
   display: block;
   margin: 0 auto 3px auto;
   width: 50px;
   text-align: center;
}
.eco{
   color: #646464;
   margin-bottom: 0 !important;
   padding-bottom: 0 !important;
}
.eco STRONG{
   color: #E0001A;
}
.activeProduct td {
   border-bottom: solid 2px #1caab3;
   border-top: solid 2px #1caab3;
}
.activeProduct td.first{
   border-left: solid 2px #1caab3;
}
.activeProduct td.last{
   border-right: solid 2px #1caab3;
}
/*
tr.productUndispo td div, 
  tr.productUndispo td p,
  tr.productUndispo td ul, 
  tr.productUndispo td img, 
  tr.productUndispo td span {
	opacity: .8;
	-moz-opacity: .8;
	filter: alpha(opacity=40);
}*/

tr.productUndispo .tabVisuProd img.tooltip, 
tr.productUndispo td.pdTitle p, tr.productUndispo td.waaohCell ul, 
tr.productUndispo td.waaohCell p, 
tr.productUndispo td.waaohCtsCell ul, tr.productUndispo td.waaohCtsCell p, 
tr.productUndispo td.blockPrice div, 
tr.productUndispo td.blockPrice p {
	opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
}

tr.productUndispo p.kgPrice {color: #999;}

.productUndispo td.gestionProduct * {
   filter:Alpha(opacity=100);
   -moz-opacity:1;
   opacity: 1;
}
/*.tabSousRayon .blockPriceWaou{
	position: relative;
	width: 100%;
	height: 92px;
	text-align: center;
	padding: 0;
}

.tabSousRayon .blockPriceWaou p {
	padding: 19px 0px 0 4px;
	text-align: center;
}

.tabSousRayon .blockPriceWaou p span.devise{
	right: 15px;
	top: 16px;
}
.tabSousRayon .oldPrice span.devise{
	right: 20px;
	top: -1px;
}*/

.tabSousRayon .infoPlus{
	font-size:.9em;
}

/* --- PRICE DISPLAY EXCEPTIONS --- */

.tabSousRayon td.blockPrice {
  width: 100px;
  vertical-align: bottom;
  text-align: center;
  padding: 5px 8px;
}

.tabSousRayon .blockPriceNormal, .tabSousRayon .blockPriceSpecial {
  width: 65px;
  margin: 0 auto;
}

.tabSousRayon .blockPriceNormal p span {line-height: 100%; padding: 0;}
.tabSousRayon .blockPriceNormal p, .tabSousRayon .blockPriceSpecial p {
  font-size: 1.2em;
}
.tabSousRayon .blockPriceNormal p span.devise, .tabSousRayon .blockPriceSpecial p span.devise{
	top: 1px;
	right: 15px;
}


.tabSousRayon .blockPriceSpecialPlus p.thePrice {
	padding-top:4px;
}
.tabSousRayon p.kgPrice {
  height: 17px;
  font-size: 100%;
  text-align: center;
}
.tabSousRayon p.kgPrice span {display: inline;}
  
/* Old price */
.tabSousRayon .blockPriceBarre {
	width: 63px;
	height: 46px;
	text-align: center;
	background: transparent url(../img/common/pict_priceBarreLst.gif) no-repeat;
	margin: 0 auto;
}

.tabSousRayon .oldPrice {
	font-size: 110%;
	padding: 2px 15px 0 0;
}
  .tabSousRayon .oldPrice .devise {
    top: -1px;
    right: 23px;
  }

.tabSousRayon .newPrice {
	font-size: 1.2em;
	padding: 1px 7px 0 0;
}
  .tabSousRayon .newPrice .devise {top: 21px;}

/* ADD 2 BASKET CELL */

.tabSousRayon td.gestionProduct {
  width: 125px;
  vertical-align: bottom;
  text-align: center;
  padding: 5px 10px 20px 12px;
  border-left: 1px solid #FFF;
}
  .tabSousRayon td.gestionProduct form {
    float: left;
    width: 98px;
  }
  .tabSousRayon td.gestionProduct li {
    float: left;
    width: auto;
  }
  
  .tabSousRayon .AddProductBtn {
    float: left;
    width: 39px;
    height: 25px;
  }

/* Promo price */
.tabSousRayon .blockPricePromo {
  width: 65px;
  margin: 0 auto;
}
  .tabSousRayon .blockPricePromo p {
    font-size: 1.2em;
  }
    .tabSousRayon .blockPricePromo p span {
      line-height: 100%;
      padding: 0;
    }
    .tabSousRayon .blockPricePromo p span.devise {
      font-size: 80%;
	    top: 1px;
	    right: 15px;
    }


/* --- SPECIAL CELLS --- */

/* Product title */
.tabSousRayon td.pdTitle {
  font-size: 150%;
  font-weight: bold;
  color: #BDBDBD;
  background: #FFF;
  line-height: 110%;
  vertical-align: middle;
  padding: 5px;
}
  .tabSousRayon td.pdTitle p {
  }
  /* List of product type icons */
  .tabSousRayon td.pdTitle ul {
    float: right;
    width: 100px;
    text-align: right;
    margin: -20px 5px 0 0;
  }
    .tabSousRayon td.pdTitle li {
      display: inline;
    }
    .tabSousRayon td.pdTitle li img {vertical-align: bottom;}

/* Waaoh price */
.tabSousRayon td.waaohCell {
  width: 63px;
	vertical-align: bottom;
  padding: 0 0 22px 0;
}
  .tabSousRayon td.waaohCell ul {
    clear: both;
    text-align: right;
  }
  .tabSousRayon td.waaohCell li {
    display: inline;
    padding-left: 1px;
  }
  .tabSousRayon td.waaohCell p {
    clear: both;
    width: 40px;
    height: 22px;
    font-size: 115%;
    font-weight: bold;
    text-align: right;
    color: #00A1C7;
	  background: #FFF url(../img/common/bg_waouList.gif) right bottom no-repeat;
    padding: 3px 27px 0 0;
  }
  .tabSousRayon td.waaohCell span {
    position: relative;
    top: 1px;
    left: 4px;
    font-size: 160%;
    letter-spacing: -1px;
  }
  .tabSousRayon td.waaohCell .devise {
    top: -9px;
    left: 3px;
    font-size: 70%;
  }
  .tabSousRayon td.waaohCell .percent {
    top: -1px;
    left: 3px;
    font-size: 75%;
  }
  
/* Waaoh price - cents display*/
.tabSousRayon td.waaohCtsCell {
  width: 63px;
	vertical-align: bottom;
  padding: 0 0 22px 0;
}
  .tabSousRayon td.waaohCtsCell ul {
    clear: both;
    text-align: right;
  }
  .tabSousRayon td.waaohCtsCell p {
    clear: both;
    width: 41px;
    height: 21px;
    font-size: 180%;
    font-weight: bold;
    text-align: right;
    color: #00A1C7;
	  background: #FFF url(../img/common/bg_waouList.gif) right bottom no-repeat;
    padding: 4px 27px 0 0;
  }
  .tabSousRayon td.waaohCtsCell span {
    position: relative;
    left: 8px;
    letter-spacing: -1px;
    font-size: 60%;
  }
  .tabSousRayon td.waaohCtsCell .devise {
    top: -9px;
    left: -3px;
    font-size: 45%;
  }


/* --- EXCEPTIONS FOR CALCULATOR --- */

.tabSousRayon .productCalculator {
  position: static;
  float: left;
  display: inline;
	width: 52px;
	height: 25px;
	font-size: 0.9em;
	background: transparent url(../img/common/bg_qtty_list.gif) no-repeat;
	margin: 0 2px 0 2px;
}
  .tabSousRayon .productCalculator p {
    float: left;
    width: 52px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin: -4px 0 0 0;
  } 
  * html .tabSousRayon .productCalculator p {margin-top: -2px;}
    .tabSousRayon .inputQuantity {
      vertical-align: middle;
      font-size: 120%;
      width: 17px;
      height: 17px;
      background: #FFF url(../img/common/bg_qtty_input.gif) no-repeat;
      padding-top: 3px;
      border: 0;
    }

/* -- Plus/less buttons -- */ 
.tabSousRayon .productCalculator a.btMoins {
  position: static;
  margin: 0;
}
.tabSousRayon .productCalculator a.btPlus {
  position: static;
  margin: 0;
}
  
/* --- EXCEPTIONS FOR PROMO MESSAGE --- */
.tabSousRayon .promoDesc {
  position: static;
  float: none;
  font-size: 80%;
  text-align: left;
  padding: 2px 40px;
}

/* Fin Page sous rayon */


/* ------------------------- PRODUCT SHEET ------------------------------ */

/* Fiche produit */
.ficheProdVisu{
	float:left;
	position: relative;
}
.ficheProdVisu .pictNew{
	top:140px;
}
.productName{
	background: url(../img/ficheProduit/pict_productTitle.gif) no-repeat;
	padding-left: 20px;
	font-weight: normal;
   margin-right: 30px;
}
.productHeaderR {
  position: relative;
	float: left;
	width: 290px;
	height: 120px;
	padding: 18px 0 0 40px;
}

/* --- EXCEPTIONS FOR PRODUCT DETAILS DISPLAY --- */

.productHeader h2 {text-align: left;}
.productHeader .ficheProdVisu {padding: 5px 0 0 25px;}

.productHeaderR .blockEcoParticipation {
   text-align: left;
   margin-bottom: 5px;
}
  .productHeaderR .blockEcoParticipation p {
    text-align: left;
  }

.productHeaderR .productBottomDisplay {
	float: right;
	background: #d4dcda url(../img/common/bg_prBtDisplay.gif) repeat-x;
	padding: 15px;
	width:158px;
	margin-top: 1em;
}


/* Exceptions for Add2List bouton */
.productHeaderR p.addToList {
  float: left;
  width: 31px;
  height: 29px;
  padding-right: 2px;
}

/* Exceptions for Calculator */
.productHeaderR .productCalculator {
  position: static;
  float: left;
  width: 59px;
  height: 29px;
  font-size: 0.86em;
  color: #000;
  background: transparent url(../img/ficheProduit/bg_qtty.gif) no-repeat;
  padding: 0;
  margin-right: 4px;
}
  .productCalculator p {
    text-align: center;
    padding: 3px 0 0 0;
  }

    .productHeaderR .inputQuantity {
      width: 20px;
      height: 19px;
      font-size: 1.4em;
      background: url(../img/common/bg_qtty_input_big.gif) no-repeat;
      padding-top: 4px;
      *padding: 1px 0 0 0; /* IE ... au point qu'on est... */
      margin: 0;
      border: 0;
    }
    
/* Plus/less buttons */

.productHeaderR .productCalculator a.btMoins {
  position: static;
  margin: 0;
}
.productHeaderR .productCalculator a.btPlus {
  position: static;
  margin: 0;
}
    
/* Exceptions for "buy/not available" button */
.productHeaderR .AddProductBtn {}
.productHeaderR p.addProd {
  float: left;
  width: 44px;
  height: 29px;
}

/* --- Exceptions for price display --- */

.productHeaderR .productDetailsPicto {
  position: absolute;
  float: left;
  width: 85px;
  bottom: 0;
}

.productHeaderR .blockPriceNormal {
  font-size: 130%;
}

.productHeaderR .blockPricePromo {
  font-size: 130%;
}

/* --- OLD PRICE --- */
.productHeaderR .blockPriceBarre{
	position: relative;
	width: 83px;
	height: 61px;
	background: transparent url(../img/common/pict_priceBarre.gif) no-repeat;
	padding: 0 0 2px 0;
}

.productHeaderR .oldPrice {
	font-size: 130%;
	padding: 0px 35px 2px 0;
	text-align: right;
	margin-bottom: 0;
}

.productHeaderR .oldPrice span {
	font-weight: bold;
	font-size: 1.55em;
	padding: 2px 2px 0 0;
}

.productHeaderR .oldPrice span.devise{
	position:absolute;
	right: 43px;
	top: -5px;
	font-size: 0.8em;
}

.productHeaderR .blockPriceBarre .oldPrice {
	padding: 5px 35px 2px 0;
	!padding: 5px 35px 4px 0;
	line-height: 11px;
}
.productHeaderR .blockPriceBarre .oldPrice span {
	padding: 5px 7px 0 0;
}

/* --- NEW PRICE --- */
.productHeaderR .newPrice{
	font-size: 130%;
	color: #000;
	padding: 0px 30px 10px 0;
}

.productHeaderR .newPrice span{
	font-weight: bold;
	font-size: 1.8em;
	padding-right:3px;
}
.productHeaderR .newPrice span.devise{
	position:absolute;
	right: 35px;
	top: 20px;
	font-size: 0.9em;
}
.productHeaderR .blockPriceBarre .newPrice{
	font-size: 123%;
	padding: 0px 34px 10px 0;
}
.productHeaderR .blockPriceBarre .newPrice span.devise{
                right: 42px;
                top: 23px;
}
.productHeaderR .blockPriceBarre .newPrice span{
	padding-right:6px;
}

/* WAAOH PRICE */
.productHeaderR .blockPriceWaou {
  float: left;
  width: 85px;
  height: 39px;
  font-size: 145%;
  color: #00A1C7;
	background: url(../img/ficheProduit/bg_waouBig.gif) no-repeat;
  margin-right: 30px;
  padding: 7.5px 0 0 0;
}
  .productHeaderR .blockPriceWaou p {
    font-weight: bold;
    padding: 0 23px 0 0;
  }
  .productHeaderR .blockPriceWaou span {font-size: 160%; padding-right: 0;}
  .productHeaderR .blockPriceWaou .devise {
    position: relative;
    top: -0.6em;
    left: 0;
    font-size: 90%;
  }
  .productHeaderR .blockPriceWaou .percent {
    position: relative;
    top: 0;
    left: 0;
    font-weight: normal;
    padding-left: 3px;
  }

/* WAAOH Price cents */
.productHeaderR .blockPriceCtsWaou {
  float: left;
  width: 100%;
  height: 39px;
  color: #00A1C7;
	background: url(../img/ficheProduit/bg_waouBig.gif) no-repeat;
  padding: 0;
}
  .productHeaderR .blockPriceCtsWaou p {
    position: relative;
    width: 58px;
    text-align: left;
    font-size: 200%;
    font-weight: bold;
    padding: 7.5px 0 0 3px;
  }
  .productHeaderR .blockPriceCtsWaou span {
    position: relative;
    left: 3px;
    font-size: 80%;
    padding-right: 0;
  }
  .productHeaderR .blockPriceCtsWaou .devise {
    position: absolute;
    width: 1em;
    top: 7px;
    left: 15px;
    font-size: 60%;
  }
/**/


.productHeaderR p.promoDesc {
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 110%;
  width:185px;
}

/* NEW - PROMO MESSAGE BLOCK */
div.promoBox {
  float: left;
  width: 100%;
  color: #000;
  background: #FF0;
  padding: 10px 0;
  margin: 20px 0;
}
  div.promoBox p {
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    margin: 0 10px 8px 10px;
  }
  div.promoBox p em {font-size: 90%;}

/* --- */

/* -- Eco participation -- */
.productHeaderR .blockEcoParticipation {
	position: static;
	float: right;
	width: 170px;
	text-align: left;
	height: auto;
}
.productHeaderR .blockEcoParticipation p {
	text-align: left;
	padding: 3px 2px 0 0;
	font-size: 0.85em;
	line-height: 100%;
	color: #000;
}


/* Suggestion */
.blocSuggestion{
	width: 165px;
	float: right;
	background-color: #F3F3F3;
	border: solid 1px #C5C5C5;
	padding: 5px 5px 1px 5px;
}
.blocSuggestion H2{
	font-size: 1em;
}
/* Fin Suggestion */

.blocDetails{
	width: 380px;
	float: left;
}
.listDetails {
  clear: both;
  margin-bottom: 20px;
}
.listDetails DT{
	color: #999999;
	font-size: 1.45em;
	font-weight: bold;
	border-bottom: solid 1px #999999;
	padding-top: 15px;
   position: relative;
}
.listDetails DD.productPrice{
	position: absolute;
	margin: -17px 0 0 125px;
	font-weight: bold;
	font-size: 1.09em;
}

.tabEnergy{
	width: 100%;
}
.tabEnergy TH{
	font-weight: normal;
}
.trGray TH, .trGray TD{
	background-color: #F4F4F4;
}
.tabEnergy TD{
	text-align: right;
}
/* Fin fiche produit */


/* ------------------------- BASKET ------------------------------ */

/* Coffret */
.basketTotal, .basketArticles{
   width: 100%;
   margin-bottom: 20px;
}
.basketTotal .redBg TH{
   background-color: #e0001a;
   color: White;
   font-weight: normal;
   padding: 5px 10px;
   border-right: solid 1px White;
}
.basketTotal .redBg TH.last{
   border-right: 0;
}
.basketTotal .grayBg TH, .basketTotal .grayBg TD{
   background-color: #f6f4ee;
   border-left: solid 1px #cccccc;
   border-bottom: solid 1px #cccccc;
   padding: 5px 10px;
   font-size: 1.36em;
}
.basketTotal .grayBg TD.last{
   border-right: solid 1px #cccccc;
}
.margL30{
   margin-left: 30px;
}
.btNextStep{
   background: url(../img/common/bg_bt.gif) right top no-repeat;
   font-size: 1.33em;
   padding-right: 10px;
   float: left;
   display: block;
   margin-rigtht:20px;
}
.btNextStep A{
   color: White;
   background: url(../img/common/bg_bt.gif) left top no-repeat;
   padding: 10px 0 12px 10px;
   display: block;
   text-decoration: none;
   white-space:nowrap;
}

.backToRayon{
   position: absolute;
   right: 5px;
   color: White;
   font-size: 0.9em;
   margin-top: 3px;
}
.basketArticles{
   font-size: 0.9em;
}
.basketArticles CAPTION SPAN{
	display: block;
   background-color: #e0001a;
   font-size: 1.5em;
   color: White;
   font-weight: bold;
   padding: 2px 5px;
}
html>body .basketArticles CAPTION SPAN{
   font-size: 1.36em;
}
.basketArticles CAPTION SPAN.margL{
	margin-left: 51px;
   width: 685px;
}
.basketArticles TH{
   background-color: #e1e6e6;
   font-weight: normal;
   padding: 2px 5px;
   border-left: solid 1px #d6d5d4;
   border-bottom: solid 1px #d6d5d4;
}
.basketArticles TH.last, .basketArticles TD.last{
	border-right: solid 1px #d6d5d4;
}
.basketArticles TD{
   background-color: #f6f4ee;
   border-left: solid 1px #d6d5d4;
   border-bottom: solid 1px #d6d5d4;
   padding: 5px;
}

.basketArticles TD.indispoC{
   background-color: #375658;
   border-left: solid 1px #d6d5d4;
   border-bottom: solid 1px #d6d5d4;
   padding: 5px;
   text-align: center;
   color:White;
   font-size: 2em;
}

.basketArticles TD.indispo{
   background-color: #375658;
   border-left: solid 1px #d6d5d4;
   border-bottom: solid 1px #d6d5d4;
   padding: 5px;
   color:White;
}

.basketArticles TD.colorIndispo{
   background-color: #ffff00;
}

.basketArticles SPAN.alignCenter{
   text-align: center;
}

.basketArticles TH.first, .basketArticles TD.first{
   width: 50px;
   padding-left: 0;
   padding-right: 0;
   text-align: center;
}
.basketArticles TD.emptyCol, .basketArticles .trSubTotal TD.emptyCol{
	background-color: transparent;
	border: 0;
}
.basketArticles TH.emptyCol{
   background-color: transparent;
	border-left: 0;
}
.basketArticles A, .basketArticles .subTotal{
   color: Black;
   font-weight: bold;
   font-size: 1.2em;
}
.basketArticles .total{
   font-size: 1.1em;
   font-weight: bold;
}
.basketArticles .trSubTotal TD.last{
   border-left: none;
}
.basketArticles .trSubTotal TD{   
   background-color: #e1e6e6;
}


.titleWithBg{
	background-color: #3A5B5C;
	color: White;
	font-size: 1.82em;
	font-weight: normal;
	padding: 2px 15px;
   position: relative;
}

.weeklyList{
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	background-color: #F6F4EE;
	margin-bottom: 20px;
	width: 744px;
	font-size: 1.18em;
	font-weight: bold;
   min-height: 78px;
}
.weeklyList LI.item1 EM{
   font-weight: bold;
   color: #4E6F71;
}
.weeklyList LI{
	float: left;
	padding: 7px 15px;
}
.weeklyList LI EM{
	font-weight: normal;
}
.weeklyList LI.item1{
	width: 35%;
}
.weeklyList LI.item2{
	width: 57%;
   min-height: 44px;
	border-left: solid 1px #CCCCCC;
   padding-right: 0;
}
.weeklyList LI.item2 A{
   font-weight: normal;
   font-size: 0.85em;
   float: right;
}
.weeklyList .modifyListName{
   font-weight: normal;
   font-size: 0.85em;
   height: 100px;
}
.weeklyList .modifyListName .input198{
   padding: 0 4px;
   vertical-align: bottom;
   margin-right: 10px;
}
.weeklyList .modifyListName LI{
   padding: 0;
   float: none;
   margin-bottom: 5px;
}

.weeklyList LI.item2Bis{
   padding: 0;
   width: 453px;
   height: 87px;
}

.orderStatus{
   position: absolute;
   left: 350px;
   top: 5px;
   color: #e1e6e6;
   font-size: 0.65em;
}
.orderStatus strong{
   color: #1caab3;
}
/* END MODIFIED ON Nov 2007 */
.tabOrderTotal{
   font-weight: normal;
   font-size: 0.85em;
   width: 100%;
}
.tabOrderTotal TH, .tabOrderTotal TD{   
   font-weight: normal;
   padding: 2px 5px;
   border-top: solid 1px #d6d5d4;
   border-left: solid 1px #d6d5d4;
}
.tabOrderTotal .bgColor TH{
   background-color: #e1e6e6;
}
.tabOrderTotal TD.totalCard{
   font-style: italic;
}
.tabOrderTotal TH.orderTotal, .tabOrderTotal TD.orderTotal{
   font-weight: bold;
   font-size: 1.18em;
}

.selectedArticles{
	background: url(../img/common/filetVertical.gif) 30px 0 repeat-y;
	padding: 20px 0;
}
/* Fin Coffret */


/* MODIFIED ON Nov 2007 */
.tabOrderRecap{
   font-weight: normal;
   width: 100%;
   border-right: solid 1px #d6d5d4;
}
.tabOrderRecap TH, .tabOrderRecap TD{
   padding: 5px 10px;
   border-bottom: solid 1px #d6d5d4;
   border-left: solid 1px #d6d5d4;
   background-color: #f5f4ef;
}
.tabOrderRecap TH{
   width: 277px;
}
.tabOrderRecap .bgColor TH, .tabOrderRecap .bgColor TD, .listFinancialDetails dt{
   background-color: #e1e6e6;
}
.tabOrderRecap .orderTotalRow TH, .tabOrderRecap .orderTotalRow TD{
   font-weight: bold;   
   padding: 10px;
}
.tabOrderRecap .orderTotalRow TH{
   font-size: 1.18em;
}
.tabOrderRecap .orderTotalRow TD{
   font-size: 1.54em;
}
.tabOrderRecap .financialDetailsRow{
   vertical-align: top;
}
.tabOrderRecap .financialDetailsRow TD{
   padding: 0;
}
/* bi 25/03 */
.tabOrderRecap2{
   font-weight: normal;
   width: 100%;
   border-right: solid 1px #d6d5d4;
   border-top: solid 1px #d6d5d4;
}
.tabOrderRecap2 TH, .tabOrderRecap2 TD{
   padding: 5px 10px;
   border-bottom: solid 1px #d6d5d4;
   border-left: solid 1px #d6d5d4;
   background-color: #f5f4ef;
}
.tabOrderRecap2 TH{
   width: 200px;
   text-align:right;
}
.tabOrderRecap2 .bgColor TH, .tabOrderRecap2 .bgColor TD, .listFinancialDetails dt{
   background-color: #e1e6e6;
}
.tabOrderRecap2 .orderTotalRow TH, .tabOrderRecap2 .orderTotalRow TD{
   font-weight: bold;   
   padding: 10px;
}
.tabOrderRecap2 .orderTotalRow TH{
   font-size: 1.18em;
}
.tabOrderRecap2 .orderTotalRow TD{
   font-size: 1.54em;
}
.tabOrderRecap2 .financialDetailsRow{
   vertical-align: top;
}
.tabOrderRecap2 .financialDetailsRow TD{
   padding: 0;
}
.tabOrderRecap2 .financialDetailsRow th{
	font-size: 1.18em;
}
.tabOrderRecap2 .classFontNormal{
	font-weight:normal;
}

/* FIn bi 25/03 */
.listFinancialDetails dt, .listFinancialDetails dd{
   padding: 5px 10px;
}
.listFinancialDetails dd.bgWhite{
   background-color: #fff;
}
.printTheBill{
   background: url(../img/checkout/pict_print.gif) left no-repeat;
   padding: 5px 0 5px 28px;
   font-size: 11px;
   font-weight: normal;
   position: absolute;
   right: 10px;
}
/* END MODIFIED ON Nov 2007 */