@charset "UTF-8";body{min-height:100%;height:100%;font-size:14px;color:#666;background-color:#fff;font-family:open_sansregular,sans-serif}.clear{clear:left}#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}#page .bg{height:0;background:url(../images/bg_education_elearning.jpg);background-position-y:bottom;background-size:cover}#page hr{width:75%;margin:5% auto;border:0;border-top:1px solid #c8c8c8}#page .contenu{margin:0;height:calc(100vh - 0vh - (0 * 2))}#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:80%;margin:10px auto;min-width:100px}#page .contenu header,#page .contenu main{width:90%;text-align:center}#page .contenu header h2{margin:0;color:#666;font-size:1.3em}#page .contenu header h2:last-of-type{margin-bottom:5%}#page .contenu main{display:block}#page .contenu main #fields .field{position:relative;overflow:hidden;height:45px;margin:0 0 10px;color:#000f11;border:1px solid #c8c8c8;border-radius:3px;font-size:12px}#page .contenu main #fields .field:first-of-type{background-color:#fff;margin-top:15px}#page .contenu main #fields .field label{position:absolute;width:100%;padding:0 10px;margin-left:calc(45px + 0px);top:.5rem}#page .contenu main #fields .field label img{width:auto}#page .contenu main #fields .field.input-field .prefix{position:absolute;height:45px;width:calc(45px + 0px);padding:0 12px;top:0;right:0;}#page .contenu main #fields .field.input-field .prefix img{margin:12px auto}#page .contenu main #fields .field.input-field .prefix~input{width:85%;width:calc(100% - calc(45px + 0px));margin:0;margin-left:calc(45px + 0px);padding-left:10px;padding-top:0;height:100%;font-size:1rem;text-align:left}#page .contenu main #fields .field.input-field .prefix~input[type=email],#page .contenu main #fields .field.input-field .prefix~input[type=email].invalid,#page .contenu main #fields .field.input-field .prefix~input[type=email].valid,#page .contenu main #fields .field.input-field .prefix~input[type=email]:focus,#page .contenu main #fields .field.input-field .prefix~input[type=email]:not(.browser-default),#page .contenu main #fields .field.input-field .prefix~input[type=email]:not(.browser-default).invalid,#page .contenu main #fields .field.input-field .prefix~input[type=email]:not(.browser-default).valid,#page .contenu main #fields .field.input-field .prefix~input[type=email]:not(.browser-default):focus,#page .contenu main #fields .field.input-field .prefix~input[type=password],#page .contenu main #fields .field.input-field .prefix~input[type=password].invalid,#page .contenu main #fields .field.input-field .prefix~input[type=password].valid,#page .contenu main #fields .field.input-field .prefix~input[type=password]:focus,#page .contenu main #fields .field.input-field .prefix~input[type=password]:not(.browser-default),#page .contenu main #fields .field.input-field .prefix~input[type=password]:not(.browser-default).invalid,#page .contenu main #fields .field.input-field .prefix~input[type=password]:not(.browser-default).valid,#page .contenu main #fields .field.input-field .prefix~input[type=password]:not(.browser-default):focus,#page .contenu main #fields .field.input-field .prefix~input[type=text],#page .contenu main #fields .field.input-field .prefix~input[type=text].invalid,#page .contenu main #fields .field.input-field .prefix~input[type=text].valid,#page .contenu main #fields .field.input-field .prefix~input[type=text]:focus,#page .contenu main #fields .field.input-field .prefix~input[type=text]:not(.browser-default),#page .contenu main #fields .field.input-field .prefix~input[type=text]:not(.browser-default).invalid,#page .contenu main #fields .field.input-field .prefix~input[type=text]:not(.browser-default).valid,#page .contenu main #fields .field.input-field .prefix~input[type=text]:not(.browser-default):focus{border:0;-webkit-box-shadow:none;box-shadow:none}#page .contenu main #fields .field.input-field .prefix~input[type=email].valid+label,#page .contenu main #fields .field.input-field .prefix~input[type=email]:not(.browser-default).valid+label,#page .contenu main #fields .field.input-field .prefix~input[type=password].valid+label,#page .contenu main #fields .field.input-field .prefix~input[type=password]:not(.browser-default).valid+label,#page .contenu main #fields .field.input-field .prefix~input[type=text].valid+label,#page .contenu main #fields .field.input-field .prefix~input[type=text]:not(.browser-default).valid+label{color:#e20056!important}#page .contenu main #fields .field.input-field .prefix~input[type=email].invalid+label,#page .contenu main #fields .field.input-field .prefix~input[type=email]:not(.browser-default).invalid+label,#page .contenu main #fields .field.input-field .prefix~input[type=password].invalid+label,#page .contenu main #fields .field.input-field .prefix~input[type=password]:not(.browser-default).invalid+label,#page .contenu main #fields .field.input-field .prefix~input[type=text].invalid+label,#page .contenu main #fields .field.input-field .prefix~input[type=text]:not(.browser-default).invalid+label{color:red}#page .contenu main #fields .field.input-field>label{color:#8f8f8f;text-align:left;padding-left:10px!important;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:1;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out}#page .contenu main #fields .field.input-field>label:not(.label-icon).active{color:#e20056;-webkit-transform:translateY(-85%) scale(.8);transform:translateY(-85%) scale(.8);-webkit-transform-origin:0 0;transform-origin:0 0;opacity:0}#page .contenu main #fields .button_form{display:block;cursor:pointer;height:45px;margin-top:15px;margin-bottom:15px;font-family:'uot black',sans-serif;font-size:1.1em;line-height:50px;background-color:#e20056;color:#fff;border-radius:3px;text-align:center;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}#page .contenu main #fields .button_form:hover{background-color:#717171}#page .contenu main #fields .button_form span{-webkit-transform-origin:center center;transform-origin:center center}#page .contenu main #oubli_form{position:relative;font-size:.9em;width:100%;font-family:uot,sans-serif;text-align:right;float:right;margin-bottom:15px}#page .contenu main #oubli_form:before{content:" ";position:absolute;right:0;color:#707070;top:50%;width:100%;height:10px;border-top:1px solid #c8c8c8}#page .contenu main #oubli_form a{position:relative;padding-left:10px;z-index:1;background-color:#fff;color:#707070;text-decoration:none}#page .contenu footer{width:90%;text-align:center;margin-bottom:0}#page .contenu footer #info{font-size:1em}#page .contenu footer #info .accroche{font-family:open_sansbold}#page .contenu footer #info>div:not(.accroche) span{color:#e20056;font-family:open_sansbold}#page .contenu footer a{margin-bottom:0}@media screen and (max-width:359px){#page .contenu header h2{font-size:1.1em}}@media screen and (min-width:600px){#page .contenu .flex-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#page .contenu hr{width:60%;margin:20px 0}#page .contenu header,#page .contenu main{width:60%}#page .contenu footer{width:60%;height:30px}}@media screen and (min-width:900px){#page .contenu footer #info,#page .contenu header h2,#page .contenu header h3{text-align:left}#page .flex{display:-ms-flexbox;display:-webkit-box;display:flex;height:100%}#page .bg{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:calc(100% - 45%);min-height:100vh;height:initial;background:url(../images/bg_education_elearning.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 hr{width:calc(70% - 10%);margin:30px auto 30px calc((100% - 70%)/ 2)}#page .contenu header{width:80%;margin:0 auto 0 15%}#page .contenu header #logo{margin:0}#page .contenu main{width:70%}#page .contenu main #fields{position:relative}#page .contenu main #fields .field{height:45px;width:70%;float:left;display:inline-block}#page .contenu main #fields .field label{margin-left:calc(45px + 0px);top:1rem}#page .contenu main #fields .field.input-field .prefix{height:45px;width:calc(45px + 0px)}#page .contenu main #fields .field.input-field .prefix~input{width:calc(100% - calc(45px + 0px));margin-left:calc(45px + 0px)}#page .contenu main #fields .field.input-field>label:not(.label-icon).active{color:#e20056;-webkit-transform-origin:0 0;transform-origin:0 0}#page .contenu main #fields .button_form{width:25%;float:right;display:inline-block;position:absolute;top:0;right:0;bottom:0;height:inherit;background:url(../images/icone-submit.png) center no-repeat #e20056;background-size:18px auto;margin:15px 0 10px}#page .contenu main #fields .button_form span{display:none}#page .contenu main #oubli_form{font-size:.8em;margin-right:30%}#page .contenu footer,#page .contenu main #oubli_form:before{width:70%}#page .contenu footer #info .accroche{margin-bottom:10px}}@media screen and (min-width:1200px){#page .contenu header{width:70%;margin:0 auto 0 20%}#page .contenu header h2{font-size:1.5rem}#page .contenu hr{width:calc(60% - 15%);margin:50px auto 50px calc((100% - 60%)/ 2)}#page .contenu main{width:60%}#page .contenu main #fields .field{width:calc(80% - 10px)}#page .contenu main #fields .field.input-field:first-of-type{margin-bottom:20px}#page .contenu main #fields .button_form{width:20%}#page .contenu main #oubli_form{font-size:.9em;margin-right:calc(20% + 10px)}#page .contenu main #oubli_form:before{width:calc(80% - 10px)}#page .contenu footer{width:70%;margin:0 auto 0 20%}#page .contenu footer #info{text-align:left;font-size:1.2rem}#page .contenu footer #info .accroche{margin-bottom:10px}}@media screen and (min-width:1800px){#page .bg{background:url(../images/bg_education_elearning_xl.jpg) top center;background-size:cover}#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}}