/*---------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/
/*  CSS du login-footer.html                                                              */
/*     Version : EPS Abonnes NL                                                      */
/*---------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/

/* Pop in */

	.eiEps4popin {
		width:100% !important;
		top: 0px;
		left: 0px;
		height: 100%;
		z-index: 10000;
		position:fixed;
		overflow:auto;
		display: none;
		background:rgba(0,0,0,0.7);
	}   
		/* .eiEps4popin body, html { */
		/* min-width: 1024px; */
		/* height: 100%; */
		/* margin: 0; */
		/* padding: 0; */
		/* } */

		.eiEps4popin body {
		font-size: 1.4em;
		line-height: 1.5;
		}

		.eiEps4popin h1 {
			margin: 0 !important;
			font-weight: 500;
		}
		
		.eiEps4popin h2 {
			margin: 0 !important;
			font-weight: 300;
			font-size: 1.2em;
		}
		
		.eiEps4popin h3 {
			margin: 0 !important;
			font-weight: 300;
			color: #34495e;
			font-size: 1.7925em;
		}
		
		.eiEps4popin h4 {
			margin: 0 !important;
			font-weight: 600;
			color: #34465e;
		}
		
		.eiEps4popin p {
			font-weight: 400;
		}
	
		.eiEps4popin:target {
			outline: none;
			display: block;
		}

		.eiEps4popin .eiEps4contactpanel,
		.eiEps4popin .eiEps4callbackpanel {
			margin-top: 40px;
			border-radius: .8em;
		}
	
	eiEps4popin a img, eiEps4popin a img:hover, eiEps4popin a img:active, eiEps4popin a img:target, eiEps4popin a img:visited, eiEps4popin a img:link {
		border: none;
		text-decoration: none;
	}
	
	eiEps4popin a:focus, eiEps4popin a img:focus {
		outline: 0;
	}
	
	.eiEps4popin span.eiEps4btn,
	.eiEps4popin span.eps4btn {
		color: #fff !important;
		cursor: pointer;
		padding: 0.555em 1.755em;
		border-radius: 0.3em;
		font-weight: bold;
		top: 70%;
		margin-right: 1em;
		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
		-webkit-transition: all 250ms;
			-moz-transition: all 250ms;
				transition: all 250ms;
	}

	.eiEps4popin span.eiEps4btn:hover,
	.eiEps4popin span.eps4btn:hover {
		font-size: 1.0095em;
		box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	}

/* --------------------*/

/*Panel*/

	.eiEps4logpanel, 
	.eiEps4contactpanel, 
	.eiEps4conseilpanel, 
	.eiEps4legalpanel, 
	.eiEps4boutonPanel, 
	.eiEps4callbackpanel, 
	.eiEps4forgetPasswordpanel, 
	.eiEps4forgetLoginpanel {
		background: #fff;
		border: none;
		position: relative;
		border-color: rgba(213, 221, 224, .1);
		box-shadow: none;
	}
	
	.eiEps4contactpanel, 
	.eiEps4conseilpanel, 
	.eiEps4legalpanel, 
	.eiEps4boutonPanel,
	.eiEps4callbackpanel, 
	.eiEps4forgetPasswordpanel,
	.eiEps4forgetLoginpanel {
		border-radius: 3px;
	}

	.eiEps4logpanel, 
	.eiEps4contactpanel, 
	.eiEps4callbackpanel {
		width: 100%;
		max-width: 530px;
		min-height: 0;
	}
	
	.eiEps4legalpanel .eps4Close,
	.eiEps4contactpanel .eps4Close,
	.eiEps4callbackpanel .eps4Close {
		right: 10px;
		width: 30px;
		height: 55px;
		position: absolute;
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	
	.eiEps4legalpanel #epsContenuLegales .eiEps4logTitre,
	.eiEps4callbackpanel #epsContenuCallback .eiEps4logTitre,
	.eiEps4contactpanel #epsContenuContact .eiEps4logTitre {
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
		border-top-left-radius: .8em;
		border-top-right-radius: .8em;
	}

	.eiEps4legalpanel #epsContenuLegales .eiEps4logTitre h1,
	.eiEps4callbackpanel #epsContenuCallback .eiEps4logTitre h1,
	.eiEps4contactpanel #epsContenuContact .eiEps4logTitre h1 {
		font-size: 25pt;
		padding-top: 150px;
		margin-top: 0;
	}

	.eiEps4legalpanel #epsContenuLegales .eiEps4logTitre h3, 
	.eiEps4callbackpanel #epsContenuCallback .eiEps4logTitre h3,
	.eiEps4contactpanel #epsContenuContact .eiEps4logTitre h3 {
		font-size: 15pt;
		font-weight: 400;
		margin-bottom: 3em;
	}
	
	.eiEps4legalpanel #epsContenuLegales .eiEps4infoText,
	.eiEps4callbackpanel #epsContenuCallback .eiEps4infoText,
	.eiEps4contactpanel #epsContenuContact .eiEps4infoText {
		margin: 0px;
	}
	
	.eiEps4legalpanel #epsContenuLegales p,
	.eiEps4callbackpanel #epsContenuCallback p,
	.eiEps4contactpanel #epsContenuContact p {
		padding: 10px 80px 10px 80px;
		margin: 0px;
		font-size: 10pt;
		line-height : 1.5;
	}
	
	.eiEps4legalpanel #epsContenuLegales .eiEps4infoText h3 {
		text-align: center;
		padding-left: 20px;
		padding-right: 20px;
		margin: 0px;
	}
	
