body{min-height:100%;height:100%;font-size:14px;color:#707070;background-color:#fff;font-family:open_sansregular,Arial}#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:#707070!important;-webkit-box-shadow:0 0 0 1000px #fff inset!important}#particles-js{position:absolute;left:0;top:0;bottom:70vh;right:0;overflow:hidden}.bg{height:30vh;background:url(../images/bg-ifforthecc-992.jpg);background-position-y:40%;background-size:cover}.contenu{height:70vh}.contenu .flex{padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.flex-center{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#logo{width:50%;margin:10px 25%}footer,header,main{text-align:center;width:100%;margin-bottom:20px}header h2{margin:0;color:#424242;font-size:1.3em}main{display:block}.field{position:relative;height:50px;border:1px solid #c8c8c8;border-radius:5px;margin:0 0 15px}label img{height:18px;width:auto;margin:16px}label{position:absolute;top:0;left:0;width:50px;height:100%;border-right:1px solid #b2b2b2}input[type=password],input[type=text]{position:absolute;top:0;left:50px;width:calc(100% - 60px);height:100%;border:0;padding-left:15px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:transparent}input[type=password].valid,input[type=password]:focus,input[type=password]:focus:not([readonly]),input[type=text].valid,input[type=text]:focus,input[type=text]:focus:not([readonly]){border:0}hr{display:none}#oubli_form{font-size:.9em}#oubli_form a{color:#707070;text-decoration:none}.button_form{display:block;height:50px;margin-bottom:15px;font-family:open_sansbold;font-size:1.3em;line-height:50px;text-transform:uppercase;background-color:#0098b7;color:#fff;border-radius:5px;text-align:center;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.button_form:hover{background-color:#07698d}.button_form span{text-shadow:0 1px 1px rgba(0,0,0,.75);-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);text-shadow:0 2px 4px rgba(0,0,0,.5)}footer,footer a{color:#b2b2b2;margin-bottom:0}@media screen and (min-width:600px){footer,header,main{width:75%}footer{height:30px}}@media screen and (min-width:768px){footer,header,main{width:70%}}@media screen and (min-width:992px){.bg,.contenu,.contenu .flex{min-height:100vh}.flex{display:-ms-flexbox;display:-webkit-box;display:flex;height:100%}#particles-js{position:absolute;left:40%;top:0;bottom:0;right:0;overflow:hidden}.bg{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:60%;height:initial;background:url(../images/bg-ifforthecc.jpg);background-position-y:center;background-size:cover;float:right}.contenu{height:100%;width:40%}.contenu .flex{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:inherit;padding-top:10%}.flex-center{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}footer,header,main{width:65%;margin-bottom:30px}main{width:50%}#logo{margin:10px auto}header h2{font-size:1.65em}header h2:first-of-type{margin-top:10%}.field{height:55px}label{width:55px}label img{margin:18px}input[type=password],input[type=text]{left:55px}.field:first-of-type{margin:0}.field:last-of-type{margin:30px 0}hr{display:block;margin:10% 0;border:0;border-bottom:1px solid #c8c8c8}.button_form{height:55px;line-height:55px}footer{-ms-flex-item-align:end;align-self:flex-end;height:50px;margin-bottom:0}}