/******************************************************
	Affichage une colonne - A refaire
*****************************************************/

.OneColumnCadreGeneral
{
	width:580px;
    height:200px;
    float:left;
    margin-left:5px;
}

.OneColumnCadreGeneralTP
{
	width:580px;
    height:270px;
    float:left;
    margin-left:5px;
}

.OneColumnImageProduit
{
    width:100px;
    height:100px;
    cursor:pointer;
	margin-left:90px;
}

.OneColumnImg
{
    max-height:150px;
    max-width:150px;
    padding-left:150px;
}

.OneColumnTextProduit
{
    text-align:center;
    font-size:10px;
    height:40px;
    width:200px;
    padding: 20px 190px;
}

/******************************************************
	Affichage deux colonnes
*****************************************************/

.TwoColumnCadreGeneral
{
	width:280px;
    height:200px;
    float:left;
    margin-left:5px;
}

.TwoColumnCadreGeneralTP
{
	width:280px;
    height:270px;
    float:left;
    margin-left:5px;
}

.TwoColumnImageProduit
{
	width:100px;
    height:100px;
	margin-left:90px;
	cursor:pointer;
}

.TwoColumnTextProduit
{
    text-align:center;
    font-size:10px;
    height:40px;
    width:180px; 
    padding: 10px 60px;
}

.TwoColumnImg
{
    max-height:100px;
    max-width:100px;
}

.TwoColumnSelect /* ListBox */
{
	margin-left:55px;
}

/******************************************************
	Affichage trois colonnes
*****************************************************/


.ThreeColumnCadreGeneral
{
	width:185px;
    height:200px;
    float:left;
    margin-left:5px;
}

.ThreeColumnCadreGeneralTP
{
    width:185px;
    height:280px;
    float:left;
    margin-left:5px;
}

.ThreeColumnImageProduit
{
	width:120px;
    height:120px;
	margin-left:50px;
	cursor:pointer;
}

.ThreeColumnImg
{
    max-height:120px;
    max-width:120px;
}

.ThreeColumnTextProduit
{
    text-align:center;
    font-size:10px;
    height:40px;
    width:150px; 
    padding: 10px 20px;
}

.ThreeColumnSelect 
{
	margin-left:10px;
}


/******************************************************
	Affichage quatre colonnes
*****************************************************/

/******************************************************
	Affichage cinq colonnes
*****************************************************/

.FiveColumnCadreGeneral
{
	width:110px;
    height:225px;
    float:left;
    margin-left:5px;
}

.FiveColumnImageProduit
{
    height:150px;
    width:100px;
    cursor:pointer;
}

.FiveColumnImg
{
    max-height:150px;
    max-width:100px;
}

.FiveColumnTextProduit
{
    text-align:center;
    font-size:10px;
    height:40px;
    width:100px;
    padding: 0px 5px;
}




/******************************************************
	Parties communes � tous les affichages
*****************************************************/

.textPrix /* Prix du produit */
{
	font-size:16px;
    color:#FF1111;

    font-weight:bold;
}

.textPrixBarre /* Prix barr� du produit */
{
	font-size:16px;
    color:Black;
    text-decoration:line-through;
    font-weight:bold;
}

.textPrixTP
{
    font-size:16px;
    color:black;
    background-color:red;
    font-weight:bold;
    text-decoration:line-through;
}

.textPrixTPFlash
{
    font-size:18px;
    color:white;
    background-color:red;
    font-weight:bold;
}

.DivDesc
{
    color:black;
    background-color:yellow;
    font-weight:bold;
}

.DivSubHeaderContent
{
    background-color:#C9C9C9;
    color:#2A1E68;
    font-size:16px;
    font-weight:bold;
    font-family:Verdana;
    width:580px;
    height:25px;
    line-height:25px;
    float:left;
    text-align:center;
    margin-bottom:20px;
}

/******************************************************
	Panier 
*****************************************************/
.staticBanner
{
    position:absolute;
}

.FloattingAbsoluteBasket
{
    width:200px;
}


.PanierSelection
{
    background-color:#D2E6D0;
    padding:5px;
    border-right:solid 1px #218316;
    border-left:solid 1px #218316;
}

.ProductsList
{
    border-top:solid 1px #9cc898;
    color:#108117;
    visibility:hidden;
}

/******************************************************
	Page special achats groupes 
*****************************************************/
/**
 * Achats groupes grand format
 */
