/*
   order_pv.css
   Pages du processus de commande.
   
   Created by Ned Baldessin on 2008-09-08.
   Copyright 2008 Ned Baldessin. All rights reserved.
*/


/* ================ */
/* = Right column = */
/* ================ */

body.order_pv #right-col {
	width: 176px;
	float: right;
	margin-top: 25px;
}

body.order_pv strong {
	font-weight: bold;
}

body.order_pv #right-col p strong.red {
	color: #c00;
}

body.order_pv #right-col p em {
	font-weight: normal;
	font-style: italic;
	color: #666;
}

/*Paiement cheque*/
body.order_pv #right-col #cheques{
	margin-top:2px;
	padding:8px;
	font-size:12px;
	border:1px solid #d9d9d9;
}
body.order_pv #right-col #cheques h4{
	height:37px;
	margin-bottom:5px;
	line-height:15px;
	padding-left:35px;
	padding-top:1px;
	font-size:14px;
	font-weight:bold;
	background: url('../images/imgsite/order/icon-cheque.png') top left no-repeat;
}

/*Paiement securise*/
body.order_pv #right-col #sec{
	margin-top:25px;
	padding:8px 0 8px 8px;
	font-size:12px;
	border:1px solid #d9d9d9;
}
body.order_pv #right-col #sec p{
	padding-right:8px;
}
body.order_pv #right-col #sec h4{
	height:37px;
	margin-bottom:5px;
	line-height:30px;
	padding-left:35px;
	font-size:14px;
	font-weight:bold;
	background: url('../images/imgsite/order/icon-sec.png') top left no-repeat;
}

/*Astuce livraison*/
body.order_pv #right-col #livraison{
	margin-top:25px;
	padding:8px;
	font-size:12px;
	border:1px solid #d9d9d9;
}
body.order_pv #right-col #livraison h4{
	height:37px;
	margin-bottom:5px;
	line-height:30px;
	padding-left:35px;
	font-size:14px;
	font-weight:bold;
	background: url('../images/imgsite/order/icon-livraison.png') top left no-repeat;
}

/*Contrat electronique*/
body.order_pv #right-col #contrat{
	margin-top:25px;
	padding:8px;
	font-size:12px;
	border:1px solid #d9d9d9;
}
body.order_pv #right-col #contrat h4{
	height:37px;
	margin-bottom:5px;
	line-height:15px;
	padding-left:35px;
	padding-top:1px;
	font-size:14px;
	font-weight:bold;
	background: url('../images/imgsite/order/icon-contrat.png') top left no-repeat;
}



/* ================ */
/* = Left column = */
/* ================ */

body.order_pv #left-col {
	width: 786px;
	float: left;
	font-size:12px;
	position: relative;
	
}

body.order_pv #left-col h2 {
	text-indent: -9999px;
	background: url('../images/imgsite/order/order-title.gif') no-repeat;
	height: 27px;
	margin: 0 3px;
}

body.order_pv #left-col p#breadcrumbs {
	background: none;
}

body.order_pv #left-col p#sub-breadcrumbs {
	padding:2px 0 37px 2px;
}

body.order_pv #left-col p#sub-breadcrumbs a, body.order_pv #left-col p#sub-breadcrumbs span {
	display: block;
	float: left;
	height: 12px;
	margin-right: 17px;
	text-indent: -9999px;
}

body.order_pv #left-col p#sub-breadcrumbs .lk-commande,
body.order_pv #left-col p#sub-breadcrumbs .lk-commande-2,
body.order_pv #left-col p#sub-breadcrumbs .lk-commande-ok {
	width: 83px;
}

body.order_pv #left-col p#sub-breadcrumbs a.lk-commande {
	background: url('../images/imgsite/order/bg-commande-1.gif') top left no-repeat;
}

body.order_pv #left-col p#sub-breadcrumbs a.lk-commande-2 {
	background: url('../images/imgsite/order/bg-commande-2.gif') top left no-repeat;
}

body.order_pv #left-col p#sub-breadcrumbs .lk-commande-ok {
	background: url('../images/imgsite/order/bg-commande-off.gif') top left no-repeat;
}
body.order_pv #left-col p#sub-breadcrumbs a.lk-commande-ok {
	background: url('../images/imgsite/order/bg-commande.gif') top left no-repeat;
}

