/* generated
*/


html,body {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    background-color:#E9F7FD;
    font-family:sans-serif;
    font-size:19px;
    overflow-y: hidden;
}

.model #frame_inner {
    opacity:0.5;
}

#frame {
    display:table;
    width:1340px;height:886px;
    border:solid 0px black;
    margin-left:auto;margin-right:auto;margin-bottom:0;margin-top:0;
    position:relative;
}

#frame_inner {
    display:table-row;
    height:100%;
    width:100%;
}

#frame_inner2 {
    display:table-cell;
    height:100%;
    width:100%;
}

#logo {
    background-size:98%;
    border: 0px solid #000000;
    height: 30.9% /*158px*/;
    left: 19.55% /*262px*/;
    position: absolute;
    top: 2.97%/*115px*/;
    width: 20.07% /*269px*/;
}

#title {
    background-size:100%;
    border: 0px solid #000000;
    height: 9.93% /*88px*/;
    left: 55.52% /*744px*/;
    position: absolute;
    top: 15.91% /*141px*/;
    width: 41.86% /*561px*/;
}

#message {
    left: 56.52% /*744px*/;
    position: absolute;
    bottom: 56.5% /*141px*/;
    width: 41.86% /*561px*/;
}

#messages {
    margin-top:10px;
}

#main_image {
    border: 0px solid #000000;
    bottom: 0;
    height: 64% /*571px*/;
    left: -11%;
    position: absolute;
    width:51%;/* 693px; */
}

#form {
    background-size:100%;
    border: 0px solid #000000;

    height: 34.65% /*307px*/;
    left: 54.40% /*729px*/;
    position: absolute;
    top: 41.76% /*370px*/;
    width: 43.65% /*585px*/;

    padding-left:1.27%/*17px*/;
    padding-top:5.30%/*47px*/;
}
#form form {
    display:block;
    width:100%;
    height:100%;
    padding-top: 3.39%/*30px*/;
}

#form .control-main-wrapper {
    display:block;
    width:89.23%/*522px/ 585 */;
    margin-left:auto;
    margin-right:auto;
}

#form .control-label {
    color:#fff;
    text-transform: uppercase;
}
#form .control {
    display:block;
    width:100%;
    height:13.31%/*41px*/;
    margin-bottom:1.81%/*16px*/;
    background-color:#ffffff;
}
#form .control input {
    display:block;
    font-size:19px;
    padding-left:10px;
    width:100%;
    height:41px;
    margin:0;
    border:solid 0 #fff;
}
#form .login-buttons {
    float:right;
    height:14.61%/*45px*/;
    width:27.7%;
    display:block;
    margin-right: 107px;
    margin-top: 1.13%/*10px*/;
}
#form .login-buttons a {
    background-size:100%;
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
    width: 100%/*162px*/;
    height: 100%/*45px*/;
    display:block;
    text-align:center;
    line-height:200%/*45px*/;
}

#form .login-buttons a {
    background-image: linear-gradient(#434043, #434043)!important;
}


#frame {
    position: relative;
    width: 100%!important;
    background: url(/nx/skins/faurie/images/AdobeStock_221157034.jpeg) no-repeat no-repeat 98% 86% / 113% auto rgba(0, 0, 0, 0)!important;
}
#frame .mask {
    position: absolute;
    background-color: #fffcfcd4;
    display: block;
    height: 100%;
    width: 100%;
}

#form{
    background-image: linear-gradient(to bottom right, #BC12AE, #e92cd9)!important;
    border-radius: .5rem;
    left: 45.4% /*729px*/;
    top: 55.76% /*370px*/;
    height:unset!important;
    padding: 2rem 0px!important;
}

#frame_inner2 , #frame_inner {
    display: block!important;
}


#logo {
    top: 2%;
    left: unset!important;
    right: 9%!important;
    width: 28%;
    height: 25%;
    background-size: contain!important;
}

#main_image {
    left: -8.50%;
    height: 74%;
    top:9%;
    background: url(/nx/skins/faurie/images/SIGNEGRISRVBE-fdblanc.png) no-repeat no-repeat center top / 100% auto rgba(0, 0, 0, 0)!important;
}