#breadcrumb{padding:12px 16px 12px 16px}#full-content .page-content{padding:0 16px}#full-content .page-content .container-login{display:flex;justify-content:space-around;width:auto}#mainContent{background:-moz-linear-gradient(right,#edf5ff,#fff);background:-webkit-gradient(linear,right center,left center,from(#edf5ff),to(#fff))}#invalidLoginBox{margin:20px 0 0}#invalidLoginBox h1{color:var(--text-color);font-size:1.875em;font-family:"Open Sans Condensed",Impact,"Franklin Gothic Bold",sans-serif;margin:0;padding:0;display:inline-block;font-weight:700}#invalidLoginBox #helpForms .dialog{max-width:100%}#loginForm dd,#loginForm dt{float:left;margin-top:10px}#loginForm dd{text-align:left;padding-left:1%;width:69%}#loginForm dd input{padding:2px;width:180px}#loginForm dd #autologin{width:auto}#loginForm dt{text-align:right;padding-right:1%;width:29%;font-weight:bold;padding-top:4px}#loginBox button,#loginBox .button-medium{margin:20px}#loginForm #autologin-label{float:right;font-weight:normal;text-align:left;width:65%;padding:2px 1% 0 0}#loginForm #autologin-element{text-align:right;width:33%;padding:2px 1% 0 0}#helpBox{margin:20px 0 20px 50px;color:var(--text-color)}.wrapper-help h1{color:var(--text-color);font-size:1.714em;font-family:"Open Sans Condensed",Impact,"Franklin Gothic Bold",sans-serif;font-weight:700}.wrap-help-form{color:var(--text-color);font-size:1rem;line-height:22px}.wrap-help-form h2{margin:16px 0 24px;font-size:1.125rem}#helpBox h2{clear:both}#connexionProblem{clear:both}#helpForms{margin:0 auto}.helpNotification{margin-bottom:10px}#helpForms dt{font-weight:bold;float:left;padding-right:5px;padding-top:15px}#helpForms dd{text-align:left;padding-left:5px;width:220px;float:left;padding-top:5px}#helpForms dd input{padding:2px;width:200px}.page-content{width:auto;max-width:970px}.secondary-bloc{padding:0;color:var(--text-color);width:390px;margin:70px 0 0;text-align:center;line-height:1.4em}.secondary-bloc h2{color:var(--text-color);font-family:"Open Sans Condensed",Impact,"Franklin Gothic Bold",sans-serif}.secondary-bloc p{line-height:1.8em;margin:20px 0}.secondary-bloc button{max-width:300px}.dialog{border-radius:3px;overflow:hidden;box-shadow:0 3px 7px rgba(0,0,0,0.3);line-height:1.4em;height:min-content;max-width:324px;margin:30px 0 0;background:var(--bg-wrapper)}.dialog-header{color:var(--text-color);font-family:"Open Sans Condensed",Impact,"Franklin Gothic Bold",sans-serif;text-transform:uppercase;font-size:1.143em;padding:15px 20px;margin:0;font-weight:700}.dialog-content{margin:0;padding:0 15px;overflow:hidden}.dialog-footer{background:var(--bg-in-wrapper);border-top:1px solid var(--bg-wrapper-border);margin:0;padding:15px;display:flex;flex-flow:column;align-items:center}.login-form{margin:0}.login-external{margin-bottom:16px;background:var(--bg-wrap-block-socials);padding:8px}.dialog label[for="login"],.dialog label[for="password"],.dialog label[for="user_sEmail"]{font-weight:bold;display:block}.dialog input{padding:5px;margin-bottom:5px}.login-form .form-error{border-color:#a94442;color:#a94442}.dialog label{margin-bottom:2px}.login-form .form-submit{margin-top:5px}.login-form .form-submit .two-columns{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;gap:8px;flex-wrap:nowrap}.login-form .form-submit button{margin-top:10px}.login-form #loginForm label[for="login"],.login-form #loginForm label[for="password"]{display:none}.login-form #loginForm label[for="autologin"],.login-form .form-submit .two-columns a{color:#708395;font-size:.875rem}.login-form .form-submit .two-columns a{text-decoration:underline;color:var(--link-color)}.login-form .form-submit .two-columns a:hover{text-decoration:none}.login-external .block-fb,.login-external .block-google{background-color:var(--bg-block-fb);padding:8px;color:var(--bg-block-fb-text-color);font-weight:bold;margin-bottom:8px;cursor:pointer;border:1px solid var(--bg-block-fb-border);line-height:24px;border-radius:4px;font-size:13px}.login-external .block-google{padding:10px}.login-external .block-fb:hover,.login-external .block-google:hover{text-decoration:none;background-color:var(--bg-block-fb-hover);border:1px solid var(--bg-block-fb-border-hover)}.login-external .block-fb span.icon-fb{display:block;float:left;background:url(/images/audiofanzine/interface/log-socials-sprite.png) no-repeat;background-image:image-set(url(/images/audiofanzine/interface/log-socials-sprite.webp) type("image/webp"),url(/images/audiofanzine/interface/log-socials-sprite.png) type("image/png"));width:20px;height:20px;background-position:0 0;margin:-1px 8px 0 0}.login-external .abcRioButtonBlue{height:auto !important;width:auto !important;color:var(--text-color);background-color:transparent;box-shadow:none}.login-external .abcRioButtonBlue .abcRioButtonContentWrapper{height:25px;width:100%;margin-top:5px;text-align:left}.login-external .abcRioButtonBlue:hover{background:transparent;border:0;box-shadow:unset}.login-external .abcRioButtonBlue .abcRioButtonIcon{background:0;margin-right:5px}.login-external span[id^=not_signed_]{display:none}.login-external p{color:#888;font-size:1rem;margin:10px 0 15px}.login-external .login-facebook{display:block;margin-bottom:10px}.login-external .loginIdn{height:22px;width:auto}.dialog-content .block-or,.dialog-content .block-or{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;margin-top:20px;color:var(--subtext-color-light);font-weight:bold;font-size:.9rem}.dialog-content .block-or hr,.dialog-content .block-or hr{width:90px;background-color:#f2f3f4;height:1px;border:0}#helpForms .dialog{width:auto;margin-top:16px}#helpForms .dialog-header{padding-bottom:0;text-transform:none;font-size:1.5em}#helpForms .secondary-bloc{margin-top:16px;width:auto;background:var(--bg-wrapper-2);padding:16px 16px 24px}#helpForms .dialog-content{padding:0 16px 16px}.bounce-form{color:var(--text-color);background:var(--bg-wrapper-input);padding:16px;margin:24px auto;overflow:hidden}.bounce-form input[name="user_sEmail"]{width:270px;margin:0 4px !important;padding:12px 24px !important}.bounce-form label[for="user_sEmail"]{float:left;padding:10px 8px 0 0}.login-form input[type=text],.login-form input[type=password],.login-form input[type=email]{width:100%;background-color:var(--bg-input-filter);border:1px solid var(--color-input-filter-border);color:var(--text-color);margin-bottom:10px;border-radius:6px}#lostPassword,#userConfirmation{color:var(--text-color);background:var(--bg-wrapper-input);padding:16px;margin:24px auto;overflow:hidden}#lostPassword #lostPasswordEmail-label label,#userConfirmation #confirmationEmail-label label{color:var(--text-color);font-size:1.1875rem;font-family:"Open Sans Condensed",Impact,"Franklin Gothic Bold",sans-serif;font-weight:700;display:block;margin-bottom:8px}#lostPassword input[type="email"],#userConfirmation input[type="email"]{background-color:var(--bg-input);width:100%;border:0;color:var(--text-color);font-size:1rem;font-family:arial}.wrap-form-body{display:grid;grid-template-columns:auto 120px}#lostPasswordCsrf-label,#confirmationEmailCsrf-label,#lostPasswordCsrf-element,#confirmationEmailCsrf-element{display:none}#lostPasswordEmail-label,#confirmationEmail-label{padding:10px 8px 0 0 !important;grid-column:1 / span 2}#lostPasswordEmail-element,#confirmationEmail-element{margin:0 8px 0 0 !important;padding:0 !important;width:auto !important}#lostPasswordEmail-element input,#confirmationEmail-element input{margin-bottom:0 !important;padding:14px 12px !important}.wrapper-lostpassword{background-color:var(--bg-wrapper);padding:16px;margin:16px}.wrapper-lostpassword h1{margin:0 0 16px}.wrapper-lostpassword #connexionProblem a{color:var(--text-color);text-decoration:underline}.wrapper-lostpassword #connexionProblem a:hover{text-decoration:none}@media only screen and (min-width:1563px){#breadcrumb{padding-left:0}}@media only screen and (max-width:1000px){#helpForms .dialog{float:none;margin:20px auto 0}#helpForms .secondary-bloc{float:none;margin:50px auto 0}}@media only screen and (max-width:1000px){.dialog{float:none;margin:30px auto 0}.secondary-bloc{float:none;margin:50px auto 0}}@media only screen and (max-width:768px){#full-content .page-content .container-login{display:block}.page-content{width:auto}.wrapper-help h1{font-size:24px}#invalidLoginBox{margin:64px 0 0}.login-form{width:100%;float:none;border-right:0}.login-form input{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.login-external{width:auto;float:none;text-align:center;margin-top:15px;margin-bottom:20px}.secondary-bloc{width:auto}.container-login .dialog-footer{display:none}.dialog-footer .redirLink{float:none !important;display:block}.helpNotification{line-height:1.5rem}#helpBox{margin:10px}#helpForms dd input{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:28px;border:0}#helpForms dd{padding-left:0;width:60%;padding-top:0}#helpForms dt{float:none;padding:0 0 6px 0}#helpForms dt#lostPasswordEmail-label{float:left}#helpForms dd#lostPasswordEmail-element{width:auto;margin-left:0 !important}#helpForms dd#lostPasswordEmail-element input{height:auto}#lostPassword .button.button-medium,.button-medium,#userConfirmation .button.button-medium,#userConfirmation .button-medium{width:38%;padding:5px;border-radius:0}#connexionProblem{margin-top:30px}#lostPassword button,#userConfirmation button{margin-top:0}}@media only screen and (max-width:700px){.bounce-form label[for="user_sEmail"]{float:none;padding-top:0;margin-bottom:8px}.bounce-form input[name="user_sEmail"]{width:100%;margin:0 !important}.bounce-form button{width:100%;margin-top:8px}}@media only screen and (max-width:414px){.wrap-form-body{display:block}#lostPasswordEmail-element,#confirmationEmail-element{width:100% !important}#lostPassword button,#userConfirmation button{margin-top:8px;width:100%}}