@charset "utf-8";
/* Générique */
.extranetv2TitreH2 { font-size: 20px; margin: 0 0 10px; }
.extranetv2ErrorMsg, .extranetv2ChgtPassErrorMsg { display: none; padding: 0 0 6px; }

.extranetv2GlobalWrapper .divError, .extranetv2GlobalWrapper .divOK { background: none; border: none; color: #F00; }
.extranetv2GlobalWrapper .divOK { color: #0C6; }
/* Boutons et inputs */
.extranetv2InputType1 { width: 163px; margin: 0 0 6px; border: 1px solid #ffffff; background: #ffffff; padding: 4px 12px; color: #5e5e5e; font-size: 11px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; white-space: nowrap;  outline: none; resize: none;
	-webkit-box-shadow: 0 5px 3px -3px #b2b2b2 inset;
	-moz-box-shadow: 0 5px 3px -3px #b2b2b2 inset;
	box-shadow: 0 5px 3px -3px #b2b2b2 inset;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	/* FIX IE CSS3 */
	behavior: url(/js/PIE.htc);
	position: relative !important;
}
.extranetv2InputType1 a { text-decoration: none; }
.extranetv2InputType1.ffError { border: 1px solid #F00; background: #FDDDDB; }

.extranetv2InputType2 { width: 95%; margin: 0 0 6px; border: 1px solid #ffffff; background: #ffffff; padding: 8px 12px; color: #5e5e5e; font-size: 14px; font-weight: normal; font-family: Tahoma, Geneva, sans-serif; white-space: nowrap; outline: none; resize: none;
	-webkit-box-shadow: 0 5px 3px -3px #b2b2b2 inset;
	-moz-box-shadow: 0 5px 3px -3px #b2b2b2 inset;
	box-shadow: 0 5px 3px -3px #b2b2b2 inset;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	/* FIX IE CSS3 */
	behavior: url(/js/PIE.htc);
	position: relative !important;
}
.extranetv2InputType2 a { text-decoration: none; }
.extranetv2InputType2.ffError { border: 1px solid #F00; background: #FDDDDB; }

.extranetv2BtnType1 { border: 1px solid #f7f7f7; color: #454545; padding: 1px 10px; margin-top: 32px; font-weight: bold;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;

	box-shadow:	0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),	inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:	0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);

	text-shadow: -1px -1px 0px rgba(252,252,252,0.4), 0px 0px 0px rgba(255,255,255,0.3);

	background: -moz-linear-gradient( top, #fcfcfc 0%, #d6d5d3);
	background: -webkit-gradient( linear, left top, left bottom, from(#fcfcfc),	to(#d6d5d3));
	-pie-background: linear-gradient(center top, #fcfcfc 0%, #d6d5d3 100%);
	
	/* FIX IE CSS3 */
	behavior: url(/js/PIE.htc);
	position: relative !important;
}

.extranetv2BtnType1:active {
	padding: 0 10px 2px;
	box-shadow:	0px 0 2px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
	-moz-box-shadow: 0px 0 2px rgba(000,000,000,0.5),	inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:	0px 0 2px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
}

.extranetv2BtnType2 { border: 1px solid #f7f7f7; color: #454545; padding: 5px 14px; margin-top: 14px; font-weight: bold;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;

	box-shadow:	0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),	inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:	0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);

	text-shadow: -1px -1px 0px rgba(252,252,252,0.4), 0px 0px 0px rgba(255,255,255,0.3);

	background: -moz-linear-gradient( top, #fcfcfc 0%, #d6d5d3);
	background: -webkit-gradient( linear, left top, left bottom, from(#fcfcfc),	to(#d6d5d3));
	-pie-background: linear-gradient(center top, #fcfcfc 0%, #d6d5d3 100%);
	
	/* FIX IE CSS3 */
	behavior: url(/js/PIE.htc);
	position: relative !important;
}

.extranetv2BtnType2:active {
	padding: 4px 14px 6px;
	box-shadow:	0px 0 2px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
	-moz-box-shadow: 0px 0 2px rgba(000,000,000,0.5),	inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:	0px 0 2px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
}


/* Petite boite */
.extranetv2SmallBoxGlobal { background: #F4F4F4; padding: 10px; width: 250px; overflow: hidden; color: #5e5e5e; }
.extranetv2SmallBoxGlobal a { color: #666; }
.extranetv2SmallBoxGlobal .extranetv2FieldWrapper { position: relative; }
.extranetv2SmallBoxGlobal .extranetv2FieldWrapper label { display: none; }
.extranetv2SmallBoxGlobal .extranetv2FieldWrapper label.quickLabel { display: inline-block; font-size: 11px; margin-bottom: 0; }
.extranetv2SmallBoxGlobal .extranetv2FieldWrapper .extranetv2LabelNoDisplay { display: none !important; }
.extranetv2SmallBoxGlobal .extranetv2FieldWrapperInline { text-align: right; }
.extranetv2SmallBoxGlobal .extranetv2FieldWrapperInline * { vertical-align: middle; padding: 4px 0; }
.extranetv2SmallBoxGlobal .btn { vertical-align: middle; }

.extranetv2SmallBoxColLeft { float: left; width: 190px; }
.extranetv2SmallBoxColLeftLogged { width: 250px; float: none; }
.extranetv2SmallBoxColLeftLogged .extranetv2InputType1 { width: 222px; font-weight: normal; }
.extranetv2SmallBoxColRight { float: right; width: 50px; }
.extranetv2SmallBoxPASSOUBLIE { display: none; }
.extranetv2SmallBoxBtnPassOublie, .extranetv2SmallBoxBtnCancel, .extranetv2SmallBoxBtnLogout { display: block; text-align: right; font-weight: normal; text-decoration: none; }
.extranetv2SmallBoxComment { line-height: 14px; margin-bottom: 3px; }

/* Override bootstrap */
.extranetv2SmallBoxGlobal.extranetv2Bootstrap { background: none; padding: 0; width: auto; font-size: 14px; min-height: 260px; }
.extranetv2SmallBoxGlobal.extranetv2Bootstrap .extranetv2ErrorMsg { padding: 0; }
.extranetv2SmallBoxGlobal.extranetv2Bootstrap .extranetv2SmallBoxBtnCancel { display: inline-block; text-align: left; }
.extranetv2SmallBoxGlobal.extranetv2Bootstrap .extranetv2SmallBoxBtnPassOublie { display: inline; text-align: left; color: inherit; color: #fff; background:#5e5e5e;padding:4px 8px; }
.extranetv2SmallBoxGlobal.extranetv2Bootstrap .extranetv2SmallBoxBtnLogout { text-align: left; }
.extranetv2SmallBoxGlobal.extranetv2Bootstrap .extranetv2SubmitLogin { margin-bottom: 15px; }
.extranetv2SmallBoxGlobal.extranetv2Bootstrap .extranetv2AddCompte { margin-bottom: 15px; }

.extranetv2SmallBoxGlobal.extranetv2Bootstrap.bs4 .nav-logged-in .nav-link.active span { display: inline-block; vertical-align: middle; }
.extranetv2SmallBoxGlobal.extranetv2Bootstrap.bs4 .nav-logged-in .nav-link.active:before { display: inline-block; content: ''; vertical-align: middle; width: 16px; height: 16px; background: url('/svgs_feather_user_ffffff') center center no-repeat; background-size: cover; margin-right: 5px; }

/* Boite normale */
.extranetv2NormalBoxPassForm, .extranetv2NormalBoxChgtPassForm { margin: 25px 0 0; padding: 25px 0 0; border-top: 5px solid #ffffff; display: block; }
.extranetv2NormalBoxChgtPassForm { display: none; }
.extranetv2NormalBoxGlobal { background: #F4F4F4; padding: 20px; width: 500px; overflow: hidden; color: #5e5e5e; }
.extranetv2NormalBoxGlobal a { color: #666; }
.extranetv2NormalBoxGlobal .extranetv2FieldWrapper { position: relative; }
.extranetv2NormalBoxGlobal .extranetv2FieldWrapper label { display: block; font-size: 16px; margin-bottom: 4px; }
.extranetv2NormalBoxGlobal .extranetv2FieldWrapper label.quickLabel { display: inline-block; font-size: 13px; margin-bottom: 0; }
.extranetv2NormalBoxGlobal .extranetv2FieldWrapper .extranetv2LabelNoDisplay { display: none !important; }
.extranetv2NormalBoxGlobal .extranetv2FieldWrapperInline * { vertical-align: middle; padding: 4px 0; }

.extranetv2NormalBoxComment { margin: 0; }

.extranetv2NormalBoxColLeft { float: left; width: 350px; }
.extranetv2NormalBoxColLeftLogged { width: 100%; float: none; }
.extranetv2NormalBoxColLeftLogged .extranetv2InputType2 { font-weight: normal; }
.extranetv2NormalBoxColRight { float: right; width: 150px; text-align: center; }
.extranetv2NormalBoxColRightLOGIN .extranetv2BtnType2 { margin-top: 97px; }
.extranetv2NormalBoxColRightPASSOUBLIE .extranetv2BtnType2 { margin-top: 30px; }

/* Boite changement de mot de passe seulement */
.extranetv2ChgtPassErrorMsgOnlyWrapper a { color: #666; }
.extranetv2ChgtPassErrorMsgOnlyWrapper .extranetv2NormalBoxChgtPassForm { padding-top: 0; margin-top: 0; border: none; }
.extranetv2ChgtPassErrorMsgOnlyWrapper .extranetv2NormalBoxComment { margin-bottom: 8px; }
.extranetv2ChgtPassErrorMsgOnlyWrapper .divOK { font-size: 16px; font-weight: normal; font-style: italic; color: #6A6868; }
.extranetv2ChgtPassErrorMsgOnlyWrapper .divOK a { font-size: 12px; font-weight: normal; text-decoration: none; }
.extranetv2NormalBoxColRightPASSONLY .extranetv2BtnType2 { margin-top: 79px; }

.ffError,select.ffError,textarea.ffError,input.ffError {
    background-color: #E28888;
    border: 1px solid #AE0000;
    color: #FFFFFF;
}

/* Création de compte */
.ftemplate.extV2Modele .ligne { margin-bottom: 15px; }
.ftemplate.extV2Modele .ligne label strong { font-weight: normal; }
.ftemplate.extV2Modele .ligne input:not([type="checkbox"]):not([type="radio"]), .ftemplate.extV2Modele .ligne textarea { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; }
.ftemplate.extV2Modele .ligne input:not([type="checkbox"]):not([type="radio"]).ffError, .ftemplate.extV2Modele .ligne textarea.ffError { background-color: #E28888; border: 1px solid #AE0000; color: #FFFFFF; }
.ftemplate.extV2Modele .ligne input:not([type="checkbox"]):not([type="radio"]) + br { display: none; }
.ftemplate.extV2Modele .ligne textarea { height: auto; }
.ftemplate.extV2Modele .ligne input[type="checkbox"] { width: auto; height: auto; display: inline-block; margin-right: 6px; position: relative; top: 1px; }

.ftemplate.extV2Modele div.ligne + div.ligne { margin-top: 10px; }
.ftemplate.extV2Modele td > select,
.ftemplate.extV2Modele td > input,
.ftemplate.extV2Modele td > textarea,
.ftemplate.extV2Modele div.ligne > select,
.ftemplate.extV2Modele div.ligne > input,
.ftemplate.extV2Modele div.ligne > textarea,
.ftemplate.extV2Modele div.ligne .pwd-confirm-field input { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; }
.ftemplate.extV2Modele td > textarea,
.ftemplate.extV2Modele div.ligne > textarea { height: auto; }
.ftemplate.extV2Modele td > input + br,
.ftemplate.extV2Modele td > textarea + br,
.ftemplate.extV2Modele div.ligne > input + br,
.ftemplate.extV2Modele div.ligne > textarea + br { display: none; }
.ftemplate.extV2Modele table.ftemplate td,
.ftemplate.extV2Modele div.ftemplate div.ligne { padding: 2px; }
.ftemplate.extV2Modele .actions { text-align: left; }

.extranetv2CreateAccount.bs4 .form-group.has-error input[type=text],
.extranetv2CreateAccount.bs4 .form-group.has-error input[type=password],
.extranetv2CreateAccount.bs4 .form-group.has-error textarea,
.extranetv2CreateAccount.bs4 .form-group.has-error input[type=text]:focus,
.extranetv2CreateAccount.bs4 .form-group.has-error textarea:focus { background-color: #E28888; border: 1px solid #AE0000; color: #FFFFFF; box-shadow: 0 0 0 0.2rem rgba(220, 107, 107, 0.2); }
.extranetv2CreateAccount.bs4 .form-group.has-error input[type=text]::placeholder,
.extranetv2CreateAccount.bs4 .form-group.has-error input[type=password]::placeholder,
.extranetv2CreateAccount.bs4 .form-group.has-error textarea::placeholder { color: #fff; opacity: 0.5; }

/* Password Meter */
.form-group.extv2-pwd-meter { margin-bottom: 10px; }
.extranetv2PasswordMeterContainer { position: relative; top: -10px; z-index: 2;}
.extranetv2PasswordMeter { height: 4px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1);  -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; }
.extranetv2PasswordMeterBar { width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #e81c4c; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; }
.extranetv2PasswordMeterInfos { margin-bottom: 20px; }
.extranetv2PasswordMeterOk { opacity: 0; border-radius: 50%; width: 30px; height: 30px; position: absolute; bottom: 11px; right: 4px; background: #83b864; translate(-50%,-50%) scale(0.0); -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; transition-delay: 500ms; }
.extranetv2PasswordMeterOk:before { transform: scale(0); border-radius: 50%; content: ''; display: block; background: #16b89b; z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; transition-delay: 700ms; }
.extranetv2PasswordMeterOk:after { transform: rotateY(90deg); border-radius: 50%; content: ''; display: block; background: url('/icos_tu02_FFFFFF_30'); z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; transition-delay: 900ms; }

.extranetv2PasswordMeterContainer.pOk .extranetv2PasswordMeterOk { transform: scale(1); opacity: 1; }
.extranetv2PasswordMeterContainer.pOk .extranetv2PasswordMeterOk:before { opacity: 1; transform: scale(1); }
.extranetv2PasswordMeterContainer.pOk .extranetv2PasswordMeterOk:after { opacity: 1; transform: rotateY(0deg); }
.extranetv2PasswordMeterContainer.pOk .extranetv2PasswordMeter { background: #fff; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0); box-shadow: inset 0 -1px 0 rgba(0,0,0,0); }

.extranetv2PasswordMeterContainer.p25 .extranetv2PasswordMeterBar { background-color: #e81c4c; }
.extranetv2PasswordMeterContainer.p50 .extranetv2PasswordMeterBar { background-color: #e88a1c; }
.extranetv2PasswordMeterContainer.p75 .extranetv2PasswordMeterBar { background-color: #83b864; }
.extranetv2PasswordMeterContainer.p100 .extranetv2PasswordMeterBar { background-color: #16b89b; }
.extranetv2PasswordMeterContainer.pOk .extranetv2PasswordMeterBar { background-color: transparent; }

/* Password toggle */
.extv2-pwd-wrp { position: relative; }
.extV2PassHideToggle { cursor: pointer; width: 24px; height: 24px; display: block; position: absolute; bottom: 36px; right: 0; background: url('/icos_eye02_868686_24') center center no-repeat; }
.extV2PassHideToggle.pwd-visible { background: url('/icos_eyec02_868686_24') center center no-repeat; }
.grp-pwd .extV2PassHideToggle { bottom: 7px;right: 5px; }

/* Héritages migration ancienne template mot de passe vers la version bs3 */

/* Ya bootstrap mais "l'ancienne version" */
.extranetv2ChgtPassWrapperOld .form-group { margin-bottom: 15px; }
.extranetv2ChgtPassWrapperOld .form-group input[type=text],
.extranetv2ChgtPassWrapperOld .form-group input[type=password] { width: calc(100% - 12px); }

/* Ya pas du tout bootstrap */
.extranetv2ChgtPassWrapperNoBs * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.extranetv2ChgtPassWrapperNoBs .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.extranetv2ChgtPassWrapperNoBs .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.extranetv2ChgtPassWrapperNoBs .btn-default { color: #333; background-color: #fff; border-color: #ccc; }
.extranetv2ChgtPassWrapperNoBs .form-group input[type=text],
.extranetv2ChgtPassWrapperNoBs .form-group input[type=password] { width: 100%; }