@charset "UTF-8";body{min-height:100%;height:100%;font-size:14px;color:#424242;background-color:#fbfbfb;font-family:Arial,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/UGECAM_bg.png) no-repeat center center;background-size:cover}#page .contenu{margin:0 0;height:calc(100vh - 0vh - (0px * 2))}#page .contenu .flex{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;min-height:100vh}#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:100%;margin:10px auto;min-width:100px}#page .contenu footer,#page .contenu header,#page .contenu main{text-align:center;max-width:430px}#page .contenu header{width:90%;text-align:left}#page .contenu header h2{margin:0;font-family:Arial Narrow,sans-serif;font-weight:700;color:#a5a5a5;font-size:3.1rem}#page .contenu header h3{margin:0;font-family:Arial Narrow,sans-serif;font-weight:400;color:#a5a5a5;font-size:3.1rem}#page .contenu header h3:last-of-type{margin-bottom:5%}#page .contenu header p{margin:0}#page .contenu header p:last-of-type{margin-bottom:5%}#page .contenu main{display:block;width:90%;text-align:center}#page .contenu main #fields .field{position:relative;overflow:hidden;height:45px;margin:0 0 10px 0;color:#707070;border:1px solid #c8c8c8;border-radius:3px;font-size:12px;background-color:#fff}#page .contenu main #fields .field:first-of-type{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{display:-webkit-box;display:-ms-flexbox;display:flex}#page .contenu main #fields .field.input-field .prefix{position:absolute;height:45px;width:calc(45px + 0px);padding:11px 12px;top:0;border-right:1px solid #c8c8c8}#page .contenu main #fields .field.input-field .prefix svg{fill:#06c;padding:2px}#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]:not(.browser-default),#page .contenu main #fields .field.input-field .prefix~input[type=password],#page .contenu main #fields .field.input-field .prefix~input[type=password]:not(.browser-default),#page .contenu main #fields .field.input-field .prefix~input[type=text],#page .contenu main #fields .field.input-field .prefix~input[type=text]:not(.browser-default){border:0;-webkit-box-shadow:none;box-shadow:none}#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).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].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).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].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).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:#707070!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:#707070;text-align:left;padding-left:10px!important;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:1;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;-o-transition:opacity .3s ease-in-out,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:#707070;-webkit-transform:translateY(-85%) scale(.8);-ms-transform:translateY(-85%) scale(.8);transform:translateY(-85%) scale(.8);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;opacity:0}#page .contenu main #fields .button_form{display:block;cursor:pointer;height:55px;margin-top:15px;margin-bottom:15px;font-family:open_sansbold,sans-serif;font-size:1.3em;line-height:55px;background-color:#06c;color:#fff;border-radius:3px;text-align:center;-webkit-transition:background-color .3s ease-in-out;-o-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out;text-transform:uppercase;vertical-align:middle}#page .contenu main #fields .button_form:hover{background-color:#a5a5a5}#page .contenu main #fields .button_form img{height:15px;margin-top:20px;margin-left:20px}#page .contenu main #fields .button_form .arrow{display:inline-block;vertical-align:sub;width:16px;height:25px;position:relative}#page .contenu main #fields .button_form .arrow svg{fill:#fff;position:absolute;top:0;left:0}#page .contenu main #oubli_form{position:relative;font-size:.9em;width:100%;text-align: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:#fbfbfb;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>div:not(.accroche) span{color:#06c}#page .contenu footer a{margin-bottom:0}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){#page .bg{background:url(../images/UGECAM_bg.png) no-repeat center center;background-size:cover}}@media screen and (min-width:600px){#page .contenu #logo{margin:0 auto 5%}#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{width:60%}#page .contenu main{width:60%}#page .contenu main #fields .field{height:55px;margin:20px 0 15px 0}#page .contenu main #fields .field:first-of-type{margin-top:15px}#page .contenu main #fields .field label{padding:0 10px;margin-left:calc(55px + 0px);top:.5rem}#page .contenu main #fields .field.input-field .prefix{height:55px;width:calc(55px + 0px);padding:11px 12px;top:0}#page .contenu main #fields .field.input-field .prefix img{margin:12px auto}#page .contenu main #fields .field.input-field .prefix~input{margin-left:calc(55px + 0px);padding-left:20px}#page .contenu main #fields .button_form{height:65px;margin-top:20px;margin-bottom:0;font-size:1.6em;line-height:65px}#page .contenu main #fields .button_form img{height:19px;margin-top:22px;margin-left:20px}#page .contenu footer{width:60%;height:30px}}@media screen and (max-height:620px){#page .contenu .flex-center{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:25px}}@media screen and (min-width:900px){#page .flex{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}#page .bg{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:calc(100% - 41%);min-height:100vh;height:initial;float:right}#page .contenu{min-height:100vh;height:100%;width:41%}#page .contenu .flex{padding:inherit;min-height:100vh}#page .contenu .flex-center{-ms-flex-wrap:wrap;flex-wrap:wrap}#page .contenu hr{width:70%;margin:30px auto 30px calc((100% - 70%)/ 2)}#page .contenu header{width:70%;margin:0 auto}#page .contenu header h2,#page .contenu header h3{text-align:left}#page .contenu main{width:70%}#page .contenu main #oubli_form{font-size:.8em;margin-right:30%}#page .contenu footer{width:70%}#page .contenu footer #info{text-align:left}#page .contenu footer #info .accroche{margin-bottom:10px}#page .bg .item.item-1,#page .bg .item.item-3{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:1;grid-column-end:2}#page .bg .item.item-2,#page .bg .item.item-4{display:block}}@media screen and (min-width:1200px){#page .contenu header{width:60%}#page .contenu hr{width:50%;margin:50px auto 50px calc((100% - 60%)/ 2)}#page .contenu main{width:60%}#page .contenu main #fields .field.input-field:first-of-type{margin-bottom:20px}#page .contenu main #oubli_form{font-size:.9em;margin-right:calc(20% + 10px);margin-bottom:30px}#page .contenu footer{width:60%;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 .contenu header{width:50%}#page .contenu main{width:50%}#page .contenu footer{width:50%}}@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}}