@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);:root{--C1:#030303;--C2:#4e4c4c;--C3:#c9c7c7;--BUTTON:#99e6d1;--HOVER:#c2f0e3;--BUTTON2:#e2e5e7;--HOVER2:#c9c7c7}input[type=date]:before{content:attr(data-placeholder);width:100%}a{color:var(--BUTTON)}a:hover{color:var(--HOVER)}a:active,a:visited{color:var(--BUTTON)}input[type=date]:focus:before,input[type=date]:valid:before{display:none}body{font-family:Blogger Sans,Open Sans,sans-serif;margin:0;padding:0;border-spacing:0;outline:none;overflow:hidden}.application{position:absolute;width:100%;height:100%;left:0;top:0;overflow-y:auto}.showpc{display:block}.showmobile{display:none}img{padding:0;margin:0}h1,h2{font-weight:100;color:var(--C1)}h2{font-size:24px}h3{font-weight:100;color:var(--C2);font-size:16px}.finput-error{border:2px solid red!important}.divlogin{position:absolute;top:calc(50% - 250px);border:solid 1px var(--C3);border-radius:10px;text-align:center;width:490px;margin-left:calc(50% - 245px);padding-bottom:40px;margin-bottom:20px}.divloginpwd{color:var(--C2);width:400px;margin-left:40px;font-size:12px;float:left;text-align:justify}.finput-login{font-family:Blogger Sans,Open Sans,sans-serif;margin-top:50px;width:400px;border:solid 1px var(--C3);border-radius:5px;height:48px;font-size:16px;font-weight:100;padding-left:10px}.finput-login:focus{outline:none;border:solid 1px var(--BUTTON)}.finput-form{font-family:Blogger Sans,Open Sans,sans-serif;margin-top:20px;width:400px;border:solid 1px var(--C3);border-radius:5px;height:48px;font-size:16px;font-weight:100;padding-left:10px}.finput-form:focus{outline:none;border:solid 1px var(--BUTTON)}.vdp-datepicker{padding:0;margin:0}.vdp-datepicker input[type=text]{width:100%;padding:0}.fselect-form,.vdp-datepicker input[type=text]{margin:0;padding-left:10px;height:48px;font-family:Blogger Sans,Open Sans,sans-serif;font-size:16px;font-weight:100}.fselect-form{margin-top:20px;width:414px;border:solid 1px var(--C3);border-radius:5px}.fselect-form:focus{outline:none;border:solid 1px var(--BUTTON)}.fbutton{font-family:Blogger Sans,Open Sans,sans-serif;background-color:var(--BUTTON);border:none;cursor:pointer;color:#000;padding:7px 15px;border-radius:3px;outline:none;font-size:14px}.fbutton:hover{background-color:var(--HOVER)}.fbutton-big{padding:12px 20px;font-size:18px}.fbutton-circle{background-color:var(--BUTTON);border:none;color:#fff;cursor:pointer;padding:10px 15px;border-radius:30px;outline:none;font-size:18px}.fbutton-circle:hover{background-color:var(--HOVER)}.fbutton-grey{background-color:var(--BUTTON2);border:solid 1px var(--BUTTON2);cursor:pointer;color:var(--C2);padding:7px 15px;border-radius:3px;outline:none;font-size:14px}.fbutton-grey:hover{border:solid 1px var(--HOVER2)}.flink{color:var(--C1);font-size:14px;font-weight:700;cursor:pointer}.flink:hover{color:var(--BUTTON)}.line{float:left;width:100%}.line-m{float:left;width:90%;padding-left:5%;padding-right:5%}.line-a{float:left;width:60%;padding-left:20%;padding-right:20%}.line-50{float:left;width:50%}.line-33{float:left;width:33%}.line-34{float:left;width:34%}.line-25{float:left;width:25%}.board-menu{list-style:none;margin:0;padding:0}.board-menu li{float:left;width:50%;margin-bottom:40px}.board-item{padding:20px;margin:0 20px 0 20px;border:solid 1px var(--C3);border-radius:10px;cursor:pointer}.board-item:hover{background-color:#eee}.board-icon{color:var(--BUTTON);font-size:28px}.badge{width:80%;height:150px;border:solid 1px var(--C3);border-radius:10px;cursor:pointer}.badge:hover{background-color:#eee}.badge-left{margin-left:15%}.badge-right{margin-left:5%}.badge-icon{float:left;height:100%;width:100px;text-align:center;line-height:150px;font-size:28px;color:var(--BUTTON)}.badge-text{height:100%;float:left;width:calc(100% - 100px);text-align:left}.bloc-selected{background-color:var(--HOVER)}.border-bloc-selected{border:solid 2px var(--HOVER)!important}.account-bloc{width:100%;border:solid 1px var(--C3);border-radius:10px}.account-bloc-title{padding:20px}.account-bloc-text{border-top:solid 1px var(--C3);width:100%;display:flex;cursor:pointer}.account-bloc-text:hover{background-color:#eee}.account-bloc-legend{color:var(--C2);font-size:12px;text-transform:uppercase;font-weight:700;width:150px;padding:20px;float:left}.account-bloc-value{width:calc(100% - 310px);padding:20px;float:left}.account-bloc-icon{float:left;width:40px;text-align:center;padding:20px;color:var(--C2)}.agency-bloc-text{border-top:solid 1px var(--C3);width:100%;display:flex;cursor:pointer}.agency-bloc-text:hover{background-color:#eee}.agency-bloc-legend{color:var(--C2);font-size:12px;text-transform:uppercase;font-weight:700;width:250px;padding:20px;float:left}.agency-bloc-value{width:calc(100% - 410px);padding:20px;float:left}.agency-bloc-icon{float:left;width:40px;text-align:center;padding:20px;color:var(--C2)}.family-bloc-text{border-top:solid 1px var(--C3);width:100%;padding:0;margin:0;list-style:none;display:flex}.family-bloc-legend,.family-bloc-title{margin-top:10px;margin-bottom:10px}.family-bloc-legend{font-size:12px;color:var(--C2)}.accessory-bloc-qty{display:inline-block;list-style:none;padding:0;margin-top:10px;margin-bottom:10px;text-align:center}.accessory-bloc-qty>li{float:left;margin-left:2px;margin-right:2px}.accessory-bloc-qty>li>label{font-size:12px;padding:5px 10px;border-radius:6px;border:solid 2px var(--C3);text-align:center;cursor:pointer}.accessory-bloc-qty>li>label:hover{border:solid 2px var(--C2)}.family-bloc-text>li:nth-child(2){width:34%}.family-bloc-text>li{display:inline-block;width:33%;text-align:center;cursor:pointer;border-right:solid 1px var(--C3)}.family-bloc-text>li:last-child{border-right:none}.family-bloc-text>li img{border:solid 2px var(--C3);border-radius:10px}.family-bloc-text li img:hover{border:solid 2px var(--C2)}.accessory-bloc-text{border-top:solid 1px var(--C3);width:100%;padding:0;margin:0;list-style:none;display:flex}.accessory-bloc-text>li{display:inline-block;width:33%;text-align:center;cursor:pointer;border-right:solid 1px var(--C3)}.accessory-bloc-text>li:last-child{border-right:none}.accessory-bloc-text>li img{border:solid 2px var(--C3);border-radius:10px}.recap-bloc-title{padding:20px;text-align:center}.recap-bloc-text{border-top:solid 1px var(--C3);width:100%;display:flex;cursor:pointer}.data-form-background{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000;opacity:.7;-webkit-animation:data-form-background-show .5s;animation:data-form-background-show .5s}@-webkit-keyframes data-form-background-show{0%{opacity:0}to{opacity:.7}}@keyframes data-form-background-show{0%{opacity:0}to{opacity:.7}}.data-form{position:absolute;width:50%;height:100%;background-color:#fff;right:0;overflow-y:auto;overflow-x:hidden;-webkit-animation:data-form-show .5s;animation:data-form-show .5s}@-webkit-keyframes data-form-show{0%{right:-50%}to{right:0}}@keyframes data-form-show{0%{right:-50%}to{right:0}}.form-input{width:100%;padding:20px}.form-input label{color:var(--C2);text-transform:uppercase;width:100%;float:left;font-size:12px;font-weight:700}.form-input input{width:calc(100% - 80px)}.form-input input,.form-input select{outline:none;border:solid 1px var(--C3);padding:20px;float:left;font-size:16px;font-family:Blogger Sans,Open Sans,sans-serif;border-radius:5px}.form-input select{width:calc(100% - 40px);background-color:#fff}.ftable{width:100%;border:solid 1px var(--C3);border-radius:10px;border-spacing:0}.ftable tr:nth-child(2n){background-color:#eee}.ftable th{padding:20px;font-weight:700;text-transform:uppercase;color:var(--C2);font-size:13px;border-right:solid 1px var(--C3);border-bottom:solid 1px var(--C3)}.ftable th:last-child{border-right:none}.ftable td{padding:20px;border-right:solid 1px var(--C3)}.ftable td:last-child{border-right:none}@media screen and (max-width:800px){.divlogin{top:0;border:none;border-radius:0;text-align:center;width:100%;margin-left:0}.divlogin>input{width:90%}.divlogin>table{width:90%!important;margin:15px!important}.divloginpwd{width:90%!important;margin-left:15px!important;margin-bottom:10px}.board-menu li{float:left;width:100%;margin-bottom:20px}.line-m>.line-50{width:100%}.line-a{width:calc(100% - 20px);padding-left:10px;padding-right:10px}.badge{width:100%;height:150px}h1{font-size:22px}h3{font-size:14px}.badge-text h2{font-size:20px}.badge-left{margin-bottom:40px}.badge-left,.badge-right{margin-left:0}.data-form{width:100%}.showpc{display:none}.family-bloc-text,.showmobile{display:block}.family-bloc-text>li:nth-child(2){width:100%}.family-bloc-text>li{display:list-item;width:100%;border-bottom:solid 1px var(--C3)}.family-bloc-text>li:last-child{border-bottom:none}}