body,header,html{padding:0;margin:0}#end-header a,footer,header{background-color:var(--color-h1)}#end-header a,details,main{display:block}.form-group fieldset+div,footer>p,p.input-no-good,p.required-field{font-size:var(--font-size-small)}dialog,main{overflow-y:auto}#end-header ul li,#logout-dialog .dialog-content,.drop-container,.footer-links a{text-align:center}button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}#end-header .main-item:hover,body{background-color:#eee}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}body,fieldset,header,html,input,textarea{font-family:sans-serif}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}:root{--color-h1:#004159;--color-h1-opa:#00415999;--color-h2:#3385A2;--color-h3:#99C8D6;--color-valid:#28A745;--color-invalid:#3385A2;--font:sans-serif;--font-size-max-high:50px;--font-size-very-high:40px;--font-size-high:30px;--font-size-medium:20px;--font-size-normal:16px;--font-size-small:12px}.btn-cancel-h3d,.btn-h3d,.btn-valid-h3d,input[type=file]::file-selector-button{box-sizing:border-box;font-size:var(--font-size-normal);width:100px;padding:5px 10px;margin:5px;border-radius:10px;color:#000;cursor:pointer;border:1px solid transparent;text-decoration:none;text-align:center;user-select:none}.btn-cancel-h3d:focus,.btn-h3d:focus,.btn-valid-h3d:focus,input[type=file]:focus,input[type=file]:focus::file-selector-button{transition:initial;outline:0;border:1px solid #000}.btn-h3d,input[type=file]::file-selector-button{background-color:#fff}.btn-cancel-h3d,.btn-valid-h3d,input[type=file]::file-selector-button{color:#fff}.btn-valid-h3d{background-color:var(--color-valid)}.btn-cancel-h3d,input[type=file]::file-selector-button{background-color:var(--color-invalid)}.btn-cancel-h3d:hover,.btn-h3d:hover,.btn-valid-h3d:hover,input[type=file]::file-selector-button:hover{border:1px solid #000}body,html{height:100%}body{display:flex;flex-flow:column;height:100%}footer,header{color:#fff;display:flex;justify-items:center;align-items:center;height:auto;position:sticky;user-select:none}abbr{cursor:help}header{top:0;z-index:201}#start-header{display:flex;flex-direction:row;align-content:center;align-items:center}#start-header a:first-child{height:50px;width:50px;margin:auto 5px}#start-header img,dialog form{height:100%;width:100%}#start-header a:last-child{color:#fff;text-decoration:none;margin:0;font-size:var(--font-size-medium)}.menu-hamburger{display:none;color:#fff}#end-header{position:absolute;right:0;width:auto;height:100%}#end-header ul{list-style-type:none;margin:0;height:100%;padding-inline:0px}#end-header ul li{float:left;padding-inline:0px;height:100%;width:125px}#end-header a{color:#fff;text-decoration:none;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}#end-header a:hover{background-color:var(--color-h2)}#end-header .main-item{background-color:var(--color-h3);color:#000;cursor:default;pointer-events:none}main{flex-grow:1;scrollbar-width:thin;scrollbar-color:var(--color-h1) transparent}span.hermia-title{white-space:nowrap}footer{bottom:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:right;padding:0 10px}footer>div{display:flex;flex-direction:row;padding:5px 0;width:100%}footer>p{margin:0 auto 5px;padding:0}.footer-links{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center}.footer-links a{color:#fff;text-decoration:none;display:flex;align-items:center;padding:0 10px;min-width:50px;height:90%}.footer-links a:hover{cursor:pointer;text-decoration:underline}.footer-language{background-image:url(../img/flag/france.svg);background-position:center center;background-size:cover;border:1px solid #000;width:30px;min-width:30px;height:20px;border-radius:5px;cursor:pointer;margin-left:10px}.footer-language:hover{border:1px solid #fff}p.required-field{margin:0;width:100%;text-align:left;text-align-last:initial;color:grey}p.input-no-good{width:100%;margin:0;text-align:left;color:#900}.form-group{display:flex;flex-direction:column;position:relative;margin:10px 0;width:100%}.form-group fieldset input,.form-group fieldset label,.form-group select{cursor:pointer}.form-group fieldset{border:1px solid #000;display:grid;grid-template-columns:1fr 1fr}.form-group fieldset+div{position:absolute;top:-6px;color:#000;background:#fff;padding:0 5px}.form-group fieldset div{display:flex;flex-direction:row;align-items:center}#password-valid-container div,.form-group .checkbox-container{align-items:center;display:flex}.form-group input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;background-color:#fff;height:15px;width:15px;border:1px solid #000;border-radius:2px;margin:5px}.form-group input[type=checkbox]:focus{outline:0;border-width:2px}.form-group input[type=checkbox]:checked{background-color:var(--color-valid);background-image:url(../img/checkbox.svg);background-size:70%;background-position:center;background-repeat:no-repeat}.form-group input[type=email],.form-group input[type=number],.form-group input[type=password],.form-group input[type=tel],.form-group input[type=text],.form-group select{background-color:transparent;font-size:var(--font-size-normal);outline:0;transition:border-color .3s;border:transparent;border-bottom:1px solid #000;margin-bottom:1px}.form-group input[type=email],.form-group input[type=number],.form-group input[type=tel],.form-group input[type=text]:not(.password),.form-group select{padding:10px 5px}.form-group .password{padding:10px 35px 10px 5px}.form-group input[type=email]:focus,.form-group input[type=number]:focus,.form-group input[type=password]:focus,.form-group input[type=tel]:focus,.form-group input[type=text]:focus,.form-group select:focus{outline:0;border-bottom-width:2px;margin-bottom:0}.form-group .placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);background:#fff;padding:0 5px;color:#666;pointer-events:none;transition:.3s}.form-group input[type=email]:focus+.placeholder,.form-group input[type=email]:not(:placeholder-shown)+.placeholder,.form-group input[type=number]:focus+.placeholder,.form-group input[type=number]:not(:placeholder-shown)+.placeholder,.form-group input[type=password]:focus+.placeholder,.form-group input[type=password]:not(:placeholder-shown)+.placeholder,.form-group input[type=tel]:focus+.placeholder,.form-group input[type=tel]:not(:placeholder-shown)+.placeholder,.form-group input[type=text]:focus+.placeholder,.form-group input[type=text]:not(:placeholder-shown)+.placeholder,.form-group select+.placeholder{top:-10px;font-size:var(--font-size-small);color:#000;transform:translateY(0)}.dialog-header button,button.toggle-password,input[type=button].toggle-password{background-position:center;background-repeat:no-repeat;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer}.form-group label:not(.placeholder,.drop-container){margin:10px 0}.form-group textarea{padding:10px;border-radius:10px;outline:0;border:1px solid #000;margin:1px;resize:none;scrollbar-width:thin}.form-group textarea:focus{outline:0;border-width:2px;margin:0}.form-error{width:100%;color:red;font-size:var(--font-size-small);margin-top:-5px}button.toggle-password,input[type=button].toggle-password{background-color:transparent;background-image:url(../img/password/eye-opened.svg);background-size:100%;border:none;right:0;width:20px;height:20px}button.toggle-password:hover,input[type=button].toggle-password:hover{background-image:url(../img/password/eye-opened-grey.svg)}button.toggle-password-show,input[type=button].toggle-password-show{background-image:url(../img/password/eye-closed.svg)}button.toggle-password-show:hover,input[type=button].toggle-password-show:hover{background-image:url(../img/password/eye-closed-grey.svg)}#password-valid-container{background-color:#fff;color:#000;text-align:left;display:flex;flex-direction:column;width:100%}#password-valid-container div{padding:0 5px}#password-valid-container p{width:50%;margin:0;padding-left:10px;font-size:var(--font-size-small);display:flex;align-items:center}.invalid{color:#900}.invalid:before{position:relative;left:-5px;content:url(../img/cross-red.svg)}.valid{color:#006400}.valid:before{position:relative;left:-5px;content:url(../img/check-green.svg)}.drop-container{margin:10px auto;width:90%;display:flex;flex-direction:column;align-items:center;border:2px dashed grey;cursor:pointer;gap:10px;transition:background .2s ease-in-out,border .2s ease-in-out}.drop-container.drop-active,.drop-container:hover{border-color:#000;background-color:var(--color-h3)}.drop-container>span{margin-top:20px;font-weight:700;font-size:var(--font-size-medium)}.drop-container>input[type=file]{transition:inherit;background-color:#fff;margin:0 20px 20px;padding:8px 12px;border:1px solid grey;min-width:325px;max-width:100%}input[type=file]:hover{border:1px solid #000}input[type=file]::file-selector-button{width:auto}dialog{width:500px;background-color:#fff;border:none;border-radius:10px;box-shadow:0 0 20px rgba(100,100,100,.8);padding:0;scrollbar-width:none}dialog::backdrop{background-color:var(--color-h1-opa)}dialog h2{color:#fff}.dialog-footer,.dialog-header{padding:10px}.dialog-header h2{font-weight:400;margin:0;padding-right:45px;font-size:var(--font-size-medium)}.dialog-header button{height:25px;width:25px;color:transparent;background-color:#fff;background-image:url(../img/cross.svg);background-size:cover;right:10px;border:1px solid transparent;border-radius:5px}.dialog-header button:hover{background-color:var(--color-h3)}.dialog-footer{bottom:initial;display:flex;flex-direction:row;align-items:center;justify-content:space-around;background-color:#fff}@media screen and (max-width:1000px){.menu-hamburger{background-image:url(../img/menu/menu.svg);background-size:cover;position:absolute;right:0;display:flex;height:30px;width:30px;margin:0 10px;cursor:pointer}.menu-hamburger-open{background-image:url(../img/cross-white.svg)}header{z-index:300}#end-header{top:0;left:0;width:100%;height:100vh;background-color:var(--color-h1-opa);backdrop-filter:blur(7px);display:none;justify-content:center;align-items:center}#end-header>ul{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--font-size-high)}#end-header>ul li{height:50px;margin:10px 0;width:200px}#end-header a{background-color:transparent;color:#fff;font-weight:700}#end-header .main-item,#end-header a:hover{background-color:transparent;color:var(--color-h3)}}@media screen and (max-width:500px){.footer-links{justify-content:left;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-h3) transparent}.footer-links a{margin:0 auto}.form-group input[type=file]{min-width:auto;max-width:80%}}@media screen and (max-width:400px){#end-header>ul{font-size:var(--font-size-medium)}#end-header>ul li{width:150px}}
