/* Image responsive header */
/*.ei_header {background-image: url('../../images/2020/fol/header_mobile.jpg'); }*/

/* Styles utilisés dans des variables SINBAD SE */
.checkList {list-style: none; } 
.checkCase {position: relative; padding-left: 40px; }
.checkCase p {margin: 5px 0 5px 0; }
.checkCase:before {content:''; position: absolute; left: 5px; background: url('/fr/images/2020/appli_sifi/picto_check.png') no-repeat; display: block; width: 25px; height: 25px; background-size: cover; top: 50%; transform: translateY(-50%); }
.crossCase {position: relative; padding-left: 40px; }
.crossCase p {margin: 5px 0 5px 0; }
.crossCase:before {content:''; position: absolute; left: 5px; background: url('/fr/images/2020/appli_sifi/picto_cross.png') no-repeat; display: block; width: 20px; height: 20px; background-size: cover; top: 50%; transform: translateY(-50%); }

.contratBloc.Mob {display: none; }
.contratBloc.Desk {display: flex; justify-content: center; max-width: 1280px; margin: 0 auto; }
.contratBloc .leftPart, .contratBloc .rightPart {width: 50%; float: left;background-color: #f3f4f5;margin-left: 20px; }
.leftPart {border-right: 1px solid #f0f0f0; }
/*.rightPart {border-left: 1px solid black; }*/
.leftPart ul {padding: 5px 20px 5px 40px; }
.rightPart ul {padding: 5px 40px 5px 40px; }
.itsmeLogo, .carteEID {text-align: center; width: 80%; margin: 0 auto; }	
.itsmeLogo img, .carteEID img {vertical-align: middle; width: 40px; }
.itsmeLogo:after {content: ''; vertical-align: middle;	margin-left: 10px; }
.carteEID:after {content:''; vertical-align: middle; margin-left: 10px; }
.itsmeDesc {padding: 5px 5px 5px 25px; }
.eidDesc {padding: 5px 5px 5px 25px; }
.catchLine {text-align: center; }
.catchlineleft {text-align: left; width: 60%; margin: 0 auto!important; }
.leftPart {border-right: none; }
.titrebloc {text-align:center;}
/*.leftPart ul {padding: 5px 20px 5px 0; }*/
.contratbloc.mob {display: none; }
.contratbloc.desk {display: flex; justify-content: center; max-width: 795px; margin: 0 auto; }
.contratbloc .leftpart, .contratbloc .rightpart {width: 50%; float: left; }
.leftpart {border-right: 1px solid #f0f0f0; }
.rightpart {border-left: 1px solid #f0f0f0; }
.leftpart ul {padding: 5px 20px 5px 40px; }
.rightpart ul {padding: 5px 40px 5px 40px; }
.itsmelogo, .carteeid {text-align: center; width: 100%; margin: 0 auto; }	
.itsmelogo img, .carteeid img {vertical-align: middle; }
.itsmelogo:after {content: ''; vertical-align: middle; margin-left: 10px; }
.carteeid:after {content:''; vertical-align: middle; margin-left: 10px; }
.itsmedesc {padding: 5px 5px 5px 25px; }
.eiddesc {padding: 5px 5px 5px 25px; }
.catchline {text-align: center; }
.itsmelogo {background-image: url("/fr/images/2020/appli_sifi/itsme-logo.png");	background-repeat: no-repeat; background-size: contain; background-position: center; height: 50px; line-height: 2; }
.carteeid {background-image: url("/fr/images/2020/appli_sifi/signelec-logo.png"); background-repeat: no-repeat; background-size: contain; background-position:center; height: 50px; line-height: 2; }
.explainlist {margin: 10px 45px; list-style: decimal; }
.strongTitle {font-weight: 700; }
.explications.explaDesk {display: block; }
.explications.explaMob {display: none; }

/*hack de 1 jour
div.a_blocappli h4 {display:none;}
#I0\:T\:root {display:none;}
._c2.ei_tile_expanded._c1.ei_tile.ei_signature-demande-credit{display:none;}
hack de 1 jour*/

@media screen and (max-width:1024px)
{	.explications.explaDesk {display: none; }
	.explications.explaMob {display: block; }
}

@media screen and (max-width:800px)
{	.contratBloc.Desk, .catchLine{display: none;  }
	.topPart {padding: 10px; border-bottom: 4px solid #f5f5f5; border-top: 4px solid #f5f5f5;background-color: #f3f4f5; }
	.topPart ul {padding: 5px 20px 5px 40px; }
	.itsmeLogo {text-align: left; width: auto; margin: 14px 0; }
	.itsmeDesc {padding: 0; }
	.itsmeLogo img, .carteEID img {vertical-align: middle; }
	/*.itsmeLogo:after {content: 'avec itsme®'; vertical-align: middle; margin-left: 10px; }*/
	.contratBloc.Mob {display: block; font-size: 13px; }
	.listStyle {margin: 0 15px; }
	.lightText {color: #c0c0c0; }
	.rightpart {display: none; }
	.itsmelogo {text-align: left; width: auto; margin: 14px 0; background-position: center; height: 40px; line-height: 3; padding-left: 54px!important; }
	.itsmedesc {padding: 0;	}
	.itsmelogo img, .carteeid img {vertical-align: middle; }
	/*.itsmelogo:after{content: 'avec itsme®'; vertical-align: middle; margin-left: 10px; }*/
	.contratbloc.mob {display: block; font-size: 13px; }
	.liststyle {margin: 0 15px;	}
	.lighttext {color: #c0c0c0;	}
}