@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;700&display=swap");h2{font-size:46px}body{background:linear-gradient(to bottom left, rgba(255, 243, 203, 0.57), rgba(243, 242, 240, 0.61)), url("../bundles/user/images/nouveau-fond-connexion.png");font-family:"Red Hat Display", sans-serif;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:auto}body #login{-moz-box-shadow:0px 0px 26px 6px rgba(0, 0, 0, 0.4);-webkit-box-shadow:0px 0px 26px 6px rgba(0, 0, 0, 0.4);-o-box-shadow:0px 0px 26px 6px rgba(0, 0, 0, 0.4);box-shadow:0px 0px 26px 6px rgba(0, 0, 0, 0.4);position:relative;display:inline-block;background-color:#fff;margin:0 auto;vertical-align:middle;margin-top:calc(100% / 9)}body #login .title{color:#fff;position:absolute;top:6px;left:0;right:0}body #login .title h1,body #login .title h2{font-size:18px}body #login form{margin-top:30px;margin-bottom:30px}body #register{-moz-box-shadow:0px 0px 26px 6px rgba(0, 0, 0, 0.4);-webkit-box-shadow:0px 0px 26px 6px rgba(0, 0, 0, 0.4);-o-box-shadow:0px 0px 26px 6px rgba(0, 0, 0, 0.4);box-shadow:0px 0px 26px 6px rgba(0, 0, 0, 0.4);position:relative;display:inline-block;background-color:#fff;margin:0 auto;vertical-align:middle;margin-top:calc(100% / 12)}body #register .title{background-image:url("../bundles/user/images/fond-connexion.jpg");overflow:auto;color:#fff;margin-bottom:10px;height:230px}body #register .title h1,body #register .title h2{font-size:18px}body #register .title p{padding:0px 45px}.has-error{background-color:#a9092f;color:#fff;margin:10px auto;padding:10px;border-radius:8px;width:100%;text-align:center}.has-error ul li{list-style:none;text-decoration:none}.has-error ul{display:block;list-style-type:none;margin:0;padding:0}.error{background-color:#a9092f;color:#fff;margin:10px auto;padding:10px;border-radius:8px;width:100%;text-align:center}.error p{padding:10px 0px}.success{background-color:#74ae01;color:#fff;margin:10px auto}.success p{padding:10px 0px}.btn-login{border:none;padding:5px 40px;background:#354051;background:-webkit-linear-gradient(top, #465469, #354051);border:1px solid #000;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;color:#fff}.btn-login:hover{color:#fff;text-decoration:none}.box{-moz-box-shadow:0px 0px 26px 6px rgba(0, 0, 0, 0.4);-webkit-box-shadow:0px 0px 26px 6px rgba(0, 0, 0, 0.4);-o-box-shadow:0px 0px 26px 6px rgba(0, 0, 0, 0.4);box-shadow:0px 0px 26px 6px rgba(0, 0, 0, 0.4);position:relative;display:inline-block;background-color:#fff;margin:0 auto;vertical-align:middle;margin-top:calc(100% / 9)}.box .error-404{padding:50px}.box .error-404 h1,.box .error-404 a{color:#a70f31}.box .error-404 p{margin:20px auto}.boxPrimary{display:flex;flex-direction:column;width:auto;height:100%}.boxSecondary{display:flex;flex-direction:row;width:100%;height:100%}.containerLeft{display:flex;flex-direction:column;width:45%;color:#686d5e}.boxLeft{padding:8% 16% 8% 16%;height:100%}.subLeft{display:flex;flex-direction:row;margin-top:20px;padding:10px 10px 10px 0;width:100%;gap:15px}.subLeftImage{color:#fff}.subLeftText{display:flex;flex-direction:column}.subLeftTitle{font-weight:bold}.subLeftWord{color:#919589}.imageLeft{display:block;margin-right:auto}.containerRight{display:flex;justify-content:center;align-items:center;background-color:#fbfdff;border-top-left-radius:5%;width:55%}.formInputRow{display:flex;flex-direction:row;gap:10px}.boxRight{background-color:white;border-radius:5%;padding:20px;display:flex;flex-direction:column;width:40%;gap:20px}.inputRightLabel{position:relative}.inputRightLabel input{width:100%;padding:8px 12px;font-size:16px;border:1px solid #ccc;border-radius:8px;outline:none;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}.inputRightLabel input:focus{border-color:#686d5e}.inputRightLabel label{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:white;padding:0 4px;color:#999;font-size:16px;transition:0.2s ease all;pointer-events:none}.inputRightLabel label{top:0;transform:translateY(-50%) scale(0.85);color:#686d5e}.inputRight{width:100%;padding:8px 12px;font-size:16px;border:1px solid #ccc;border-radius:8px;outline:none;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}.inputRight:focus{border-color:#686d5e}.showPassword{position:relative;width:100%}.showPassword input{padding-right:40px}.showPassword i{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#888;cursor:pointer}.dualRightBox{display:flex;flex-direction:row;justify-content:space-between}.buttonRight{background-color:#686d5e;padding:10px;color:#fff;border:none;border-radius:10px;width:40%}.buttonRight:hover{background-color:#808674}#buttonRegister{width:100%}#buttonReset{width:100%}#forgotButton{justify-content:space-around}@media (max-width:600px){.boxSecondary{flex-direction:column;width:100%}.containerLeft{width:100%;align-items:center}.boxLeft{padding:8%;align-items:center;display:flex;flex-direction:column;text-align:center}.subLeft{display:none;visibility:hidden}.imageLeft{display:block;margin-right:0}.containerRight{border-top-left-radius:0;border-radius:15%;width:100%;background-color:transparent}.boxRight{border-radius:20px;width:100%;margin:20px}}@media (min-width:600px) and (max-width:1200px){.boxLeft{padding:4%}.boxRight{width:80%}}.p10{padding:10px}.mb20{margin-bottom:20px}.TextColorG{color:#686d5e}.TextColorGray{color:rgba(0, 0, 0, 0.6)}html,body{min-height:100%;height:100%;margin:0}.borderTop{border-top:1px solid #cdcdcd;padding-top:15px}.w_full{width:100%}.popup{display:flex;flex-direction:row}.popupRow{display:flex;flex-direction:row;gap:10px}.success{background-color:#686d5e;color:#fff;margin:10px auto}