/** 
 * Search Engine Style 
 * 
 * All the buttons are called via the button.css file
 * 
 *
 * @project          0206 Refonte du moteur de recherche
 * @version          1.0
 * @charset          utf-8
 * @package          xhtml-css 
 * @author           Nicolas Gouëset
 * @copyright 2010   Cdiscount SA 
 * @cssdoc           version 1.0-pre 
 * 
 * @colordef         #3C5080; standard blue text color
 * 
 * @_gfx             imgs/search-button.png
 * @_gfx             imgs/search-button_over.png @todo : put this two images in one sprite
 * @_gfx             imgs/icone.gif
 * @_gfx             imgs/meta-onglets.png
 * @_gfx             imgs/buttons-small.png
 * @_gfx             imgs/filter/search.png
 * @_gfx             imgs/search/repeat-search.png
 * @_gfx             imgs/search/layer-search.png
 * @_gfx             imgs/search/icone-search.png
 * @_gfx             imgs/search/item_actif.png
 * @_gfx             imgs/search/slider/slider.png
 * @_gfx             imgs/search/slider/repeat-slider-clair.gif
 * @_gfx             imgs/search/slider/repeat-slider-fonce.gif
 
 * @see              js/searchProductList.js
 *
 */
 .lyt3col {
 width: 785px;
 position:relative;
 }
.SpecialPage {
 float: left;
 margin: 0 0 0 3px;
 width: 584px;
}
.popin-wrapper_specialpage
{
 left:0px;
 top:500px;
 text-align: left;
}
.popin-alert_specialpage
{
    margin-left:150px;
}
/**
 ************************************************************************************************************
 * background colors for all the univers
 */
.bg_U1 {
 background-color: #1F81E6;
}
.bg_U2 {
 background-color: #776E67;
}
.bg_U3 {
 background-color: #758CAE;
}
.bg_U4 {
 background-color: #5DBA07;
}
.bg_U5 {
 background-color: #F75C00;
}
.bg_U6 {
 background-color: #954BC8;
}
.bg_U7 {
 background-color: #878787;
}
.bg_U8 {
 background-color: #C42673;
}
/**
 ************************************************************************************************************
 * text colors for all the univers
 */
.txt_U1 {
 color: #1F81E6;
}
.txt_U2 {
 color: #776E67;
}
.txt_U3 {
 color: #758CAE;
}
.txt_U4 {
 color: #5DBA07;
}
.txt_U5 {
 color: #F75C00;
}
.txt_U6 {
 color: #954BC8;
}
.txt_U7 {
 color: #878787;
}
.txt_U8 {
 color: #C42673;
} 

/**
 *****************************************************************************************************************
 * Menu tabs area
 * @todo later : use this generic tabs on productsheet and on the search page
 * tabs size : unlimited width x 24px height
 */
/**
 * Menu tabs area
 * <ul> html tag
 */
.menutabsarea {
  display: inline-block;
  height: 24px;
  list-style-type: none;
  margin: 30px 0 0 0;
  padding: 0;
  width: 584px;
  /* inline-block support for IE @TODO put this in a ie.css file */
  zoom: 1;
  *display: inline;
 }
    /*
     * Option for fixed width tabs
     * Use it in conjunction with .menutabsarea
     * 
     * @author  Thomas Parisot <thomas.parisot@ext.cdiscount.com>
     * @since   2010-07-20
     * <ul> html tag
     */
    .tabs-count-4 .tabs{
        width: 150px;
    }
    .tabs-count-5 .tabs{
        width: 143px;
    }
    .tabs-count-6 .tabs{
        width: 114px;
    }
    .tabs-count-7 .tabs{
        width: 105px;
    }
    .tabs-count-8 .tabs{
        width: 90px;
    }
    .tabs-count-9 .tabs{
        width: 82px;
    }
    .tabs-count-10 .tabs{
        width: 73px;
    }
    .tabs-count-11 .tabs{
        width: 67px;
    }
    .tabs-count-12 .tabs{
        width: 61px;
    }
    .tabs-count-13 .tabs{
        width: 56px;
    }
    .tabs-count-14 .tabs{
        width: 50px;
    }
    .tabs-count-15 .tabs{
        width: 55px;
    }
