@import "forms.css";

p.conditions { text-align: center; margin: 10px 0 20px 0; }
p.conditions a.cgv { background: #fff url("../../templates/media/pdf.gif") 10px 5px no-repeat; border: 1px solid #ccc; padding: 12px 15px 12px 50px; text-decoration: none; font-weight: bold; }
p.conditions a.cgv:hover { border-color: #aaa; }
p.conditions a.cgv {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.calcul {
	border-top: 1px solid #ccc;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	overflow: hidden;
}

.abonnement {
	width: 400px;
	overflow: hidden;
}
.abonnement label {
	float: left;
	width: 85px;
	font-size: 11px;
	font-weight: bold;
	color: #e12a1b;
	text-align: right;
	margin: 1px 10px 0 0;
	clear: left;
}
.abonnement input, .abonnement select { background: #fff; border: 1px solid #bbb; padding: 2px; width: 164px; color: #111; margin: 0 20px 0 0; float: left; }

.qtelabel { font-size: 11px; font-weight: bold; color: #e12a1b; float: left; margin: 0 0 0 50px; }

ul.options, ul.modules { margin: 5px 0; float: left; }
ul.options li, ul.modules li { list-style-type: none; display: block; }
ul.options input.checkbox, ul.modules input.checkbox { margin: 0; width: auto; float: left; clear: left; }
ul.options span, ul.modules span { font-size: 11px; vertical-align: middle; margin: -4px 0 5px 5px; float: left; width: 205px; }
ul.options input.qte { width: 20px; border: 1px solid #ccc; font-size: 11px; float: left; margin: -2px 0 0 10px; padding: 1px; text-align: center; }
ul.options input.qte.disabled { background: #f6f6f6; color: #666; }

.bloc-tarif-total { float: right; width: 180px; background: #fff; padding: 5px 10px; border-top: 1px solid #ccc; }
.bloc-tarif-total h2.subtitle { text-align: left; margin: 0 0 15px 0; border-bottom: 1px solid #e1e1e1; }
.bloc-tarif-total p.tarif1 { font-size: 13px; font-weight: bold; color: #666; }
.bloc-tarif-total p.tarif1 .prix { font-size: 24px; font-weight: bold; color: #000; }
.bloc-tarif-total p.tarif2, .bloc-tarif-total p.tarif3 { font-size: 11px; margin: 0; line-height: 150%; color: #666; }
.bloc-tarif-total p.tarif2 .prix, .bloc-tarif-total p.tarif3 .prix { font-weight: bold; color: #000; }
.bloc-tarif-total p.tarif3 { margin: 0 0 5px 0; }