/**
 * Showcases stylesheet
 * 
 * @Project        vitrine design
 * @Author         Nicolas Gouëset <email> nicolas.goueset@cdiscount.com <tel> 7007
 * @Copyright      Cdiscount SA
 * @CssDoc         version 0.2.22
 * @Imagesrep      [10/BasePath]/ShowCase/
 *                 [5/BasePath]/            for images also used on FrontR1 (Splash economy)
 */

/**
 * class generiques -> have been placed in Css/R2/common_product.css
 */


/**
 * background repeat des vitrines
 */
.background100Std001{ 
  background: url(https://i2.cdscdn.com/struct/ShowCase/sw-repeat-bloc.png);
  clear: both;
  display: inline-block;
  *display: inline;
  margin: 0;
  padding: 0;
  width: 780px;
  zoom: 1;
  margin-bottom:20px;
}
.background050Std001{
  float: left;
  margin: 0 0 20px 0;
  padding: 0;
  width: 390px;
   margin-bottom:20px;
}
/**
 * footer des vitrines
 */
.footer100Std001{
  background: url(https://i2.cdscdn.com/struct/i1/cms_init/test_vitrine/sw-footer.png) no-repeat;
  height:4px;
}

/**
 * zone economie
 */
.product020Std001 .productEconomy,
.product025Std001 .productEconomy,
.product033Std001 .productEconomy{
  height: 74px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  z-index: 2;
}
.product020Std001 .productShortDesc,
.product025Std001 .productShortDesc,
.product033Std001 .productShortDesc,
.product033Std003 .productShortDesc{
  clear: both;
  height: 30px;
  margin: 5px 0;
}
.product020Std001 .productPriceTtc,
.product025Std001 .productPriceTtc,
.product033Std001 .productPriceTtc,
.product033Std003 .productPriceTtc{
  height: 16px;
  margin: 5px 0 0;
  text-align: center;
}
.product020Std001 .productLogo,
.product025Std001 .productLogo,
.product033Std001 .productLogo,
.product033Std003 .productLogo{
  float: left;
  height: 50px;
  line-height: 89px;
  margin: 0 0 3px;
  text-align: center;
}

/**
 ***********************************************************************************************
 * showcase name : vitrine 5 produits 
 * nom de la vue : ProductList100Std001
 ***********************************************************************************************
 */
/** 
 * ligne du showcase 5pl
 */
.product100Std001{
  float: left;
  height: 152px;
  margin: 5px 0;
  width: 780px;
  margin-bottom:20px;
}
/**
* zone image
*/
.product100Std001 .productImg,
.product100Std002 .productImg{
  float:left;
  height: 115px;
  margin: 0 0 0 9px;
  width: 115px;
}
/** 
 * image produit
 */
.product100Std001 .productImgContent,
.product100Std002 .productImgContent{
  cursor: pointer;
  display: inline-block;
  *display: inline;
  max-width: 115px;
  max-height: 115px;
  vertical-align: middle;
  zoom: 1;
}
/**
 * gestion produit épuise
 */
/**
 * image produit épuisé opacite
 * @todo call the opacity with jquery for validation
 */
.product100Std001 .productImgNoStock,
.product100Std002 .productImgNoStock{
  max-width: 115px;
  max-height: 115px;
}
/** 
 * zoom image produit
 */
.product100Std001 .productImgZoom,
.product100Std002 .productImgZoom{
  background: url(https://i2.cdscdn.com/struct/ShowCase/sw-zoom.png) no-repeat;
  float: left;
  height: 206px;
  left: -215px;
  margin:0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 206px;
  z-index: 2;
}
.product100Std001 .productImgZoomContent,
.product100Std002 .productImgZoomContent{
  display: block;
  height: 200px;
  margin: 3px;
  width: 200px;
}
/**
 * zone prix
 */
.product100Std001 .productPrice,
.product100Std002 .productPrice{
  float: left;
  padding: 20px 0 0;
  width: 130px;
}
/** 
 * prix barré
 */
.product100Std001 .productPriceStriked{
  font-size: 17px;
  height: 20px;
  width: 130px;
}
/** 
 * prix de vente
 */
.product100Std001 .productPriceTtc
.product100Std002 .productPriceTtc{
  margin: 4px 0 0;
  text-align: center;
  width: 130px;
}
/** 
 * prix 3x
 */
.product100Std001 .productPricePaymentFacilty{
  clear: both;
  margin: 7px 0 0;
  padding: 0;
  text-align: center;
  width: 130px;
}
/*
 * zone economie
 */
.product100Std001 .productEconomy{
  float: left;
  height: 100px;
  padding: 20px 0 0;
  width: 120px;
}
.product100Std001 .eco{
  position: relative;
}
/*
 * zone description
 */
.product100Std001 .productDesc,
.product100Std002 .productDesc{
  float: left;
  margin: 0;
  width: 395px;
}
/** 
 * zone titre + description
 */
.product100Std001 .productShortDesc,
.product100Std002 .productShortDesc{
  height: 64px;
  margin: 0 0 15px 0;
  width: 395px;
}
/** 
 * titre produit
 */
.product100Std001 .productDescTitle,
.product100Std002 .productDescTitle{
  margin: 10px 0 0 10px;
}
/** 
 * description
 */
.product100Std001 .productQuote,
.product100Std002 .productQuote{
  color: #798DA8;
  cursor: pointer;
  display: block;
  line-height: 10px;
  margin: 10px 0 0 10px;
}
/** 
 * logo des marques 
 */
.product100Std001 .productLogo,
.product100Std002 .productLogo{
  float: left;
  height: 25px;
  line-height: 25px;
  padding:0 0 0 44px;
  width: 115px;
}
/**
 * ********************************************************************************************
 * showcase name : 3 produits 1/3 
 * nom de la vue : Product033Std001
 * ********************************************************************************************
 */
/**
 * ligne quand on 1 2 ou 3 produits
 */
.product033Std001,
.product033Std003{
  clear: both;
  display: inline-block;
  *display: inline;
  margin: 0;
  padding: 0;
  width: 780px;
  zoom: 1;
  margin-bottom:20px;
}
/**
 * ligne quand on a 2 produits sur 3
 */
.product033Std001.productBackgroundStd002,
.product033Std003.productBackgroundStd002{
  background: url(https://i2.cdscdn.com/struct/ShowCase/grid/sw-01b-2-3.png);
}
/**
 * ligne quand on a 3 produits sur 3
 */
.product033Std001.productBackgroundStd003,
.product033Std003.productBackgroundStd003{
  background: url(https://i2.cdscdn.com/struct/ShowCase/grid/sw-01b-3-3.png);
}
/** 
 * block principal du showcase 3 produits 1/3 
 */
.product033Std001 .productCell,
.product033Std003 .productCell{
  padding: 0 0 0 12px;
  width: 248px;
}
/*
 * zone image produit
 */
.product033Std001 .productImg,
.product033Std003 .productImg{
  clear: both;
  height: 200px;
  margin: 8px 0 0;
  width: 235px;
}
.product033Std001 .productImgContent,
.product033Std003 .productImgContent{
  max-width: 200px;
  max-height: 200px;
}
/**
* @bugfix: support of min-height in IE6
*/
*html .product033Std001 .productImgContent,
*html .product033Std003 .productImgContent{
  height: 200px;
  width: 200px;
}
/** 
 * image produit epuise opacite
 */
.product033Std001 .productImgNoStock{
  max-width: 200px;
  max-height: 200px;
}
/**
 * zone description
 */
.product033Std001 .productShortDesc,
.product033Std003 .productShortDesc{
  width: 235px;
}
/**
 * zone de prix
 */
.product033Std001 .productPrice,
.product033Std003 .productPrice{
  clear: both;
  width: 235px;
}
.product033Std001 .productPriceArea{
  float: left;
  height: 69px;
  margin: 0 0 5px 0;
  width: 105px;
}
.product033Std001 .productPriceStriked,
.product033Std003 .productPriceStriked{
  font-size: 12px;
  height: 12px;
  width: 105px;
}
.product033Std001 .productPriceTtc,
.product033Std003 .productPriceTtc{
  width: 105px;
}
.product033Std001 .productPaymentFacility{
  width: 105px;
}

.productsColumn033Std001 .productPaymentFacility{
  width: 105px;
}

.product033Std001 .productLogo{
  padding: 20px 0 0 30px;
  width: 100px;
}
/**
 * zone mécanique commerciale
 */
.product033Std001 .productSell {
  clear: both;
  height: 28px;
  width: 235px;
}
/**
 * ********************************************************************************************
 * showcase name : 2 produits 1/2 
 * nom de la vue : Product050Std001
 * ********************************************************************************************
 */*
 .cms_product050Std001{
    clear: both;
    display: inline-block;
    *display: inline;
    margin-left: 0;
    padding: 0;
    width: 780px;
    zoom: 1;
    margin-bottom:20px;
}
.cms_product050Std001 .cms_productCell{
    float:left;
    margin:0 15px;
    width:357px;
}
.cms_product050Std001 .product{
    background: url("https://i2.cdscdn.com/struct/carte-cup/1px-bloc-produit.png");
    height:292px;
    margin:0px 0 35px 0;
    width:357px;
}
.cms_product050Std001 .product p{
    clear: both;
    margin:10px 0;
}
.cms_product050Std001 .titleImagePlaceholder{
    height:30px;
    margin:19px 0 27px 0;
    width:357px;
}
.cms_product050Std001 .topproductBloc{
    background: url("https://i2.cdscdn.com/struct/carte-cup/top-bloc-produit.png") no-repeat;
    height:16px;
    margin-top:2px;
    width:357px;
}
.cms_product050Std001 .productTitle{
    display: block;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    width:357px;
}
.cms_product050Std001 .productInfos{
    border:1px ;
    margin:0 19px 0 12px;
    width:326px;
    float:none;
}
.cms_product050Std001 .leftPart{
    float:left;
    height:197px;
    margin-right:9px;
}
.cms_product050Std001 .rightPart{
    float:right;
}
.cms_product050Std001 .productImg{
    height:145px;
    width:145px;
    margin: 0px;
}
.cms_product050Std001 .productLogo{
    height: 32px;
    margin:10px;
    width: 85px;
    position: relative;
}
.cms_product050Std001 .productLogoImg{
    max-height: 32px;
    max-width: 85px;
}
.cms_product050Std001 .priceZone{
    background: url("https://i2.cdscdn.com/struct/carte-cup/prix-bordure-1px.png") no-repeat;
    float:left;
    margin-left:9px;
    font-family:arial;
}
.cms_product050Std001 .productPrice{
    height:50px;
    text-align:center;
}
.cms_product050Std001 .priceZoneLine{
    background: url("https://i2.cdscdn.com/struct/carte-cup/prix-bordure-1px.png") repeat;
    text-align:center;
    width:157px;
}
.cms_product050Std001 .offerWithCard{
    background: url("https://i2.cdscdn.com/struct/carte-cup/prix-avec-carte.png") no-repeat;
    height:15px;
}
.cms_product050Std001 .offerCDSCard{
    background: url("https://i2.cdscdn.com/struct/carte-cup/prix-avec-carte2.png") no-repeat;
    height:15px;
}
.cms_product050Std001 .paymentFacility{
    border: 0;
    cursor: pointer;
    float : none;
    height:78px;
    padding: 0;
    width:157px;
}
.cms_product050Std001 .productPaymentFacility{
    color:#183359;
    cursor: pointer;
    font-size:18px;
    font-weight:bold;
    height: 22px;
    margin: 0;
}
.cms_product050Std001 .littleBottom{
    background: url("https://i2.cdscdn.com/struct/carte-cup/prix-bordure-bas.png") no-repeat;
    height:8px;
}
.cms_product050Std001 .moreInfoLink{
    color:#ff2800;
    cursor: pointer;
    font-size:9px;
    font-weight:bold;
    text-align:right;
    text-decoration:underline;
}
.cms_product050Std001 .moreInfoPopup{
    background-color: #ffffff;
    border: 1px solid #D1D1D3;
    color: #0f3661;
    padding: 5px;
    position: absolute;
    width: 145px;
    z-index: 900;
    font-family: Arial;
    font-weight: bold;
}
.cms_product050Std001 .moreInfoLink .privateShop{
    color:#172e84;
}
.cms_product050Std001 .productShortDesc{
    clear:both;
    color:#575757;
    font-family:Arial;
    font-size:10px;
    font-weight:bold;
    height: 32px;
}
.cms_product050Std001 .bottomBloc{
    background: url("https://i2.cdscdn.com/struct/carte-cup/bottom-bloc-produit.png") no-repeat;
    height:14px;
    width:357px;
}
.cms_product050Std001 .cdsPrice{
    color:#ff4300;
    cursor: pointer;
    font-weight:bold;
    font-family:Futura;
    font-size:29px;
    Text-align:center;
}
.cms_product050Std001 .pictoCFlame{
    background:url("https://i2.cdscdn.com/struct/carte-cup/C-eco.png") no-repeat;
    float:left;
    width:63px;
    height:36px;
}
.cms_product050Std001 .ecoRemise{
    color:#172E84;
    cursor: pointer;
    font-size:25px;
    font-style:italic;
    font-weight:bold;
    height:36px;
}
.cms_product050Std001 .ecoRemisePlus{
    color:#172E84;
    cursor: pointer;
    font-size:16px;
    font-style:italic;
    font-weight:bold;
}
/**
 **************************************************************************************************
 * showcase name : 4 produits 1/4 avec titre
 * nom de la vue : Product025Std001
 **************************************************************************************************
 */
.product025TitleStd001 .titleImagePlaceholder{
	height: 40px;
}
/**
 **************************************************************************************************
 * showcase name : 4 produits 1/4 
 * nom de la vue : Product025Std001
 **************************************************************************************************
 */
/**
 * ligne quand on 1 2 3 ou 4 produits
 */
.product025Std001{
  clear: both;
  display: inline-block;
  *display: inline;
  margin: 0 0 0 5px;
  padding: 0;
  width: 770px;
  zoom: 1;
  margin-bottom:20px;
}
/**
 * ligne quand on a 2 produits sur 4
 */
.product025Std001.productBackgroundStd002{
  background: url(https://i2.cdscdn.com/struct/ShowCase/grid/sw-02b-2-4.png);
}
/**
 * ligne quand on a 3 produits sur 4
 */
.product025Std001.productBackgroundStd003{
  background: url(https://i2.cdscdn.com/struct/ShowCase/grid/sw-02b-3-4.png);
}
/**
 * ligne quand on a 4 produits sur 4
 */
.product025Std001.productBackgroundStd004{
  background: url(https://i2.cdscdn.com/struct/ShowCase/grid/sw-02b-4-4.png);
}
/**
 * block principal du showcase 4 produits 1/4 
 */
.product025Std001 .productCell{
  padding: 0 11px 0 11px;
  width: 169px;
}
/**
 * zone image produit
 */
.product025Std001 .productImg{
  clear: both;
  height: 140px;
  margin: 8px 0 0;
  width: 169px;
}
.product025Std001 .productImgContent{
  max-width: 140px;
  max-height: 140px;
}
*html .product025Std001 .productImgContent{
  height: 140px;
  width: 140px;
}
/** 
 * image produit epuise opacite
 */
.product025Std001 .productImgNoStock{
  max-width: 140px;
  max-height: 140px;
}
/**
 * zone description
 */
.product025Std001 .productShortDesc{
  width: 169px;
}
/**
 * zone de prix
 */
.product025Std001 .productPrice{
  clear: both;
  width: 169px;
}
.product025Std001 .productPriceArea{
  float: left;
  height: 69px;
  margin: 0 0 3px 0;
  width: 86px;
}
.product025Std001 .productPriceStriked{
  font-size: 12px;
  height: 12px;
  width: 86px;
}
.product025Std001 .productPriceTtc{
  width: 89px;
}
.product025Std001 .productPaymentFacility{
  width: 86px;
}

.product025Std002 .productPaymentFacility{
  width: 86px;
}

.product025Std001 .productLogo{
  padding: 20px 0 0 10px;
  width: 73px;
}
/**
 * zone mecanique commerciale
 */
.product025Std001 .productSell{
  clear: both;
  height: 28px;
  width: 169px;
}
/**
 **************************************************************************************************
 * @author: Michael Borde <email> michael.borde@ext.cdiscount.com
 * showcase name : 5 produits 1/5 
 * nom de la vue : product020Std001
 **************************************************************************************************
 */
/**
 * ligne quand on 1 2 3 4 ou 5 produits
 */
.product020Std001{
  clear: both;
  display: inline-block;
  *display: inline;
  padding:0 12px 0 13px;
  width: 755px;
  zoom: 1;
  margin-bottom:20px;
}
/**
 * ligne quand on a 2 produits sur 5
 */
.product020Std001.productBackgroundStd002{
  background: url(https://i2.cdscdn.com/struct/ShowCase/grid/sw-03b-2-5.png);
}
/**
 * ligne quand on a 3 produits sur 5
 */
.product020Std001.productBackgroundStd003{
  background: url(https://i2.cdscdn.com/struct/ShowCase/grid/sw-03b-3-5.png);
}
/**
 * ligne quand on a 4 produits sur 5
 */
.product020Std001.productBackgroundStd004{
  background: url(https://i2.cdscdn.com/struct/ShowCase/grid/sw-03b-4-5.png);
}
/**
 * ligne quand on a 5 produits sur 5
 */
.product020Std001.productBackgroundStd005{
  background: url(https://i2.cdscdn.com/struct/ShowCase/grid/sw-03b-5-5.png);
}
/**
 * block principal du showcase 5 produits 1/5 
 */
.product020Std001 .productCell{
  padding: 0 5px 0 5px;
  width: 141px;
}
/**
 * zone image produit
 */
.product020Std001 .productImg{
  clear: both;
  height: 115px;
  margin: 8px 0 0;
  width: 141px;
}
.product020Std001 .productImgContent{
  max-width: 115px;
  max-height: 115px;
}
*html .product020Std001 .productImgContent{
  height: 115px;
  width: 115px;
}
/** 
 * image produit epuise opacite
 */
.product020Std001 .productImgNoStock{
  max-width: 115px;
  max-height: 115px;
}
/**
 * zone description
 */
.product020Std001 .productShortDesc{
  width: 141px;
}
/**
 * zone de prix
 */
.product020Std001 .productPrice{
  clear: both;
  width: 141px;
}
.product020Std001 .productPriceArea{
  float: left;
  height: 59px;
  margin: 0 0 5px 0;
  width: 70px;
}
.product020Std001 .productPriceStriked{
  font-size: 12px;
  height: 12px;
  width: 70px;
}
.product020Std001 .productPriceTtc{
  width: 70px;
}
.product020Std001 .productPaymentFacility{
  width: 70px;
}
.product020Std001 .productLogo{
  padding: 20px 0 0 8px;
  width: 63px;
}
/**
 * zone mecanique commerciale
 */
.product020Std001 .productSell{
  clear: both;
  height: 28px;
  width: 141px;
}

/**
* Tab management styles for labels, labels' texts and content headers. 
* It does not define anything for tab content.
*
* Usage :
*
* <ul class="tabLabels">
*   <li class="tabLabel"><a class="tabLabelText">First tab</a></li>
*   <li class="tabLabel"><a class="tabLabelText">Second tab</a></li>
* </ul>
* <div class="tabContentHeader">
* </div>
*
* @section Tab
*/

/**
* The label area in a tab
*/
.tabLabels {
	display: inline-block;
	height: 26px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 780px; /* inline-block support for IE @TODO put this in a ie.css file */
	zoom: 1; *display:inline;
}

/**
* The tab's label
*/
.tabLabel {
	background-image: url('https://i2.cdscdn.com/struct/ShowCase/tab/tab-label-border.png');
	background-repeat: no-repeat;
	background-position: 0 -28px;
	cursor: pointer;
	color: #3C5080;
	display: block;
	float: left;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	height: 26px;
	margin: 0 0 0 2px;
	padding: 0 0 0 4px;
}

/**
* The text inside a label
*/
.tabLabelText {
	background-image: url('https://i2.cdscdn.com/struct/ShowCase/tab/tab-label-border.png');
	background-position: right -28px;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	padding: 0 20px 0 10px;
	zoom: 1; *display:inline;
}

.tabLabelText img {
	max-height: 26px;
	max-width: 26px;
	padding-right: 5px;
	vertical-align: middle;
	_height: 26px;
	_width: 26px;
}

/**
* The tab content's header
*/
.tabContentHeader {
	background-image: url('https://i2.cdscdn.com/struct/ShowCase/tab/tab-content-header.png');
	display: inline-block;
	height: 10px;
	width: 780px; /* inline-block support for IE @TODO put this in a ie.css file */
	zoom: 1; *display:inline;
}

/**
* Active or hovered tab's label
*/
.tabLabels .tabLabel.active, .tabLabels .tabLabel.hovered{
	background-position: 0 0;
	height: 26px;
}

/**
 * Text in an active or hovered tab's label
 */
.tabLabels .tabLabel.active .tabLabelText, .tabLabels .tabLabel.hovered .tabLabelText{
	background-position: right 0;
}

.tabLabel .activeOrHoveredImage {
	display: none;
}

.tabLabels .tabLabel.active .normalImage, .tabLabels .tabLabel.hovered .normalImage{
	display: none;
}

.tabLabels .tabLabel.active .activeOrHoveredImage, .tabLabels .tabLabel.hovered .activeOrHoveredImage{
	display: inline;
}

/**
* Tab showcase related styles (Ligne onglets)
*
* @section Tab showcase
*/

/**
* The whole tab showcase (Ligne onglets)
*/
.productTabs100Std001 
{
    margin-bottom:20px;
}

/**
* A tab in a tab showcase
*/
.productTab100Std001 
{
    margin-bottom:20px;
}

/**
 * Horizontal separation for tab lines
 */
.productTabLineSeparator100Std001{
  background: #d5dbe2;
  height: 1px;
  margin: 4px 0; 
  width: 780px;
  margin-bottom:20px;
}

/**
* Tab topic styles
*
* Those classes defines styles depending on tab's topic
*
* @subsection tab topic
*/

.flashSellingRelatedTab {
	background-color: #FF4900;
}

.flashSellingRelatedTab .tabLabelText {
	color: #3c5a80;
}

.flashSellingRelatedTab.active .tabLabelText,
.flashSellingRelatedTab.hovered .tabLabelText {
	color: #FFF;
}

.salesRelatedTab  {
	background-color: #c20b58;
}

.salesRelatedTab  .tabLabelText {
	color: #3e5c81;
}

.salesRelatedTab.active .tabLabelText,
.salesRelatedTab.hovered .tabLabelText {
	color: #FFF;
}

.GroupedPurchaseRelatedTab {
	background-color:#2a9de1;
}

.GroupedPurchaseRelatedTab .tabLabelText {
	color: #3e5c81;
}

.GroupedPurchaseRelatedTab.active .tabLabelText,
.GroupedPurchaseRelatedTab.hovered .tabLabelText {
	color: #FFF;
}

.quantityRelatedTab {
	background-color: #FFF000;
}

.quantityRelatedTab .tabLabelText {
	color: #3c5a80;
} 

.costPriceRelatedTab {
	background-color: #F10000;
}

.costPriceRelatedTab .tabLabelText {
	color: #3e5c81;
}

.costPriceRelatedTab.active .tabLabelText,
.costPriceRelatedTab.hovered .tabLabelText {
	color: #FFF;
}

.otherRelatedTab {
	background-color: #C20B58;
}

.otherRelatedTab .tabLabelText {
	color: #3e5c81;
}

.otherRelatedTab.active .tabLabelText,
.otherRelatedTab.hovered .tabLabelText {
	color: #FFF;
}

.saleAgainstTimeRelatedTab {
	background-color: #fec604;
}

.saleAgainstTimeRelatedTab .tabLabelText {
	color: #3e5c81;
}

.saleAgainstTimeRelatedTab.active .tabLabelText,
.saleAgainstTimeRelatedTab.hovered .tabLabelText {
	color: #000000;
}

.dumpingRelatedTab {
	background-color: Gray;
}

.dumpingRelatedTab .tabLabelText {
	color: #3e5c81;
}

.dumpingRelatedTab.active .tabLabelText,
.dumpingRelatedTab.hovered .tabLabelText {
	color: #FFF;
}

.saleAgainstTimeRelatedTab {
	background-color: Gray;
}

.saleAgainstTimeRelatedTab .tabLabelText {
	color: #3e5c81;
}

.saleAgainstTimeRelatedTab.active .tabLabelText,
.saleAgainstTimeRelatedTab.hovered .tabLabelText {
	color: #FFF;
}

.newsTab {
	background-color: #00b2ff;
}

.newsTab .tabLabelText {
	color: #3C5A80;
}

.newsTab.active .tabLabelText,
.newsTab.hovered .tabLabelText {
	color: #FFFFFF;
}

.bazaarVoiceTopTab {
	background-color: #FFA700;
}

.bazaarVoiceTopTab .tabLabelText {
	color: #3C5A80;
}

.bazaarVoiceTopTab.active .tabLabelText,
.bazaarVoiceTopTab.hovered .tabLabelText {
	color: #FFF;
}

.AllForTheRoadTab {
	background-color: #df0000;
}
.AllForTheRoadTab .tabLabelText {
	color: #3C5A80;
}
.AllForTheRoadTab.active .tabLabelText,
.AllForTheRoadTab.hovered .tabLabelText {
	color: #FFF;
}
/**
**************************************************************************************************
* @author: Jacques Patin <email> jacques.pattin@ext.cdiscount.com
* showcase name : tendance 1 image
* nom de la vue : trend1Image100Std001
**************************************************************************************************
*/


/**
* Carousel related styles
*
* @section Carousel
* @subsection containers
* @subsection items
*/

/**
* Containers related styles
*
* @subsection containers
*/


/**
* The global carousel container
*/

.trend100Std001{
	_height:295px;
	margin: 25px 0 0;
	overflow: hidden;
    margin-bottom:20px;
}

/**
* The container taht contains the slide items and the radiobuttons
*/

.trendCarouselContainer{
	float: left;
	height: 270px;
	overflow: hidden;
	position: relative;
	width: 624px;
	margin-bottom:20px;
}

/**
* The item container
*/

.trendCarouselSlider{
	display: inline-block;
	vertical-align: middle;
	height: 210px;
	width: 5000px; /* inline-block support for IE @TODO put this in a ie.css file */
	zoom: 1; *display:inline;
	margin-bottom:20px;
}


/**
* The item to slide (can be 3*1/3, 2*1/2 or 1*1)
*/

.trendSlideItem{
	float: left;
	position: relative;
	text-align:center;
	height:230px;
	width:624px;
	margin-bottom:20px;
}

/**
* Items to display in carousel
*
* @subsection items
*/

/**
* Common properties for all images containers
*/

.trendImage033, .trendImage050, .trendImage100{
	display:inline-block;
	height:230px;
	margin:0 13px 0 0;
	overflow:hidden;
	vertical-align:top;
	/* inline-block support for IE @TODO put this in a ie.css file */
	zoom: 1; *display:inline;
	margin-bottom:20px;
}

.trendImage033{
	margin:0 4px;
}

.trendImage050{
	margin:0 6px;
}

.trendImage100{
	margin:0 12px;
}

/**
* Common properties for all images
*/

.trendImage033 img, .trendImage050 img, .trendImage100 img{
	max-height:230px;
	overflow:hidden;
	_height:230px;
}

/**
* styles for 1/3 images and the image containers
*/

.trendImage033{
	width:200px;
}

.trendImage033 img{
	max-width:200px;
	_width:200px;
}

/**
* styles for 1/2 images and the image containers
*/

.trendImage050{
	width:300px;
}

.trendImage050 img{
	max-width:300px;
	_width:300px;
}

/**
* styles for 1 image and the image container
*/

.trendImage100{
	margin:0;
	width:600px;    
}

.trendImage100 img{
	max-width:600px; 
	_width:600px;    
}

/**
* Navigation related styles (radiobuttons and arrows) 
*
* @section Navigation
* @subsection arrows
* @subsection radiobuttons
*/

/**
* arrows navigation related styles
*
* @subsection arrows
*/

/**
* Arrows when carousel is activated
*/
.trendCarouselLeftArrow, .trendCarouselRightArrow{
	cursor: pointer;
	height: 240px;
	width: 66px;
}

/**
* Arrows when carousel is inactive
*/
.trend100Std001 .inactive{
	background:none;
}

/**
* Left arrow related styles
*/
.trendCarouselLeftArrow{
	background: url('https://i2.cdscdn.com/struct/ShowCase/trend/fleche_gauche.png') no-repeat;
	float:left;
	margin-left: 11px;
	*margin-left:5px; /* IE6 only */
}

/**
* Right arrow related styles
*/
.trendCarouselRightArrow{
	background:url('https://i2.cdscdn.com/struct/ShowCase/trend/fleche_droite.png') no-repeat;
	float:right;
	margin-right: 11px;
	*margin-right:6px; /* IE6 only */
}

/**
* Arrows when carousel is not activated (not enough content)
*/
.trend100Std001 .trendCarouselLeftArrow.inactive, .trend100Std001 .trendCarouselRightArrow.inactive{
	background: none;
	cursor: default;
}

/**
* radiobuttons navigation related styles
*
* @subsection radiobuttons
*/

/**
* Whole radiobutton navigation container
*/

.trendRadioNavigation{
	background: url('https://i2.cdscdn.com/struct/ShowCase/trend/conteneurpuce_tendance.jpg') no-repeat center center;
	margin: 6px auto 0 auto;
	text-align:center;
	vertical-align:middle;
	width: 265px;
}

/**
* radiobutton container
*/

.trendRadioContainer{
	display: inline-block;
	height: 17px;
	list-style-type: none;
	margin-top:7px;
	text-align: center;
	/* width: 75px; */
	/* inline-block support for IE @TODO put this in a ie.css file */
	zoom: 1;
	*display:inline;
}

/**
* radiobutton styles
*/

.trendRadio{
	display: inline-block;
	float: left;
	/* inline-block support for IE @TODO put this in a ie.css file */
	zoom: 1;
	*display:inline;
}

.trendRadio div{
	display: inline-block;
	float: left;
	/* inline-block support for IE @TODO put this in a ie.css file */
	zoom: 1;
	*display:inline;
}

.trendRadio_inside{
	background: url('https://i2.cdscdn.com/struct/ShowCase/trend/puce_tendanceNONACTIF.png') repeat center center;
	cursor:pointer;
	height: 9px;
	margin: 0 3px;
	width: 9px;
}

/**
* radiobutton hover and active styles
*/

.trendRadio_inside_over{
	background: url('https://i2.cdscdn.com/struct/ShowCase/trend/puce_tendanceACTIF.png') repeat center center;
}

.trend100Std001 .trendRadio.active div{
	background: url('https://i2.cdscdn.com/struct/ShowCase/trend/puce_tendanceACTIF.png') repeat center center;
}


/**
**************************************************************************************************
* @author: Michael Borde <email> michael.borde@ext.cdiscount.com
* @author: Jacques Patin <email> jacques.pattin@ext.cdiscount.com
* showcase name : accueil
* nom de la vue : productHomeList050Std001
**************************************************************************************************
*/

/**
* Showcase style 
*/
.productHome100Std001{
	height:450px; 
	/*A décommenter lors de la mise en place des nouveaux blocks
	float:left;
	width:459px;*/
	margin-bottom:20px;
}

.productHomeList050Std001{ 
	/*A décommenter lors de la mise en place des nouveaux blocks
	width:459px;*/
	width:468px;  
	margin-bottom:20px; 
}

/**
* Home related styles
*
* @section LeftZone
* @subsection Header
* @subsection ProductDisplay
* @subsection ThumbnailsNavigation
*/

/**
* Left Zone
*/
.productHomeLeftZone{
	/*A décommenter lors de la mise en place des nouveaux blocks
	background: url('https://i2.cdscdn.com/struct/ShowCase/home/productListBackground.jpg');
	float: left;
	width:459px;*/
	background: url('https://i2.cdscdn.com/struct/ShowCase/home/productListBackground.jpg');
	float: left;
	width: 468px;
	margin-bottom: 10px;
}

/**
* Left Zone Header related styles
*
* @subsection Header
*/
.productHomeListHeader{
	/*A décommenter lors de la mise en place des nouveaux blocks
	height:59px;
	width:459px;*/
	height:80px;
	width:468px;
}


.productHomeListHeader img
{

	max-height:80px;
	max-width:468px;
	_height:80px;
	_width:468px;
}


/**
* ProductDisplay related styles
*
* @subsection ProductDisplay
*/
.productHome100Std001 .productHomeListBody{
	/*A décommenter lors de la mise en place des nouveaux blocks
	float:left;
	height:328px;
	_height:231px;
	margin:8px 0 8px 0;
	*margin:0;
	max-height:231px;
	width:303px;*/
	max-height:231px;
	width:468px;
	_height:231px;
}



/**
* Contains the slides images
*/
.productImgContainer{
	float:left;
	margin:0 10px;
	*margin:0 2px;
	max-width:200px;
	max-height:200px;
	_height:200px;
	_width:200px;
}

/**
* slides images
*/
.productHome100Std001 .productHomeListBody .productImgContainer .productImg{
	height:200px;
	position:relative;
	width:200px;
}

.productHome100Std001 .productHomeListBody .productImgContainer .productImg img{
	border:none;
	max-width:200px;
	max-height:200px;
	_height:200px;
	_width:200px;
}

/**
* special style for economy
*/
.productImg .productEconomy{
	height:74px;
	position:absolute;
	right:0;
	top:0;
	width:100px;
	z-index:2;
}

/**
* contains prices and flags
*/
.productHome100Std001 .productHomeListBody .productInfos{
	float:left;
	/*A décommenter lors de la mise en place des nouveaux blocks width:303px;*/
	width:238px;
}
/*
A d"commenter pour l'évolution
.productHome100Std001 .productHomeListBody .productInfos .productFlag
{
clear:none;
float:left;
height:28px;
margin: 10px 0 0 0;
*margin:0;
width:80px;
*width:80px;
}*/

/**
* product title formatting
*/
.productHome100Std001 .productHomeListBody .productTitle{
	/*A décommenter lors de la mise en place des nouveaux blocks
	display:block;
	float:left;
	height:28px;
	margin:6px 0 0 8px;
	*margin:0 0 0 8px;
	text-align:left;
	width:200px;*/
	display:block;
	height:36px;
	margin-top:12px;
	text-align:left;
}

.productHome100Std001 .productHomeListBody .productTitle span{
	color:#476487;
	display:block;
	font-size:15px;
	font-weight:bold;
	/*A décommenter lors de la mise en place des nouveaux blocks
	width:200px;*/
	width:223px;
}
.productHomeList050Std001 .productTitle a,
.advertisement100Std003 .productTitle a{color:#798da8;}

/**
* Contains product title, payment facility and prices
*/
.productHome100Std001 .productInfosLeftContent{
	float:left;
	/*A décommenter lors de la mise en place des nouveaux blocks
	height:38px;
	*margin:0 0 2px 0;
	text-align:center;
	width:303px;
	*width:303px;*/

	height:79px;
	margin:0 5px 0 0;
	text-align:center;
	width:117px;
}

/**
* price striked
*/
.productHome100Std001 .productInfosLeftContent .productPriceStriked{
	font-size:24px;
	height:30px;
}

/**
* All taxes included price
*/  
.productHome100Std001 .productInfosLeftContent .productPriceTtc
{
	/*A décommenter lors de la mise en place des nouveaux blocks
	float:left;
	height:28px;
	margin:10px 0 0;
	*margin:0;
	width:124px;
	*/
	margin:2px 0 0;
}

/**
* payment facility
*/  
.productHomeListBody .productInfosLeftContent .productPaymentFacility{
	display:inline-block;
	font-size:12px;
	height:31px;
	line-height:31px;
	margin:0 0 0 13px;
	width:104px; /* IE6 inline block */
	*display: inline;
	zoom: 1;
}

/**
* Contains product flag and product logo
*/      
.productHome100Std001 .productInfosRightContent{
	float:left;
	margin-top:15px;
	text-align: center;
	width:116px;
}

/**
* product flag
*/
.productHome100Std001 .productInfosRightContent .productFlag{
	margin-bottom: 20px;
	display:inline-block; /* IE6 inline block */
	*display: inline;
	zoom: 1;
}
 
.productHome100Std001 .productInfosRightContent .productFlag img{
	max-height:25px;
	max-width:65px;
	_height:25px;
	_width:65px;
}

/**
* product logo
*/
.productHome100Std001 .productInfosRightContent .productLogo{
	height:25px;
	text-align: center;
}
 
.productHome100Std001 .productInfosRightContent .productLogo img{
	display:inline;
	max-width:90px;
	_width:90px;
}



/**
* Thumbnails inside navigation related styles
*/
.productHome100Std001 .productThumbZoomArea{
	clear: both;
	display:inline-block;
	height:42px;
	list-style-type:none;
	margin:20px 0 0 25px;
	/**margin:0;*/
	padding:0;
	*display: inline;  /* IE6 inline block */
	width:180px;
	zoom: 1;
}
  
/**
* thumbnail container
*/   
.productHome100Std001 .productThumbZoom{
	background:#eee;
	cursor:pointer;
	float:left;
	margin:0 1px;
	/* A décommenter lors de la mise en plce de l'évolution
	margin:2px 1px;
	*margin:0px;*/
}

/**
* styles for active position
*/
.productHome100Std001 .productHomeThumbZoom .active{
	display:block;    
}

.productHome100Std001 .productThumbZoom a{
	border:1px solid #d0d6df;
	float:left;
}

.productHome100Std001 .productThumbZoom a:hover{
	border:1px solid #536d8f;
}

/**
* product image
*/
.productHome100Std001 .productThumbZoom img{
	border:none;
	height:40px;
	width:40px;
}

/**
* Left Zone Thumnails navigation related styles
*
* @subsection ThumbnailsNavigation
*/

/**
* Thumbnails container
*/
.top4Menu{
	background:url('https://i2.cdscdn.com/struct/ShowCase/home/menuBackground.png') no-repeat;
	clear:both;
	height:114px;
	padding-top: 10px;
	/* hack pour IE6 à mettre en place au niveau du padding */
	*height:124px;
}


/**
* Thumbnail related styles
*/
.top4MenuThumbnail{
	cursor:pointer;
	float:left;
	height:94px;
	padding-top:20px;
	text-align:center;
	width:117px;
}

/**
* style for active position
*/
.top4Menu .active{
	background:url('https://i2.cdscdn.com/struct/ShowCase/home/menuThumbnailBackground.png') no-repeat;
	height:94px;
}

/**
* styles for the inside of a thumbnail
*/
.top4MenuThumbnailContent{
	border-left:1px solid #d0d7df;
	padding:0 3px;
}
.top4MenuThumbnailContent .productImg{
	cursor:pointer;
	height:55px;
}
.top4MenuThumbnailContent .productImg img{
	border:none;
	max-height:55px;
	max-width:55px;
	_width:55px;
	_height:55px;
}
/*
 * Text Price starts from and legal mention
 */
.top4MenuThumbnailContent .priceStartsFromDefault{
    font-size:9px;
    margin:-3px 0 0;
    text-align:center;
}

/**
* margin for product price
*/ 
.top4MenuThumbnailContent .productPriceTtc{
	/*margin:6px auto 0 auto;*/
}

/**
* end of the left part of the showcase
*/
.productHomeListFooter{
	/*background-image:url('https://i2.cdscdn.com/struct/ShowCase/home/productListFooter_459x4.png');*/
	background-image:url('https://i2.cdscdn.com/struct/ShowCase/home/productListFooter.png');
	clear: both;
	height:4px;
	/*width:459px;*/
	width:468px;
}

/**
* Right zone of the showcase
*
* @section RightZone
* @subsection Flash
* @subsection Advert
*/


.productHomeRightZone{
	float:right;
	margin-left: 11px;
	text-align:right;
}


/**
* Flash block
*
* @subsection Flash
*/

/**
* flash container
*/
.productHomeImage050Std001{
   height: 122px;
   width: 300px;
}

/**
* flash content limitations
*/
.productHomeImage050Std001 object{
	max-height:122px;
	max-width:300px;
	_height:122px;
	_width:300px;
}

/**
* Advert related styles
*
* @subsection Advert
*/

/**
* Advert title
*/
.productHomeAdvertTitle{
	padding:8px 0 4px 0;
}

.productHomeAdvertContent{
   width: 300px;
}

/**
* Advert content with IE6 hack for max width
*/
.productHomeAdvertContent img{
	max-width: 300px;
	_width: 300px;
}
/**
**************************************************************************************************
* @author: Renaud Peyre <email> renaud.peyre@ext.cdiscount.com
* showcase name : Block Accueil  reconf vitrine
* nom de la vue : 
**************************************************************************************************
*/
.TestMARKETPLACE{
	float:left;
	height:30px;
	width:100%;
}
.TabHomeContainer{
	clear:both;
	float:left;
	height:328px;
	margin:0 0 0 1px;
	*margin:0;
	width:155px;
}
.tab_HomeList li{
	background: url('https://i2.cdscdn.com/struct/ShowCase/Ambiance/bloc-ongletPAP.png');
	background-repeat: no-repeat;
	*display: inline;
	height:82px;
	list-style:none outside none;	
	width: 155px;
	zoom: 1;
	}
	
.tab_HomeList .onglet_HomeList_first_default{
  background-position: 0px -164px;
}

.tab_HomeList .onglet_HomeList_first_push{
  background-position: 0px -82px;
}

.tab_HomeList .onglet_HomeList_first_top{
background-position: 0px 0px;
}

.tab_HomeList .onglet_HomeList_default{
  background-position: 0px -492px;
}

.tab_HomeList .onglet_HomeList_push{
  background-position: 0px -328px;
}

.tab_HomeList .onglet_HomeList_top{
  background-position: 0px -246px;
}

.tab_HomeList .onglet_HomeList_bottom{
  background-position: 0px -410px;
}

  
.tab_HomeList .onglet_HomeList_last_default{
  background-position: 0px -738px;
} 

.tab_HomeList .onglet_HomeList_last_push{
  background-position: 0px -656px;
}

.tab_HomeList .onglet_HomeList_last_bottom{
  background-position: 0px -574px;
}


.top4MenuVertical{
	/*background:url('https://i2.cdscdn.com/struct/ShowCase/home/menuBackground.png') no-repeat;*/
	clear:both;
	height:328px;	
	width:155px;
}

.top4MenuVertical .active{
	height:82px;
}

.top4MenuVerticalThumbnail{
	cursor:pointer;
	float:left;
	height:82px;
	text-align:center;
	width:117px;
}

/**
* style for active position
*/
.top4MenuVertical .active{
	height:82px;
}

/**
* styles for the inside of a thumbnail
*/
.top4MenuVerticalThumbnailContent{
	float:left;
	padding:0 3px;
}

.top4MenuVerticalThumbnailContent .productImg{
	cursor:pointer;
	float:left;
	height:65px;
	margin:2px;
	*margin:0;
	width:65px;
}

.top4MenuVerticalThumbnailContent .productImg img{
	border:none;
	max-height:65px;
	max-width:65px;
	_width: 69px;
	_height:65px;
}

/**
* margin for product price
*/ 
.top4MenuVerticalThumbnailContent .productPriceTtc{
	float:left;
	margin:30px 0 0 10px;
}
	
/*Partie Product*/

/*A décommenter lors de la mise a jour de l'évolution du block
.productHome100Std001 .productHomeListBody .productThumbZoomArea{
	clear: both;
	*clear: right;
	display:inline-block;
	height:42px;
	list-style-type:none;
	margin:20px 0 4px 0;
	*margin:0;
	padding:0;
	*display:none;  /* IE6 inline block 
	width:42px;
	zoom: 1;
}*/

/*A décommenter lors de la mise a jour pour l'évolution du block
.productHome100Std001 .productImgContainer{
	float:left;
	margin:13px 24px 0 13px;
	*margin:0;
	max-width:200px;
	max-height:200px;
	_height:200px;
	_width:200px;
}*/

.productHome100Std001 .firstpart
{
	width:303px;
}
/*logo marque*/
.productHome100Std001 .productMarque
{
	float:left;
	margin:6px 0 0 0;
	*margin:0;    
	width:95px;    
	*width:80px;
}

/*price striked + payment facility*/
.productHome100Std001 .advantagePayment
{
	float:left;
	height:43px;
	width:94px;    
}
/**
* price striked
*/
.productHome100Std001 .advantagePayment .productPriceStriked
{
	font-size:19px;
	height:19px; 
	margin:0;
	width:94px;
}

/**
* All taxes included price
*/ 
.productHome100Std001 .advantagePayment .productPaymentFacility
{
	height:19px;
	margin:0;
	width:94px;
}

.productHome100Std001 .Contained
{
	background: url('https://i2.cdscdn.com/struct/ShowCase/home/productHomeBackground.jpg');
	height:328px;
	width:459px;
}


/**
**************************************************************************************************
* @author: Julien Mellano <email> julien.mellano@ext.cdiscount.com
* showcase name : ambiance : ajout de style pour le Market Pace
* nom de la vue : 
**************************************************************************************************
*/

/*
* left zone of ambience : menu
*/
.onglet_ambience{
	margin:0;
	padding:0;
	list-style-type:none;
}
.onglet_ambience ul{
	*margin: 0px;
}

.onglet_ambience li{
	background: url('https://i2.cdscdn.com/struct/ShowCase/Ambiance/bloc-ongletPAP.png');
	background-repeat: no-repeat;
	*background-repeat: none;
	*display: inline;
	height:72px;
	list-style:none outside none;	
	width: 217px;
	zoom: 1;
}

/*
* right zone of ambience : 1st and 2nd col
*/
.fond_ambience{
	background: url('https://i2.cdscdn.com/struct/ShowCase/Ambiance/bloc-ongletPAP.png');
	background-position: -313px -0px;
	background-repeat: no-repeat;
	float: left;
	height:360px;
	width: 540px;
	zoom: 1;
}

/*
* background using sprite for left menu
*/
.onglet_ambience .onglet_ambience_first_default{
  background-position: 0px -144px;
}

.onglet_ambience .onglet_ambience_first_push{
  background-position: 0px -72px;
}

.onglet_ambience .onglet_ambience_first_top{
  background-position: 0px 0px;
}

.onglet_ambience .onglet_ambience_default{
  background-position: 0px -432px;
}

.onglet_ambience .onglet_ambience_push{
  background-position: 0px -288px;
}

.onglet_ambience .onglet_ambience_top{
  background-position: 0px -216px;
}

.onglet_ambience .onglet_ambience_bottom{
  background-position: 0px -360px;
}
  
.onglet_ambience .onglet_ambience_last_default{
  background-position: 0px -648px;
}

.onglet_ambience .onglet_ambience_last_push{
  background-position: 0px -576px;
}

.onglet_ambience .onglet_ambience_last_bottom{
  background-position: 0px -504px;
}

/**
**************************************************************************************************
* @author: Josselin Auguste <email> josselin.auguste@ext.cdiscount.com
* showcase name : ambience
* nom de la vue : ProductAmbience100Std001
**************************************************************************************************
*/

/**
* The global ambience container
*/

.productAmbience100Std001{
	clear:both;
	height: 360px;
	margin: 0 0 20px 8px;
}

/**
* Tabs related styles
*/

/**
* The ambience column containing tabs
*/
.ambienceTabsCol{
	float: left;
	width: 217px;
}

/**
* The top container of the tabs
*/
.ambienceTabsContainer{
	list-style-type: none;
	margin: 0 20px 0 26px;
}

/**
* A tab with no bottom-border (ie. the last tab)
*/
.ambienceTabsContainer .noBorder{
	border-bottom: 0;
}
.ambienceTabsContainer .noBorder .ambienceTabInner{
	height: 62px;
}

/**
* a tab
*/
.ambienceTab{
	cursor: pointer;
	text-align: left;
}

.ambienceTab .ambienceTabInner{
	height: 61px;
}

/**
* Vertically center arrow
*/
.ambienceTab .arrowPictoStd001{
	margin: 23px 0 0;
}

/**
* Used when a tab is active or hovered
*/
.ambienceTabsContainer .active .areaSelected, .ambienceTabsContainer .hovered .areaSelected{
	display: block;
}

/**
* Used to hide default arrow when a tab is active or hovered
*/
.ambienceTabsContainer .active .areaNormal, .ambienceTabsContainer .hovered .areaNormal{
	display: none;
}

/**
* Tab text (description)
*/
.ambienceTab a{
	background: none;
	display: inline;
	float: left;
	font-size: 10px;
	margin: 17px 0 0;
	padding: 0;
	text-decoration: none;
	/* inline-block IE6 hack */
	*display: inline;
	zoom: 1;
}
.areaNormal a{color:#3c5a80;}

/**
* tab first line
*/
.ambienceTab strong{
	display: block;
	font-size: 12px;
	font-weight: bold;
}

/**
* First column related styles
*
* @section firstColumn
* @subsection productImg
* @subsection productTitle
* @subsection productPrice
* @subsection productLogo
* @subsection productFlag
*/

/**
* The ambience column containing the big product
*/
.productAmbienceTabFirstCol50Std001
{
	border-right:1px solid #c3cbd6;
	float: left;
	height: 360px;
	text-align: center;
	width: 255px;
}

/**
* the product image
* @section productImg
*/

.productAmbienceTabFirstCol50Std001 .productImg{
	height: 200px;
	margin: 20px 20px 0px 20px  ;
	width: 200px;
}

.productAmbienceTabFirstCol50Std001 .productImg img{
	max-height: 200px;
	max-width: 200px;
	/* IE6 hack */
	_height: 200px;
	_width: 200px;
}

/**
* Title of the big product
* @section productTitle
*/
.productAmbienceTabFirstCol50Std001 .productTitle{
	display:inline-block;
	height: 28px;
	text-align: center;
	float: left;
	text-align: left;
	min-width: 200px;
}

.productAmbienceTabFirstCol50Std001 .productTitle a{
	color: #3c5a80;
	font-size: 11px;
	font-weight: bold;
	height:28px !important;
	margin: 2px 4px;
}

/**
* Big product prices container
* @section productPrice
*/
.productAmbienceTabFirstCol50Std001 .productPrice{
	float: left;
	width: 80px;
	margin:1px 0px 0px 0px;
}

/**
* Big product stroke price
*/
.productAmbienceTabFirstCol50Std001 .productPrice .productPriceStriked{
	font-size: 14px;
	height: 16px;
	margin: 15px 0 0;
}

/**
* big product ATI included price
*/
.productAmbienceTabFirstCol50Std001 .productPrice .productPriceTtc{
	height: 24px;
	/*margin: 8px 0 0;*/
}

/**
* Big product facility payment description
*/
.productAmbienceTabFirstCol50Std001 .productPrice .productPaymentFacility{
	font-size: 10px;
	height: 12px;
	margin: 8px 0 0;
}


/**
* Big product logo
* @section productLogo
*/
.productAmbienceTabFirstCol50Std001 .productLogo{
	float: left;
	text-align: center;
	width: 93px;
	height: 80px;
}
.productAmbienceTabFirstCol50Std001 .productLogoImg{
	height: 32px;
	margin: 0px 5px;
	max-height: 32px;
	max-width: 83px;
	width: 83px;
	margin-top: -16px;
	position: relative;
	top: 50%;
}
.productAmbienceTabFirstCol50Std001 .productLogoImg img{
	max-height: 32px;
	max-width: 83px; /* IE6 hack */
	_height: 32px;
	_width: 83px;
}

/**
* Big product flag
* @section productFlag
*/
.productAmbienceTabFirstCol50Std001 .productFlag{
	clear: none;
	float: left;
	height: 80px;
}
.productAmbienceTabFirstCol50Std001 .productFlagImg{
	margin: 0 2px 0 0;
	height: 32px;
	margin-top: -16px;
	position: relative;
	top: 50%;
}
.productAmbienceTabFirstCol50Std001 .productFlagImg img{
	max-height: 25px;
	max-width: 65px;
	_height: 25px;
	_width: 65px;
}

/**
* The ambience column containing the two small products
* @section secondColumn
* @subsection productImg
* @subsection productInfos
*/
.productAmbienceTabScdCol50Std001{
	float: left;
	height: 360px;
	width: 283px;
}

/**
* One product in the small products column
*/
.productAmbienceTabScdCol50Std001 .product{
	border-bottom:1px solid #c3cbd6;
	height: 50%;
}

/**
* A product with no bottom border (ie. the last one)
*/
.productAmbienceTabScdCol50Std001 .noBorder{
	clear: both;
	border-bottom: 0;
	height: 180px;
}

/**
* The small product picture
* @section productImg
*/
.productAmbienceTabScdCol50Std001 .productImg{
	*display: inline;
	*float: left;
	float: left;
	height: 115px;
	margin: 10px 4px 18px 2px;
	width: 115px;
}
.productAmbienceTabScdCol50Std001 .productImg img{
	*display: inline;
	*float: left;
	max-height: 115px;
	max-width: 115px;
	/* IE6 hack */
	_height: 115px;
	_width: 115px;
}

/**
* The small product informations container
* @section productInfos
* @subsection productTitle
* @subsection productPrice
* @subsection productLogo
* @subsection productFlag
*/
.productAmbienceTabScdCol50Std001 .productInfos{
	float: left;
	text-align: center;
	width: 162px;
}

/**
* The small product title
* @section productTitle
*/
.productAmbienceTabScdCol50Std001 .productTitle{
	display: block;
	height: 28px;
	margin: 10px 0px 0px 0px;
	text-align: left;
}
.productAmbienceTabScdCol50Std001 .productTitle a{
	color: #3c5a80;
	font-size: 11px;
	font-weight: bold;
}

/**
* @section productPrice
*/
.productAmbienceTabScdCol50Std001 .productPrice{
}

/**
* The small product stoke price
*/
.productAmbienceTabScdCol50Std001 .productPrice .productPriceStriked{
	font-size: 14px;
	height:16px;
	margin: 5px 0 0;
}

/**
* The small product ATI price
*/
.productAmbienceTabScdCol50Std001 .productPrice .productPriceTtc{
	height: 32px;
	/*margin: 6px 0 0;*/
}

/**
* The small product payment facility
*/
.productAmbienceTabScdCol50Std001 .productPrice .productPaymentFacility{
	font-size: 10px;
	height: 12px;
	margin: 6px 0 0;
}

/**
* The small product logos container
*/
.productAmbienceTabScdCol50Std001 .productLogosContainer{
	height: 32px;
	margin: 4px 0;
	*margin: 0px;
	text-align: center;
}

/**
* The small product logo picture
* @section productLogo
*/
.productAmbienceTabScdCol50Std001 .productLogoImg{
	float:left;
	height: 32px;
	margin: 0 3px;
	*margin: 0px;
	max-height: 32px;
	max-width: 85px;
	width: 85px; /* IE6 hack */
	*display: inline;
	zoom: 1;
}
.productAmbienceTabScdCol50Std001 .productLogoImg img{
	max-height: 32px;
	max-width: 85px; /* IE6 hack */
	_height: 32px;
	_width: 85px;
}

/**
* The small product flag picture
* @section productFlag
*/
.productAmbienceTabScdCol50Std001 .productFlagImg{
	display: inline-block;
	*display: inline;
	margin: 3px 3px 0 3px; /* IE6 hack */
	*margin: 0px;
	zoom: 1;
}
.productAmbienceTabScdCol50Std001 .productFlagImg img{
	*margin: 0px;
	max-height: 25px;
	max-width: 65px; /* IE6 hack */
	_height: 25px;
	_width: 65px;
}

/* END of ambience */


/**
**************************************************************************************************
* @author: Jacques Patin <email> jacques.pattin@ext.cdiscount.com
* showcase name : produits 3x2 colonnes
* nom de la vue : productsColumn033Std001
**************************************************************************************************
*/

/**
* showcase related styles
*/
.productsColumn100Std001{
	height: 322px;
	background: url(https://i2.cdscdn.com/struct/ShowCase/grid/sw-01b-3-3.png);
}

.productsColumn033Std001{
	float:left;
	margin:0 15px;
	*margin:0 8px 0 7px;
	text-align:center;
	width:230px;
}


/**
* Header related styles
*
* @section Header
*/


/**
* header related styles
*/
.productsColumn033Std001 .categoryHeader{
	background:transparent url('https://i2.cdscdn.com/struct/ShowCase/productColumns/titre-flechebas.png') no-repeat center bottom;
	display:block;
	float:left;
	font:italic bold 15px Arial;
	height:37px;
	width:230px;
}

.productsColumn033Std001 .categoryHeader span{
	margin:10px 0;
}

/**
* Product presentation section
*
* @section Product
* @subsection Image
* @subsection Infos
*/

/**
* product container
*/
.productsColumn033Std001 .productShow {
	float:left;
	height:130px;
	margin:0;
	width:230px; 
}

/**
* product image container
* 
* @subsection Image
*/
.productsColumn033Std001 .productShow .productImg{
	float:left;
	height:115px;
	margin-top:5px;
	width:115px; 
}

/**
* product image
*/
.productsColumn033Std001 .productShow .productImg img{
	border:none;
	max-width:115px;
	max-height:115px;
	_height:115px;
	_width:115px;
}

/**
* border for the first product
*/
.productsColumn033Std001 .separator{
	border-bottom:1px solid #d9dee5;
}

/**
* product information, contains product title, flags and prices
*
* @subsection Infos
*/

/**
* product information container
*/
.productsColumn033Std001 .productInfos{
	float:left;
	height:130px;
	text-align:center;
	width:115px;
}

/**
* Contains product title
*/
.productsColumn033Std001 .productInfos .productTitle{
	margin:5px 0 0;
	text-align:right;
}

/**
* product title
*/
.productsColumn033Std001 .productInfos .productTitle span{
	color:#3c5a80;
	display:block;
	font:bold 11px Arial;
	height:28px;
	margin-left:2px;
	max-width:113px;
	_width:113px;
	text-align: right;
}

/**
* price striked
*/
.productsColumn033Std001 .productInfos .productPriceStriked{
	font-size:12px;
	height: 15px;
	margin-top:15px;
}

/**
* All taxes included price
*/
.productsColumn033Std001 .productInfos .productPriceTtc{
	margin-top:8px;
}

/**
* product flags container
*/
.productsColumn033Std001  .productInfos .productFlagsContainer{
	margin-top: 20px;
	max-width:115px;
	max-height:25px;
	_height:25px;
	_width:115px;
}

/**
* flag and logo related styles
*/
.productFlagsContainer .productFlag, .productFlagsContainer .productLogo{
	display:block;
	float:left;
}

.productFlagsContainer .productFlag img, .productFlagsContainer .productLogo img{
	margin:auto;
}

.productFlagsContainer .productFlag{
	height:25px;
	width:65px;    
}

.productFlagsContainer img{
	max-height:25px;
	max-width:65px;
	_height:25px;
	_width:65px;
}

.productFlagsContainer .productLogo{
	height:25px;
	width:50px;
}

.productFlagsContainer .productLogo img{
	max-height:25px;
	max-width:50px;
	_height:25px;
	_width:50px;
}

/**
* Footer related styles
*
* @section footer
*/

/**
* link container
*/
.productsColumn033Std001 .footerLink{
	background:#f4f5f7;
	border-top:1px solid #d6dce3;
	float:left;
	font:italic bold 12px Arial;
	height:20px;
	margin:3px 0 0;
	text-align:right;
	width:230px;
}

/**
* link style
*/
.productsColumn033Std001 .footerLink a{
	margin:0 10px;
}

/**
**************************************************************************************************
* @author: Josselin Auguste <email> josselin.auguste@ext.cdiscount.com
* showcase name : good choice
* nom de la vue : ProductGoodChoice100Std001
**************************************************************************************************
*/

/**
* The global productGoodChoice container
*/

.productGoodChoice100Std001{
	/*clear:both;
	height:444px;*/
	height:430px;
}

/**
* Parent style for edito boxes
*/
.productGoodChoice100Std001 .edito, .productGoodChoice100Std001 .productGoodChoiceTabEdito{
	color: #798da8;
	font-size: 11px;
	text-align: left;
}

.productGoodChoice100Std001 .edito ul, .productGoodChoice100Std001 .productGoodChoiceTabEdito ul, .productGoodChoice100Std001 .edito ul li, .productGoodChoice100Std001 .productGoodChoiceTabEdito ul li{
	list-style: disc none outside;
}

.productGoodChoice100Std001 .edito ol, .productGoodChoice100Std001 .productGoodChoiceTabEdito ol, .productGoodChoice100Std001 .edito ol li, .productGoodChoice100Std001 .productGoodChoiceTabEdito ol li{
	list-style: decimal none outside;
}

/**
* Tabs related styles
*/

/**
* The productGoodChoice column containing tabs
* @section leftColumn
* @subsection edito
* @subsection tabs
*/
.productGoodChoiceTabsCol
{
	/* A Décommenter quand le sprite sera correct pour mettre la nouvelle version deu block bien choisir
	background: url('https://i2.cdscdn.com/struct/ShowCase/Ambiance/bloc-ongletPAP.png');
	background-position:-636px -376px;
	float: left;
	height:444px;
	margin: 0px 0px 0 10px;
	width: 217px;
	*margin: 0;*/
	float: left;
	margin: 21px 20px 21px 26px;
	width: 254px;
	*margin: 0 10px 0 13px;
}

/**
* The edito text
* @section edito
*/
.productGoodChoiceTabsCol .edito
{
  /*  height:141px;
	margin-top:12px;*/
} 

.productGoodChoiceTabsCol .edito .editoText{
	/*A décommenter pour l'évolution
	height: 104px;
	margin:10px 0px 12px 0px;*/
	height: 82px;
	margin: 22px 0;
	
}

/**
* The edito title image
*/
.productGoodChoiceTabsCol .title{
	/*propriété de la nouvelle version du block bien choisir a decommmenter pour appliquer
	height: 18px;
	text-align: left;
	width: 217px;
	*/
	height: 18px;
	margin: 32px 0 0;
	text-align: left;
	width: 254px;
}
.productGoodChoiceTabsCol .title img{
	max-height: 18px;
	_height: 18px;
}

/**
* The top container of the tabs
*/
.productGoodChoiceTabsContainer{
	list-style-type: none;
	padding: 0;
}

/**
* a tab
* @section tab
*/
.productGoodChoiceTab{
	border-top: 1px solid #d9dee5;
	cursor: pointer;
	text-align: left;
}
.productGoodChoiceTabInner{
	height: 52px;
}

/**
* tab content
*/
.productGoodChoiceTab a{
	background: none;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin: 18px 0; /* IE6 hack */
	padding: 0;
	text-decoration: none;
	*display: inline;
	zoom: 1;
}

.areaNormal a{color:#798da8;}

/**
* Vertically center arrow
*/
.productGoodChoiceTab .arrowPictoStd001{
	margin: 18px 0 0;
}

/**
* Used when a tab is active or hovered
*/
.productGoodChoiceTabsContainer .active .areaSelected, .productGoodChoiceTabsContainer .hovered .areaSelected{
	display: block;
}

/**
* Used to hide default arrow when a tab is active or hovered
*/
.productGoodChoiceTabsContainer .active .areaNormal, .productGoodChoiceTabsContainer .hovered .areaNormal{
	display: none;
}

/**
* Product column related styles
*
* @section productColumn
* @subsection edito
* @subsection product
*/

.productGoodChoiceTab100Std001{
	/* A décommenter quand le sprite sera correct et que la nouvelle version sera approuvée.
	background: url('https://i2.cdscdn.com/struct/ShowCase/Ambiance/bloc-ongletPAP.png');
	background-position:-305px 0px;
	float: left;
	height: 444px;
	width: 549px;*/
	float: left;
	height: 430px;
	width: 480px;
}

/** 
* the edito
* @section edito
*/
.productGoodChoiceTab100Std001 .productGoodChoiceTabEdito{
	clear: both;
	float: left;
	margin: 0 30px;
	width: 420px;
	*margin: 0 15px;
}
/* Partie a décommenter pour l'evolution du block	
	clear: both;
	float: left;
	height:70px;
	margin: 0 30px;
	width: 489px;
	*margin: 0 15px;
}*/

/**
* the edito text
*/
.GoodChoiceProductPartEditoText
{
	color: #798da8;
	height: 54px;
	margin:13px 0 15px 0;
	max-height:54px;
}
.productGoodChoiceTabEdito .editoText{
	color: #798da8;
	height: 54px;
	/*A décommenter ppour l'évolution margin: 0px 0 15px 0;*/
	margin:13px 0 15px 0;
	max-height:54px;
}

/**
* a product
* @section product
* @subsection productImg
* @subsection productBottom
*/
.productGoodChoiceTabProduct{
	border-right: 1px solid #d9dee5;
	float: left;
	/*A décommenter pour l'évolution height:370px;
	text-align: center;
	width: 274px;*/
	text-align: center;
	width: 239px;
}

/**
* the last product
*/
.productGoodChoiceTab100Std001 .noBorder{
	border-right: 0;
}

/**
* the product image
* @section productImg
*/

.productGoodChoiceTabProduct .productImg{
	height: 200px;
	/*A décommenter margin: 15px 14px 0 13px;*/
	margin: 0 19px;
	width: 200px;
}

.productGoodChoiceTabProduct .productImg img{
	max-height: 200px;
	max-width: 200px;
	/* IE6 hack */
	_height: 200px;
	_width: 200px;
}

/**
* contains both the productinfos and the productlogos
* @section productBottom
* @subsection productTitle
* @subsection productPrice
* @subsection productLogos
*/
.productBottom{
	margin: 5px 10px 0 10px;
}

/**
* Big product prices container
* @section productInfos
*/
.productGoodChoiceTabProduct .productInfos{
	clear: both;
	float: left;
	width: 126px;
	text-align: left;
}

/**
* Title of the product
* @section productTitle
*/
.productGoodChoiceTabProduct .productTitle{
	display:block;
	/**margin: 0 0 0 10px;*/
	min-height: 28px;
	text-align: left;
	_height: 28px;
} 
.productGoodChoiceTabProduct .productTitle a{
	color: #3c5a80;
	font-size: 11px;
	font-weight: bold;
}

/**
* product stroke price
*/
.productGoodChoiceTabProduct .productInfos .productPriceStriked{
	font-size: 14px;
	height: 16px;
	margin: 15px 0 0;
}

/**
* product ATI included price
*/
.productGoodChoiceTabProduct .productInfos .productPriceTtc{
	height: 16px;
	margin: 8px 0 0;
	text-align: center;
}

/**
* product facility payment description
*/
.productGoodChoiceTabProduct .productInfos .productPaymentFacility{
	font-size: 10px;
	height: 12px;
	margin: 8px 0 0;
}

/**
* product logos
* @section productLogos
*/
.productGoodChoiceTabProduct .productLogos{
	float: left;
	text-align: center;
	width: 93px;
}
.productGoodChoiceTabProduct .productLogos .productLogoImg{
	display: inline;
	height: 32px;
	margin: 15px 5px 0 5px;
	max-height: 32px;
	max-width: 83px;
	width: 83px;
}
.productGoodChoiceTabProduct .productLogos .productLogoImg img{
	max-height: 32px;
	max-width: 83px; /* IE6 hack */
	_height: 32px;
	_width: 83px;
}
.productGoodChoiceTabProduct .productLogos .productFlagImg{
	display: block;
	margin: 30px 0 0;
}
.productGoodChoiceTabProduct .productLogos .productFlagImg img{
	max-height: 25px;
	max-width: 65px; /* IE6 hack */
	_height: 25px;
	_width: 65px;
}

/*
* left zone of GoodChoice : menu
*/
.onglet_GoodChoice {
}

.onglet_GoodChoice ul{
	*margin: 0px;
}

.onglet_GoodChoice li{
	background: url('https://i2.cdscdn.com/struct/ShowCase/Ambiance/bloc-ongletPAP.png');
	background-repeat: no-repeat;
	*background-repeat: none;
	*display: inline;
	height:72px;
	list-style:none outside none;	
	width: 217px;
	zoom: 1;
}


/*
* right zone of ambience : 1st and 2nd col
*/
.fond_GoodChoice{
	background: url('https://i2.cdscdn.com/struct/ShowCase/Ambiance/bloc-ongletPAP.png');
	background-position: -313px -0px;
	background-repeat: no-repeat;
	float: left;
	height:360px;
	width: 540px;
	zoom: 1;
}

/*
* background using sprite for left menu
*/
.onglet_GoodChoice .onglet_GoodChoice_first_default{
  background-position: 0px -144px;
}

.onglet_GoodChoice .onglet_GoodChoice_first_push{
  background-position: 0px -72px;
}

.onglet_GoodChoice .onglet_GoodChoice_first_top{
  background-position: 0px 0px;
}

.onglet_GoodChoice .onglet_GoodChoice_default{
  background-position: 0px -432px;
}

.onglet_GoodChoice .onglet_GoodChoice_push{
  background-position: 0px -288px;
}

.onglet_GoodChoice .onglet_GoodChoice_top{
  background-position: 0px -216px;
}

.onglet_GoodChoice .onglet_GoodChoice_bottom{
  background-position: 0px -360px;
}
  
.onglet_GoodChoice .onglet_GoodChoice_last_default{
  background-position: 0px -648px;
}

.onglet_GoodChoice .onglet_GoodChoice_last_push{
  background-position: 0px -576px;
}

.onglet_GoodChoice .onglet_GoodChoice_last_bottom{
  background-position: 0px -504px;
}

/*Partie paiment de l'onglet BienChoisir*/
.GoodChoicePayment
{
float:left;
height:81px;
margin:0 0 12px 0;
*margin:0;
width:100px;    
}

.GoodChoiceproductPriceStriked
{
color:#000000;
display:block;
font-family:arial;
font-size:12px;
*font-size:12px;
font-weight:700;
height:18px;
margin:15px 0 0 0;
*margin:0;
padding:0;
text-align:center;
text-decoration:line-through;
}
.GoodChoicepriceTTC
{
height:16px;
margin:8px 0 0 0;
*margin:0;
}

.GoodChoicePaymentFacility
{
color:#FF0000;
font-family:Arial;
font-size:10px;
font-weight:700;
height:16px;
margin:8px 0 0 0;
*margin:0;
text-align:center;
}

.GoodChoiceMarque
{
float:left;
margin:0 7px 12px 0;
*margin-right:0px;
width:71px;
}

.GoodChoiceMarque div
{
margin:28px 0;
*margin:28px 0;
}

.GoodChoiceFlag
{
float:left;    
margin:0 0 12px 5px;
*margin:0;
width:76px;
}

.GoodChoiceFlag div
{
margin:28px 0;
*margin:28px 0px;
}

.GoodChoiceproductBottom{
	height:123px;
	margin: 0 0 0 13px;
	*margin: 0;
}

.productLogoImg .GoodChoiceAlignement
{
margin:28px 0;
}

.productFlagImg .GoodChoiceAlignement
{
margin:28px 0;
}
/**
**************************************************************************************************
* @author: Jacques Patin <email> jacques.pattin@ext.cdiscount.com
* showcase name : Carte CDS
* nom de la vue : Product025Std002
**************************************************************************************************
*/

/**
* showcase related styles
*/
.cdiscountCard100Std001{
	height:470px;
}

.product025Std002{
	float:left;
	margin:0 5px;
	text-align:center;
	width: 185px;
	*margin:0 2px 0 3px;
}

/**
* Product related styles
*
* @section Image
*/

/**
* Product image container
*/
.product025Std002 .productImg{
	clear: both;
	display: inline-block;
	height: 140px;
	margin-top:5px;
	text-align:center;
	width: 140px;
	*display: inline;
	zoom: 1;
}

/**
* Product image
*/
.product025Std002 .productImg img{
	max-width:140px;
	max-height:140px;
	_height:140px;
	_width:140px;
}

/**
* Hack for IE6, correctif position of productSplashEconomyImg
*/
* html .product025Std002 .productSplashEconomy-medium .splashEconomyContainer{
	right:0;
}

/**
* No stock image container
*/
.product025Std002 .productImg .productImgNoStock{
  max-width: 140px;
  max-height: 140px;
  _height:140px;
  _width:140px;
}

/**
* Product Information
*
* @section Information
*/

/**
* Product display name
*/
.product025Std002 .productTitle{
	margin-top:5px;
	width:185px;    
}

.product025Std002 .productTitle span{
	color:#3c5a80;
	display:block;
	font:bold 11px Arial;
	height:28px;
	text-align:left;
}

/**
* Product infos positionning
*/
.product025Std002 .productLeftInfos, .product025Std002 .productRightInfos{
	float:left;
}

/**
* Product prices container
*/
.product025Std002 .productLeftInfos{
	text-align:center;
	width:97px;
}

/**
* Product flags container
*/
.product025Std002 .productRightInfos{
	width:88px;
}

/**
* Product price striked
*/
.product025Std002 .productPriceStriked{
	font-size:15px;
	height:18px;
	margin-top:15px;
	display: inline-block;
	*display: inline;
	width:97px;
	zoom: 1;
}

/**
* Product ATI price with Card discount
*/
.product025Std002 .productPriceTtc{
	margin-top:8px;
	max-height:16px;
	_height:16px;
}

/**
* Product normal price
*/
.product025Std002 .productNormalPrice{
	margin-top:8px;
	font:bold 10px Arial;
	color:#ff0000;
}

/**
* Product logo
*/
.product025Std002 .productLogo{
	margin:15px auto 0 auto;   
}

.product025Std002 .productLogo img{
	max-height:50px;
	max-width:88px;
	_height:50px;
	_width:88px;   
}

/**
* Footer CDiscount card text and image container
*/
.product025Std002 .footerCdiscountCard{
	background:#d9ecfb;
	border-top:1px solid #abd3f3;
	clear:both;
	float:left;
	height:24px;
	margin-top:5px;
	text-align:center;
	width:185px;
}

/**
* CDiscount card text
*/
.product025Std002 .footerCdiscountCard span{
	color:#0340aa;
	display:inline-block;
	font:bold 13px Arial;
	margin-top:3px;
	*display: inline;
	zoom: 1;
}

/**
* Showcase footer
*/
.cdiscountCard100Std001 .cdiscountCardFooter{
	clear:both;
	margin:35px 5px 0;
	max-width:770px;
	_width:770px;
}

/**
**************************************************************************************************
* @author: Josselin Auguste <email> josselin.auguste@ext.cdiscount.com
* showcase name : Match
* nom de la vue : Match100Std001
**************************************************************************************************
*/

/**
* The global match container
*/

.match100Std001{
	background: url('https://i2.cdscdn.com/struct/ShowCase/match/VS.jpg') no-repeat center center;
	clear:both;
	height: 490px;
}

/**
* A product
* @section product
* @subsection top
* @subsection productImg
* @subsection line1
* @subsection line2
*/
.match100Std001 .matchProduct050Std001, .match100Std001 .matchRightProduct050Std001{
	float: left;
	text-align: center;
	width: 390px;
}

/**
* The top area of a product
* @section top
* @subsection productLogo
* @subsection productName
*/
.match100Std001 .top{
	height: 42px;
}

/**
* The brand logo image
* @section productLogo
*/
.match100Std001 .productLogo{
	float: left;
	height: 42px;
	margin: 5px 0 0 30px;
	width: 130px;
	*margin: 2px 0 0 15px;
}
.match100Std001 .productLogo img{
	max-height: 42px;
	max-width: 130px;
	_height: 42px;
	_width: 130px;
}

/**
* The product name
* @section productName
*/
.match100Std001 .productName{
	color: #3c5a80;
	float: left;
	font-size: 11px;
	font-weight: bold;
	height: 28px;
	margin: 20px 27px 10px 27px;
	text-align: left;
	width: 176px;
	*margin: 10px 13px 5px 14px;
}

/**
* The image associated to the product
* @section productImg
*/
.match100Std001 .productImg{
	display: inline-block;
	height: 200px;
	width: 200px;
	*display: inline;
	zoom: 1;
}
.match100Std001 .productImg img{
	max-height: 200px;
	max-width: 200px; /* IE6 hack */
	_height: 200px;
	_width: 200px;
}

/**
* line 1
* @section line1
* @subsection productPrice
* @subsection productInfos
*/
.match100Std001 .line1{
	height: 96px;
	margin: 0 10px;
	width: 370px;
}

/**
* The price block
*/
.match100Std001 .productPrice{
	float: left;
	margin: 0 40px 0 20px;
	width: 110px;
	*margin: 0 20px 0 10px;
}

/**
* Specific price block margin for the right product
*/
.match100Std001 .matchRightProduct050Std001 .productPrice{
	margin: 0 0 0 60px;
	*margin: 0 0 0 30px;
}

/**
* Stroke price
*/
.match100Std001 .productPrice .productPriceStriked{
	font-size: 22px;
	height: 27px;
	margin: 5px 0 0;
}

/**
* ATI included price
*/
.match100Std001 .productPrice .productPriceTtc{
	height: 23px;
	margin: 14px 0 0;
}

/**
* facility payment description
*/
.match100Std001 .productPrice .productPaymentFacility{
	font-size: 12px;
	height: 15px;
	margin: 12px 0 0;
}

/**
* Product informations
* @section productInfos
* @subsection productFlag
* @subsection conso
*/
.match100Std001 .productInfos{
	float: left;
	width: 200px;
	text-align: center;
}

/**
* Flag associated to the product
*/
.match100Std001 .productFlag{
	display: inline-block;
	margin: 15px 0 0;    
}
.match100Std001 .productFlagImg{
	height: 25px;
	width: 65px; /* IE 6 */
	display: inline;
	zoom: 1;
}
.match100Std001 .productFlagImg img{
	max-height: 25px;
	max-width: 65px;
	_height: 25px;
	_width: 65px;
}

/**
* Conso container
*/
.match100Std001 .consoContainer{
	color: #273c58;
	font-size: 11px;
	font-weight: bold;
	margin: 13px 0 5px 0;
	text-align: center;
}

.match100Std001 .productRatingStd001{
	margin: 0 0 0 40px;
	width: 120px;
	*margin: 0 0 0 20px;
}

.match100Std001 .productRatingStd001 .productRatingTxt{
	font-size: 11px;
}

/**
* line 2
* @section line2
* @subsection strongPoint
* @subsection ourOpinion
*/
.match100Std001 .line2{
	margin: 20px 0 14px 0;
}

/**
* Strong point container
* @section strongPoint
*/
.match100Std001 .strongPointContainer{
	float: left;
	margin: 0 0 0 24px;
	width: 138px;
	*margin: 0 0 0 12px;
}

.match100Std001 .strongPointTitle{
	background: url('https://i2.cdscdn.com/struct/ShowCase/match/pointsfort.png');
	width: 138px;
	height: 30px;
}

/**
* Strong point block
*/
.match100Std001 .strongPoint
{
	clear: both;
	color: #798da8;
	font-size: 11px;
	margin: 5px 0 0;
	text-align: left;
}

/**
* Our opinion container
* @section ourOpinion
*/
.match100Std001 .ourOpinionContainer{
	color: #798da8;
	font-size: 11px;
	float: left;
	margin: 0 0 15px 22px;
	width: 173px;
	*margin: 0 0 7px 11px;
}

.match100Std001 .ourOpinionTitle{
	background: url('https://i2.cdscdn.com/struct/ShowCase/match/avis.png');
	width: 173px;
	height: 30px;
}

/**
* Out opinion block
*/
.match100Std001 .ourOpinion{
	margin: 5px 0 0;
	text-align: left;
}

/**
**************************************************************************************************
* @author: Jacques Patin <email> jacques.pattin@ext.cdiscount.com
* showcase name : Expand Banner
* nom de la vue : ExpandBanner100Std001
**************************************************************************************************
*/

/**
* Showacase style
*/
.expandBanner100Std001{
	clear:both;
}

/**
* active container z-index is set to 510 
*/
.expandBanner100Std001 .active{
	z-index:510;
}

/**
* inactive container z-index is set to 500
*/
.expandBanner100Std001 .inactive{
	z-index:500;
}

/**
* Container style
*/
.BannerContainer{
	position:relative;
}

/**
* Header style
*/
.BannerHeader{
	width:780px;
}

/**
* size for header image
*/
.BannerHeader img{
	max-height:35px;
	max-width:780px;
	height:35px;  
	width:780px;  
}

/**
* image to display on roll
*/
.BannerBody{
	position:absolute;
	top:35px;
	left:0;
	width:780px;  
	z-index:500;    
}

/**
* size for the image to display on roll
*/
.BannerBody img{
	max-height:320px;
	max-width:780px;
	_height:320px;  
	_width:780px;  
}

/**
**************************************************************************************************
* @author: Michael Borde <email> michael.borde@ext.cdiscount.com
* showcase name : Advertisement Image et Flash
* nom des vues : Advertisement100Std001
**************************************************************************************************
*/
.advertisement100Std001, .advertisement100Std002{
	width:780px;
	height:269px;
}

.advertisementImage066Std001, .advertisementFlash066Std001{
	float:left;
	height:274px;
	width:480px;
	margin-bottom:20px;
}

.advertisementImage066Std001 .stdContentTitle{
	margin:0;
	padding:0;
} 

.advertisementImage066Std001 img{
	max-height:269px;
	max-width:480px;
}

* html .advertisementImage066Std001 img{
	height:269px;  
	width:480px;  
} 

.advertisementAdvert033Std001, .advertisementAdvert033Std002{
	float: right;
	height:269px;
	width:300px;
}


/**
**************************************************************************************************
* @author: Jacques Patin <email> jacques.pattin@ext.cdiscount.com
* showcase name : Advertisement Produit
* nom de la vue : productHomeList050Std002
**************************************************************************************************
*/


/**
* showcase style
*/
.advertisement100Std003{
	height:307px;
}

/**
* Home related styles
*/
.advertisement100Std003 .productHomeList050Std002{ 
	background: url('https://i2.cdscdn.com/struct/ShowCase/home/productListBackground.jpg');
	float:left;
	height:307px;
	margin-right:12px;
	width:468px; 
}

/**
* Left Zone Header related styles
*/
.advertisement100Std003 .productHomeList050Std002 .productHomeListHeader{
	height:60px;
	position:relative;
	width:468px;
}

.advertisement100Std003 .productHomeList050Std002 .productHomeListHeader img{
	max-height:60px;
	max-width:468px;
	_height:60px;
	_width:468px;
}

/**
* ProductDisplay related styles
*
* @subsection ProductDisplay
*/
.advertisement100Std003 .productHomeListBody{
	max-height:231px;
	width:468px;
	_height:231px;
}



/**
* Contains the slides images
*/
.advertisement100Std003 .productImgContainer{
	float:left;
	margin:0 10px;
	max-width:200px;
	max-height:200px;
	_height:200px;
	_width:200px;
}

/**
* slides images
*/
.advertisement100Std003 .productHomeListBody .productImgContainer .productImg{
	height:200px;
	position:relative;
	width:200px;
}

.advertisement100Std003 .productHomeListBody .productImgContainer .productImg img{
	border:none;
	max-width:200px;
	max-height:200px;
	_height:200px;
	_width:200px;
}

/**
* ProductDisplay related styles
*/
.advertisement100Std003 .productHomeList050Std002 .productImgContainer{
	margin:2px 10px 3px 10px;
}

.advertisement100Std003 .productHomeList050Std002 .productHomeListBody{
	max-height:242px;
	_height:242px;
}

.advertisement100Std003 .productHomeList050Std002 .productThumbZoomArea{
	margin:10px 0 0 25px;
}

/**
* special style for economy
*/
.advertisement100Std003 .productImg .productEconomy{
	height:74px;
	position:absolute;
	right:0;
	top:0;
	width:100px;
	z-index:2;
}

/**
* contains prices and flags
*/
.advertisement100Std003 .productHomeListBody .productInfos{
	float:left;
	height:242px;
	width:238px;	
}

/**
* product title formatting
*/
.advertisement100Std003 .productHomeListBody .productTitle{
	display:block;
	height:36px;
	margin-top:12px;
	text-align:left;
}

.advertisement100Std003 .productHomeListBody .productTitle span{
	color:#476487;
	display:block;
	font-size:15px;
	font-weight:bold;
	width:223px;
}

/**
* Contains product title, payment facility and prices
*/
.advertisement100Std003 .productInfosLeftContent{
	float:left;
	height:109px;
	margin:0 5px 0 0;
	text-align:center;
	width:117px;
}

/**
* price striked
*/
.advertisement100Std003 .productInfosLeftContent .productPriceStriked{
	font-size:24px;
	height:30px;
}

/**
* All taxes included price
*/  
.advertisement100Std003 .productInfosLeftContent .productPriceTtc{
	margin:10px 0 0;
}

/**
* payment facility
*/  
.advertisement100Std003 .productInfosLeftContent .productPaymentFacility{
	display:inline-block;
	font-size:12px;
	height:31px;
	line-height:31px;
	margin:0 0 0 13px;
	width:104px; /* IE6 inline block */
	*display: inline;
	zoom: 1;
}

/**
* Contains product flag and product logo
*/      
.advertisement100Std003 .productInfosRightContent{
	float:left;
	margin-top:15px;
	text-align: center;
	width:116px;
}

/**
* product flag
*/
.advertisement100Std003 .productInfosRightContent .productFlag{
	margin-bottom: 20px;
	display:inline-block; /* IE6 inline block */
	*display: inline;
	zoom: 1;
}
 
.advertisement100Std003 .productInfosRightContent .productFlag img{
	max-height:25px;
	max-width:65px;
	_height:25px;
	_width:65px;
}

/**
* product logo
*/
.advertisement100Std003 .productInfosRightContent .productLogo{
	text-align: center;
}
 
.advertisement100Std003 .productInfosRightContent .productLogo img{
	display:inline;
	max-width:90px;
	_width:90px;
}



/**
* Thumbnails inside navigation related styles
*/
.advertisement100Std003 .productThumbZoomArea{
	clear: both;
	display:inline-block;
	height:42px;
	list-style-type:none;
	margin:20px 0 0 25px;
	padding:0;
	*display: inline;  /* IE6 inline block */
	width:180px;
	zoom: 1;
}
  
/**
* thumbnail container
*/   
.advertisement100Std003 .productThumbZoom{
	background:#eee;
	cursor:pointer;
	float:left;
	margin:0 1px;
	width:42px;
}

/**
* styles for active position
*/
.advertisement100Std003 .productHomeThumbZoom .active{
	display:block;    
}

.advertisement100Std003 .productThumbZoom a{
	border:1px solid #d0d6df;
	float:left;
}

.advertisement100Std003 .productThumbZoom a:hover{
	border:1px solid #536d8f;
}

/**
* product image
*/
.advertisement100Std003 .productThumbZoom img{
	border:none;
	height:40px;
	width:40px;
}

.advertisement100Std003 .productHomeListFooter{
	background-image:url('https://i2.cdscdn.com/struct/ShowCase/home/productListFooter.png');
	clear: both;
	height:4px;
	width:468px;
}

/**
* Thumbnails container
*/
.advertisement100Std003 .productHomeList050Std002 .top3Menu{
	float:right;
	height:23px;
	margin:10px 10px 9px 0;
	right:0;
	position:absolute;
	top:0;
	width:95px;    
}

/**
* Thumbnail related styles
*/
.advertisement100Std003 .top3MenuThumbnail{
	cursor:pointer;
	float:left;
	height:23px;
	margin-right:5px;
	text-align:center;
	width:25px;
}

/**
* style for advertisement
*/
.advertisement100Std003 .advertisementAdvert050Std001{
	float: right;
	height:269px;
	width:300px;
}


/**
**************************************************************************************************
* @author: Jacques Patin <email> jacques.pattin@ext.cdiscount.com
* showcase name : tendance Std002
* nom de la vue : trend100Std002
**************************************************************************************************
*/

/**
* Carousel related styles
*
* @section Carousel
* @subsection containers
* @subsection items
*/

/**
* Containers related styles
*
* @subsection containers
*/

/**
* The global carousel container
*/
.trend100Std002{
	height:265px;
	margin: 25px 0 0;
	overflow: hidden;
}

/**
* The container taht contains the slide items and the radiobuttons
*/
.trend2CarouselContainer{
	float: left;
	height: 240px;
	overflow: hidden;
	position: relative;
	max-width: 624px;
	*width: 624px;
}

/**
* The item container
*/
.trend2CarouselSlider{
	display: inline-block;
	height: 200px;
	vertical-align: middle;
	width: 5000px; 
	zoom: 1; *display:inline; /* inline-block support for IE @TODO put this in a ie.css file */
}

/**
* The item to slide
*/
.trend2SlideItem{
	float: left;
	position: relative;
	text-align:center;
	height:200px;
	width:636px;
}

/**
* Items to display in carousel
*
* @subsection items
*/

/**
* Common properties for all images containers
*/
.trend2Image{
	display:inline-block;
	height:200px;
	margin:0 6px; 
	overflow:hidden;
	vertical-align:top; 
	zoom: 1; *display:inline; /* inline-block support for IE @TODO put this in a ie.css file */
}

/**
* Common properties for all images
*/
.trend2Image img {
	max-height:200px;
	max-width:600px;
	overflow:hidden;
	_height:200px;
	_width:600px;
}

/**
* Navigation related styles (radiobuttons and arrows) 
*
* @section Navigation
* @subsection arrows
* @subsection radiobuttons
*/

/**
* arrows navigation related styles
*
* @subsection arrows
*/

/**
* Arrows when carousel is activated
*/
.trend2CarouselLeftArrow, .trend2CarouselRightArrow{
	cursor: pointer;
	height: 210px;
	width: 66px;
}

/**
* Arrows when carousel is inactive
*/
.trend100Std002 .inactive{
	background:none;
}

/**
* Left arrow related styles
*/
.trend2CarouselLeftArrow{
	background: url('https://i2.cdscdn.com/struct/ShowCase/trend/fleche_gauche_2.png') no-repeat;
	float:left;
	margin-left: 11px;
	*margin-left:5px; /* IE6 only */
}

/**
* Right arrow related styles
*/
.trend2CarouselRightArrow{
	background:url('https://i2.cdscdn.com/struct/ShowCase/trend/fleche_droite_2.png') no-repeat;
	float:right;
	margin-right: 11px;
	*margin-right:6px; /* IE6 only */
}

/**
* Arrows when carousel is not activated (not enough content)
*/
.trend2CarouselLeftArrow.inactive, .trend2CarouselRightArrow.inactive{
	background: none;
	cursor: default;
}

/**
* radiobuttons navigation related styles
*
* @subsection radiobuttons
*/

/**
* Whole radiobutton navigation container
*/

.trend2RadioNavigation{
	background: url('https://i2.cdscdn.com/struct/ShowCase/trend/conteneurpuce_tendance.jpg') no-repeat center center;
	margin: 6px auto 0 auto;
	text-align:center;
	vertical-align:middle;
	width: 265px;
}

/**
* radiobutton container
*/

.trend2RadioContainer{
	display: inline-block;
	height: 17px;
	list-style-type: none;
	margin-top:7px;
	text-align: center;
	/* inline-block support for IE @TODO put this in a ie.css file */
	zoom: 1;
	*display:inline;
}

/**
* radiobutton styles
*/

.trend2Radio{
	display: inline-block;
	float: left;
	/* inline-block support for IE @TODO put this in a ie.css file */
	zoom: 1;
	*display:inline;
}

.trend2Radio div{
	display: inline-block;
	float: left;
	/* inline-block support for IE @TODO put this in a ie.css file */
	zoom: 1;
	*display:inline;
}

.trend2Radio_inside{
	background: url('https://i2.cdscdn.com/struct/ShowCase/trend/puce_tendanceNONACTIF.png') repeat center center;
	cursor:pointer;
	height: 9px;
	margin: 0 3px;
	width: 9px;
}

/**
* radiobutton hover and active styles
*/

.trend2Radio_inside_over{
	background: url('https://i2.cdscdn.com/struct/ShowCase/trend/puce_tendanceACTIF.png') repeat center center;
}

.trend2Radio.active div{
	background: url('https://i2.cdscdn.com/struct/ShowCase/trend/puce_tendanceACTIF.png') repeat center center;
}
/**
 * ZTD Carte Cup
 */
.ZTD100Std002 .ZTDHeader{
    color: #ffffff;
    cursor: pointer;
    font-size: 22px;
    font-style: italic;
    padding: 2px 10px;
    height: 22px;
    
}
.ZTD100Std002 .ZTDTextArea1{
    display: none;
    padding: 10px 0;
}

/**
* Class overriding for ie6 compatibility
* Those classes must stay at the end of the file
*/
* html .productBackgroundStd001, * html .productBackgroundStd002, * html .productBackgroundStd003, * html .productBackgroundStd004, * html .productBackgroundStd005{
	background: none;
}


/**
**************************************************************************************************
* @author: Gilles Pavan <email> gilles.pavan@ext.cdiscount.com
* nom de la vue : ImageLister100Std003.ascx
**************************************************************************************************
*/

/* ListImage100 */
.ListImage100GlobalDiv
{
	clear:both;
	display: block;
	text-align: left;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
}
.ListImage100MainDivs
{
	display: block;
	float: left;
}
.ListImage100Title
{
	/*display: block;*/
}
.ListImage100Link
{
	display: block;
	/*float: left;*/
}
.trademarketing100Std001
{
    margin-bottom:20px;
}

/**
**************************************************************************************************
* Market place related classes
**************************************************************************************************
*/
.productMarketPlaceContainer{
	border: 0;
	border-collapse: collapse;
	clear: left;
	height: 32px;
	margin:4px 0 0 0;
	padding: 0;
	text-align: center;
	width: 100%;
	white-space:nowrap;
}

.productMarketPlaceContainer td{
	font-size:11px;
	padding: 0;
}

.productMarketPlaceLeft, .productMarketPlaceRight{
	background-image: url('https://i2.cdscdn.com/struct/ShowCase/encadre-lien-mp.png');
	height: 32px;
	width: 14px;
}
.productMarketPlaceLeftNoBackground, .productMarketPlaceRightNoBackground{
	height: 32px;
	width: 14px;
}
.productMarketPlaceLeft{
}

.productMarketPlaceRight{
	background-position: 0 -64px;
}

.productMarketPlaceCenter{
	background: url('https://i2.cdscdn.com/struct/ShowCase/encadre-lien-mp.png') repeat-x 0 -32px;
	color: #0067a3;
	cursor:pointer;
	font-family: arial;
	font-size: 10px;
	line-height: 11px;
	text-align: center;
}

.productMarketPlaceCenterNoBackground{	
	color: #0067a3;
	cursor:pointer;
	font-family: arial;
	font-size: 10px;
	line-height: 11px;
	text-align: center;
}

.redPriceMkp{
color:#DC0505;
}
.productMarketPlaceCenter span{
	font-weight: bold;
}
.productMarketPlaceCenterNoBackGround .underLine
{
    cursor:pointer;
    text-decoration: underline;
} 
/* Specificialisations */
.product033Std001 .productMarketPlaceContainer{
	width: 237px;
}

.GoodChoiceMarketPlace
{
	clear:both;
	height:32px;
	margin: 0 16px 0 13px;
	/* Adécommenter pour l'évolution du block width:249px;*/
	width:210px;
}    
.HomeListMarketPlace
{
	clear:both;
	float:right;
	height:32px;
	margin: 0 10px 0 0px;
	width:238px;
}
.AmbienceLeftMarketPlace
{
	clear:both;
	height:32px;
	margin: 0 0 0 4px;
	width:235px;
}
.AmbienceRightMarketPlace
{
	clear:both;
	height:32px;
	margin: 0 0 0 4px;
	width:276px;
}

.MatchProductMarketPlace
{
	clear:both;
	height:32px;
	margin: 0 20px;
	width:350px;
}

.HomeList050Std002MarketPlace
{
	clear:both;
	float:right;
	height:32px;
	width:100%;
}

.productPaymentFacilityMarketPlace 
{
    color : #000000;
}

/**     MiniSite Partie Onglet      **/

.product033Std003 .productShortDesc {
    color: #798DA8;
    font-size: 10px;
}
.product033Std003 .productPriceArea {
    float: left;
    height: 50px;
    margin: 0 0 5px;
    width: 105px;
}
.product033Std003 .productPriceStriked {
    font-size: 12px;
    height: 12px;
    width: 105px;
}
.product033Std003 .productPriceTtc {
    text-align: center;
}
.product033Std003 .productLogo {
    padding: 0 0 0 30px;
    width: 100px;
}
.product033Std003 .productLogo {
    float: left;
    height: 50px;
    line-height: 89px;
    margin: 0 0 3px;
    padding: 0 0 0 30px;
    text-align: center;
    width: 100px;
}
.cupCardDelivery{
    background: url("https://i2.cdscdn.com/struct/carte-cup/MiniSite-3-produits/C-eco.png") repeat;
    clear: both;
    float: left;
    height: 36px;
    width: 63px;
}
.discountMiniSite
{
    color: #ff4300;
    float: left;
    font-size: 15pt;
    font-style: italic;
    font-weight: bold;
    width: 185px;
}
.discountPercentMiniSite
{    
    float: left;
    margin-right: 5px;
    margin-top: 11px;
}
.discountInMoreMiniSite
{
    display: inline-block;
    float: left;
    font-size: 17px;
    font-weight: normal;
    margin-top: 15px
}
.withCupCardBloc
{
    background: url("https://i2.cdscdn.com/struct/carte-cup/MiniSite-3-produits/prix-carte-1px.png") repeat;
    clear: both;
    height: 50px;
    margin:0 24px 0 12px;
    width: 210px;   
    
}
.withCardTop
{
    background: url("https://i2.cdscdn.com/struct/carte-cup/MiniSite-3-produits/prix-carte-top.png") no-repeat;
    clear:both;
    height:11px;
    margin: 0 24px 0 12px;
    width:210px
}
.withCardBottom
{
    background: url("https://i2.cdscdn.com/struct/carte-cup/MiniSite-3-produits/prix-carte-bottom.png") no-repeat;
    height:8px;
    margin: 0 24px 0 12px;
    width:210px;
}
.cdsCupPrice{
    color:#ff4300;
    cursor: pointer;
    display: inline-block;
    font-weight:bold;
    font-family:Futura;
    font-size:29px;
    margin:0 5px;
    Text-align:center;
    width:100px;
}
.withCupCardBloc .button-add-basket-90
{
    margin:0 5px;
}
.product100Std002{
    float: left;
    height:120px;
    margin: 5px 0;
    width: 780px;
}
.product100Std002 .productPrice
{
    margin:20px 0;
}
.product100Std002 .productPriceTtc
{
    text-align:center;
    }
.cupCardDelivery1Produit{
    background: url("https://i2.cdscdn.com/struct/carte-cup/MiniSite-1-produit/C-eco.png") repeat;
    clear: both;
    float: left;
    height: 23px;
    width: 41px;
}
.withCupCardBloc1Produit
{
    background: url("https://i2.cdscdn.com/struct/carte-cup/MiniSite-1-produit/prix-carte-1px.png") repeat;
    clear: both;
    height: 70px;
    width: 122px;   
    
}
.withCardTop1Produit
{
    background: url("https://i2.cdscdn.com/struct/carte-cup/MiniSite-1-produit/prix-carte-top.png") no-repeat;
    clear:both;
    height:27px;
    width:122px
}
.withCardBottom1Produit
{
    background: url("https://i2.cdscdn.com/struct/carte-cup/MiniSite-1-produit/prix-carte-bottom.png") no-repeat;
    height:8px;
    width:122px;
}
.basketButton1Produit{
clear:both;
margin-top: 10px;
}
.cdsCupPrice1Produit {
    color: #FF4300;
    cursor: pointer;
    display: inline-block;
    font-family: Futura;
    font-size: 29px;
    font-weight: bold;
    text-align: center;
    width: 122px;
}
.miniSite1Produit
{
    float:left;
    height:105px;
    margin-top: 5px 0;
    width:122px;
}
.discountMiniSite1Produit
{
    color: #ff4300;
    float: left;
    font-family:Arial;
    font-size: 17px;
    font-style: italic;
    font-weight: bold;
    width: 185px;
}
.discountPercentMiniSite1Produit
{    
    float: left;
    margin: 6px 5px 0;
}
.discountInMoreMiniSite1Produit
{
    display: inline-block;
    float: left;
    font-size: 10px;
    margin-top:12px;
}
.offerWithCard1Produit{
    float:right;
    height:30px;
    width:236px;
    }


/*
 * Carousel Rea
 */
#carouselRea .carouselContainer{
    border:1px solid #cad0d9;
    border-radius:3px;
    font-family:arial;
    margin:10px 0 0 80px;
    padding:2px;
    position:relative;
    width:290px;
    height:120px;
    overflow:hidden;
}
#carouselRea .carouselList{
    list-style-type:none;
    padding:0;
    margin:0;
    position:relative;
    width:15000px;
    height:120px;
}
#carouselRea .carouselItem{
    position:relative;
    width:292px;
    height:120px;
}
#carouselRea .carouselItem img{margin:35px 0 0;}

#carouselRea .itemImg{
    max-height:50px;
    max-width:50px;
    margin:30px 0 0;
}
#carouselRea .carouselItem{float:left;}

#carouselRea .carouselPager{
    list-style:none;
    position:relative;
    top:-123px;
    left:270px;
    width:130px;
}
#carouselRea .carouselPagerItem a{
    background:url(https://i2.cdscdn.com/struct/Showcase/carousel/rea/sprite_carousel.png) 0 -150px no-repeat;
    display:inline-block;
    width:14px;
    height:14px;
    text-indent:-9999px;
}
#carouselRea .carouselPagerItem a:active,
#carouselRea .carouselPagerItem a:hover{
    outline:none;
    text-decoration:none;
}
#carouselRea .carouselPageSelected a{
    background:url(https://i2.cdscdn.com/struct/Showcase/carousel/rea/sprite_carousel.png) 0 -164px no-repeat;
    display:inline-block;
    outline:none;
    width:14px;
    height:14px;
}
#carouselRea .itemImgTitle{
    background-repeat:no-repeat;
    width:290px;
    height:30px;
    position:relative;
    top:-123px;
    left:83px;
}
#carouselRea .carouselContainer{
    border:1px solid #cad0d9;
    border-radius:3px;
    font-family:arial;
    margin:0;
    padding:2px;
    position:relative;
    width:290px;
    height:120px;
    overflow:hidden;
}
#carouselRea .carouselList{
    list-style-type:none;
    padding:0;
    margin:0;
    position:relative;
    width:15000px;
    height:120px;
}
#carouselRea .carouselItem{
    position:relative;
    width:292px;
    height:120px;
}
#carouselRea .carouselItem img{margin:35px 0 0;}
#carouselRea .carouselItem{float:left;}
#carouselRea .carouselPager{
    list-style:none;
    position:relative;
    top:-127px;
    left:190px;
    width:130px;
}
#carouselRea .carouselPagerItem a{
    background:url(https://i2.cdscdn.com/struct/showcase/carousel/rea/sprite_carousel.png) 0 1px no-repeat;
    display:inline-block;
    width:14px;
    height:14px;
    text-indent:-9999px;
}
#carouselRea .carouselPagerItem a:hover{
    outline:none;
    text-decoration:none;
}
#carouselRea .carouselPageSelected a{
    background:url(https://i2.cdscdn.com/struct/showcase/carousel/rea/sprite_carousel.png) 0 -12px no-repeat;
    display:inline-block;
    outline:none;
    width:14px;
    height:14px;
}
#carouselRea .itemImgTitle{
    background-repeat:no-repeat;
    width:290px;
    height:30px;
    position:relative;
    top:-123px;
    left:-7px;
}
/**
 * Carousel Trade
 *
 * @author NGO
 *
 * carouselTradeSmall : 464px x 246px
 * carouselTradeMedium : 776px x 142px
 */
.TradeCarouselAdvert050Std001{
    display: inline-block;
    margin-left: 12px;
}
#CarouselTradeMedium,
#CarouselTradeSmall{
    font-family:arial;
    position:relative;
}
#CarouselTradeMedium{
    height:177px;
    width:780px;
    margin-top:20px;
    clear: both;
}
#CarouselTradeSmall{
    height:275px;
    width:468px;
    display: inline-block;
}
    /**
     * tabs
     */
    #CarouselTradeMedium .carouselBanner,
    #CarouselTradeSmall .carouselBanner{
        background:none;
        height:27px;
        margin:0;
        position:absolute;
        top:-2px;
    }
    #CarouselTradeMedium .carouselBanner{width:772px;}
    #CarouselTradeSmall .carouselBanner{width:465px;}
        /*
         * ul
         */
        #CarouselTradeMedium .carouselPager,
        #CarouselTradeSmall .carouselPager{
            float:left;
            height:27px;
            left:0;
            list-style:none;
            margin:0;
            padding:0;
            top:0;
        }
        #CarouselTradeMedium .carouselPager{width:776px;}
        #CarouselTradeSmall .carouselPager{width:464px;}
            /*
            * li
            */
            #CarouselTradeMedium .carouselPagerItem,
            #CarouselTradeSmall .carouselPagerItem{
                background-image:url(https://i2.cdscdn.com/struct/showcase/tab/tab-label-border.png);
                background-position:0 -28px;
                float:left;
                height:27px;
                line-height:27px;
                padding:0;
            }
			#CarouselTradeMedium .carouselPagerItem{*width:25%;}
			#CarouselTradeSmall .carouselPagerItem{*width:40%;}
            #CarouselTradeMedium .carouselPageSelected,
            #CarouselTradeSmall .carouselPageSelected{
                background-color:#4e769b;
                background-position:right 0;
                color:#FFF;
                padding:0 7px 0 0;
            }
                /*
                * a
                */
                #CarouselTradeMedium .carouselPagerLink,
                #CarouselTradeSmall .carouselPagerLink{
                    background-image:url(https://i2.cdscdn.com/struct/showcase/tab/tab-label-border.png);
                    background-position:right -28px;
                    color:#3C5A80;
                    display:block;
                    font-size:12px;
                    font-weight:bold;
                    height:27px;
                    text-decoration:none;
                    cursor:pointer;

                }
                #CarouselTradeMedium .carouselPageSelected .carouselPagerLink,
                #CarouselTradeSmall .carouselPageSelected .carouselPagerLink{
                    background-color:#4e769b;
                    background-position:left 0;
                    color:#FFFFFF;
                    padding:0;
                }
                    /**
                     * em
                     */
                    #CarouselTradeMedium em,
                    #CarouselTradeSmall em{padding:0 15px 0 20px;}
    /**
     * content
     */
    #CarouselTradeMedium .carouselContainer,
    #CarouselTradeSmall .carouselContainer{
        background:#FFF;
        border:2px solid #4e769b;
        left:0;
        margin:0;
        overflow:hidden;
        padding:0;
        position:absolute;
    }
    #CarouselTradeMedium .carouselContainer{
        height:142px;
        top:25px;
        width:776px;
    }
    #CarouselTradeSmall .carouselContainer{
        height:246px;
        top:25px;
        width:464px;
    }
        /*
         * ul
         */
        #CarouselTradeMedium .carouselList,
        #CarouselTradeSmall .carouselList{
            list-style:none;
            margin:0;
            overflow:hidden;
            position:relative;
            padding:0;
            top:0;
        }
        #CarouselTradeMedium .carouselList{width:1560px;}
        #CarouselTradeSmall .carouselList{width:936px; height:100%;}
            /*
             * li
             */
            #CarouselTradeMedium .carouselItem,
            #CarouselTradeSmall .carouselItem{
                float:left;
                margin:0;
                padding:0;
                position:relative;
            }
            #CarouselTradeMedium .carouselItem{
                height:142px;
                width:776px;
            }
            #CarouselTradeSmall .carouselItem{
                height:246px;
                width:464px;
            }
                /*
                 * img
                 */
                #CarouselTradeMedium .itemImg,
                #CarouselTradeSmall .itemImg{
                    border:none;
                    margin:0;
                    padding:0;
                }
                #CarouselTradeMedium .itemImg{
                    height:142px;
                    width:776px;        
                }
                #CarouselTradeSmall .itemImg{
                    height:246px;
                    width:464px;        
                }
