﻿
/*need en productlist et product donc feuille si on peut pas le mettre ailleurs*/
/* product list // Pack */

.classes-pack.pack-top
{
	width: 611px;
	float: left;
	margin-bottom: 10px;
}
.classes-pack .header-pack
{
	width: 618px;
	height: 21px;
	padding: 6px 15px; 
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	background: url(/Content/Images/ProductList/fond-pack.png) no-repeat;
}
.classes-pack .all-offer 
{
	padding: 10px 32px 20px;
	text-align: right;
	padding-right: 32px;
	clear:both;
}
.classes-pack .header-pack.exclu
{
	background: url(/Content/Images/ProductList/fond-exclu.png) no-repeat;
}
.classes-pack .header-pack.promos
{
	background: url(/Content/Images/ProductList/fond-promos.png) no-repeat;
}
.classes-pack .header-pack.remboursement
{
	background: url(/Content/Images/ProductList/fond-remboursement.png) no-repeat;
}
.classes-pack .header-pack.all-packs
{
	background: url(/Content/Images/ProductList/fond-pack-mini-pc.png) no-repeat;
}
.classes-pack .header-pack.mini-pc
{
	background: url(/Content/Images/ProductList/fond-mini-pc.png) no-repeat;
}
.classes-pack .header-pack.clef-3g
{
	background: url(/Content/Images/ProductList/fond-clef-3g.png) no-repeat;
}
.classes-pack .header-pack.accessoire-mini
{
	background: url(/Content/Images/ProductList/fond-accessoire-mini.png) no-repeat;
}
.classes-pack .milieu-bloc.pack {
	background: url(/Content/Images/ProductList/fond-produit-pack.png) repeat-y scroll 0 0;
	position: relative;
}
.classes-pack .nom-pack
{
	position: absolute;
	top: -20px;
	left: 23px;
	font-weight: bold;
	font-size: 12px;
}
.classes-pack .product
{
	position: relative;
	display: inline;
	padding: 0 5px;
	float: left;
	z-index: 1;
}
.classes-pack .product .plus
{
	position: absolute;
	top: 125px;
	right: -21px;
	z-index: 5;
}
.classes-pack .product.second
{
	z-index: 2;
}
.classes-pack .product.first
{
	margin-left: 14px;
	z-index: 3;
}
.classes-pack.pack-top .product.first
{
	margin-left: 13px;
}
.classes-pack .product .top-product
{
	width: 130px;
	height: 32px;
	padding: 6px 10px 0;
}
.classes-pack .product .top-product.type1 
{
	background: url(/Content/Images/ProductList/pack-top1.gif) no-repeat;
}
.classes-pack .product .top-product.type2 
{
	height: 44px;
	background: url(/Content/Images/ProductList/pack-top2.gif) no-repeat;
}
.classes-pack .product .top-product span
{
	font-size: 11px;
}
.classes-pack .product .top-product span.mauve
{
	color: #ae5cc6;
}
.classes-pack .product .top-product span.gris
{
	font-size: 10px;
	color: #57455c;
}
.classes-pack .product .middle-product 
{
	width: 150px;
	height: 279px;/*267*/
	text-align: center;
	background: url(/Content/Images/ProductList/pack-middle.gif) repeat-y;
}
.classes-pack .first .middle-product .visual 
{
	margin-right: 8px;
	height: 159px;/*135*/
}
.classes-pack .product .middle-product.contenu-type2 .visual 
{
	margin-right: 8px;
	height: 146px;
	/*height: 123px;*/
}
.classes-pack .product .middle-product .text 
{
	margin-right: 8px;
	height: 65px;
	font-size: 12px;
}
.classes-pack .product .middle-product.contenu-type2 
{
	height: 267px;
}
.classes-pack .ajout-panier
{
	height: 30px;
	margin-left: 1px;
	padding: 110px 0;
	float: left;
	top:0;
	position: relative;
}
.classes-pack .ajout-panier .pack-vente-flash {
    position: absolute;
    top: 0px;
    left: 20px;
}
.classes-pack .ajout-panier .pack-odr 
{
    position: absolute;
    top: 40px;
    left: 24px;
}
.classes-pack .ajout-panier .total-price
{
	position: relative;
	width: 117px;
	height: 63px;
	background: url(/Content/Images/ProductList/pack-price.gif) no-repeat;
}
.classes-pack .ajout-panier .total-price p
{
	position: absolute;
	right: 5px;
	font-size: 14px;
	font-weight: bold;
}
.classes-pack .ajout-panier .total-price .prix
{
	top: 15px
}
.classes-pack .ajout-panier .total-price .prix span
{
	font-size: 24px;
	font-weight: bold;
	display: block;
	float: left;
}
.classes-pack .ajout-panier .total-price .prix span.centimes 
{
	font-size: 15px;
	font-weight: bold;
	margin-top: 3px;
	margin-left: 2px;
}
.classes-pack .ajout-panier .total-price .prix-barre
{
	top: 42px;
	text-decoration: line-through;
}
.classes-pack .ajout-panier .bt-panier 
{
	display: block;
	width: 117px;
	height: 28px;
}
.classes-pack .ajout-panier .bt-panier:hover 
{
	text-decoration: none;
}
.classes-pack .ajout-panier .dispo
{
	margin-top: 8px;
	text-align: center;
	font-size: 11px;
	color: #49bc11;
}
.classes-pack  .sub-price 
{
	display: inline;
	position: relative;
	background: url(/Content/Images/ProductList/fond-prix-pack.gif) no-repeat;
	float: right;
}
.classes-pack .product .sub-price 
{
	/*margin-top: 15px;*/
	margin-right: 8px;
	width: 88px;
	height: 52px;
}
.classes-pack .product .sub-price p
{
	position: absolute;
	right: 5px;
}
.classes-pack .product .sub-price .prix span
{
	font-size: 18px;
	font-weight: bold;
	display: block;
	float: left;
}
.classes-pack .product .sub-price .prix span.centimes {
	font-size: 11px;
	font-weight: bold;
	margin-top: 2px;
	margin-left: 2px;
}
.classes-pack .product .sub-price .prix-barre
{
	text-decoration: line-through;
	font-size: 10px;
}

.classes-pack .product .sub-price.monthly 
{
    background:none;
}

.classes-pack .product .sub-price.monthly .prix span,
.classes-pack .product .sub-price.monthly .prix span.centimes
{
    font-size:12px;
    margin-top:0px;
}
.classes-pack .product .sub-price.monthly .prix-barre
{
	text-decoration: none;
	font-size: 10px;
}
.classes-pack .sub-price p.picto
{
	top: -18px;
	right: 75px;
}
.classes-pack .sub-price .prix
{
	top: 10px;
}
.classes-pack .sub-price .prix-barre
{
	top: 34px;
}
.classes-pack .sub-price.monthly .start-price
{
	top: 5px;
}
.classes-pack .sub-price.monthly .prix
{
	top: 18px;
}
.classes-pack .sub-price.monthly .prix-barre
{
	top: 35px;
}
.classes-pack .product .sub-price .prix span
{
	font-size: 24px;
	font-weight: bold;
	display: block;
	float: left;
}
.classes-pack .product .sub-price .prix span.centimes {
	font-size: 15px;
	font-weight: bold;
	margin-top: 3px;
	margin-left: 2px;
}
.classes-pack .espace-bas {
	margin-bottom: 10px;
}