﻿.Container 
{
  float:left;
  margin:10px;
  width:168px;
  border:1px solid;
  position:relative;
  min-height:262px;
  cursor:pointer;
  padding-bottom:22px;
}
#ContainerInterne .Container
{
  height:auto;
}
.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%);
	border-bottom:1px solid rgba(0,0,0,0.25);
	line-height:15px;
	font-size:12px;
  padding:5px 3px 4px 5px;
  font-weight:bold;
}
.PromoImg 
{
  max-width:168px;
  max-height:135px;
}
.PromoTexte 
{
	width:161px;
	padding:0 !important;
	margin:7px 0 !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;
	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%);
	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%);
	font-size:14px;
	text-decoration:line-through;
	display:inline-block;
	margin-left:5px;
}

.Container.promotion { border-color:#F7DF00; }
.Container.promotion .PromoBouton a { color:black; }
.Container.promotion .PromoBouton a:hover { color:black }

.Container.destockage { border-color:#524640; }
.Container.destockage .PromoBouton a { color:#524640; }
.Container.destockage .PromoBouton a:hover { color:#524640; }


.Container.selection { border-color:#A12F1C; }
.Container.selection .PromoBouton a { color:#A12F1C }
.Container.selection .PromoBouton a:hover { color:#A12F1C }


.Container.financement { border-color:#E20613; }
.Container.financement .PromoTitre { background:none; line-height:14px; text-align:center; }
.Container.financement .PromoBouton a { color:#E20613 }
.Container.financement .PromoBouton a:hover { color:#E20613; }
.Container.financement .PromoRemise {
	background:url(/StructurePortail/promodis/images/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;  }
    
    
.Container.cahiertechnique { border-color:#000; }
.Container.cahiertechnique .PromoBouton a { color:black }
.Container.cahiertechnique .PromoBouton a:hover { color:black }


.Container.essentiel { border-color:#82A81C; }
.Container.essentiel .PromoBouton a { color:#82A81C }
.Container.essentiel .PromoBouton a:hover { color:#82A81C }


.Container.service { border-color:#1E64A0; }
.Container.service .PromoBouton a { color:#1E64A0 }
.Container.service .PromoBouton a:hover { color:#1E64A0 }


.Container.epromodis { border-color:#E20613; }
.Container.epromodis .PromoBouton a { color:#E20613 }
.Container.epromodis .PromoBouton a:hover { color:#E20613 }


.Container.nouveaute { border-color:#672230; }
.Container.nouveaute .PromoBouton a { color:#672230 }
.Container.nouveaute .PromoBouton a:hover { color:#672230 }


.Container.offresdumois { border-color:#E20613; }
.Container.offresdumois .PromoBouton a { color:#E20613; }
.Container.offresdumois .PromoBouton a:hover { color:#E20613; }


.Container.neutrevert { border-color:#82A81C; }
.Container.neutrevert .PromoBouton a { color:#82A81C }
.Container.neutrevert .PromoBouton a:hover { color:#82A81C; }


.Container.neutrerouge { border-color:#E20613; }
.Container.neutrerouge .PromoTitre, .Container.neutrevert .PromoTitre { display:none; }
.Container.neutrerouge .PromoHead, .Container.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);
 }
.Container.neutrerouge .PromoBouton a { color:#E20613; }
.Container.neutrerouge .PromoBouton a:hover { color:#E20613; }

.Container.anniversaire { border-color : #222;}
.Container.anniversaire .PromoBouton a { border-color : #222;}
.Container.anniversaire .PromoBouton a:hover { border-color : #222;}

.Container.anniversaire2 { border-color : #222;}
.Container.anniversaire2 .PromoBouton a { border-color : #222;}
.Container.anniversaire2 .PromoBouton a:hover { border-color : #222;}