.eiEps4logTitre  p{
		font-size: 1.2em;
		font-weight: 400;
	}
	
	.eiEps4contactpanel #epsContenuContact .eiEps4logid,
	.eiEps4legalpanel .eiEps4logid,
	.eiEps4callbackpanel #epsContenuCallback .eiEps4logid {
		color: #34495e;
		padding: 2em 0;
		margin: 0;
		text-align: center;
	}

	.eiEps4contactpanel #epsContenuContact .eiEps4logid p {
		display: inline-block;
	}
	
	.eiEps4contactpanel #epsContenuContact .eiEps4logid a {
		color: #fff;
		display: inline-block;
	}
	
	/* Pannel contact */
	
	.eiEps4contactpanel {
		margin: 0px auto 70px auto;
	}
	
	.eiEps4contactpanel #epsContenuContact .eiEps4infoText {
		text-align: center;
	}
	
		.eiEps4contactpanel #epsContenuContact .eiEps4infoText ul {
			list-style-type: none;
			line-height : 1.5;
		}
	
	/* ------------------- */
	
	/* Pannel legales */
		
	.eiEps4legalpanel  {
		width: 95%;
		max-width: 1024px;
		min-height: 520px;
		text-align: left;
		margin: 40px auto 65px auto;
	}
	
		.eiEps4legalpanel .eiEps4infoText h4 {
			padding-left: 80px;
		}
	
	/* ------------------- */
	
	/* Pannel callback */
	
	.eiEps4callbackpanel {
		margin: 0px auto 70px auto;
	}
		.eiEps4callbackpanel .eiEps4logid .eps4reCAPTCHA {
			width: 95%;
			z-index: 20;
			text-align: center;
			position: relative;
			font-family: "EncodeSans-Thin", Arial, sans-serif;
			font-size: 12px;
		}

		.eiEps4callbackpanel .eiEps4logid .eps4reCAPTCHA p {
			color: #7e93a1 !important;
			padding-top: 0px !important;
			padding-bottom: 0px !important;
			padding-left: 20px !important;
			padding-right: 20px !important;
		}

		.eiEps4callbackpanel .eiEps4logid .eps4reCAPTCHA a{
			color: #7e93a1 !important;
			text-decoration: underline;
		}
		
		.eiEps4callbackpanel .eps4callbackPhone span.eps4tooltipInfo {
	background: #303c42;
}

.eiEps4callbackpanel span.eps4tooltipError {
	background: #d2220f;
}

.eiEps4callbackpanel span.eps4tooltipInfo:after {
	border-color: transparent #303c42;
}

.eiEps4callbackpanel span.eps4tooltipError:after {
	border-color: transparent #d2220f;
}

