#frmpay{
	clear:both;
	padding-bottom:40px;
}

#frmpay h2{
	position:relative;
	padding-top:20px;
	padding:20px 0 20px 50px;
	line-height:40px;
}
#frmpay h2 .number{
	position:absolute;
	top:20px;
	left:0px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	border-radius:9999px;
}
#frmpay h2 .summary{
	display:block;
	font-size:0.8em;
	font-weight:bold;
	cursor:pointer;
	line-height:1em;
	font-family:'Lato-Bold';
}
#products, #modepaiements{
	margin-left:50px;
}
#products h3{
	clear:both;
	padding-top:20px;
}
#products .special, #products .forfait, #products .bloc{
	display:block;
	position:relative;
	float:left;
	height:140px;
	margin:10px 10px 10px 0; 
	border-style:solid;
	border-width:2px;
	border-radius:5px;
	padding:10px;
	text-align:left;
	font-family:'Lato';
	font-size:1.2em;
	line-height:1.2em;
	transition:all 0.3s ease-out;
}
#products .bloc{
	width:260px;
	background:#EAEAEA;
}
#products .bloc:hover{
	background:#FFFFFF;
}
#products .special,
#products .forfait{
	width:325px;
}

#products .special label, #products .forfait label, #products .bloc label{
	width:100%;
	height:100%;
	display:block;
	cursor:pointer;
}
#products .special input, #products .forfait input, #products .bloc input{
	margin-right:5px;
}
#products .special .desc, #products .forfait .desc, #products .bloc .desc{
	font-family:'Lato-bold';
	font-size:1.2em;
}
#products .special del, #products .forfait del, #products .bloc del{
	text-decoration: line-through;
	color:#CC0000;
}
#products .special .price, #products .forfait .price, #products .bloc .price{
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	font-size:1.3em;
	font-family:'Lato-bold';
	text-align:right;
	text-shadow: -1px -1px 0px rgba(150, 150, 150, 0.5);
}
#products .special .price del, #products .forfait .price del, #products .bloc .price del{
	font-size:0.8em;
	display:block;
}
#products .special .cents, #products .forfait .cents, #products .bloc .cents{
	font-size:0.6em;
	vertical-align: baseline;
	position: relative;
	top: -0.6em;
}
#products .special .cents-seperator, #products .forfait .cents-seperator, #products .bloc .cents-seperator{
	display:none;
}
#products .special .minutes, #products .forfait .minutes, #products .bloc .minutes{
	display:block;
	font-size:0.9em;
	margin-left:20px;
}


#products .special .perminute, #products .forfait .perminute, #products .bloc .perminute{
	text-align:center;
	padding-left:20px;
	font-size:2em;
	line-height:1em;
	font-family:'Lato-bold';
	text-shadow: -1px -1px 0px rgba(150, 150, 150, 0.5);
}
#products .special .perminute, #products .forfait .perminute{
	padding-top:10px;
}
#products .bloc .perminute{
	padding-top:25px;
}
#products .special .perminute .lbl, #products .forfait .perminute .lbl, #products .bloc .perminute .lbl{
	font-size:0.4em;
	font-family:'Lato';
}

#products .special .saved, #products .forfait .saved, #products .bloc .saved{
	display:block;
	width:100%;
	text-align:center;
	font-size:0.7em;
}
#products .special .saved-details, #products .forfait .saved-details, #products .bloc .saved-details{
	display:block;
	font-size:0.8em;
	line-height:1em;
}

#modepaiements .modepaiement{
	float:left;
	margin:10px 20px 20px 0px;
	width:250px;
	text-align:center;
}
#modepaiements .modepaiement label{
	width:100%;
	position:relative;
	opacity:0.85;
	filter:alpha(opacity=85);
	transition:all 0.3s ease-out;
}
#modepaiements .modepaiement label:hover{
	cursor:pointer;
	opacity:1;
	filter:alpha(opacity=100);
}
#modepaiements .modepaiement input{
	position:absolute;
	left:-9999999px;
}
#modepaiements .modepaiement .btn{
	width:100%;
	height:55px;
	line-height:55px;
	border-radius:999px;
	padding:0;
	font-size:16px;
	font-weight:700;
}
#modepaiements .logos{
	padding-top:5px;
}
#modepaiements .logos img{
	height:30px;
}
#mode-interac .btn{
	background:#555555;
	color:#FFFFFF;
}
#mode-interac .btn img{
	height:45px;
	margin-top:-2px;
	vertical-align:middle;
}


@media (max-width: 600px) {
	#products{
		margin-left:0;
	}
	#modepaiements{
		margin-left:0px;
	}
	#modepaiements .modepaiement{
		width:250px;
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
	#products .special, #products .forfait, #products .bloc{
		width:100%;
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
}