body.order_pv #left-col p#sub-breadcrumbs .lk-recap,
body.order_pv #left-col p#sub-breadcrumbs .lk-recap-on {
	width: 74px;
}
body.order_pv #left-col p#sub-breadcrumbs .lk-recap {
	background: url('../images/imgsite/order/bg-recap-off.gif') top left no-repeat;
}
body.order_pv #left-col p#sub-breadcrumbs a.lk-recap {
	background: url('../images/imgsite/order/bg-recap.gif') top left no-repeat;
}
body.order_pv #left-col p#sub-breadcrumbs .lk-recap-on {
	background: url('../images/imgsite/order/bg-recap-on.gif') top left no-repeat;
}

body.order_pv #left-col p#sub-breadcrumbs .lk-paiement,
body.order_pv #left-col p#sub-breadcrumbs .lk-paiement-on {
	width: 49px;
	
}
body.order_pv #left-col p#sub-breadcrumbs .lk-paiement {
	background: url('../images/imgsite/order/bg-paiement-off.gif') top left no-repeat;
}
body.order_pv #left-col p#sub-breadcrumbs a.lk-paiement {
	background: url('../images/imgsite/order/bg-paiement.gif') top left no-repeat;
}
body.order_pv #left-col p#sub-breadcrumbs .lk-paiement-on {
	background: url('../images/imgsite/order/bg-paiement-on.gif') top left no-repeat;
}

body.order_pv #left-col p#sub-breadcrumbs .lk-confirm,
body.order_pv #left-col p#sub-breadcrumbs .lk-confirm-on {
	width: 73px;
}
body.order_pv #left-col p#sub-breadcrumbs .lk-confirm {
	background: url('../images/imgsite/order/bg-confirm-off.gif') top left no-repeat;
}
body.order_pv #left-col p#sub-breadcrumbs a.lk-confirm {
	background: url('../images/imgsite/order/bg-confirm.gif') top left no-repeat;
}
body.order_pv #left-col p#sub-breadcrumbs .lk-confirm-on {
	background: url('../images/imgsite/order/bg-confirm-on.gif') top left no-repeat;
}


body.order_pv #left-col div#bg-cadre {
	width: 786px;
	float: left;
	background: url('../images/imgsite/order/bg-cadre.gif') repeat-y;
	font-size: 12px;
}

body.order_pv #left-col div#bg-cadre h5{
	width: 786px;
	height: 42px;
}
body.order_pv #left-col div#bg-cadre h5 span{
	display:none;
}
body.order_pv #left-col div#bg-cadre h5.portabilite a {
	color: #fff;
	font-size: 11px;
}


body.order_pv #left-col div#bg-cadre h5.points_vente {
	background: url('../images/imgsite/order/bg-title-order-pv.gif') no-repeat;
}

body.order_pv #left-col div#bg-cadre p.note-oblig {
	text-align:right;
	padding:6px 14px 0 0;
	color: #666;
}

body.order_pv #left-col div#bg-cadre .aster {
	color: #c00;
}

body.order_pv #left-col div#bg-cadre div.table-wrapper {
	padding-top: 10px;
	padding-bottom: 34px;
}

body.order_pv #left-col div#bg-cadre div.table-wrapper .tab-marg {
	margin-top: 18px;
}

body.order_pv #left-col div#bg-cadre table td.label {
	width: 226px;
	padding-right: 12px;
	text-align: right;
}

body.order_pv #left-col div#bg-cadre table td.form-item {
	width: 156px;
}
body.order_pv #left-col div#bg-cadre table td.form-item label {
	padding-right: 10px;
}

body.order_pv #left-col div#bg-cadre table td.err-msg {
	width: 246px;
}

body.order_pv #left-col div#bg-cadre table td {
	padding-bottom: 8px;
}

body.order_pv #left-col div#bg-cadre table td input {
	vertical-align:middle;
}


body.order_pv #left-col div#bg-cadre input.full, body.order_pv #left-col div#bg-cadre select.full {
	width: 135px;
	font-size: 14px;
	height: 18px;
}