/**
* Generic list tab
* <li> html tag
*/
.tabs {
  background-image: url(https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/meta-onglets.png);
  background-repeat: no-repeat;
  background-position: 0 -25px;
  color: #3C5080;
  display: block;
  float: left;
  font-family: arial;
  font-size: 12px;
  height: 25px;
  margin: 0 0 0 2px;
  padding: 0;
  text-align: center;
 }
/**
* Active or hovered tab
* <li> html tag
*/
.contentareatabsactive
{
  background-position: 0 0;
  height: 25px;
 }
/**
* Link inside a tab
* <a> html tag
* IE needs to have an inline-block emulation, block is not enough
*/
.contentareatabs {
  background-image: url(https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/meta-onglets.png);
  background-position: right -25px;
  color: #3e5c81;
  display: inline-block;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  margin: 0 0 0 8px;
  padding: 0 0 0 5%;
  text-decoration: none;
  width: 90%;
  /* inline-block support for IE @TODO put this in a ie.css file */
  zoom: 1;
  *display: inline;
 }

/**
 * Active or hovered link inside a tab
 * <a> html tag
 */
.contentareatabsactive .contentareatabs
{
  background-position: right 0;
  color: #3e5c81;
 }
/**
 *****************************************************************************************************************
 * Product list header of the search engine 
 *
 */
.ProductHead066Std001 {
  background-image: url('https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/TabContentHeader066Std001.png');
  background-position: 0 0;
  display: inline-block;
  height: 10px;
  width : 584px;
  margin: 0;
  padding: 0;
  /**hack ie*/
  zoom: 1;
  *display: inline;
}
 /**
 *****************************************************************************************************************
 * Product list header
 *
 */
 .PageSpecialeHeader100Std001 {
  background-color: #FFF;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  height: 160px;
  margin: 5px 0 0 3px;
  width: 780px;
  /**hack ie*/
  zoom: 1;
  *display: inline;
 }
 .PageSpecialeHeader100Std002 {
  display: inline-block;
  height: 145px;
  position: relative;
  width: 780px;
  /**hack ie*/
  zoom: 1;
  *display: inline;
 }
.PageSpecialeMascotte {
  background-image: url('https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/HeaderPsMascotte.png');
  display: block;
  height: 189px;
  position: absolute;
  right: 0;
  top: 0;
  width: 152px;
 }
