@font-face{font-family:"Montserrat Bold";src:url(../fonts/Montserrat-Bold.ttf);font-weight:700}@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Medium.ttf)}body{min-height:100%;height:100%;font-size:14px;color:#707070;background-color:#fff;font-family:Montserrat,Arial}address#contact{position:absolute;height:300px;width:425px;bottom:0;right:0;overflow:hidden;background:url(../images/contact-bg.png);background-size:425px 300px}#contact-logo{position:absolute}#contact-logo img{height:140px;width:140px;margin:10px 0 0 10px}#contact-data{margin:135px 0 0 130px;font-family:Arial;color:#fff;font-style:initial;font-size:16px}#contact-data a{color:#fff}#contact-data>div{margin:4px 0;height:32px}#contact-title{font-size:20px;font-weight:700;padding-bottom:10px}#contact-data i{display:inline-block;width:32px;height:32px}#contact-data .contact-info{display:inline-block;padding:3px 0 0 20px;vertical-align:top}i.mail-logo{background:url(../images/mail-logo.png) no-repeat}i.site-logo{background:url(../images/site-logo.png) no-repeat}i.tel-logo{background:url(../images/tel-logo.png) no-repeat}#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}#particles-js{position:absolute;left:0;top:0;bottom:70vh;right:0;overflow:hidden}.bg{position:absolute;bottom:0;left:0;right:0;height:30vh;background:url(../images/bg-e2s-992.png) no-repeat;background-position-y:center;background-size:cover}.contenu{height:70vh}.contenu .flex{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.flex-center{flex-direction:column;align-items:center;justify-content:center}#logo{width:70%;margin:10px auto;min-width:200px;padding-left:45px}footer,header,main{text-align:center;width:96%}header h2{margin:0;font-family:Montserrat}header h2:first-of-type{margin:2% 0 1% 0;font-family:'Montserrat Bold';color:#0368a3;font-size:34px}header h2:last-of-type{margin-bottom:7%;font-size:24px;color:#424242}main{display:block}footer{width:100%;display:block;margin:10px auto;-ms-flex-item-align:start;align-self:flex-start}footer>div,footer>img{display:inline-block;vertical-align:top;padding:0 25px}footer>img{width:300px}footer>div{border-left:solid 1px #656565}.field{position:relative;height:50px;border:1px solid #e6e6e6;border-radius:0;color:#000;margin:0 auto;max-width:650px}.field:first-of-type{border-bottom:0;background-color:#f6f6f6;margin-top:15px}label img{height:24px;width:auto;margin:13px}label{position:absolute;top:0;left:0;width:50px;height:100%}.field span.label{position:absolute;text-align:center;top:5px;left:45px;height:45%;padding-left:15px;color:#8f8f8f}input[type=password],input[type=text]{position:absolute;top:45%;left:45px;width:calc(100% - 50px);height:50%;border:0;color:#000;padding-left:15px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:transparent}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;box-shadow:none}input[type=password].valid+span.valid:after,input[type=text].valid+span.valid:after{content:' ';display:block;position:absolute;top:50%;right:15px;width:25px;height:25px;transform:translateY(-50%);background:url(../images/valid.png) no-repeat;background-size:contain}input[type=password].invalid+span.valid:after,input[type=text].invalid+span.valid:after{content:' ';display:block;position:absolute;top:50%;right:15px;width:25px;height:25px;transform:translateY(-50%);background:url(../images/invalid.png) no-repeat;background-size:contain}input[type=password]:focus:not([readonly]),input[type=text]:focus:not([readonly]){color:#000;box-shadow:none;border:0}hr{display:none}#oubli_form{font-size:17px;font-family:Montserrat;display:block;max-width:650px;margin:auto}#oubli_form a{color:#707070;text-decoration:none;float:right}.button_form{display:block;height:50px;margin:15px auto;font-family:'Montserrat Bold';font-size:1.1em;line-height:50px;background-color:#0368a3;color:#fff;border-radius:0;text-align:center;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;max-width:650px}.button_form:hover{background-color:#007fe6}.button_form span{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.button_form:hover span{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}@media screen and (max-width:600px){footer>div{border:none;margin-top:10px}}@media screen and (max-width:460px){address#contact #contact-logo{display:none}address#contact #contact-data{margin:5px 0 0 10px!important}}@media screen and (max-height:700px),screen and (max-width:500px){header h2:first-of-type{font-size:17px;margin:0}header h2:last-of-type{font-size:15px;margin:0}}@media screen and (max-width:820px),screen and (max-height:700px),screen and (max-height:900px) and (max-width:1375px){.bg{display:none}address#contact{width:100%;height:165px;background:#0368a3}address#contact #contact-data{margin:5px 0 0 185px}}@media screen and (min-width:600px){header,main{width:75%}}@media screen and (min-width:768px){header,main{width:70%}}@media screen and (max-height:620px),screen and (max-height:700px) and (min-width:850px){address#contact{position:inherit;display:block;height:200px;padding:20px;max-width:650px;overflow:inherit}.contenu .flex{height:auto}}@media screen and (min-width:1375px) and (min-height:700px){.flex{display:-ms-flexbox;display:-webkit-box;display:flex;height:100%}.bg{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:50%;min-height:100vh;height:initial;position:initial;background:url(../images/bg-e2s.png);background-position-y:center;background-size:cover;float:right}.contenu{min-height:100vh;height:100%;width:50%}.contenu .flex{padding:inherit;min-height:100vh}.flex-center{flex-wrap:wrap}header,main{width:65%}main{width:50%}#logo{margin:10px auto}.field{height:80px}label{width:100px}label img{height:34px;width:auto;margin:23px}input[type=password],input[type=text]{left:100px;width:calc(100% - 100px)}.field:first-of-type{margin:0}.field:last-of-type{margin:0}.field span.label{top:20px;left:100px}hr{display:block;border-color:#fff;color:#fff;margin:10% 0;border:0}.button_form{height:55px;margin-top:7%;line-height:55px}footer{margin:5%}}