/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//+		© Copyright iDIWAY 2014
//+		Tout droits de reproduction interdits
//+		http://www.idiway.fr
//+		$Revision: 1669 $
//+		$Date: 2014-04-15 09:44:46 +0200 (mar. 15 avr. 2014) $
//+		$HeadURL: svn://svn.id.lan/pko/sat/12/123_the/trunk/tpl/tpl0/css/mod/mod12a/bsk_vw.css $
//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.adr_ctn{ padding: 0 0 50px; }
.adr_ctn .adr{ display: inline-block; vertical-align: top; margin: 0 20px 25px 20px; width: calc(100% - 30px); text-align: left; }
.adr_ctn h1{ font-weight: normal; margin: 0; padding: 17px 0px 7px 0px; font-family: idW_CenturyGothic; font-size: 16px; border-bottom: 1px solid #F4F1EC; width: 100%; text-align: left; text-transform: none; margin-bottom: 5px; }

.wait_pay{padding: 10px; margin:10px; border: 1px solid #ddd; background: url("../../../img/mep/px_fff_op50.png");}

.bsk_ctn{ max-width: 810px; margin: 0 auto; margin-left: 68px; }
.bsk_ctn.bsk_ctn_empty { margin-left: auto; }

.bsk_ctn .art {padding: 9px; margin: 0 8px 23px 14px;}



.calc_ctn{ margin: 0 auto; }
.calc_ctn .iTpl-ctn{ width: 50%; display: inline-block;/* padding: 15px;*/ vertical-align: top; }
.calc_ctn .iTpl-ctn .tbl_ttc { margin: 0; }

/*******************
	TVA
*******************/
table{ background: #fff; table-layout: auto; border-collapse: collapse; margin: 25px auto; }
table td { padding: 5px 10px; border: 1px solid #eee; color: #333; }
table th{ padding: 5px 15px; text-align: center; font-weight: bold; border: 1px solid #eee;}
table .etiq{ text-align: right; }
table .mnt{ color: #000; }

/* TRP */
.tbl_trp{ margin: 0 auto 20px; }
.tbl_trp .set > .lbl,
.tr_pay .set > .lbl{ background-color: #fff; }
.tbl_ttc td{ text-align: right; }


/*******************
	PAY
*******************/
.tbl_pay{ border-collapse:collapse; width: 600px; border-bottom:1px solid #eee; margin: 2px auto; text-align: left; }
.tbl_pay .col1{ width:100px;}
.tbl_pay .col2{ min-width:260px;}
.tbl_pay .col3{ width:30px;}

.tbl_pay .paire > td {
	background-color:#eee;
	border-left:1px solid #fffdef;
	border-right:1px solid #fffdef;
}

.tbl_pay .impaire > td {
	color:black;
	background-color:#fff;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
.tbl_pay th{ color:black; border-bottom:1px solid #eee; }
.tbl_pay td{ padding:2px 5px; cursor: pointer; }
.tbl_pay .ico{ text-align:center; }
.tbl_pay .nom_pay{  }
.tbl_pay .desc_pay{ padding: 5px 0 0 10px; font-style: italic; }

/*******************
	recap
*******************/

/****
	SPINNER
****/
.trp_px{ white-space: nowrap; }

.btns_ctn{ text-align: center; }

#frm_cmt_bsk{ margin: 20px auto 20px 0; }

/* Mod24 PMO */
#frm_cod_pmo{ margin: 0 auto 20px; }
#frm_cod_pmo + .ctn_bsk{ margin-top: 0; }
#other_cod{ opacity: 0; }
.lnk_art_kdo{ display: inline-block; padding: 2px 2px 2px 20px; font-style: italic; }

#tr_px_bsk_rms td{ color: #4c864c !important; font-weight: bold; }

#del_cod{ cursor: pointer; }
#del_cod .in, #del_cod:hover .out{ display: none; }
#del_cod:hover .in, #del_cod .out{ display: block;}
#resum_cod{ margin: 5px 0; color: #4c864c; border: none !important; padding: 5px !important; }

	* {letter-spacing: 0}

	#form_tocmd {width: 100%; margin: 0 !important;}
	#form_tocmd .lbl {width: 150px;}
	#form_tocmd .lbl img {width: auto;}


	.frm .grp { margin: 15px;}
	.frm .grp.tr_pay {margin: 15px 0;}
	

	.bsk_ctn .art {padding: 0px; margin: 15px 0 40px 0; margin-bottom: 40px;max-height: 100px; /*border: 1px solid #F4F1EC; background-color: #fff; box-shadow: 3px 3px 6px rgba(85,85,85,0.07);*/ position: relative; max-width: 100%;}
	.bsk_ctn .art .ctn {width: 100%;}
	.bsk_ctn .art .iTpl-ctn {max-height: 100px; display: flex; padding: 0; max-width: 100%; margin: 0; position: static; height: 100px;}
	.bsk_ctn .art .iTpl-ctn .dsg {margin: 0; font-size: 16px; font-family: idW_CenturyGothic_bold; max-width: unset; font-weight: normal; letter-spacing: 0 !important; word-spacing: 0; padding-right: 25px; color: #3C8277;}
	.bsk_ctn .art .iTpl-ctn .px {margin: 0; font-size: 14px; font-family: idW_CenturyGothic; max-width: 220px; font-weight: normal; margin-top: 2px; letter-spacing: 0.5px !important;}
	.bsk_ctn .art .img {max-width: 110px; display: flex; align-items: center; min-height: unset; min-width: 110px;}
	.bsk_ctn .art .img img {height: 100%; width: 100%; object-fit: cover; max-width: 100%;}
	.bsk_ctn .art .ctn-more {width: 100%; height: 100%; display: flex; align-items: center; justify-content: end; }
	.bsk_ctn .art .ctn .ctn-txt {padding-left: 15px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding-top: 9px; padding-bottom: 18px;}
	.bsk_ctn .art .result {display: flex; text-align: right; align-items: center; justify-content: flex-end; padding-right: 16px;}
	.bsk_ctn .art .result .qte {color: #808CA8; max-height: 38px; border-radius: 2px; margin-right: 0; margin-left: 60px;}
	.bsk_ctn .art .result .qte .qte_bsk_art {font-size: 23px; font-family: idW_CenturyGothic_bold; border-radius: 2px;}
	.bsk_ctn .art .result .qte .iTpl-btn {width: 28px; max-width: 28px; font-size: 28px; display: flex; align-items: center; max-height: 33px; justify-content: center;}
	.bsk_ctn .art .result .mnt {font-size: 16px; min-width: 70px; text-align: right; padding-right: 10px; margin-left: 10px; }

	.bsk-fold .bsk_ctn .art .result .mnt {text-align: unset;}
	.bsk-fold .bsk_ctn .art .result {padding-right: 31px; width: 100%; padding-right: 0;}

	.bsk-fold .bsk_ctn {margin-left: 22px !important;}

	.bsk-fold .bsk_ctn .art .ctn .ctn-txt {padding-bottom: 9px; align-items: center; position: relative;}
	.bsk-fold .bsk_ctn .art .ctn .ctn-txt .dsg {margin: auto; width: 100%;}
	.bsk-fold .bsk_ctn .art .ctn .ctn-txt .pre {min-height: 20px;}

	.bsk_ctn .art .trash {position: absolute; top: 0px; right: 0px; padding: 10px; cursor: pointer; background-color: #fff;}
	
	.calc_ctn .iTpl-ctn-tva {display: none !important;}
	.calc_ctn .iTpl-ctn:last-child {width: 100%;}

	.tbl_ttc {width: 100%; letter-spacing: 0.5px;}
	.tbl_ttc tbody tr td, .tbl_ttc tbody tr th {border: 0; font-size: 14px; font-weight: normal}
	.tbl_ttc tbody tr td {font-family: idW_CenturyGothic; color: #3C8277;}
	.tbl_ttc tbody tr:last-child {background-color: #F4F1EC;}
	.tbl_ttc tbody tr:last-child td, .tbl_ttc tbody tr:last-child th { font-size: 24px; font-weight: normal; padding-top: 18px; padding-bottom: 14px;}
	.tbl_ttc tbody tr:last-child td {font-family: idW_CenturyGothic_bold; }
	.tbl_ttc tbody tr th { text-align: left;}
	.tbl_ttc .tr_end .td_mnt {padding-bottom: 20px;}

	#tbl_trp, #tbl_calc { max-width: 800px; margin-left: 60px;}

	#tbl_trp .tbl_trp { max-width: 100%; width: unset;  }
	#tbl_trp .iTpl-sstit, #tbl_calc .iTpl-sstit { width: 100%; padding-top: 25px; border-top: 1px solid #E9E9E9; text-align: left; margin-bottom: 40px; font-size: 19px; letter-spacing: 0; font-weight: normal;}
	#tbl_calc .iTpl-sstit { margin-bottom: 26px;}

	#tbl_trp .grp_trp label { padding-right: 20px; }
	#tbl_trp .grp_trp label img { width: auto; }
	#tbl_trp .grp_trp label > span { border-color: #F4F1EC; }
	#tbl_trp .grp_trp:hover label > span { box-shadow: none; }

	#tbl_trp .grp_trp .msg_tit {font-family: idW_CenturyGothic_bold; font-size: 16px; letter-spacing: 0; }
	#tbl_trp .grp_trp .msg_dsc {font-family: idW_CenturyGothic; font-size: 11px; letter-spacing: 0; }

	#tbl_trp .grp_trp {position: relative; /*box-shadow: 3px 3px 6px rgba(85,85,85,0.07);*/ width: 100%; margin: 0; margin-bottom: 42px; }
	#tbl_trp .grp_trp .trp_px { padding-right: 20px; }
	#tbl_trp .grp_trp .chk_trp_px.mix {position: absolute; right: 4px; top: 0; outline: none !important; box-shadow: none !important; height: 100%; background-color: transparent; display: flex; align-items: center; padding-right: 0; }

.grp_dst_trp {display: none;}

	.frm .set.bord .mix-trp-dsc {padding-left: 20px;}
	

	#tr_empty_bsk {text-align: center; margin: 0 auto; max-width: max-content;}
	#tr_empty_bsk .empty-txt {display: flex !important; text-align: center; font-family: idW_CenturyGothic; font-size: 16px; background-image: url(../../../img/mep/body/bsk_bck.png); background-repeat: no-repeat; background-position: center; height: 110px;
background-size: contain; width: 110px; margin: 0 auto; align-items: center; margin-bottom: 133px; letter-spacing: 0; justify-content: center; max-width: 100%;}
	#tr_empty_bsk .iTpl-btn { width: 324px; margin: 0 auto; display: inline-flex; align-items: center; justify-content: center;}


	/*BSK FOLD*/
	.bsk-fold {margin-top: 50px;}
	.bsk-fold, .cmt-fold {transition: 0.7s; max-height: 400vh; overflow: hidden; }
	.cmt-fold {max-height: 50vh;}
	.bsk-fold.unfold, .cmt-fold.unfold { max-height: 59px; }

	.bsk-fold .bsk-fold-head, .cmt-fold .cmt-fold-head  {position: relative; display: flex; align-items: center; height: 59px; background-color: #E9E9E9; border: 1px solid #E9E9E9; padding-left: 32px; cursor: pointer;}
	.cmt-fold .cmt-fold-head {background-color: #fff; border-color: #fff;}
	.bsk-fold .bsk-fold-head:after, .cmt-fold .cmt-fold-head:after {content: url('../../../img/mep/body/fold.png'); transition: 0.5s; left: 12.5px; position: absolute; transform: rotate(90deg);}
	.bsk-fold.unfold .bsk-fold-head:after, .cmt-fold.unfold .cmt-fold-head:after {transform: rotate(0);}
	.bsk-fold .bsk-fold-head .bsk-tit, .cmt-fold .cmt-fold-head .bsk-tit {font-size: 18px; color: #3E3D40;}
	.bsk-fold .bsk-fold-head .bsk-px {font-size: 27px; color: #3C8277; margin-right: 0; margin-left: auto; padding-right: 16px; font-family: iDW_centuryGothic_bold;}
	/*.bsk_fold:not(.unfold) {height: auto; }*/
	
	.iTpl-tit {text-transform: none; font-size: 26px;}

	.bsk-fold .iTpl-tit, #cmt_bsk .iTpl-stit {margin: 0; padding: 17px 15px 7px 0; font-family: idW_CenturyGothic; font-size: 16px; border-bottom: 1px solid #F4F1EC; width: 100%; text-align: left; text-transform: none; font-weight: normal;}

	.bsk-fold .iTpl-itm .ctn .px {}
	.bsk-fold .bsk_ctn, .bsk-fold #tbl_trp {margin-left: 22px; margin-right: 13px;}
	.bsk-fold #tbl_trp_sec {order: 5;}
	.bsk-fold .iTpl-itm.iTpl-ctn .ctn-txt .dsg {color: #3C8277; font-family: iDW_centuryGothic_bold}
	.bsk-fold .iTpl-itm .result .nb-art {flex: 1; color: #3C8277; font-size: 18px; text-align: center;}
	.bsk-fold .iTpl-itm .result .mnt {flex: 1;}
	.bsk-fold .iTpl-itm .ctn-more {margin-top: -20px;}
	.bsk-fold .art {box-shadow: none; border: 0;}

	.bsk-fold .calc_ctn {display: none;}

	.bsk-fold #tbl_trp .grp_trp .trp_px {padding-right: 0;}
	.bsk-fold #tbl_trp .grp_trp label {padding-right: 10px;}

	/*.bsk-fold .iTpl-sstit {font-weight: normal; width: 100%; }*/

	.iTpl-itm {border-top: 0;}

	.iTpl-main .iTpl-col-pag.btns_ctn.btns_ctn_vw > div {max-width: 800px; margin-left: 60px; padding-left: 0; padding-right: 0; width: 100%; margin-right: auto; display: flex; align-items: center; justify-content: end;}
	.iTpl-main .iTpl-col-pag.btns_ctn.btns_ctn_vw  {padding-left: 0; padding-right: 0;}


	/*HOR SPEC CDB*/
	.iFrm .grp .hor_adr table { display: none; position: absolute; top: 5px; right: 5px; color: #1e1e1e; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); }
	.iFrm .grp .hor_adr:hover table { display: table; background-color: #fff; margin: 10px; padding: 5px; color: #333; z-index: 10; border-collapse: collapse; }

	.iFrm.very-large.frm.tbl_trp {margin-top: 20px !important;}
	.grp_trp_ami .lbl {vertical-align: top}
	#tbl_trp .grp_trp_ami > label {padding-right: 0;}
	#tbl_trp .grp_trp_ami .row_trp_ami { margin-bottom: 10px; }
	#tbl_trp .grp_trp_ami .row_trp_ami .msg_stit { font-size: 0.7em; font-family: iDW_centuryGothic;}
	#tbl_trp .grp_trp_ami .row_trp_ami .msg_stit b { font-weight: normal; font-family: iDW_centuryGothic_bold; }


	.iTpl-row-pag-bsk .iTpl-col-pag > .iTpl-tit:first-child {font-size: 30px; font-family: iDW_centuryGothic_bold; font-weight: normal; margin-top: 0;}


#frm_cmt_bsk .grp {margin: 0;}


@media screen and (min-width: 1000px){
	#block_vw .dsc {margin-left: 0;}
}

@media screen and (min-width: 600px){
	/*DESKTOP ONLY*/
	.bsk_ctn .art .ctn {display: flex; align-items: center;}
	.bsk_ctn .art .ctn .ctn-txt {width: 100%;}
	.bsk_ctn .art .result .qte .qte_bsk_art, .bsk_ctn .art .result .qte .iTpl-btn  {height: 43px; max-height: 43px;}
	.bsk_ctn .art .result .qte { height: 45px; max-height: 45px;}

	.adr_ctn .adr {max-width: calc(50% - 60px);}
}


/*MAX WIDTH*/
@media screen and (max-width: 1400px){
	.iTpl-main .iTpl-col-pag {max-width: 1100px; margin-left: auto;}

	.iTpl-main .iTpl-col-pag.btns_ctn.btns_ctn_vw {padding: 55px 0px 100px 0px;}

	.bsk_ctn {margin-left: 60px;}
	#tr_empty_bsk {margin-right: auto;}
}

@media screen and (max-width: 1130px){
	.iTpl-main .iTpl-col-pag.btns_ctn.btns_ctn_vw > div {margin-left: 80px;}
}

@media screen and (max-width: 900px){
	.iTpl-main .iTpl-col-pag.btns_ctn.btns_ctn_vw > div {margin-left: 60px;}
}

@media screen and (max-width: 800px){
	.iTpl-row-pag {padding-top: 0;}

	.bsk-fold .iTpl-itm .ctn-more {margin-top: 0; }
	.bsk-fold .iTpl-itm .ctn-more .nb-art-suf {display: none;}

	.bsk-fold .iTpl-itm .ctn {display: flex; align-items: center; flex-direction: row; }

}

@media screen and (max-width: 700px){
	#tbl_trp .iTpl-sstit, #tbl_calc .iTpl-sstit {padding-left: 0;}



	.iTpl-main .iTpl-col-pag { padding: 10px;}
	.iTpl-main .iTpl-row-pag > .iTpl-col-pag:not(.btns_ctn_vw):not(.iTpl-col-pag-step) { padding-bottom: 100px;}

	.iTpl-main .iTpl-col-pag.btns_ctn.btns_ctn_vw {padding: 15px; padding-bottom: 100px;}
	.iTpl-main .iTpl-col-pag.btns_ctn.btns_ctn_vw > div {margin: 0;}
	.iTpl-main .iTpl-col-pag.btns_ctn.btns_ctn_vw > div .bt_prev {margin-left: 0;}
	.iTpl-main .iTpl-col-pag.btns_ctn.btns_ctn_vw > div .bt_next {margin-right: 0;}

	/*ITM*/
	.iTpl-itm .ctn {display: flex; flex-direction: column; width: calc(100% - 110px) !important;}
	.iTpl-itm .ctn .ctn-txt {padding: 0 20px;}


	.bsk_ctn, #tbl_trp, #tbl_calc {margin: 0 !important; padding: 0;}
	.bsk-fold .bsk_ctn, #tbl_trp_sec {margin: 0 10px !important;}

	.iTpl-col-pag.iTpl-col-pag-pay {padding-bottom: 0 !important;}

	#tr_empty_bsk .iTpl-btn { margin-left: 27px; margin-right: 27px; font-family: idW_CenturyGothic_light; font-size: 15px; padding: 8px;}

	.bsk_ctn.bsk_ctn_empty {margin-top: 100px !important;}

}

@media screen and (max-width: 600px){
	.bsk-fold .pre { position: absolute; bottom: 0; left: 15px;}
}

@media screen and (max-width: 400px){
	#tr_empty_bsk {width: 100%; max-width: unset;}
	#tr_empty_bsk .iTpl-btn {margin: 0; width: 100%;}
}