@import url(https://fonts.googleapis.com/css2?family=Inter&display=swap);html{position:relative}body,html{min-height:100%}body{background-color:#eeeef8;display:grid;font-family:Inter,sans-serif;margin:auto;overflow-x:hidden;padding:0}.container{align-items:center;height:50px;margin-left:auto;margin-right:auto;width:100%}.btn-logout{color:#d61313;-webkit-text-decoration:#d61313;text-decoration:#d61313}.sec__one{display:flex;padding:60px 0;position:relative;width:100%}.sec__one h1{color:#07a8ff;display:block;font-family:Inter,sans-serif;margin:0 auto;text-align:center}.header__middle .active{color:#07a8ff!important}.navBar .col-md-3{z-index:7}ul.main-menu{display:flex;justify-content:center;list-style:none;padding:0;width:100%;z-index:7}ul.main-menu>li.menu-item:first-child{margin-left:0;padding-left:0}.menu-item{line-height:23px}li{list-style-type:none}.menu-item a{color:#fff;cursor:pointer;display:block;font-size:20px;font-weight:600;line-height:40px;margin:5px 30px;position:relative;text-decoration:none}.header__middle__logo{display:inline-block;width:20%}.header__middle__menus{display:inline-block;width:100%;z-index:20}.menu-item.menu__qqqitem a{margin:27px 10px}.header__middle__search{border-left:1px solid #e6e6fa;display:inline-block;padding:36px 3px 27px;width:7%}@media(min-width:992px){.header__middle{background-color:rgba(0,0,0,.8);bottom:40px;box-shadow:0 10px 12px #162127;display:flex;height:50px;margin:0 10px;position:relative}}.header__middle__logo>a>h1{color:#07a8ff;margin-top:33px;text-decoration:none;text-transform:uppercase}.active{color:#ff1800}.header__middle__menus span.text{bottom:10px;color:#d61313;font-size:14px;left:177px;position:absolute}.sub__menus__arrows{height:50px;position:relative}.sub__menus__arrows svg,.sub__menus__arrows__full svg{padding-top:0;position:absolute;top:13px}.sub__menus{background-color:rgba(0,0,0,.8);box-shadow:0 10px 12px #162127;display:none;left:-17px;padding:2px 0 0;position:absolute;width:227px;z-index:1000}@media(max-width:767px){.header__middle .active{color:#07a8ff}}@media(min-width:992px){.sub__menus__arrows:hover .sub__menus{display:block}.sub__menus__arrows__full:hover .sub__menus{display:block;z-index:1000000}.logo-mobile,.logo-sncf-mobile{display:none}}.menu-item .sub__menus a{margin:7px 27px;padding:7px 0 0}.menu-item .sub__menus li:hover a,.menu-item:hover>a{color:#07a8ff}.header__middle__logo img{max-width:100px;padding-bottom:15px}@media(max-width:991px){.header__middle__logo{width:77%}.header__middle__menus{width:100%}.header__middle__logo img{margin:27px 0 0;max-width:100px}.main-nav .menubar__button:hover{background-color:#d61313}.main-nav .menu-item:hover>a{color:#07a8ff}.main-nav .menubar__button{background-color:rgba(0,0,0,.8);border-radius:5px;bottom:200px;color:#fff;cursor:pointer;display:block!important;float:right;height:30px;margin:auto 50px auto 0;padding:6px 7px;position:relative;visibility:visible;width:30px;z-index:10050}.main-nav .menubar__button svg{font-size:27px}.main-nav ul.menuq2{background-color:rgba(0,0,0,.8);border-bottom:3px solid #ff3d00;box-shadow:0 10px 12px #162127;display:block!important;left:0;padding-bottom:17px;padding-top:57px;position:absolute;right:0;top:100px;width:100%;z-index:10007}.main-nav .menu-item a{color:#fff;margin:10px 17px;text-align:center}.main-nav ul.main-menu{display:none}.main-nav .sub__menus__arrows:hover .sub__menus,.sub__menus__Active{left:0;margin:0 auto;right:0}.sub__menus__Active,.sub__menus__Active2{display:block!important}.menus__categorysss,.menus__categorysss2{display:none}.menu-item .sub__menus__full a{text-align:left}.logo-mobile{bottom:120px;display:flex;height:120px;margin:0 auto;position:relative}.logo-sncf-mobile{display:flex;height:80px;left:10px;margin:0 auto;position:absolute;top:10px}.sub__menus{top:71px}.logo,.logo-sncf{visibility:hidden}}*{border:none;margin:0;outline:none;padding:0}.clearfix{clear:both}a{transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}a,a:hover{text-decoration:none}a:hover{outline:none}.logo{bottom:10px;display:flex;height:120px;position:relative;right:40px}.logo-sncf{height:70px;position:absolute;right:10px;top:5px}.contact-form,.image-visu,.settings-form,.signin-form,.signup-form{grid-template-rows:repeat(4,107px);top:50px}.cgu-text,.contact-form,.image-visu,.settings-form,.signin-form,.signup-form{border:1px solid #fff;border-radius:5px;box-shadow:0 10px 12px #162127;display:grid;justify-content:center;margin:0 auto;opacity:.95;padding:70px 5px 10px 0;position:relative}.signin-form{height:300px;max-width:500px;width:95%}.signin-form .connection-span{color:red;float:left;position:relative;text-align:center;top:2px;width:100%}.signin-form .passwordEye{bottom:40px;float:right;position:relative;right:5px}.signup-form{height:600px;max-width:500px;width:95%}.signup-form span{border-radius:10px;margin:-8px 0 2px;transition:.3s}.signup-form p,.signup-form span{height:6px;visibility:hidden;width:33%}.signup-form p{background:red;border-radius:50px;margin:-2px 0 2px;transition:1s}.signup-form .passwordEye{bottom:40px;float:right;position:relative;right:5px}.signup-form #security span{display:inline}.signup-form .error input{border:1px solid rgba(255,0,0,.527);color:red}.signup-form .error span{color:red;font-size:small;opacity:1;visibility:visible}.signup-form .progressRed{background:red;visibility:visible;width:33%}.signup-form .progressBlue{background:#16d9e7;visibility:visible;width:67%}.signup-form .progressGreen{background:#5ef9a4;visibility:visible;width:100%}.signup-form .validation-connection{color:#adff2f}.signup-form .validation-connection,.signup-form .validation-span{font-size:larger;font-weight:700;text-align:center;visibility:visible;width:100%}.signup-form .validation-span{color:red}.contact-form{height:600px;max-width:800px;width:95%}.settings-form{height:700px;max-width:800px;width:95%}.settings-change-password,.settings-info{border:1px solid #fff;border-radius:10px;bottom:100px;height:350px;max-width:500px;min-width:300px;opacity:.95;padding:20px;position:relative}.settings-change-password img,.settings-info img{cursor:pointer;display:flex;margin:0 auto;position:relative;top:20px;width:40px}.settings-change-password{height:200px;top:200px}.settings-btn{display:flex;position:relative;top:200px}.settings-btn button{align-items:center;justify-content:center;margin:0 auto;text-align:center}div{transition:.2s}label{color:#000;letter-spacing:1px}input[type=password],input[type=text],li[type=text],select[type=text]{background:#fff;border:1px solid transparent;border-radius:9px;box-shadow:0 1px 2px rgba(0,0,0,.1);font-size:1.1rem;height:36px;margin:7px 2px 5px;padding-left:10px;padding-right:10px;transition:.2s;width:95%}input[type=password],input[type=text],textarea[type=text]{border:1px solid blue}button[type=submit],input[type=submit]{background:rgba(0,0,0,.801);border:none;border-radius:10px;box-shadow:0 1px 10px rgba(0,0,0,.2);color:#f5f5f5;cursor:pointer;font-size:1.2rem;height:50px;margin:12px auto 0;padding:10px;transition:.3s ease;width:40%}input[type=submit]:hover{-webkit-filter:brightness(105%);filter:brightness(105%);-webkit-transform:translateX(2px);transform:translateX(2px)}textarea{background:#fff;border:1px solid transparent;border-radius:9px;box-shadow:0 1px 2px rgba(0,0,0,.1);font-size:1.1rem;height:300px;margin:7px 2px;padding-left:10px;padding-right:10px;resize:none;transition:.2s;width:95%}.contact-title{top:60px}.contact-title,.settings-title{height:0;position:relative;text-align:center;z-index:1}.settings-title{bottom:60px}.cgu-text{margin:0 20px}@media(max-width:450px){.cgu-text{margin:0 5px}}.cgu-text h3,.cgu-text p{margin:20px 0;text-align:center}.title-cgu{bottom:30px;position:relative;text-align:center}.image-visu{background-color:#eeeef8;float:left;height:90vh;left:4px;opacity:1;position:absolute;width:99%;z-index:100}.image-visu img{width:100%}.mark-image{position:absolute;right:20px;top:70px;z-index:110}.grb-tank-1,.oil-tank-1{align-items:center;bottom:20px;margin:20px auto 0;position:relative;width:40%}.engin-1,.grb-tank-1,.oil-tank-1{display:flex;justify-content:center}.engin-1{height:300px;margin:0 auto}.engin-info-1{height:300px;margin:10px 100px}.oil-grb-tank{align-items:center;height:300px;justify-content:center;margin:10px}.oil-grb-tank .fut{width:150px}.oil-grb-tank .edit{cursor:pointer;left:10px;position:relative;top:3px;width:20px}.oil-grb-tank .arrow{bottom:25px;cursor:pointer;height:30px;margin-left:60px;position:relative;width:30px}.oil-grb-tank h5{bottom:30px;margin-top:10px;position:relative}.oil-grb-tank h4,.oil-grb-tank h5{text-align:center}.home{grid-gap:10px;display:grid;grid-auto-flow:dense;grid-template-columns:repeat(auto-fill,minmax(400px,2fr));margin-bottom:60px}@media(max-width:425px){.home{grid-template-columns:repeat(auto-fill,minmax(200px,2fr))}}.home-title{border:1px solid #fff;bottom:40px;box-shadow:0 10px 12px #162127;height:30px;margin:0 10%;position:relative;text-align:center;z-index:1}@media(max-width:639px){.home-title{height:60px}}.home-title-other{border:1px solid #fff;bottom:30px;box-shadow:0 10px 12px #162127;height:30px;margin:0 10% 20px;position:relative;text-align:center;z-index:1}@media(max-width:646px){.home-title-other{height:60px}}.title-engin{color:blue;text-align:center}.title-engin img{cursor:pointer}.title-engin .edit{left:10px;position:relative;top:3px;width:20px}.title-other-engin{color:blue;text-align:center}.title-other-engin img{cursor:pointer;left:5px;position:relative}.title-other-engin .edit{left:15px;position:relative;top:3px;width:20px}.engin{border:1px solid #fff;box-shadow:0 6px 8px #162127;margin:20px 0 10px}.other-engin{align-content:center;display:grid;grid-auto-flow:dense;grid-template-columns:repeat(auto-fill,minmax(auto,1fr));justify-content:center;margin:0 auto}.other-engin-card{border:1px solid #fff;border-collapse:collapse;margin-bottom:10px;margin-top:10px;padding:10px}.other-engin-card h4,.other-engin-card h5{margin-bottom:10px;text-align:center}.other-engin-card .plus{cursor:pointer;display:flex;margin:0 auto;position:relative}.other-engin-card .edit,.other-engin-card .info{cursor:pointer;left:5px;position:relative;top:5px}.other-engin-card .edit{width:20px}.engin-card-container{border:1px solid #fff;box-shadow:0 10px 12px #162127;top:120px}.title-grb,.title-oil{bottom:110px;position:relative}.title-grb .edit,.title-oil .edit{cursor:pointer;left:5px;position:relative;top:5px;width:20px;z-index:7}.date-releve{bottom:60px;position:relative;text-align:center}.arrow{bottom:10px;cursor:pointer;display:flex;height:30px;margin:0 auto;width:30px}.arrow,.info{position:relative}.info{height:20px;top:3px;width:20px}.btn-return{background-color:#eeeef8;bottom:150px;height:50px;left:230px;position:relative;width:50px}.home-container{margin:0 10px;position:relative;top:100px}.progress-bar{background-color:#e0e0de;height:200px;position:absolute;width:100px}.label-styles{background:none;color:#fff;font-weight:700;padding:5px;visibility:visible}.oil-lvl{bottom:0}.oil-lvl,footer{position:absolute}footer{align-items:center;background-color:rgba(0,0,0,.8);bottom:-150px;display:flex;height:30px;justify-content:center;width:100%}footer h5{color:#f5f5f5;margin-left:5px}.copyright{height:20px}.engin-array{background-color:rgba(0,0,0,.8);display:flex;height:50px;margin:0 auto;position:relative;top:20px;width:95%}@media(max-width:800px){.engin-array{width:98%}}.capteur-title-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin-left:20px;text-align:center}.capteur-title-container h3,.capteur-title-container h5{color:#dbe4f0;margin:0 auto}.capteur-title-container .arrow-bottom,.capteur-title-container .arrow-top{bottom:12px;cursor:pointer;height:30px;left:65%;position:absolute}@media(max-width:991px){.capteur-title-container .arrow-bottom,.capteur-title-container .arrow-top{left:75%}}@media(max-width:690px){.capteur-title-container .arrow-bottom,.capteur-title-container .arrow-top{left:80%}}@media(max-width:470px){.capteur-title-container .arrow-bottom,.capteur-title-container .arrow-top{left:90%}}.btn-add-engin{height:50px;margin:0 auto;position:relative;top:10px;width:95%}.btn-add-engin img{align-items:center;cursor:pointer;display:flex;justify-content:center;margin:12px auto 0;position:relative;width:50px}.engin-array-info,.engin-array-tittle{background-color:hsla(0,0%,100%,.8);display:flex;height:50px;margin:0 auto;position:relative;top:20px;width:95%}@media(max-width:800px){.engin-array-info,.engin-array-tittle{width:98%}}.engin-array-info:hover{background-color:hsla(0,0%,89%,.8);box-shadow:0 10px 12px #162127;transition:.5s}.capteur-content-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin-right:20px;text-align:center}.capteur-content-container button,.capteur-content-container h3,.capteur-content-container h4,.capteur-content-container h5,.capteur-content-container li{background-color:transparent;color:rgba(0,0,0,.801);display:flex;justify-content:center;margin:0 auto;position:relative;text-align:center;width:10%}.capteur-content-container button .check,.capteur-content-container button .edit,.capteur-content-container button .returns,.capteur-content-container button .trash,.capteur-content-container h3 .check,.capteur-content-container h3 .edit,.capteur-content-container h3 .returns,.capteur-content-container h3 .trash,.capteur-content-container h4 .check,.capteur-content-container h4 .edit,.capteur-content-container h4 .returns,.capteur-content-container h4 .trash,.capteur-content-container h5 .check,.capteur-content-container h5 .edit,.capteur-content-container h5 .returns,.capteur-content-container h5 .trash,.capteur-content-container li .check,.capteur-content-container li .edit,.capteur-content-container li .returns,.capteur-content-container li .trash{cursor:pointer;width:30px}.capteur-content-container button .check,.capteur-content-container h3 .check,.capteur-content-container h4 .check,.capteur-content-container h5 .check,.capteur-content-container li .check{padding-left:20px}.capteur-content-container button .returns,.capteur-content-container h3 .returns,.capteur-content-container h4 .returns,.capteur-content-container h5 .returns,.capteur-content-container li .returns{padding-left:25px}.capteur-content-container .engin-list-date{left:18px}.engin-form-update{display:flex;flex:1 1;position:relative}#formAddCapteur,#formAddEngin{max-width:70px;text-align:right}.message-content-container,.station-container{display:grid;flex:1 1;margin-right:20px;width:100vh}.message-content-container ul,.station-container ul{display:flex;width:100%}.message-content-container p,.station-container p{float:left;margin:0 10px 10px}.message-content-container p p,.station-container p p{background-color:transparent;color:rgba(8,83,233,.801);display:flex;margin:0 auto;position:relative}.message-content-container li,.station-container li{background-color:transparent;color:rgba(0,0,0,.801);display:flex;margin:10px auto;width:10%}.message-content-container li p,.station-container li p{background-color:transparent;color:rgba(8,83,233,.801)}.message-content-container li input,.message-content-container li select,.station-container li input,.station-container li select{height:20px}.message-content-container .trash,.station-container .trash{cursor:pointer;display:flex;margin:10px auto;position:absolute;right:10px;width:30px}.message-content-container .check,.message-content-container .returns,.station-container .check,.station-container .returns{bottom:30px;cursor:pointer;display:flex;margin:10px auto;position:absolute;right:10px;width:30px}.message-content-container .soon,.station-container .soon{cursor:pointer;display:flex;margin:0 auto;width:30px}.message-content-container .edit,.station-container .edit{cursor:pointer;display:flex;margin:10px auto;position:absolute;right:50px;width:30px}.message-array-info{background-color:hsla(0,0%,100%,.8);display:flex;height:auto;margin:0 auto;min-height:50px;position:relative;top:20px;width:95%}@media(max-width:800px){.message-array-info{width:98%}}.message-array-info:hover{background-color:hsla(0,0%,83%,.8);transition:.5s}.engin-array-tittle{background-color:hsla(0,0%,83%,.8);height:40px}.engin-array-tittle h4{color:#000}.station-container .logo-station-input{margin-right:300px}.station-container .station-logo{width:50px}
/*# sourceMappingURL=main.5a722864.css.map*/