@charset "UTF-8";#page,body{background-color:#fff}#page,header div,header h2{color:#202020}#oubli_form a,a{text-decoration:none}#logo,.button_form,footer,header,label,main{text-align:center}*{-webkit-box-sizing:inherit;box-sizing:inherit}body{min-height:100%;height:100%;font-size:14px;color:#707070;font-family:UOT,Arial,sans-serif;margin:0}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}:-moz-placeholder,:-ms-input-placeholder,::-moz-placeholder,::-webkit-input-placeholder{font-style:italic;color:#000!important;opacity:1!important}#modalRecupId{display:none;width:600px}#modalRecupId .modal-content{padding:0}#modalRecupId iframe{border:none;width:100%;height:280px}#page,#page>.flex,.contenu{height:100%}#page{background-size:cover;font-family:officina,sans-serif}header h2,header h3{margin:0;font-weight:700;line-height:110%;font-family:officinabold,"UOT black",Arial,sans-serif}.contenu{background:0 0}.contenu .flex{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:transparent;height:100%;min-height:100vh}.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;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#fond{background-color:#fff;width:100%;padding:20px}footer,header,main{width:100%;margin:0 auto;position:relative}#logo{width:100%;max-width:350px;min-width:150px;margin-left:auto;margin-right:auto}#logo img{max-width:100%;height:auto;border:0}header h2{font-size:2em}header h3{font-size:1.5em;color:#898989}header div{font-family:roboto_slabregular,Arial,sans-serif;margin:20px 0}main{display:block}.field{position:relative;height:60px;border:1px solid #e6e6e6;border-radius:0;color:#000;margin:0}.field:first-of-type{border-bottom:0;background-color:#f6f6f6}label{position:absolute;top:0;left:0;width:50px;height:100%}label img{height:24px;width:auto;margin:18px auto}input[type=email],input[type=password],input[type=text]{position:absolute;z-index:1;bottom:0;left:50px;width:calc(100% - 50px);border:0;color:#000;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:0;font-family:officina,UOT,Arial,sans-serif}input[type=email].invalid,input[type=email].valid,input[type=email]:focus,input[type=password].invalid,input[type=password].valid,input[type=password]:focus,input[type=text].invalid,input[type=text].valid,input[type=text]:focus{color:#000;border:0;-webkit-box-shadow:none;box-shadow:none;outline:0}input[type=email]+span.label,input[type=password]+span.label,input[type=text]+span.label{position:absolute;text-align:center;left:50px;color:#000;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;font-family:officinabold,"UOT black",Arial,sans-serif}input[type=email]+span.label.active,input[type=password]+span.label.active,input[type=text]+span.label.active{-webkit-transform:translateY(calc(-50% - 10px));transform:translateY(calc(-50% - 10px))}input[type=email].valide+span.validation::after,input[type=password].valide+span.validation::after,input[type=text].valide+span.validation::after{content:' ';display:block;position:absolute;top:53%;right:15px;width:25px;height:25px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(../images/valid.png) no-repeat;background-size:contain}input[type=email].invalide+span.validation::after,input[type=password].invalide+span.validation::after,input[type=text].invalide+span.validation::after{content:' ';display:block;position:absolute;top:53%;right:15px;width:25px;height:25px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(../images/invalid.png) no-repeat;background-size:contain}input[type=email]:focus:not([readonly]),input[type=password]:focus:not([readonly]),input[type=text]:focus:not([readonly]){color:#000;-webkit-box-shadow:none;box-shadow:none;border:0}hr{display:none}#oubli_form{font-size:1em;font-family:officina,UOT,Arial,sans-serif;float:right}#oubli_form a{color:#666}.button_form{display:block;height:50px;margin:15px 0;font-size:1.2em;line-height:53px;font-family:officinabold,"UOT black",Arial,sans-serif;background-color:#00619e;color:#fff;border-radius:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.button_form:hover{background-color:#285877}footer,footer a{color:#b2b2b2;margin-bottom:0}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.contenu .flex{min-height:100%!important}}@media screen and (min-width:600px){#page{background:url(../images/bg_ophis_63_bienvenue.png) left top no-repeat,url(../images/bg_ophis_63.jpg) center bottom no-repeat;background-size:auto 80%,cover}footer,header,main{width:100%}header{text-align:center}header div{margin:35px 0}#fond{width:80%;max-width:600px;padding:50px;margin-top:70px}#logo{margin:0 auto}.button_form{margin-top:35px}footer{height:30px}}@media screen and (min-width:600px) and (orientation:landscape){#page{background:url(../images/bg_ophis_63.jpg) center bottom no-repeat;background-size:cover}}@media screen and (min-width:992px){.bg,.contenu,.contenu .flex{min-height:100vh}#fond,.contenu{margin-left:auto}#page{background:0 0}.flex{display:-ms-flexbox;display:-webkit-box;display:flex;height:100%}.bg{background:url(../images/bg_ophis_63_bienvenue.png) left top no-repeat,url(../images/bg_ophis_63.jpg) center bottom no-repeat;background-size:contain,cover;-webkit-box-ordinal-group:0;-ms-flex-order:0;order:0;width:40%;height:initial;position:relative}.bg .grid{position:absolute;top:25%;bottom:0;left:0;right:0;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-ms-grid-rows:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.bg .bloc:nth-child(2){background:url(../images/bloc-2.jpg) center center no-repeat;background-size:cover}.bg .bloc:nth-child(4){background:url(../images/bloc-4.jpg) center center no-repeat;background-size:cover}.bg .bloc:nth-child(5){background:url(../images/bloc-5.jpg) center center no-repeat;background-size:cover}.bg .bloc:nth-child(7){background:url(../images/bloc-7.jpg) center center no-repeat;background-size:cover}.bg .bloc:nth-child(10){background:url(../images/bloc-10.jpg) center center no-repeat;background-size:cover}.bg .bloc:nth-child(12){background:url(../images/bloc-12.jpg) center center no-repeat;background-size:cover}.bg .bloc:nth-child(11),.bg .bloc:nth-child(12),.bg .bloc:nth-child(3),.bg .bloc:nth-child(4),.bg .bloc:nth-child(7),.bg .bloc:nth-child(8){display:none}.contenu{background-color:#fff;height:100%;width:60%}.contenu .flex{padding:inherit}.contenu .flex-center{-ms-flex-wrap:wrap;flex-wrap:wrap}#fond{padding:50px;margin-right:auto;margin-top:inherit}footer,header,main{text-align:center}#logo{margin:10px auto}header h2{font-size:3.5em}header h3{font-size:1.8em}header div{margin:10% 0}.field{height:80px}label{width:100px}label img{height:34px;width:auto;margin:23px}input[type=email],input[type=password],input[type=text]{left:100px;width:calc(100% - 100px);margin-bottom:5px}input[type=email]+span.label,input[type=password]+span.label,input[type=text]+span.label{left:100px}.field:first-of-type,.field:last-of-type{margin:0}.button_form{height:55px;margin-top:50px;margin-bottom:20px;line-height:55px}}@media screen and (min-width:1200px){.bg{width:53%}.bg .grid{-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr}.bg .bloc:nth-child(11),.bg .bloc:nth-child(3),.bg .bloc:nth-child(7){display:block}.bg .bloc:nth-child(12),.bg .bloc:nth-child(4),.bg .bloc:nth-child(8){display:none}.contenu{width:47%}footer h2,header h2,main h2{font-size:4em}footer h3,header h3,main h3{font-size:2em}}@media screen and (min-width:1500px){.bg .grid{-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr}.bg .bloc:nth-child(12),.bg .bloc:nth-child(4),.bg .bloc:nth-child(8){display:block}}