/**
 *****************************************************************************************
 * Bloc Cycle de vie - CSS également présente dans productList.css
 */
 #lifeCycl{
	height:150px;
	width:780px;
	position:relative;
	line-height:1em;
	clear:both;
}
.titleCycl{
	background:url(https://i2.cdscdn.com/struct/RichRelevance/lifeCyclTitle.gif);
	background-repeat:no-repeat;
	text-transform:uppercase;
	font-size:12px;
	min-height:15px;
	padding:14px 0 0 31px;
	margin:0;
	text-decoration:none;
	color:#3c5a80;	
}
.titleCycl a{
	text-decoration:none;
	color:#3c5a80;
}
#lifeCycl .navCycl{
	position:relative;
	display:block;
	width:40px;
	height:122px;
	top:0;
}
.slideCycl{
	width:778px;
	height:122px;
	border:solid 1px #cecece;
	-webkit-border-radius:0 0 0 3px;
	-moz-border-radius:0 0 0 3px;
	border-radius:0 0 0 3px;
	border-top:none;
	background:#fff;
}
#lifeCycl #rrPrevious2{
	float:left;
	left:0;
	background-position:-381px -5px;
}
#lifeCycl #rrPrevious2.endSlide{
	background-position:-462px -5px;

}
#lifeCycl #rrNext2{
	float:right;
	left:auto;
	right:0;
	background-position:-425px -5px;
}
#lifeCycl #rrNext2.endSlide{
	background-position:-506px -5px;

}
.listCycl{
	float:left;
	width:695px;
	height:122px;
	overflow:hidden;
}
.allCycl li{
	width:696px;
	margin:0;
	padding:0;
	list-style:none;
}
.allCycl{
	position:relative;
	float:left;
	width:1400px;
	margin:0;
	padding:0;
}
.detailCycl{
	width:164px;
	height:110px;
	overflow:hidden;
	float:left;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	border:solid 1px #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
	background: -webkit-linear-gradient(#ffffff, #f2f2f2) repeat scroll 0 0 #f2f2f2;
	background: -moz-linear-gradient(#ffffff, #f2f2f2) repeat scroll 0 0 #f2f2f2;
	background: -o-linear-gradient(#ffffff, #f2f2f2) repeat scroll 0 0 #f2f2f2;
	background:linear-gradient(#ffffff, #f2f2f2) repeat scroll 0 0 #f2f2f2;
	margin:4px 4px 5px 4px;
	cursor: pointer;
}
.illustrCycl{
	float:left;
	margin:4px 0 5px 6px;
}
.markCycl{
	float:left;
	margin:5px 0 3px 22px;
}
#lifeCycl div.priceContainer{
	padding-right:0;
}
#lifeCycl div.priceContainer.expo{
	padding-right:15%;
}
#lifeCycl .productPrice{
	float:left;
	width:90px;
	text-align:center;
	font-size:11px;
	color:#DC0505;
}
#lifeCycl .price{
	font-family:Arial,Verdana,Helvetica,Sans-serif;
	line-height:1em;
}
#lifeCycl .price div{
	padding:0;
	font-size:0.6em;
    line-height:0.5em;
}
#lifeCycl .lastPrice{
	color:#000;
	text-decoration:line-through;
	font-size:12px;
}
.titleProdCycl{
	display:block;
	clear:both;
	font-size:11px;
	color:#3c5a80;
	margin-left:6px;
	text-decoration:none;
}
.catCycl{
	font-size:11px;
	color:#798dab;
	margin:0 0 3px 6px;
}
.descProdCycl{
	font-size:11px;
	color:#3c5a80;
	margin:0 0 0 6px;
}
/**
 * FIN Bloc Cycle de vie
 *****************************************************************************************
 */
/*Placement de l'économie*/
div.eco {
    top:0;
    right:0;
    z-index: 2;
}

.productTabs100Std001 div.eco.eM{
   top: auto;
   right: auto;
}

/* Placement de l'économie pour les listes en mode mosaïque */
.product025Std001 div.eco.eS {
	top: 5px;
	right: 25px;
}

#mainContainer .viewEdito100Std001 {
    width: 780px;
    text-align: justify;
}
.loaderContent{
    text-align: center;
    margin-top: 2em;
    margin-bottom:2em;
    background: url('https://i2.cdscdn.com/imagesok/struct/mobile/loaderXL.gif') no-repeat center center;
    height: 85px;
}