.eiEps4callbackpanel span.eps4tooltipInfo,
.eiEps4callbackpanel span.eps4tooltipError {
	color: #fff !important;
	z-index: 3;
	padding: .9em;
	font-size: .8em;
	width: 16em;
	position: absolute;
	line-height: 1.8em;
	margin-left: .5em;
	margin-top: -1.4em;
	border-radius: 0.1434em;
	transition: all .25s;
	display: none;
	word-wrap: break-word;
	
	
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
		-ms-hyphens: auto;
		-o-hyphens: auto;
			hyphens: auto;
}

	.eiEps4callbackpanel span.eps4tooltipInfo:after,
	.eiEps4callbackpanel span.eps4tooltipError:after {
		content: "";
		width: 0;
		height: 0;
		top: 45%;
		right: 100%;
		position: absolute;
		border-style: solid;
		border-width: 0.4302em 0.4302em 0.4302em 0;
	}

	.eiEps4callbackpanel span.eps4tooltipInfo {
		background: #303c42;
	}
	
	.eiEps4callbackpanel span.eps4tooltipError {
		background: #d2220f;
	}
	
		.eiEps4callbackpanel span.eps4tooltipInfo:after {
			border-color: transparent #303c42;
		}
		
		.eiEps4callbackpanel span.eps4tooltipError:after {
			border-color: transparent #d2220f;
		}
	
	.eiEps4callbackpanel .eps4settingError {
		padding-left: 1.4em;
		width:90%;
		color: #fff;
		height: auto;
		margin: .5em auto;
		display: none;
		font-size: 1.1em;
		border-radius: .4em;
		position: relative;
		background-color: #ff4f38;
		text-shadow: 1px 1px 0px #999;
		box-shadow: 0px 0px 2px rgba(0,0,0,0.35);
	}

	.eiEps4callbackpanel .eps4settingInfo {
		width: 97%;
		z-index: 20;
		margin: .5em auto;
		color: #7e93a1 !important;
		border: .0717em solid #eaeff0;
		display: none;
		position: relative;
		background-color: #f6f8f9;
	}
	
	.eiEps4callbackpanel .eps4settingInfo p, .eiEps4callbackpanel .eps4settingError p {
		padding: .5em 5% !important;
		margin-top: 0px !important;
	}
	
	.eiEps4callbackpanel .eps4settingError p {
		color: #fff !important;
	}
	
	.eiEps4callbackpanel .eps4inputError {
		animation: shake .5s ease-in-out;
		opacity: 1 !important;
		border: 0.0924em solid #d2220f !important;  
	}

		.eiEps4callbackpanel .eiEps4logid .eps4closeCallback {
			color: #313131 !important;
		}
	
		.eiEps4callbackpanel span.eiEps4btn.grey.eps4closeCallback {
			color: #313131 !important;
			background: #EDECEA;
		}
		
		.eiEps4callbackpanel .eiEps4infoText p {
			margin-top: 50px;
			display: inline-block;
			padding-left: 0;
			padding-right: 10px;
			padding: 10px 80px 10px 80px;
			font-size: 10pt;
		}

		.eiEps4callbackpanel .eiEps4infoText input {
			opacity: .8;
			overflow: auto;
			color: #7e93a1;
			height: 30px;
			line-height: 30px;
			border-radius: 0.417em;
			background: #eaeff0;
			float: left;
			border: 0.0424em solid rgba(52, 73, 94, .6);
		}

		.eiEps4callbackpanel .eiEps4infoText .eps4callbackPhone {
			width: 70%;
			margin: 2em auto 1em auto;
		}
		
			.eiEps4callbackpanel .eiEps4infoText .eps4callbackPhone .eps4callbackTable {
				font-weight: bold;
			}
			
				.eiEps4callbackpanel .eiEps4infoText .eps4callbackPhone .eps4callbackTable .eps4callbackUrlCell {
					display: none;
				}
				
				.eiEps4callbackpanel .eiEps4infoText .eps4callbackPhone .eps4callbackTable td {
					position: relative;
				}
				
				.eiEps4callbackpanel .eiEps4infoText .eps4callbackPhone .eps4callbackTable .eps4callbackNumberCell .iti {
					display: inline !important;
					position: static !important;
				}
			
				.eiEps4callbackpanel .eiEps4infoText .eps4callbackPhone .eps4callbackTable .eps4callbackNumberCell .eps4tooltipInfo,
				.eiEps4callbackpanel .eiEps4infoText .eps4callbackPhone .eps4callbackTable .eps4callbackNumberCell .eps4tooltipError{
						left: 205px;
				}
				
				.eiEps4callbackpanel .eiEps4infoText .eps4callbackPhone .eps4callbackTable .eps4callbackNumberCell .iti__tel-input{
					font-weight: bolder !important;
				}
			
				.eiEps4callbackpanel .eiEps4infoText .eps4callbackPhone td {
					border-right: 5px solid #fff;
				}

					.eiEps4callbackpanel .eiEps4infoText .eps4callbackPhone td input  {
						width: 290px !important;
					}
	
	/* ------------------- */