@import url(https://fonts.googleapis.com/css?family=Ubuntu);

body {
       font-family: 'Ubuntu', sans-serif; font-size:12px; padding:5px; color:#303030; text-align:center
}

.div_background {
    padding: 5px 0px 5px  15px;  width:500px ; 
     display: block;
  margin-left: auto;
  margin-right: auto; padding-left:100px
}

.error_message {
    color: red;
}
.line_form { padding:3px 0px 5px 5px; text-align:left
}
.line_form_r{ padding:3px 0px 5px 5px; text-align:right!important}
.button_save 
{
    background-color:#1e73be; color:#fff; padding:5px ; cursor:hand; font-family: 'Ubuntu', sans-serif; font-size:15px;  text-decoration:none; 
    border-bottom: 1px #085294 solid; border-right: 1px #085294 solid;
    border-top: 1px #1e73be solid; border-left: 1px #1e73be solid;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
.button_cancel 
{
    background-color:#89beec; color:#fff; padding:5px ; border: none; cursor:hand; font-family: 'Ubuntu', sans-serif; font-size:15px;  text-decoration:none;
       -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
      border-bottom: 1px #085294 solid; border-right: 1px #085294 solid;
    border-top: 1px #89beec solid; border-left: 1px #89beec solid;


}
.lien_interne 
{
	color: #000000;
	text-decoration:underline;
}

.lien_account {
    color: #000000;
    text-decoration: underline;
}

.tb_form {
    font-family: 'Ubuntu', sans-serif; font-size:14px; width:200px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px; height:25px; background-color:#F2F3F7; color:#1e73be
}

.line_form_c{ text-align:center; padding-bottom:10px; padding-top:20px}
/*popup modale*/
.ModalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}
.ModalPopup
{
  background-color: #fff; border-bottom:10px solid #F2F3F7;  padding: 10px;
}

/*fin popup modale*/
.tb_formpwd{ display:none}

.login_popup {
    width:500px;
}

.logo_login {
    width: 240px !important;
}

@media screen and (max-device-width: 600px) and (max-device-height: 1000px) {
    /*Login*/

    .logo_login {
        width: 300px;
    }

    .tb_form {
        
        font-size: 28px;
        width: 600px;
        height:67px;
    }

    .div_background {
    
        width: 90%;
 
    }


    .lab_login {
        font-size:28px;
    }

    .lien_interne {
        font-size:28px;
    }

    .button_save {

        font-size: 30px;
        min-width: 170px;
        height: 67px;
    }

    .button_cancel {
        font-size: 30px;
        min-width: 170px;
        height: 67px;
    }

    .login_popup {
        width: 800px;
        height: 500px;
    }

    .lien_account img {
        width: 200px;
    }

    .margin_mobile{
        margin-left:90px;
    }

}