.ProductFooter066Std001 {
  background-image: url('https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/footer066Std001.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  height: 4px;
  width : 584px;
  /**hack ie*/
  zoom: 1;
  *display: inline;
 }
.TitlePageSpecial {
  color: #476487;
  display: inline;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  padding: 0;
 }
 /**
 *****************************************************************************************************************
 * Right coll special pages
 *
 */
.ColRightStd001 {
  float: right;
  margin: 55px 5px 0 0;
  width: 182px;
}
.HeaderColRightStd001 {
  background-image: url('https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/HeaderColRightStd001.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 31px;
  text-align: center;
  width: 182px;
}
.ContentColRightStd001 {
  background-image: url('https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/ContentColRightStd001.jpg');
  background-position: 0 0;
  background-repeat: repeat;
  padding: 0 4px;
  width: 174px;
}
.FooterColRightStd001 {
  background-image: url('https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/FooterColRightStd001.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 10px;
  width: 182px;
}
/**
 * Showcase right coll
 */
.rightCellStd001 {
  clear: both;
  width: 174px;
}
.productRightStd001 {
  height: 40px;
  width: 164px;
  margin: 0 5px;
}
.productImgRight {
  float: left;
  height: 40px;
  margin: 0 5px 0 0;
  width: 40px;
  cursor: pointer;
}
.ProductImgRightContent {
  max-width: 40px;
  max-height: 40px;
}
.productRightArea {
  height: 35px;
  margin: 0 0 0 5px;
  width: 165px;
}
.productPriceLeftArea {
  float: left;
  width: 75px;
  margin: 0 5px 0 0;
}
.productDescRight {
  float: left;
  height: 40px;
  width: 119px;
  cursor: pointer;
}
.ProductDescRightTitle {
  font-size: 10px;
  font-weight: 700;
  color: #476487;
}
.ProductDescRightSize {
  clear: left;
  font-size: 10px;
  font-weight: 700;
  color: #798da8;
}
.background066Std001{
  background: url('https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/background066Std001.jpg');
  clear: both;
  display: inline-block;
  *display: inline;
  margin: 0;
  padding: 0;
  width: 584px;
  zoom: 1;
}
.productRightDelButton,
.productRightDelButtonDisabled {
 background: url('https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/button-specialpages.png') no-repeat 0 -226px;
 border: none;
 clear: both;
 display: block;
 height: 19px;
 margin: 12px auto 0 auto;
 width: 75px;
}
.productRightDelButton
{
    cursor: pointer;
}
/**
 **************************************************************************************************
 * 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;
}
/**
 * ligne quand on a 2 produits sur 4
 */
.product025Std001.productBackgroundStd002{
  background: url(https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/sw-02b-2-4.png);
}
/**
 * ligne quand on a 3 produits sur 4
 */
.product025Std001.productBackgroundStd003{
  background: url(https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/sw-02b-3-4.png);
  width: 584px;
}
/**
 * ligne quand on a 4 produits sur 4
 */
.product025Std001.productBackgroundStd004{
  background: url(https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/sw-02b-4-4.png);
}
/**
 * block principal du showcase 4 produits 1/4 
 */
.product025Std001 .productCell{
  padding: 0 11px 0 11px;
  width: 169px;
}
.productCell{
  display: block;
  float: left;
  height: 100%;
  position:relative;
}
.productCellDisabled{
  background: #808080;
  height:102.5%;
  left:0;
  filter: alpha(opacity=40);
  opacity: 0.4;
  position:absolute;
  top:-4px;
  width:101%;
  z-index: 2;
}
/**
 * zone image produit
 */
.product025Std001 .productImg{
  clear: both;
  height: 140px;
  margin: 8px 0 0;
  width: 169px;
}
.productImg{
  cursor: pointer;
  position: relative;
  text-align: center;
  z-index: 1;
}
.product025Std001 .productImgContent{
  max-width: 140px;
  max-height: 140px;
}
*html .product025Std001 .productImgContent{
  height: 140px;
  width: 140px;
}
/**
 * zone economie
 */
.product025Std001 .productEconomy{
  height: 74px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  z-index: 2;
}
/** 
 * Base class for applying Splash economy (common properties)
 */
.productSplashEconomyStd002{
  float:left;
}
.productSplashEconomyStd002 .productSplashEconomyImg{
    background:url(https://i2.cdscdn.com/imagesok/SplashEconomy/splash-small.png) no-repeat;
    height:74px;
    width:100px;
}
* html .productSplashEconomyStd002 .productSplashEconomyImg{
    background:url(https://i2.cdscdn.com/imagesok/SplashEconomy/splash-small.gif) no-repeat;
    display:block;
    position:absolute;
    right:-40px;
}
.productSplashEconomyStd002 .productSplashEconomyAmount{
    font-size:20px;
    padding:10px 0 0 25px;
    width:70px;
}
.productSplashEconomyAmount,
.productSplashEconomyText{
    color:#fff;
    display:block;
    font-family:arial;
    font-weight:700;
    height:22px;
    text-align:center;
}
.productSplashEconomyStd002 .productSplashEconomyText{
    font-size:9px;
    padding:0;
    width:120px;
}
/**
 * zone description
 */
.product025Std001 .productShortDesc{
  width: 169px;
  cursor:pointer;
  clear: both;
  height: 45px;
  margin: 5px 0 0;
}
/**
 * zone de prix
 */
.product025Std001 .productPrice{
  clear: both;
  width: 169px;
}
.product025Std001 .productPriceArea{
  float: left;
  height: 86px;
  margin: 0 0 5px 0;
  width: 86px;
}
/**
 ****************************************************************************************************
 * affichage du prix barre
 * @color: #000
 ****************************************************************************************************
 */
.productPriceStriked{
  color: #000;
  display: block;
  font-family: arial;
  font-weight: 700;
  margin: 15px 0 0;
  padding: 0;
  text-align: center;
  text-decoration: line-through;
}
.productPriceRightArea {
  float: left;
  width: 85px;
}
.product025Std001 .productPriceStriked{
  font-size: 12px;
  height: 12px;
  width: 86px;
}
.product025Std001 .productPriceTtc{
  height: 16px;
  margin: 7px 0 0 0;
  text-align: center;
  width: 86px;
}
/**
 ****************************************************************************************************
 * affichage du prix 3x
 * @color: #FF0000
 ****************************************************************************************************
 */
.productPaymentFacility{
  color: #FF0000;
  font-family: arial;
  font-size: 11px;
  font-weight: 700;
  margin: 8px 0 0;
  text-align: center;  
}
.product025Std001 .productPaymentFacility{
  width: 86px;
}
.product025Std001 .productAction{
  float: left;
  height: 75px;
  padding: 0;
  width: 83px;
}
.product025Std001 .productRightAction{
  height: 30px;
  padding: 15px 0 0 17px;
  width: 67px;
}
/**
 ******************************************************************************************************
 * Logo des marques et drapeau
 ******************************************************************************************************
 */
.productLogoImg{
  border: none;
  max-width: 65px;
  max-height: 25px;
  cursor: pointer;
}
/**
 * zone de prix
 */
.product025Std001 .productButton{
  clear: both;
  width: 169px;
}
/**
* @section add a product to basket on special pages
*/
.ProductAddButtonStd001,
.ProductAddButtonStd002,
.ProductAddButtonStd001_added,
.ProductAddButtonStd002_added {
border: none;
display: block;
height: 28px;
margin: 0 auto;
position: relative;
z-index: 3;
}
.ProductAddButtonStd001 
{
background: url(https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/button-specialpages.png) no-repeat 0 0;
background-position: 0 0;
cursor: pointer;
width: 133px;
}
.ProductAddButtonStd001_added 
{
background: url(https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/button-specialpages.png) no-repeat 0 -29px;
width: 133px;
}
.ProductAddButtonStd002 
{
  background: url(https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/button-specialpages.png) no-repeat 0 -169px;
  cursor: pointer;
  width: 85px;
}
.ProductAddButtonStd002_added {
  background: url(https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/button-specialpages.png) no-repeat 0 -197px;
  width: 85px;
}
 .productRightSepStd001 {
  background: url('https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/productRightSep.jpg');
  height: 28px;
  margin: 0 5px 5px 5px;
  width: 164px;
}
.productRighticonStd001 {
  background: url('https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/icons-specialpages.png') 0 -1px no-repeat;
  display: block;
  height: 27px;
  margin: 0 0 0 75px;
  width: 28px;
}
.productRighticonStd002 {
  background: url('https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/icons-specialpages.png') 0 -29px no-repeat;
  display: block;
  height: 27px;
  margin: 0 0 0 75px;
  width: 28px;
}
.productRightStd002 {
  background: #fbfcfc;
  border: 1px dotted #c3cbd6;
  height: 38px;
  margin: 0 5px;
  text-align: center;
  width: 162px;
}
.ProductAddtxt {
  color: #c3cbd6;
  font-weight: 700;
  line-height: 38px;
}
.productPriceTtcRightArea {
  height: 16px;
  margin: 14px 0 0 0;
  text-align: center;
  width: 85px;
}
/** 
 ****************************************************************************************************
 * Affichage de la categorie à droite du titre du produit
 * @colordef : #798DA8
 ****************************************************************************************************
 */
.productTitleCat{
  color: #798DA8;
  display: inline;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
}
/**
 *****************************************************************************
 * affichage du titre du produit 
 * @colordef : #3C5A80
 *****************************************************************************
 */
.productTitle{
  display: inline;
  color: #3C5A80;
  font-size: 11px;
  font-weight: bold;
}
.productRightStd003 {
  background: url('https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/productRightStd003.jpg');
  height: 35px;
  width: 164px;
  margin: 0 5px;
}
.productPriceTotalRightArea {
  color: #3c5a80;
  float: left;
  font-size: 11px;
  font-weight: 700;
  margin: 8px 0 0 5px;
}
.productPriceStrikedRightArea {
 color: #000000;
 display: block;
 float: left;
 font-family: arial;
 font-size: 11px;
 font-weight: 700;
 margin: 8px 0 0 0;
 padding: 0;
 text-align: center;
 text-decoration: line-through;
 width: 42px;
}
.productPriceTtcRightAreaStd002 {
  height: 16px;
  margin: 7px 0 0 0;
  text-align: center;
  width: 81px;
  float: left;
}
.ecoTax
{
 color: #60AC58;
 float: left;
 font-size: 9px;
 font-weight: bold;
 margin-left: 50px;
}
.productRightStd004 {
  height: 75px;
  width: 134px;
  margin: 0 5px;
  padding: 0 0 0 30px;
}
.productRightStd005 {
  background: url('https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/productRightStd005.jpg');
  height: 42px;
  width: 164px;
  margin: 0 5px;
  padding: 3px 0 0 0;
}
.productRightAddButton,
.productRightAddButtonDisabled {
 background: url(https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/button-specialpages.png) no-repeat 0 -60px;
 border: none;
 clear: both;
 display: block;
 height: 30px;
 margin: 5px auto 0 auto;
 width: 145px;
}
.productRightAddButton{
 cursor: pointer;
}
.productTermsTop
{
  height: 30px;
  text-align:center;
}
.pourcentStd001,
.pourcentStd002 {
  background-image: url(https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/button-specialpages.png);
  background-repeat: no-repeat;
  height: 38px;
  width: 174px;
}
.pourcentStd001 {
  background-position: 0 -91px;
}
.pourcentStd002 {
  background-position: 0 -130px;
}
.pourcentTxt ,
.pourcentRemise {
  color: #FFF;
  font-family: Arial;
  font-weight: bold;
  float: left;
  text-align: center;
}
.pourcentTxt {
  font-size: 12px;
  height: 32px;
  line-height : 11px;
  margin-left : 4px;
  padding: 6px 0 0 0;
  width: 102px; 
}
.pourcentRemise {
  font-size: 29px;
  height: 38px;
}

/**
 ****************************************************************************************************
 * prix de vente à 16 pixels
 ****************************************************************************************************
 */
 /**
 * price appears in 4 product list and 3 product list
 */
.price16 div {
  background-image: url(https://i2.cdscdn.com/struct/fr/common/price/price.gif);
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  height: 16px;
  zoom: 1;
}
 /*prix à 16px; pour les soldes*/
.price16sales div{
    background-image:url(https://i2.cdscdn.com/imagesok/soldes/2011/winter/price/price.gif);
    background-repeat:no-repeat;
    display:inline-block;
    /*hack centrage prix IE*/
    zoom:1;
    *display:inline;
    height:16px
}
.n16_1 {
  background-position: 0 -409px;
  width: 12px
}
.n16_2 {
  background-position: -11px -409px;
  width: 12px
}
.n16_3 {
  background-position: -25px -409px;
  width: 12px
}
.n16_4 {
  background-position: -40px -409px;
  width: 13px
}
.n16_5 {
  background-position: -54px -409px;
  width: 12px
}
.n16_6 {
  background-position: -69px -409px;
  width: 13px
}
.n16_7 {
  background-position: -83px -409px;
  width: 12px
}
.n16_8 {
  background-position: -97px -409px;
  width: 12px
}
.n16_9 {
  background-position: -111px -409px;
  width: 13px
}
.n16_0 {
  background-position: -125px -409px;
  width: 14px
}
.n16_euro {
  background-position: -140px -409px;
  width: 8px
}
.n16_1_cent {
  background-position: -149px -409px;
  width: 7px
}
.n16_2_cent {
  background-position: -155px -409px;
  width: 8px
}
.n16_3_cent {
  background-position: -164px -409px;
  width: 9px
}
.n16_4_cent {
  background-position: -173px -409px;
  width: 9px
}
.n16_5_cent {
  background-position: -183px -409px;
  width: 8px
}
.n16_6_cent {
  background-position: -192px -409px;
  width: 8px
}
.n16_7_cent {
  background-position: -201px -409px;
  width: 8px
}
.n16_8_cent {
  background-position: -210px -409px;
  width: 8px
}
.n16_9_cent {
  background-position: -219px -409px;
  width: 8px
}
.n16_0_cent {
  background-position: -228px -409px;
  width: 8px
}