/*-------------------------------------------------------------
 Global
---------------------------------------------------------------*/
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* sur Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* sur Safari et Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* sur Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}


html {font-size: 100%;}
body.fl-theme-iphone {
	margin: 0; padding: 0; background: #fff;
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari et Chrome */
    -o-animation: fadein 2s; /* Opera */
    }
body.fl-theme-iphone , 
body.fl-theme-iphone  input, 
body.fl-theme-iphone textarea {font-family: Arial, Helvetica, sans-serif; font-size: .7em; line-height: 1.1em; color: #000;}
body.fl-theme-iphone a {color: #4d789d;}
body.fl-theme-iphone label {cursor: pointer;}
body.fl-theme-iphone .warn-small {
   font-size: 1em;
}

body.fl-theme-iphone form {
	margin: 0; padding: 0;top: calc(50% - 150px);
	position: absolute;
	width: calc(100% - 81px);
	background-color: white;

}

/*-------------------------------------------------------------
 Fonts
---------------------------------------------------------------*/
@font-face 
{
    font-family: 'BabyMinePlump';
    src: url('fonts/babymine-plump-webfont.eot');
    src: url('fonts/babymine-plump-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/babymine-plump-webfont.woff') format('woff'),
         url('fonts/babymine-plump-webfont.otf') format('truetype'),
         url('fonts/babymine-plump-webfont.svg#BabyMinePlump') format('svg');
    font-weight: 950; font-style: normal;
}

/*-------------------------------------------------------------
 Login
---------------------------------------------------------------*/
body.fl-theme-iphone .formLogin input.inptText:focus {border-color: #fba4b1 !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;}
body.fl-theme-iphone .formLogin input.inptText:hover {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;}

body.fl-theme-iphone .formLogin input.inptText {border: 0; width: 100%; padding: 7px; background: #fff; border: 1px solid #eff0f3; border-top: 1px solid #dcdde1; border-left: 1px solid #dcdde1; color: #535353; font-size: 11px; color: #000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
body.fl-theme-iphone .formLogin input.loginBtn {
width: 71px; height: 29px; 
border: 0; cursor: pointer; 
color: #fff; 
font-size: 13px; 
font-weight: bold; 
background-color: #4d789d;
}
body.fl-theme-iphone .formLogin input.loginBtn:hover {background-position: 0 -29px;}
body.fl-theme-iphone .formLogin input.loginBtn:active {background-position: 0 -58px;}
body.fl-theme-iphone .formLogin .label-login input.inptText {font-family: "BabyMinePlump", Arial, sans-serif;}
body.fl-theme-iphone #username {font-family: "BabyMinePlump", Arial, sans-serif;}
body.fl-theme-iphone .formLogin .log-fraud {padding: 20px 0 0 0px; color: #666; font-weight: bold;}
body.fl-theme-iphone #conteneur #legal-bloc{display: none;}
body.fl-theme-iphone .formLogin label {display: block; margin: 0 0 16px 0;}
body.fl-theme-iphone .formLogin label strong {display: block; font-size: 12px; margin: 0 0 6px 0; color: #222;}



/*-------------------------------------------------------------
 box
---------------------------------------------------------------*/
body.fl-theme-iphone .box 
{
	width: 540px; height: 180px; background: #f5f5f5; border: 1px solid #ececec;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	position: relative; top: 50%; left: 50%; margin-left: -291px; margin-top: -92px;
}
body.fl-theme-iphone #conteneur
{
	width: 100%;
    background-color: #4c779d;
	background-image: url("/layout/image/home/HOME-EASY PROD=V02.jpg");
	background-size: auto 100%;
    background-position: right top;
    background-repeat: no-repeat;
	height: 100%;
	position: absolute;
}



body.fl-theme-iphone .box h3,
body.fl-theme-iphone h2 {font-family: "BabyMinePlump", Arial, sans-serif; font-size: 18px; color: #000; margin: 0 0 10px 0; cursor: default; height: 32px; line-height: 32px;}
body.fl-theme-iphone #conteneur h3 {
	font-family: "BabyMinePlump", Arial, sans-serif; 
	font-size: 18px; 
	color: #000; 
	margin: 0 0 10px 0; 
	cursor: default; 
	height: 32px; 
	line-height: 32px;
}

body.fl-theme-iphone .box .box-c {position: relative; padding: 40px;}
body.fl-theme-iphone #conteneur .box-c {position: relative; padding: 0px 40px 0px 40px;max-width: 312px;width:80%;background: #fff;position: relative;margin-left: 10%;height: 100%;}
body.fl-theme-iphone .box p {font-size: 12px; color: #282828; line-height: 18px;}
body.fl-theme-iphone #conteneur p {font-size: 12px; color: #282828; line-height: 18px;}
body.fl-theme-iphone .box .logo {background: url("image/logo_login.gif") right top no-repeat; width: 180px; height: 40px; position: absolute; top: 36px; right: 40px;}

body.fl-theme-iphone #conteneur #logo 
{
	background: url("/layout/image/home/EASY PROD.jpg") center center no-repeat; 
	width: 100%; 
	background-size: contain; 
	position: relative;
	transition: none 0s ease 0s;
	height: 12%;
	top: 50px;
}

/* box-login */
body.fl-theme-iphone .box-login {height: 313px; width: 406px; margin-left: -204px; margin-top: -159px;}
body.fl-theme-iphone .box-login h3 {margin-top: -10px;}

/* box-loginSuccess */
body.fl-theme-iphone .box-loginSuccess {width: 580px;}
body.fl-theme-iphone .box-loginSuccess h3 {background: url('image/icon_login_success.gif') 0 center no-repeat; padding-left: 50px;}
body.fl-theme-iphone .box-loginSuccess .logo {top: 45px;}

/* box-logoutSuccess */
body.fl-theme-iphone .box-logoutSuccess {width: 580px;}
body.fl-theme-iphone .box-logoutSuccess h2 {background: url("image/icon_logout_success.gif") 0 center no-repeat; padding-left: 50px;}
body.fl-theme-iphone .box-logoutSuccess .logo {top: 45px;}

body.fl-theme-iphone .label 
{
	font-weight: bold;
}

body.fl-theme-iphone #saisie
{
	/*padding-left: 35px;*/
	display: block; font-size: 12px; margin: 0 0 6px 0; color: #222;
}

body.fl-theme-iphone #utilisateur 
{
	margin: 0 0 10px;
}


body.fl-theme-iphone #mdp 
{
	margin: 0 0 10px;
}

/*Messages d'erreur avec l'icone warning*/

body.fl-theme-iphone .info, 
body.fl-theme-iphone .errors, 
body.fl-theme-iphone .success {
	clear:both; 
	margin: 12px 0; 
	padding:20px 20px 20px 80px; 
	font-size:10px; 
	line-height:1.5;
}



body.fl-theme-iphone .errors {
top: 370px;
left: 125px;
background: #fed url(image/home/error_flat.png) no-repeat;
background-position : 10px 14px;
color: #4d789d;
z-index: 0;
background-size: 43px;
}

body.fl-theme-iphone #cas {
  /*! width: 100%; */
  /*! height: 100%; */
}

body.fl-theme-iphone #lostpassword {
    margin-top: -18px !important;
    position: relative;
    float: right;
}

body.fl-theme-iphone #decoration {
  width: calc(100% - 80px);
  height: 10%;
  background: url("/layout/image/home/LOGO_GUTENBERG_NOIR.png") center center no-repeat;
  background-size: contain;
  bottom: 50px;
  position: absolute;
}



@media all and (orientation: portrait) {
 body.fl-theme-iphone #conteneur {
 background:none !important;
 background-image: url("") !important;
 }
 body.fl-theme-iphone #conteneur .box-c {margin-left: auto; margin-right: auto;}
 body.fl-theme-iphone form, 
 body.fl-theme-iphone #conteneur #logo, 
 body.fl-theme-iphone #decoration  {transform: scale(1.5);}
}