body.order_pv #left-col div#bg-cadre table input#f-num-dom-1, body.order_pv #left-col div#bg-cadre table input#f-num-dom-3 {
	width: 42px;
}

body.order_pv #left-col div#bg-cadre table input#f-postal-1, body.order_pv #left-col div#bg-cadre table input#f-postal-3 {
	width: 58px;
}

body.order_pv #left-col div#bg-cadre table input#f-date-naissance-1, body.order_pv #left-col div#bg-cadre table input#f-date-naissance-2 {
	width: 71px;
}

body.order_pv #left-col div#bg-cadre table input#f-dep-naissance-1 {
	width: 35px;
}

body.order_pv #left-col div#bg-cadre table span.error {
	color: #c00;
	font-size: 11px;
	font-style: italic;
}

body.order_pv #left-col div#bg-cadre table span.indic {
	color: #666;
	font-size: 12px;
	font-style: italic;
}
body.order_pv #left-col div#bg-cadre table span.indic a {
	color: #c00;
	font-size: 11px;
	font-style: normal;
}

body.order_pv #left-col div#bg-cadre div.choix {
	padding: 24px 0 20px 36px;
}
body.order_pv #left-col div#bg-cadre div.choixcarte {
	padding: 24px 0 20px 36px;
	float:left;
}
/*
body.order_pv #left-col div#bg-cadre div.choix.ombre {
	padding-bottom: 35px;
	background: url('../images/imgsite/order/bg-barre-ombre.gif') no-repeat left bottom;
}
*/

body.order_pv #left-col div#bg-cadre #panel-adresse-livraison .table-wrapper {
	padding-top: 35px;
	background: url('../images/imgsite/order/bg-barre-ombre.gif') no-repeat left top;
}


body.order_pv #left-col div#bg-cadre div.choix .clear {
	clear: both;
}

body.order_pv #left-col div#bg-cadre div.choix input {
	vertical-align: middle;
	margin-right: 4px;
}

body.order_pv #left-col div#bg-cadre div.choix div.choix-1 {
	float: left;
	width: 410px;
}

body.order_pv #left-col div#bg-cadre div.choix div.choix-2 {
	float: left;
	width: 320px;
}

body.order_pv #left-col div#bg-cadre #panel-parrainage div.table-wrapper {
	padding-top: 35px;
	background: url('../images/imgsite/order/bg-barre-ombre.gif') no-repeat left top;
	padding-bottom: 15px;
}
body.order_pv #left-col div#bg-cadre div.check-cgv {
	padding: 0px 0 25px 236px;
	
}

body.order_pv #left-col div#bg-cadre div.check-cgv input {
	float: left;
	margin-right: 10px;
}

body.order_pv #left-col div#bg-cadre div.check-cgv a {
	color:#c00;
}

body.order_pv #left-col #row-valider {
	width: 786px;
	float: left;
	background: url('../images/imgsite/order/bg-cadre-bas.gif') no-repeat;
	padding: 30px 0 0 0;
}

body.order_pv #left-col #row-valider button.valider {
	display: block;
	text-indent: -9999px;
	float: right;
	margin-right: 1px;
	background: url('../images/imgsite/order/bt-valider.gif') no-repeat;
	width: 159px;
	height: 39px;
}


body.order_pv #left-col div#bg-cadre div.choix-options {
	padding: 24px 15px 40px 36px;
}
body.order_pv #left-col div#bg-cadre div.choix-options.ombre {
	padding-bottom: 35px;
	background: url('../images/imgsite/order/bg-barre-ombre.gif') no-repeat left bottom;
}

body.order_pv #left-col div#bg-cadre div.choix-options a {
	color:#c00;
}

body.order_pv #left-col div#bg-cadre div.choix-options input {
	float: left;
	margin-right: 10px;
}

body.order_pv #left-col div#bg-cadre div.choix-options p.lien {
	padding: 6px 266px 0 0;
	text-align:right;
	font-size:11px;
}
body.order_pv #left-col div#bg-cadre div.choix-options #lk_portabilite {
	padding-right: 432px;
}
body.order_pv #left-col div#bg-cadre div.choix-options #lk_controle {
	padding-right: 169px;
}


body.order_pv #left-col div#bg-cadre div.choix-options div.options-niv2 {
	padding: 30px 0 0 24px;
}