.productComDealStd001 .GroupedSell{
  background: url(https://i2.cdscdn.com/soldes_op/2023_01/struct/product/sw-opcommerciale.png) no-repeat scroll -17px -434px;
  display: inline-block;
  *display: inline;
  height: 18px;
  margin: 0 auto;
  padding: 8px 4px 0 91px;
  width: 142px;
  zoom: 1;
}
/**
 * Achats groupes moyen format
 */
.productComDealStd002 .GroupedSell{
  background: url(https://i2.cdscdn.com/soldes_op/2023_01/struct/product/sw-opcommerciale.png) no-repeat scroll -17px -399px;
  display: inline-block;
  *display: inline;
  height: 18px;
  padding: 8px 4px 0 40px;
  width: 128px;
  zoom: 1;
}
/**
 * Achats groupes petit format
 */
.productComDealStd003 .GroupedSell{
  background: url(https://i2.cdscdn.com/soldes_op/2023_01/struct/product/sw-opcommerciale.png) no-repeat scroll -17px -364px;
  display: inline-block;
  *display: inline;
  height: 18px;
  padding: 8px 4px 0 40px;
  width: 73px;
  zoom: 1;
}
/**
 * Achats group�s page sp�ciale
 */
 .GroupedServiceTitle{
  color: #3C5C81;
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0 10px 10px;
 }
 .GroupedServiceFlash
 {
   margin-bottom: 10px;
 }
 
.floatLeft{
    float:left;
}

/**
 * ZTD - ztd: extensible textarea
 * 
 * @author: nicolas goueset <email> nicolas.goueset@cdiscount.com
 * @author: celine juan <email> celine.juan@cdiscount.com
 * @charset: utf8
 * @package: cdiscount-ui
 * 
 * <code> 
 * <div class="ZTD066Std001 marginBottom10">
 *  <div class="ZTD066Header bg_grouped"><!-- --></div>
 *  <div class="ZTD066TextArea1 bg_grouped">
 *   <div class="ZTDTextInfoPicto"><!-- --></div>
 *   <div align="justify">Lorem ipsum dolor sit amet</div>
 *   <span class="ZTD066More bg_grouped"><!-- --></span>
 *  </div>
 *  <div class="ZTD066TextArea2 bg_grouped">
 *   <div align="justify">Lorem ipsum dolor sit amet</div>
 *   <span class="ZTD066Less bg_grouped"><!-- --></span>
 *  </div>
 *  <div class="ZTD066Footer bg_grouped"><!-- --></div>
 * </div>
 * </code>
 *
 * @version: 1.1
 * changeset 1.1 : made by nicolas goueset in september 2010 for project 0241 : achats groupes noel 2010
 * - adding of a second size: ZTD066Std066
 * - update of the colors gestion no more Un.css file for better performance
 * 
 * @todo: optimize the jquery
 */
/*
 * background color for grouped buying ZTD
 * for the background color see the section : background colors in this file
 */
.bg_grouped{
  background-color: #1E80BD;
}
 /*
 * wrapper ztd
 */
.ZTD100Std001,
.ZTD066Std066{
  clear: both;
  float: left;
  font-family: Arial,Verdana,Helvetica,sans-serif;
  font-size: 11px;
  position: relative;
}
.ZTD100Std001{
  width: 780px;
}
.ZTD066Std001{
  width: 569px;
}
/*
 * header ZTD
 */
.ZTD100Header,
.ZTD066Header{
  height: 7px;
}
.ZTD100Header{
  background-image: url(https://i2.cdscdn.com/struct/ZTD/ZTD100std001.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 780px;
}
.ZTD066Header{
  background-image: url(https://i2.cdscdn.com/struct/ZTD/ZTD066std001.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 569px;
}
/*
 * footer ZTD
 */
.ZTD100Footer,
.ZTD066Footer{
  clear: both;
  height: 9px;
}
.ZTD100Footer{
  background-image: url(https://i2.cdscdn.com/struct/ZTD/ZTD100std001.png);
  background-position: -780px -1px;
  background-repeat: no-repeat;
  width: 780px;
}
.ZTD066Footer{
  background-image: url(https://i2.cdscdn.com/struct/ZTD/ZTD066std001.png);
  background-position: -569px -1px;
  background-repeat: no-repeat;
  width: 569px;
}
/**
 * text infos
 */
.ZTD100TextArea1{
  min-height: 24px;
}
.ZTD100TextArea1 a,
.ZTD100TextArea2 a{
  /*Color is extended in Ux.css */
  font-weight: bold;
  text-decoration: none;
}
.ZTD100TextArea1 strong,
.ZTD100TextArea2 strong{
  /*Color is extended in Ux.css */
  font-weight: bold;
  font-size: 11px;
}
/**
 * picto info of the left col
 */
.ZTDTextInfoPicto{
  background: url(https://i2.cdscdn.com/struct/ZTD/ZTDicone.png) -6px -5px no-repeat;
  position: absolute;
  top: 0;
  left: 10px;
  height: 24px;
  width: 10px;
}
/**
 * ZTD area 1
 */ 
.ZTD100TextArea1,
.ZTD066TextArea1{
  background-repeat: repeat-y;
  color: #8C9196;
  display: block;
  padding: 0 5px 2px 40px;
  position: relative;
  text-align: left;
  z-index: 500;
}
.ZTD100TextArea1{
  background-image: url(https://i2.cdscdn.com/struct/ZTD/ZTD100std001-repeat.png);
  width: 735px;
}
.ZTD066TextArea1{
  background-image: url(https://i2.cdscdn.com/struct/ZTD/ZTD066std001-repeat.png);
  width: 524px;
}
/*
 * ZTD area 2
 */ 
.ZTD100TextArea2,
.ZTD066TextArea2{
  background-repeat: repeat-y;
  color: #8C9196;
  display: none;
  padding: 5px 5px 5px 40px;
  position: relative;
  text-align: left;
  width: 735px;
  z-index: 510;
}
.ZTD100TextArea2{
  background-image: url(https://i2.cdscdn.com/struct/ZTD/ZTD100std001-repeat.png);
  width: 735px;
}
.ZTD066TextArea2{
  background-image: url(https://i2.cdscdn.com/struct/ZTD/ZTD066std001-repeat.png);
  width: 524px;
}
/*
 * buttons more and less of the ztd
 */
.ZTD100More,
.ZTD100Less,
.ZTD066More,
.ZTD066Less{
  background-image: url(https://i2.cdscdn.com/struct/ZTD/ZTDicone.png);
  bottom: -14px;
  cursor: pointer;
  display: block;
  height: 19px;
  margin: 0;
  position: absolute;
  right: 14px;
  width: 22px;
}
.ZTD100More,
.ZTD066More{
  background-position: -42px 0;
}
.ZTD100Less,
.ZTD066Less{
  background-position: -86px 0;
}
/**
 *
 */
.PartageShowcase{
  background: url(https://i2.cdscdn.com/struct/SpecialPage/partage_vitrine.png);
  float: left;
  height: 29px;
  margin: 0 0 0 4px;
  padding: 15px 0 0 95px;
  width: 112px;
}


.background066Std002{
  background: url('https://i2.cdscdn.com/imagesok/pages_speciales/rentree2010/background066Std004.jpg');
  clear: both;
  display: inline-block;
  *display: inline;
  margin: 0;
  padding: 0;
  width: 780px;
  zoom: 1;
}

.productSellTxtWhite{
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  color: #FFF;
}
/**
* Affichage du compteur
*/
.countdown-expiration-message,
.countdown-has-expired .countdown-timer{
  display: none;
}
.countdown-has-expired .countdown-expiration-message{
  display: inline;
}

/**
 * Header
 */
.sw-header{
    clear: both;
    line-height: 0;
    zoom: 1;
}

/**
* background repeat
*/
.background100Std001{
    background:#fff url(https://i2.cdscdn.com/imagesok/common/layout/background100Std001.png) repeat-y;
    clear: both;
    margin: 0;
    width: 780px;
    zoom: 1;
}

.footer100Std001{
    background: url(https://i2.cdscdn.com/imagesok/common/layout/footer100Std001.png);
    height:4px;
    zoom: 1;
    clear: both;
    margin: 0 0 22px 0;
    width: 780px;
}

.separateur100Std003
{
  background: url(https://i2.cdscdn.com/imagesok/common/sep/mos_sep100Std001.png) no-repeat;
  height: 11px;
  margin: 0 1px;
  width: 778px;
}
/* Footer */
.footer100Std002
{
  background: url(https://i2.cdscdn.com/imagesok/common/layout/mos_footer100Std001.png) no-repeat;
  height: 7px;
  width: 780px;
}

/*
 * @extends .productCell (in PageSpecialeRentree.css)
 */
.productCell
{
     height : 370px;
} 

.productCellWithSeparator
{
  background: transparent url(https://i2.cdscdn.com/imagesok/common/sep/mos_sep100Std001.png) no-repeat bottom -50px;
  height : 370px;
}
.productCellFirstInRow{
    background-position: bottom 0;
}
.productCellLastInRow{
    background-position: bottom right;
}

/**
 * Coeur de page
 */
.header100Std001{
  background: url(https://i2.cdscdn.com/struct/brand/header_zone.png) no-repeat;
  clear: both;
  height: 4px;
  width: 780px;  
}

.ps-textdescription{
font-size:10px;
font-weight:400;
color:#798da8;
display:block;
line-height:11px;
clear:both;
padding:0 2px;
}

/**
 * zone description
 */
.product025Std001 .productShortDesc{
  height: 60px;
}

.product025Std001 .productPriceArea{  
  height: 70px;
}

.padding
{
    padding-left : 7px;
    padding-right : 7px;
}