/*---------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/
/*  CSS du login-footer.html                                                              */
/*     Version : Homiris Abonnes FR                                                      */
/*---------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/


/*Texte*/
	
	/* 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;
						}
		
		/* ------------------- */