body.order_pv #left-col div#bg-cadre div.label-wrapper {
	padding-bottom: 5px;
}

body.order_pv #left-col div#bg-cadre #f-prel-auto-code-banque,
body.order_pv #left-col div#bg-cadre #f-prel-auto-guichet,
body.order_pv #left-col div#bg-cadre #f-prel-auto-cle-rib {
	width: 58px;
}

body.order_pv #left-col div#bg-cadre #panel-prel-auto caption {
	font-weight: bold;
	padding-left: 40px;
	padding-bottom: 20px;
}
body.order_pv #left-col div#bg-cadre #panel-prel-auto div.table-wrapper {
	padding-bottom: 15px;
}
body.order_pv #left-col div#bg-cadre #panel-prel-auto div.choix-options {
	padding-top: 0;
}

body.order_pv #left-col div#bg-cadre #panel-prel-auto div.choix-options label {
	width: 560px;
}

/*Article*/
body.order_pv #left-col .notes{
	width: 784px;
	float: left;
	padding: 58px 1px 0 1px;
	color:#666;
	font-size:11px;
}

body.order_pv #left-col .notes a, body.order_pv #left-col .notes .red{
	color:#c00;
}


/* order_pv_3 */
body.order_pv #left-col div#bg-cadre h5.commande, body.order_pv #left-col div#bg-cadre h5.coord, body.order_pv #left-col div#bg-cadre h5.ad-livr, body.order_pv #left-col div#bg-cadre h5.mode-paiement {
	background: url('../images/imgsite/order/bg-title-commande.gif') no-repeat;
	padding-right:20px;
	width: 766px;
	text-align:right;
	line-height:41px;
}
body.order_pv #left-col div#bg-cadre h5.coord {
	background: url('../images/imgsite/order/bg-title-coord.gif') no-repeat;
}
body.order_pv #left-col div#bg-cadre h5.ad-livr {
	background: url('../images/imgsite/order/bg-title-ad-livr.gif') no-repeat;
}
body.order_pv #left-col div#bg-cadre h5.mode-paiement {
	background: url('../images/imgsite/order/bg-title-mode-paiement.gif') no-repeat;
}

body.order_pv #left-col div#bg-cadre h5.commande a, body.order_pv #left-col div#bg-cadre h5.coord a, body.order_pv #left-col div#bg-cadre h5.ad-livr a, body.order_pv #left-col div#bg-cadre h5.mode-paiement a{
	color:#FFF;
	font-size:11px;
}


body.order_pv #left-col div#bg-cadre .cartComm {
	padding:0px 3px;
}

/*Global Content*/
body.order_pv #left-col .cartContent{
	background: url('../images/cart/bg-cart-content.png') top left repeat-x;
}

/*Details & Prices*/
body.order_pv #left-col .cartContent .cartDetails{
	min-height:100px;
	height:auto !important;
	height:100px;
	margin-right:188px;
	padding-left:15px;
}
body.order_pv #left-col .cartContent .cartDetails{
	background: url('../images/cart/arrow-border-gray.gif') top right no-repeat;
}
body.order_pv #left-col .cartContent .cartDetails#cartDetailsProd{
	background: url('../images/imgsite/order/arrow-border-gray.gif') top right no-repeat;
}
body.order_pv #left-col .cartContent .cartPrice{
	float:right;
	width:188px;
	font-size:24px;
	color:#C00;
	font-weight:bold;
}
body.order_pv #left-col .cartContent .cartPrice div{
	padding-left:20px;
	margin-top:35px;
}
body.order_pv #left-col .cartContent .cartPrice div#priceProd{
	margin-top:70px;
}
body.order_pv #left-col .cartContent .cartPrice div span.monthly {
	font-size: 20px;
	font-weight: normal;
}
body.order_pv #left-col .cartContent .cartDetails .mobilePic{
	float:left;
	width:100px;
	min-height:125px;
	height:auto !important;
	height:125px;
	padding-top:40px;
	text-align:center;
}
body.order_pv #left-col .cartContent .cartDetails .details{
	float:left;
	padding-top:35px;
	padding-left:25px;
	background: url('../images/cart/arrow-details.gif') left 45px no-repeat;
}
body.order_pv #left-col .cartContent .cartDetails .details#detailsProd{
	padding-top:70px;
	background: url('../images/cart/arrow-details.gif') left 80px no-repeat;
}
body.order_pv #left-col .cartContent .cartDetails .details .title{
	display:block;
	width:250px;
	font-size:24px;
	font-weight:bold;
}
body.order_pv #left-col .cartContent .cartDetails .details .subTitle{
	display:block;
	width:250px;
	font-size:24px;
	font-weight:bold;
	color:#C00;
}
body.order_pv #left-col .cartContent .cartDetails .details .desc{
	font-size:14px;
}
body.order_pv #left-col .cartContent .cartDetails .details .promo{
	float:right;
}
body.order_pv #left-col .cartContent .cartDetails .forfaitType{
	float:left;
	font-size:14px;
	padding-top:20px;
	padding-right:20px;
	padding-left:15px;
}
body.order_pv #left-col .cartContent .cartDetails .forfaitType span{
	width:250px;
	font-size:24px;
	font-weight:bold;
}

