/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//+		© Copyright iDIWAY 2015
//+		Tout droits de reproduction interdits
//+		http://www.idiway.fr
//+		$Revision: 4387 $
//+		$Date: 2017-05-03 17:29:58 +0200 (mer. 03 mai 2017) $
//+		$HeadURL: svn://svn.id.lan/pko/sat/14/144_cst/bch/eval1/tpl/tpl0/css/mod/mod12a/com_gift.css $
//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

:root {
	--color__secondary: #808CA8;

	--bloc_stp: #fff;
	--bloc_stp--sld: var(--color__secondary);
	--bloc_stp--tit:  #000;

	--fold-px:  var(--color__secondary);

	--max-width: 520px;
}


/*
	STP
*/

.bloc_stp  {display: inline-block; width: 15px; height: 15px; border-radius: 50%; background-color: var(--bloc_stp); box-shadow: 0 3px 6px rgba(0,0,0,0.16); margin-right: 30px;}
.bloc_stp.sld {background-color: var(--bloc_stp--sld);}
.ctn_stp .iTpl-tit {color: var(--bloc_stp--tit); font-size: 26px; text-transform: none; text-align: left; width: 200px; display: inline-block; margin-right: 48px; font-family: var(--pko-font--bold);}


.iTpl-main .iTpl-col-pag.ctn_stp {margin-left: 0; display: flex; align-items: center; padding: 10px 0; justify-content: center;}
.iTpl-main .iTpl-col-pag.ctn_stp .bloc_step:last-child {margin-right: 0;}


	.iTpl-main .iTpl-col-pag.btns_ctn {text-align: right; display: flex; align-items: center; justify-content: flex-end; padding: 55px 15px 100px 15px;}
	.btns_ctn .bt_next {margin-left: 20px;}

/*
	BTNS
*/

.iTpl-main .iTpl-col-pag.btns_ctn {max-width: var(--max-width) !important; padding: 0px 10px 100px 10px;}


/*
	FRM
*/

.frm > .grp { margin-left: 0; margin-right: 0; display: flex; flex-direction: column; text-align: left;}
.frm > .grp .ctn {text-align: left;}

.frm .grp .lbl {text-align: left; color: #AAA; padding-bottom: 0; padding-left: 0; font-size: 11px; letter-spacing: 0; height: 25px;}

.frm select.fld {margin-right: 20px;}
.frm input.fld, .frm textarea.fld, .frm select.fld {border: 1px solid var(--color__secondary); border-radius: 2px; background-color: #fff; min-height: 39px; width: 100%;}

/*GRP PX*/
.frm .grp-px {max-width: max-content; margin-left: auto !important;}
.frm .grp-px .lbl {width: 100%; text-align: right; padding-right: 0px;}
.frm .grp-px .fld {font-size: 22px; text-align: right; width: 100%; padding: 0;}

/*MOBILE*/
.frm > .grp.mobile .fld > select {max-width: 140px;width: 100%;min-width: 140px;margin-right: 5px;}

/*FREE BORD*/
.frm .set.free.bord .lbl, 
.frm .set.free.bord .mix, 
.frm .set.bord .lbl, 
.frm .set.bord .mix { border: 0; box-shadow: none !important; background-color: transparent; padding-left: 0;}

.frm .set {display: inline-flex;}
.frm .set > .lbl {vertical-align: baseline;}



/*
	INFO
*/
.iTpl-info {border: 1px solid var(--color__secondary); color: var(--color__secondary); border-radius: 50%; padding: 3px; width: 20px; height: 20px;}
.iTpl-info:hover {background-color: var(--color__secondary);}


/*
	BSK
*/
.ctr-fold {margin: 50px 10px; transition: 0.7s; max-height: 400vh; overflow: hidden; border: 1px solid #F4F1EC; }
.ctr-fold.unfold { max-height: 59px; }

.ctr-fold > :not(.ctr-fold-head) {padding: 20px 20px 20px 35px;}

.ctr-fold .ctr-fold-head {position: relative; display: flex; align-items: center; height: 59px; background-color: #F4F1EC; border: 1px solid #F4F1EC; padding-left: 32px; cursor: pointer;}
.ctr-fold .ctr-fold-head:after {content: url('/tpl/tpl0/img/mep/body/fold.png'); transition: 0.5s; left: 12.5px; position: absolute; transform: rotate(90deg);}
.ctr-fold.unfold .ctr-fold-head:after {transform: rotate(0);}
.ctr-fold .ctr-fold-head .fold-tit {font-size: 18px; color: #3E3D40;}
.ctr-fold .ctr-fold-head .fold-px {font-size: 27px; color: var(--fold-px); margin-right: 0; margin-left: auto; padding-right: 16px;}


.pw_lost { float: right; font-size: 11px; line-height: 14px; text-decoration: underline; font-weight: normal;}

/*MOBILE*/

@media screen and (max-width: 800px){
	:root {
		--max-width: 100%;

		--mob-btn--color: var(--color__secondary);
		--mob-btn--background:  #f4f1ec;
	}

	.iTpl-body .iTpl-foot {margin-bottom: 70px;}

	.iTpl-tit {font-size: 26px; color: #000;}
	.iTpl-tit > span {min-height: unset;}
	.iTpl-sstit {width: 100%; font-size: 19px; font-weight: normal;}

	.iTpl-main .iTpl-col-pag.btns_ctn {position: fixed; bottom: 0; background-color: var(--mob-btn--background); box-shadow: 3px -3px 6px rgba(152,152,152,0.3); z-index: 2000; width: 100% !important; display: flex; 
		align-items: center; height: 72px; left: 0; margin: 0 !important; padding: 10px;}
	.iTpl-main .iTpl-col-pag.btns_ctn .iTpl-btn {border: 1px solid var(--mob-btn--color); border-radius: 2px; padding: 15px 5px; text-transform: none; font-size: 13px; font-family: var(--pko-font--light); color: var(--mob-btn--color); 
		letter-spacing: 0; word-spacing: 0; height: 45px; display: flex; align-items: center;}
	.iTpl-main .iTpl-col-pag.btns_ctn .bt_prev {background: transparent; margin-right: 44px;}
	.iTpl-main .iTpl-col-pag.btns_ctn .bt_prev .svg__icon {fill: var(--mob-btn--color);}
	.iTpl-main .iTpl-col-pag.btns_ctn .bt_next {background-color: var(--mob-btn--color); color: #fff; margin-left: auto;}

	.iTpl-main .iTpl-col-pag { padding: 10px;}

	/*
		FRM
	*/

	.iTpl-main .frm > .grp {margin-left: 0; margin-right: 0;}
	.iPko-RWD .frm .grp:not(.set) > .lbl:not(.fix) {text-align: unset; padding-top: 5px;}
	.iPko-RWD .frm .grp.grp-px:not(.set) > .lbl:not(.fix) {text-align: right;}

}