@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}html{height:100%}body{margin:0 15px;font-family:system-ui;height:fit-content;min-height:100%;display:flex;flex-direction:column}.topbar h1{font-size:100%}.topbar{display:flex;flex-flow:row;justify-content:space-between;position:fixed;left:0;top:0;right:0;width:auto;height:3em;background:#fff;box-shadow:0 0 .15em 0 rgba(0,0,0,.1);padding:0 15px}.topitem{display:flex;align-items:center;overflow:inherit}#topL,.main .rubrique{text-align:left;cursor:pointer}#topL{justify-content:flex-start;margin-top:auto;margin-bottom:auto}#topC{text-align:center;justify-content:center;overflow:hidden;margin-left:5px;margin-right:5px}#topR{text-align:right;justify-content:flex-end;margin-top:auto;margin-bottom:auto;cursor:pointer}img{height:70%}.main{margin-top:4em;height:100%}.main .rubrique{box-shadow:0 0 .15em .15em rgba(0,0,0,.1);padding:10px 20px 10px 15px;width:auto;margin-bottom:15px;display:flex;flex-flow:row;align-items:center;justify-content:space-between;font-size:70%}.section .item:last-child .rubrique{margin-bottom:0}h2,ol{margin:0}.rubrique p{margin:5px 0 0}.title,input{cursor:pointer}.title{display:flex;align-items:center;margin-bottom:15px}.line{background:#000;height:2px;flex:1;content:''}.dashedline{border-top:1px dashed #000;flex:1}.title h2,.title h3,h4{margin:0 10px 0 0}h3{margin:0 10px 5px 0}.arrow,.down,.up{transition:transform 250ms linear}.arrow{border:solid #000;border-width:0 3px 3px 0;padding:3px;z-index:-1}.content .title .arrow{margin-left:10px}.down,.up{transform:rotate(-135deg)}.down{transform:rotate(45deg)}.right{transform:rotate(-45deg);padding:10px}input{padding:5px 10px}.text,.zone{margin-bottom:15px}.content .text .registre{margin-bottom:5px}.registre{display:flex;flex-flow:row;justify-content:space-between;align-items:baseline}.regzone{flex-grow:2}.submitform{display:flex;flex-flow:row;justify-content:space-around;margin-top:15px}.submitform input{white-space:normal;max-width:49%}a{color:inherit;text-decoration:none}footer,table{width:100%;text-align:center}footer{margin-top:auto;display:flex;align-items:center;justify-content:center;height:2em;background:#efefef;margin-bottom:10px}input[type=number]{width:35px}input[type=checkbox]{margin-left:0}input[type=text]{width:100px}.datasent{color:#32cd32;margin-top:0;margin-bottom:0;margin-left:15px}.notunique{display:none;color:red;font-size:small;margin-left:5px}.visible{display:block}.send,.zonenamecheck{display:flex;flex-flow:row;justify-content:flex-start;align-items:baseline}.zonenamecheck{align-items:center}input,label{margin-right:5px}.lvl2{margin-left:5%}.required{color:red}table{border-collapse:collapse}table h4{text-align:left;margin-right:0}table td,table th{border-left:1px solid #000;border-bottom:1px dashed #000}table td:first-child,table th:first-child{border-left:none}table img{height:auto;width:100%}table input{margin:0;border:0;text-align:center}table input::-webkit-input-placeholder{text-align:center}thead td{font-size:smaller;padding-left:3px;padding-right:3px}.flex{display:flex;align-items:center}.column{flex-flow:column}.baseline{align-items:baseline}.wrap{flex-wrap:wrap}.justify_between{justify-content:space-between}.align_end{text-align:end}.nowrap{white-space:nowrap}.modal,.tooltip .tooltiptext{z-index:1;background-color:#000}.tooltip .tooltiptext{visibility:hidden;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute}.tooltip .tooltiptext::after{content:"";position:absolute;top:50%;right:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent #000 transparent transparent}.tooltip:hover .tooltiptext{visibility:visible}.modal{display:none;position:fixed;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;margin:auto;padding:10px;width:85%}.modal-content img{height:auto;width:20%}.close{color:#aaa;float:right;font-size:28px;line-height:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.circle{border:2px solid #000;border-radius:50%;cursor:pointer;width:30px;height:30px}#device .icon:not(:last-child){margin-right:10px}#devices{margin-bottom:10px}.hidden{display:none}#devices,#mode_val{width:100%}#mode_val img{width:auto;height:auto}.hide,.show{opacity:0;transition:opacity 400ms}.show{opacity:1}#loader{width:120px;height:120px;border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #32cd32;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}#loader:after{position:absolute;bottom:100%}#loader-device,#loader-overlay{margin-top:auto}#toCircle label{cursor:pointer}.square{height:10px;width:10px;border:solid 1px gray;display:inline-block;margin-right:10px}.color_reg1{background-color:red}.color_reg2{background-color:green}.color_reg3{background-color:#00f}.color_reg4{background-color:#ff0}.color_reg5{background-color:#8b4513}.color_reg6{background-color:#fff}#rectangle{height:auto;width:5px;margin-right:10px}.section,.separator{align-items:revert}.separator #text{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);text-align:end;margin-right:1px;margin-left:0;font-size:14px;z-index:-1}.section{margin-bottom:15px}.all_items{width:100%}#state #rectangle{background-color:teal}#state #text{color:teal}#compulsory #rectangle{background-color:#f4a460}#compulsory #text{color:#f4a460}#advanced #rectangle{background-color:#cd5c5c}#advanced #text{color:#cd5c5c}