/**** ---- MEDIA QUERIES ---- ****/

@media only screen and (max-device-width: 480px), only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2), screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    body,
    html {
        min-width: 100% !important;
    }
    #ei_tpl_fullSite {
        width: 100%;
        height: 100%;
        min-width: inherit;
    }
    .eiEps4cookie {
        display: none !important;
    }
    #eiEps4head {
        background-size: contain;
        background-position: center;
    }
    body.eps4mobileAccess #eiEps4logContent {
        display: block;
    }
    
    #eiEps4mobile {
		/* Correction temporaire pour le Jira 10416: Supprimer l'écran incitant à utiliser l'application mobile sur navigateur mobile */
        /*display: block;*/
    }
    #eiEps4split {
        padding-left: 0;
    }
    .eiEps4infoText {
        text-align: justify !important;
    }
    #eiEps4phone {
        width: 95%;
        margin: auto;
        background: #fff;
    }
    #goDesktop {
        color: #0f74a8;
        display: inline-block;
        padding-bottom: 2px;
        text-decoration: underline;
        cursor: pointer;
    }
    #eiEps4split {
        padding-left: 0;
    }
    
    .eiEps4logText {
        padding: 15px;
        text-align: center;
    }
    .eiEps4logText p {
        color: #34495E;
    }
    .eiEps4logText a {
        color: #0f74a8;
        border-bottom: 1px solid #0f74a8;
    }
    /*Applications Logo*/
    #iOS,
    #Android,
    #Wphone {
        width: 140px;
        height: 140px;
        margin: 1em auto;
        border-radius: 50%;
        display: none;
    }
    #iOS {
        background: #0f74a8 url(/fr/images/eps/transverse/apple.png?v=03185e3d32) no-repeat center;
    }
    #Android {
        background: #0f74a8 url(/fr/images/eps/transverse/android.png?v=788e4916dd) no-repeat center;
    }
    #Wphone {
        background: #0f74a8 url(/fr/images/eps/transverse/windows.png?v=1230e790e3) no-repeat center;
    }
    /*Show Login*/
	
	#eiEps4split {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	
    .splitTwin:first-child {
        margin-bottom: 7px !important;
    }
	
    .split {
        margin: 1em auto !important;
        float: none !important;
	
    }
	
	
    .right {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
		left: 0;
    }
	
	.middle {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
	
    .left {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
		left:0;
    }
    
    .eiEps4infoText p {
        padding: 10px 20px 10px 20px;
    }
    
    .eiEps4infoText ul {
        padding: 10px 20px 10px 50px;
    }
    
    .eiEps4infoWrapper .eiEps4infoText h4, 
    .eiEps4legalpanel .eiEps4infoText h4 {
        padding-left: 20px;
    }
    
    .eiEps4logTitre {
        height: auto;
    }
    
    .eiEps4logTitre h3 {
        margin-bottom: 20px;
    }
	
	#ei_tpl_footer,
	#eiEps4logContent {
		/* Correction temporaire pour le Jira 10416: Supprimer l'écran incitant à utiliser l'application mobile sur navigateur mobile */
		/*display:none;*/
	}
	
	body #ei_cookie, body #ei_cookie_perso {
		top: 0;
	}
	
	#ei_cookie_perso .ei_cookie__wrapper > p {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	
	#ei_cookie_perso .ei_cookie__label {
		flex: 1;
		text-align: left;
		min-width: auto;
	}
}

#ei_cookie, #ei_cookie_perso {
	top: 64px;
	position: absolute;
}