.test{color:red}*{margin:0;padding:0;font-family:Arial}*{box-sizing:border-box}*{color:#333}.hide{display:none;color:red}.center{text-align:center}body,html{background:#fff}.Site{display:flex;flex-direction:column;min-height:100vh}footer,header,main{width:100%;min-width:340px;margin:auto}header{position:fixed;height:2rem;background:#00bcd4;border:0}main{margin-top:2rem;background:#fff;flex:1}nav{display:flex;justify-content:space-between;border-bottom:0 solid #333;width:100%;max-width:812px;margin:auto}nav button{-webkitflex:0 0 20%;-ms-flex:0 0 20%;-moz-flex:0 0 20%;flex:0 0 20%;height:2rem;border:none;font-size:1.5rem;padding:0;border:0 #00f solid;background:0 0}nav button i{color:#fff}.btAdd{height:2rem;border:none;font-size:1.5rem;padding:0;border:0 #00f solid;background:#000;width:48px;border-radius:7px}.btAdd i{color:#fff}.btHomePageActivation{height:2rem;border:none;font-size:1.5rem;padding:5px;border:0 #00f solid;background:0 0}.btHomePageActivation i{color:#fff}button:hover{background:#0097a7}footer{background:#333;height:24px;color:#fff;padding:2px;text-align:center}footer a{color:#fff}footer button{background:#fff;width:48px;color:#333;padding:1px 3px;border-radius:3px;border:0;margin-left:10px}h1{font-size:24px;border-bottom:1px solid #333}h3{font-size:28px;text-align:center;padding:4px;margin:5px 0;border-bottom:1px solid #333}input{font-size:20px;color:#333;background:#b2ebf2;border-radius:5px;padding:5px;border:0}textarea{font-size:20px;color:#333;background:#b2ebf2;border-radius:5px;padding:5px;border:0;resize:none}input.inputError{background:#e9322d;color:#fff}textarea.inputError{background:#e9322d;color:#fff}.navBlock{display:none}.green{background:green}.dInlineBlock{display:inline-block}.filter{text-align:center;padding-top:2px;margin-top:5px}#mainListe{margin-top:10px}.divRow:nth-child(odd){background:#dedede}#infoNbFiches{font-size:24px;background:linear-gradient(#fff,#dcdcdc);color:#333}.divRow{padding:0;background:#fff;color:#333;width:100%;max-width:500px;margin:3px auto 0 auto}.divRow div{padding:2px 3px;height:1.7rem}.divRow:hover{background:#b2ebf2;color:#fff}.cell1{border-bottom:1px dotted #999;font-size:1.4rem}.cell2{border-bottom:1px dotted #999;font-size:1.3rem}.cell3{border-bottom:1px solid #999;font-size:1.2rem}#pageRecForm{display:none;padding-bottom:4px}.divFormRow{height:60px;font-size:20px;background:#fff;padding:4px 0}.divFormRow div input{width:100%;padding:1px 5px;height:30px;border-radius:0;border:0}.divFormRow div textarea{border-radius:0}.divFormRow div{max-width:500px;margin:auto}.inputLight{background:#ccdcf4}input:focus,textarea:focus{background:#f7c942}.btVoirPass{background:rgba(230,240,255,.8);border:0;height:30px;width:64px}.btVoirPass i{font-size:24px}.btExport{background:rgba(230,240,255,.8);border:0;height:30px;width:150px;border-radius:5px;font-size:24px}.btExport i{font-size:24px}#divBtExport{margin:15px 0}#divCodeExport{background:#dedede;margin:15px 0}.divFormRow textArea{font-size:80%}.labelF{padding-left:6px}.field{padding:0}#pageContact{display:none}#formContact_message{width:100%}#pageConfig{display:none}#bt_logout{width:200px;background:#00bcd4;color:#333;font-size:28px;border-radius:7px;padding:5px}#pageApropos{display:none;padding:15px;text-align:justify}#pageApropos div{padding:5px}#pageApropos p{margin:10px 0;color:#333}#pageAuth{margin-top:20px}.aideInline{width:320px;margin:auto;margin-top:15px;border:0;border-radius:7px;padding:10px;background:rgba(235,235,235,.8);color:#333}.divBtForm button{margin:0 8px}#loginCode{width:315px;margin:auto;margin-top:10px;margin-bottom:10px;display:flex;flex-wrap:wrap}.codeDigit{width:59px;height:56px;margin:2px}.codeDigit button{font-size:36px;text-align:center;width:100%;height:100%;border:0;border-radius:5px;background:#00bcd4;color:#fff}.codeDigit button i{color:#fff}.codeDigit button.small{font-size:28px}.formInput{margin:10px 0}#pageCreationUtilisateur{display:none;margin-top:20px}#pageMdpOublie{display:none}.btForms{background:#fff;color:#333;border-radius:7px;min-width:50px;padding:0;height:48px;margin:0 10px;border:0;font-size:42px}.btPopup{background:#fff;color:#333;border-radius:7px;min-width:50px;padding:0;height:48px;margin:0 10px;border:0;font-size:42px;width:36px;height:36px;font-size:20px}.btLangueActif{background:#fff;color:#333;border-radius:7px;min-width:50px;padding:0;height:48px;margin:0 10px;border:0;font-size:42px;width:36px;height:36px;font-size:20px;background:#00bcd4}#masquePopup{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:9000;background:rgba(240,240,240,.75);display:none}#divPopup{top:60px;position:fixed;display:none;width:340px;margin-left:50%;left:-170px;border:1px solid #333;border-radius:9px;z-index:10000;box-shadow:.4em .4em .4em #666}.popupInfo{background:#b2ebf2;opacity:.95}.popupError{background:rgba(255,100,100,.95)}#popupTitle{font-size:20px;color:#fff;margin-left:10px;height:35px;padding-top:5px}#popupContent{background:#fff;padding:10px 5px;line-height:22px;color:#333;border-width:1px 0 1px 0;border-style:solid;border-color:#333}#popupContent p{margin:8px 4px}#popupContent li{margin-top:5px;margin-left:20px}#popupFooter{color:#fff;text-align:center;height:40px;padding:2px}.downloadLinks{background:rgba(250,250,250,.5);width:310px;margin:auto;padding-left:3px;border-radius:5px}.downloadLinks li{padding:10px 0;list-style-type:none;text-align:center}.downloadLinks ul.appLinks{xxdisplay:inline-block}.downloadLinks ul.appLinks li{padding:15px 0}.downloadLinks img{width:48px;vertical-align:middle}@media screen and (min-width:500px){h3{margin:1px}.divFormRow div input{border-radius:5px}.divFormRow div textarea{border-radius:5px}#pageAuth{margin-top:0}}