.PromoContainer 
{
  float:left;
  margin: 10px 0 10px 3px;
  width:168px;
  border:1px solid;
  position:relative;
  min-height:262px;
  cursor:pointer;
  padding-bottom:22px;
  height:auto;
}
#ListePromos .PromoContainer 
{
  height : 310px !important;
}
.PromoHead 
{
  height:27px;
  background-repeat:no-repeat;
  background-position:left center;
}
.PromoTitre 
{
  text-align:left;
  font-variant:small-caps;
  padding:0 5px;
  background-image: -moz-linear-gradient(top, #FFF 0%, #E6E6E6 30%, #777777 100%);
	background-image: -webkit-linear-gradient(top, #FFF 0%, #E6E6E6 30%, #777777 100%);
	background-image: -ms-linear-gradient(top, #FFF 0%, #E6E6E6 30%, #777777 100%);
	background-image: -o-linear-gradient(top, #FFF 0%, #E6E6E6 30%, #777777 100%);
	background-image: linear-gradient(top, #FFF 0%, #E6E6E6 30%, #777777 100%);
	border-bottom:1px solid rgba(0,0,0,0.25);
	line-height:15px;
	font-size: 0.9em;
  padding:5px 3px 4px 5px;
  font-weight:bold;
}
.PromoImg 
{
  max-width:168px;
  max-height:135px;
  width : 168px;
}
.PromoTexte 
{
	width:161px;
	padding:0 !important;
	margin:7px 3px !important;
	font-size:10px;
	text-align:left;
	position:absolute;
	top:188px;
}
.PromoMarque 
{
  display:inline-block;
  margin-top:-25px;
  background-color:white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-left:5px;
  -moz-box-shadow: 1px 1px 5px 0px #656565;
  -webkit-box-shadow: 1px 1px 5px 0px #656565;
  -o-box-shadow: 1px 1px 5px 0px #656565;
  box-shadow: 1px 1px 5px 0px #656565;

}
.PromoMarque img
{
  max-height:30px;
  margin:5px;
}
.PromoBtnPrix 
{
  font-size:20px;
	bottom:20px;
	left:4px;	
	/*padding:5px;*/
	padding : 2px 5px 2px 5px;
	font-weight:bold;
	background-color:#F7DF00;
	background-image: -moz-linear-gradient(top, #F7DF00 75%, #908710 100%);
	background-image: -webkit-linear-gradient(top, #F7DF00 75%, #908710 100%);
	background-image: -ms-linear-gradient(top, #F7DF00 75%, #908710 100%);
	background-image: -o-linear-gradient(top, #F7DF00 75%, #908710 100%);
	background-image: linear-gradient(top, #F7DF00 75%, #908710 100%);
	display:inline-block;
	margin-left:5px;
}
.PromoBtnPrix a
{
  color:Black;
}

.PromoBouton 
{
  font-family:Arial, Helvetica, sans-serif;
	z-index:13;
	font-size:10px;
	display:block;
	padding:5px 0;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	width:168px;
}
.PromoBouton a
{
  
  font-weight:bold;
}
.PromoBouton a:hover
{
  text-decoration:underline;
}
.PromoRemise 
{
	font-weight:bold;
	bottom:55px;
	left:4px;
	color:White;
	padding:5px;	background-color:#3F3F3F;
	background-image: -moz-linear-gradient(top, #505050 75%, #000 100%);
	background-image: -webkit-linear-gradient(top, #505050 75%, #000 100%);
	background-image: -ms-linear-gradient(top, #505050 75%, #000 100%);
	background-image: -o-linear-gradient(top, #505050 75%, #000 100%);
	background-image: linear-gradient(top, #505050 75%, #000 100%);
	font-size:14px;
	text-decoration:line-through;
	display:inline-block;
	margin-left:5px;
}

.PromoContainer.promotion { border-color:#F7DF00; }
.PromoContainer.promotion .PromoBouton a { color:black; }
.PromoContainer.promotion .PromoBouton a:hover { color:black }

.PromoContainer.destockage { border-color:#524640; }
.PromoContainer.destockage .PromoBouton a { color:#524640; }
.PromoContainer.destockage .PromoBouton a:hover { color:#524640; }


.PromoContainer.selection { border-color:#A12F1C; }
.PromoContainer.selection .PromoBouton a { color:#A12F1C }
.PromoContainer.selection .PromoBouton a:hover { color:#A12F1C }


.PromoContainer.financement { border-color:#E20613; }
.PromoContainer.financement .PromoTitre { background:none; line-height:14px; text-align:center; }
.PromoContainer.financement .PromoBouton a { color:#E20613 }
.PromoContainer.financement .PromoBouton a:hover { color:#E20613; }
.PromoContainer.financement .PromoRemise {
	background:url(/Templates/Common/images/Promos/financement_taux.png) repeat-y;
	width:68px;
	left:92px;
	top:57px;
	bottom:auto;
	color:yellow; 
	font-size:22px;
	text-align:center;
	padding:0;
	border:1px solid black;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  text-decoration:none;
  position:absolute;  }
    
    
.PromoContainer.cahiertechnique { border-color:#000; }
.PromoContainer.cahiertechnique .PromoBouton a { color:black }
.PromoContainer.cahiertechnique .PromoBouton a:hover { color:black }


.PromoContainer.essentiel { border-color:#82A81C; }
.PromoContainer.essentiel .PromoBouton a { color:#82A81C }
.PromoContainer.essentiel .PromoBouton a:hover { color:#82A81C }


.PromoContainer.service { border-color:#1E64A0; }
.PromoContainer.service .PromoBouton a { color:#1E64A0 }
.PromoContainer.service .PromoBouton a:hover { color:#1E64A0 }


.PromoContainer.epromodis { border-color:#E20613; }
.PromoContainer.epromodis .PromoBouton a { color:#E20613 }
.PromoContainer.epromodis .PromoBouton a:hover { color:#E20613 }


.PromoContainer.nouveaute { border-color:#672230; }
.PromoContainer.nouveaute .PromoBouton a { color:#672230 }
.PromoContainer.nouveaute .PromoBouton a:hover { color:#672230 }


.PromoContainer.offresdumois { border-color:#E20613; }
.PromoContainer.offresdumois .PromoBouton a { color:#E20613; }
.PromoContainer.offresdumois .PromoBouton a:hover { color:#E20613; }


.PromoContainer.neutrevert { border-color:#82A81C; }
.PromoContainer.neutrevert .PromoBouton a { color:#82A81C }
.PromoContainer.neutrevert .PromoBouton a:hover { color:#82A81C; }


.PromoContainer.neutrerouge { border-color:#E20613; }
.PromoContainer.neutrerouge .PromoTitre, .PromoContainer.neutrevert .PromoTitre { display:none; }
.PromoContainer.neutrerouge .PromoHead, .PromoContainer.neutrevert .PromoHead      
{
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    line-height: 27px;
    padding-right: 5px;
    text-align: right;  
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  }
.PromoContainer.neutrerouge .PromoBouton a { color:#E20613; }
.PromoContainer.neutrerouge .PromoBouton a:hover { color:#E20613; }
  
  /*
.PromoContainer.concedant {
  min-height: 262px;
}*/
  
.PromoContainer.societaire .PromoHead,
.PromoContainer.concedant .PromoHead {
  background: none repeat-x scroll 0 0 transparent;
	background-image: -moz-linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.15) 100%);
	background-image: -webkit-linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.15) 100%);
	background-image: -ms-linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.15) 100%);
	background-image: -o-linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.15) 100%);
	background-image: linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.15) 100%);
  height : 27px;
  line-height : 27px;
  padding-left : 5px;
  text-align : left;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
}
.PromoContainer.societaire .PromoHead,
.PromoContainer.concedant .PromoHead  {
  font-size : 13px;
}

.PromoContainer.societaire .PromoBtnPrix,
.PromoContainer.concedant .PromoBtnPrix, 
.PromoContainer.societaire .PromoRemise,
.PromoContainer.concedant .PromoRemise {
  position: absolute;
  bottom: auto;
}

.PromoContainer.societaire .PromoBtnPrix,
.PromoContainer.concedant .PromoBtnPrix {
  top: 152px;
}

.PromoContainer.societaire .PromoRemise, 
.PromoContainer.concedant .PromoRemise{
  top : 121px;
}

.PromoContainer.societaire .PromoTexte,
.PromoContainer.concedant .PromoTexte {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 20px 5px 10px 5px;
    position: absolute;
    width: 161px;
    z-index: 12;

}
.PromoContainer.societaire .PromoTexte,
.PromoContainer.concedant .PromoTexte {
  top: 180px;
}


.PromoContainer.societaire .PromoBouton,
.PromoContainer.concedant .PromoBouton
{
	background-image: -moz-linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.40) 100%);
	background-image: -webkit-linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.40) 100%);
	background-image: -ms-linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.40) 100%);
	background-image: -o-linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.40) 100%);
	background-image: linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.40) 100%);
  bottom: 5px;
  font-size: inherit;
  left: auto;
  padding: 5px;
  right: 10px;
  width: auto;
}

.PromoContainer.societaire .PromoBouton a,
.PromoContainer.concedant .PromoBouton a
{
  text-decoration : none;
}

#ListePromos > h1, #ListePromos > form
  {
    padding-left: 20px;
  }
  
#ListePromos .PromoContainer
{
  margin: 10px 0 10px 35px;
}
#totemconcedant>p>a{ /* avec mes pauvres moyens, je tente de centre le lien "Toutes les promotions" dans le totem concedant entre les Deux promos */
  display : inline-block;
  width : 100%;
  text-align : center;
}

.promoEnCours
{
  background : url(../images/promo-cours.png) no-repeat;
  position: absolute;
  right: 0;
  top: -8px;
  display : inline-block;
  width : 48px;
  height : 15px;
}