@charset "UTF-8";body{min-height:100%;height:100%;font-size:15px;color:#666;background-color:#fff;font-family:uot,sans-serif}#modalRecupId{display:none;width:600px}#modalRecupId .modal-content{padding:0}#modalRecupId iframe{border:none;width:100%;height:280px}input:-webkit-autofill{-webkit-text-fill-color:#000!important;-webkit-box-shadow:0 0 0 1000px #fff inset!important}.field:first-of-type input:-webkit-autofill{-webkit-text-fill-color:#000!important;-webkit-box-shadow:0 0 0 1000px #f6f6f6 inset!important}#page .bg{height:0;background:url(../images/bg_ferring.jpg);background-position-y:bottom;background-size:cover}#page .contenu{height:calc(100vh - 0vh)}#page .contenu .flex{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}#page .contenu .flex-center{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#page .contenu #logo{width:40%;margin:10px auto;min-width:150px}#page .contenu header,#page .contenu main{width:90%;text-align:center}#page .contenu header h2{margin:0;color:#01a7e1;font-size:2.3em;font-family:'exo bold'}#page .contenu header h3{margin:0;font-family:exo;color:#bdbdbd;font-size:2em}#page .contenu main{display:block}#page .contenu main .field{position:relative;overflow:hidden;height:60px;margin:0;color:#000f11;border:1px solid #e7e7e7;border-radius:0}#page .contenu main .field:first-of-type{border-bottom:0;background-color:#f6f6f6;margin-top:15px}#page .contenu main .field label{position:absolute;width:100%;padding:0 10px;margin-left:calc(60px + 15px);top:.5rem}#page .contenu main .field label img{width:auto}#page .contenu main .field.input-field .prefix{position:absolute;height:60px;width:calc(60px + 15px);padding:0 10px;top:0}#page .contenu main .field.input-field .prefix img{height:40%;margin:30% auto}#page .contenu main .field.input-field .prefix~input{width:calc(100% - calc(60px + 15px));margin-left:calc(60px + 15px);padding-left:10px;padding-top:10px;height:100%;font-size:1em;text-align:left}#page .contenu main .field.input-field .prefix~input[type=email],#page .contenu main .field.input-field .prefix~input[type=email].invalid,#page .contenu main .field.input-field .prefix~input[type=email].valid,#page .contenu main .field.input-field .prefix~input[type=email]:focus,#page .contenu main .field.input-field .prefix~input[type=email]:not(.browser-default),#page .contenu main .field.input-field .prefix~input[type=email]:not(.browser-default).invalid,#page .contenu main .field.input-field .prefix~input[type=email]:not(.browser-default).valid,#page .contenu main .field.input-field .prefix~input[type=email]:not(.browser-default):focus,#page .contenu main .field.input-field .prefix~input[type=password],#page .contenu main .field.input-field .prefix~input[type=password].invalid,#page .contenu main .field.input-field .prefix~input[type=password].valid,#page .contenu main .field.input-field .prefix~input[type=password]:focus,#page .contenu main .field.input-field .prefix~input[type=password]:not(.browser-default),#page .contenu main .field.input-field .prefix~input[type=password]:not(.browser-default).invalid,#page .contenu main .field.input-field .prefix~input[type=password]:not(.browser-default).valid,#page .contenu main .field.input-field .prefix~input[type=password]:not(.browser-default):focus,#page .contenu main .field.input-field .prefix~input[type=text],#page .contenu main .field.input-field .prefix~input[type=text].invalid,#page .contenu main .field.input-field .prefix~input[type=text].valid,#page .contenu main .field.input-field .prefix~input[type=text]:focus,#page .contenu main .field.input-field .prefix~input[type=text]:not(.browser-default),#page .contenu main .field.input-field .prefix~input[type=text]:not(.browser-default).invalid,#page .contenu main .field.input-field .prefix~input[type=text]:not(.browser-default).valid,#page .contenu main .field.input-field .prefix~input[type=text]:not(.browser-default):focus{border:0;-webkit-box-shadow:none;box-shadow:none}#page .contenu main .field.input-field .prefix~input[type=email].valid+label,#page .contenu main .field.input-field .prefix~input[type=email]:not(.browser-default).valid+label,#page .contenu main .field.input-field .prefix~input[type=password].valid+label,#page .contenu main .field.input-field .prefix~input[type=password]:not(.browser-default).valid+label,#page .contenu main .field.input-field .prefix~input[type=text].valid+label,#page .contenu main .field.input-field .prefix~input[type=text]:not(.browser-default).valid+label{color:#8f8f8f!important}#page .contenu main .field.input-field .prefix~input[type=email].invalid+label,#page .contenu main .field.input-field .prefix~input[type=email]:not(.browser-default).invalid+label,#page .contenu main .field.input-field .prefix~input[type=password].invalid+label,#page .contenu main .field.input-field .prefix~input[type=password]:not(.browser-default).invalid+label,#page .contenu main .field.input-field .prefix~input[type=text].invalid+label,#page .contenu main .field.input-field .prefix~input[type=text]:not(.browser-default).invalid+label{color:red}#page .contenu main .field.input-field>label{color:#8f8f8f;text-align:left;padding-left:0!important;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:1em!important}#page .contenu main .field.input-field>label:not(.label-icon).active{color:#8f8f8f;-webkit-transform:translateY(-85%) scale(1);transform:translateY(-85%) scale(1);-webkit-transform-origin:0 0;transform-origin:0 0}#page .contenu main #oubli_form{font-size:.9em;font-family:uot,sans-serif;float:right}#page .contenu main #oubli_form a{color:#666;text-decoration:none}#page .contenu main .button_form{display:block;height:50px;margin-top:15px;margin-bottom:15px;font-family:'uot black',sans-serif;font-size:1.5em;text-transform:uppercase;line-height:50px;background-color:#01a7e1;color:#fff;border-radius:0;text-align:center;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#page .contenu main .button_form:hover{background-color:#b0094e}#page .contenu main .button_form span{-webkit-transform-origin:center center;transform-origin:center center}#page .contenu footer{width:90%;text-align:center;margin-bottom:0}#page .contenu footer a{margin-bottom:0}@media screen and (min-width:600px){#page .contenu header,#page .contenu main{width:60%}#page .contenu footer{width:60%;height:30px}}@media screen and (min-width:900px){#page .flex{display:-ms-flexbox;display:-webkit-box;display:flex;height:100%}#page .bg{width:calc(100% - 45%);min-height:100vh;height:initial;background:url(../images/bg_ferring.jpg);background-position-x:center;background-position-y:top;background-size:cover;float:right}#page .contenu{min-height:100vh;height:100%;width:45%}#page .contenu .flex{padding:inherit;min-height:100vh}#page .contenu .flex-center{-ms-flex-wrap:wrap;flex-wrap:wrap}#page .contenu header{width:80%;margin:0 auto 20px 15%}#page .contenu header #logo{margin:0 0 30px}#page .contenu header h2,#page .contenu header h3{text-align:left}#page .contenu main{width:70%}#page .contenu main .field{height:75px}#page .contenu main .field label{margin-left:calc(75px + 15px);top:1rem}#page .contenu main .field.input-field .prefix{height:75px;width:calc(75px + 15px)}#page .contenu main .field.input-field .prefix~input{width:calc(100% - calc(75px + 15px));margin-left:calc(75px + 15px)}#page .contenu main .field.input-field>label:not(.label-icon).active{color:#8f8f8f;-webkit-transform-origin:0 0;transform-origin:0 0}#page .contenu main .button_form{margin-top:45px}#page .contenu footer{width:70%;height:30px}}@media screen and (min-width:1200px){#page .contenu header{width:75%;margin:0 auto 30px 20%}#page .contenu header h2{font-size:2.8em}#page .contenu header h3{font-size:2.3em}#page .contenu footer,#page .contenu main{width:60%}}@media screen and (min-width:1800px){#page .contenu footer,#page .contenu header,#page .contenu main{width:60%}}@media all and (-ms-high-contrast:none){#page .contenu main .field.input-field{overflow:visible;text-align:left!important}#page .contenu main .field.input-field .prefix{text-align:center}#page .contenu main .field.input-field .prefix~input::-ms-clear,#page .contenu main .field.input-field .prefix~input::-ms-reveal{display:none}}