body.order_pv #left-col div#bg-cadre div.choix-options p.nom {
	float:left;
	width:145px;
	font-weight:bold;
}
body.order_pv #left-col div#bg-cadre div.choix-options p.adresse {
	float:left;
	width:520px;
}


body.order_pv #left-col div#bg-cadre div.bloc-verif {
	padding: 16px 15px 40px 15px;
	text-align:center;
}

body.order_pv #left-col div#bg-cadre div.bloc-verif p.lk_raf {
	padding-left: 190px;
}
body.order_pv #left-col div#bg-cadre div.bloc-verif p.lk_raf a {
	color:#c00;
	font-size:11px;
}


/* order_pv_4 */
body.order_pv #left-col div#bg-cadre .recap-commande {
	width: 786px;
	height: 130px;
	float: left;
	background: url('../images/imgsite/order/bg-recap-commande.gif') no-repeat;
	font-size: 14px;
	font-weight:bold;
}

body.order_pv #left-col div#bg-cadre .recap-commande p {
	padding: 37px 20px 0 40px;
}

body.order_pv #left-col div#bg-cadre div.texte-commande-filet {
	padding: 0 120px 40px 40px;
	background: url('../images/imgsite/order/bg-filet.gif') no-repeat left bottom;
}
body.order_pv #left-col div#bg-cadre div.texte-commande {
	padding: 20px 120px 30px 40px;
}

body.order_pv #left-col div#bg-cadre table td.chx-carte img {
	margin:0 12px 0 4px;
	vertical-align:middle;
}
body.order_pv #left-col div#bg-cadre table td.chx-carte input {
	vertical-align:middle;
}


/* order_pv_5 */
body.order_pv #left-col div#bg-cadre .recap-commande p.commande-ok {
	padding: 37px 20px 0 125px;
	height: 67px;
	background: url('../images/imgsite/order/bg-tick.gif') no-repeat;
}

body.order_pv #left-col div#bg-cadre .etape-1, body.order_pv #left-col div#bg-cadre .etape-2, body.order_pv #left-col div#bg-cadre .etape-3 {
	width: 561px;
	float: left;
	padding: 7px 135px 26px 90px;
	line-height: 20px;
	background: url('../images/imgsite/order/bg-etape-1.gif') no-repeat 39px 0px;
}
body.order_pv #left-col div#bg-cadre .etape-2 {
	background: url('../images/imgsite/order/bg-etape-2.gif') no-repeat 39px 0px;
}
body.order_pv #left-col div#bg-cadre .etape-3 {
	background: url('../images/imgsite/order/bg-etape-3.gif') no-repeat 39px 0px;
}

body.order_pv #left-col div#bg-cadre .etape-1 p.decale {
	padding: 10px 0 0 47px;
}

body.order_pv #left-col div#bg-cadre .pad {
	padding-left: 19px;
}

body.order_pv #left-col div#bg-cadre p.encadre {
	float: left;
	padding: 12px 37px 12px 27px;
	border: 1px solid #d3d4d5;
}

body.order_pv #left-col div#bg-cadre p.encadre a {
	color:#c00;
}

body.order_pv #left-col #row-valider p.merci {
	text-align: center;
	font-weight:bold;
}