#espace_perso {background-color: #1088B1!important;}
#espace_perso:hover {background-color: #075771!important;}
#espace_perso:focus {background-color: #075771!important;}
#se_connecter {position: fixed;top: 50%;right: 0px;z-index: 300;font-size: 14.5px;line-height: 115%;text-transform: uppercase;background-color: #E31919;padding: 7px 10px;color: white !important;text-decoration: none;display: inline-block;font-weight: bold;font-family: chapo,arial,sans;transform: rotate(-270deg) translate(50%,0);transform-origin: 100% 0%;margin-right:0;transition: margin-right 0.2s;}
#se_connecter:hover {background-color: #7E0D0F;}
#se_connecter:focus {background-color: #7E0D0F;}
#se_connecter .cadenas {margin-left: 5px;margin-right: -5px;display: inline-block;transform: rotate(-90deg);}
#espace_perso {position: fixed;top: 50%;right: 0px;z-index: 300;font-size: 14.5px;line-height: 115%;text-transform: uppercase;background-color: #E31919;padding: 7px 10px;color: white !important;text-decoration: none;display: inline-block;font-weight: bold;font-family: chapo,arial,sans;transform: rotate(-270deg) translate(50%,0);transform-origin: 100% 0%;margin-right:0;transition: margin-right 0.2s;}
#espace_perso:hover {background-color: #7E0D0F;}
#espace_perso:focus {background-color: #7E0D0F;}
#espace_perso .cadenas {margin-left: 5px;margin-right: -5px;display: inline-block;transform: rotate(-90deg);}
#login_prive {position: fixed;display: none;top: 0;left: 0;width: 100%;height: 100%;background:#f0f0f0;background: rgba(200,200,200,0.85);z-index: 1200;-moz-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-khtml-backdrop-filter:blur(10px);-ms-backdrop-filter:blur(10px);-o-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
#login_prive .fermer_ecran {cursor: pointer;position: fixed;top: 20px;right: 20px;width: 24px;border: 1px solid black;background-color: white;padding: 9px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
#login_prive .fermer_ecran svg {display: block;}
#login_prive .formulaire_login {border: 1px solid rgba(0,0,0,0.3);position: fixed;top: 50%;left: 50%;max-width: 90%;width: 320px;-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-khtml-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color: white;padding: 20px;}
#login_prive .formulaire_login legend {padding-bottom: 10px;text-align: center;font-weight: bold;font-size: 17px;text-transform: uppercase;font-family: chapo,arial,sans;}
#login_prive .formulaire_login .editer_password {position: relative;}
#login_prive .formulaire_login .editer_password input.text {padding-right: 28px;}
#login_prive .formulaire_login .editer_password #pass_securise {position: absolute; right: 5px;top: 50%;margin-top: -12px;}
#login_prive .formulaire_login input.text {margin: 0.2em 0 0.5em 0;padding: 4px 10px;width: 100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border: 0px solid rgba(0,0,0,0.3);font-size: 1.6em;background-color: #f0f0f0;}
#login_prive .formulaire_login div.choix {margin-top: 10px;}
#login_prive .formulaire_login p.details {text-align: right;margin-top: 0;}
#login_prive .formulaire_login p.boutons {text-align: right;margin-top: 0;}
#login_prive .formulaire_login input.submit {-moz-appearance:none;-webkit-appearance:none;-khtml-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;border: 0;margin: 0;margin-top: 20px;font-size: 14.5px;line-height: 115%;text-transform: uppercase;background-color: #E31919;padding: 7px 10px;color: white !important;text-decoration: none;display: inline-block;font-weight: bold;font-family: chapo,arial,sans;}
#login_prive .formulaire_login input.submit:hover {background-color: #7E0D0F;}
#login_prive .formulaire_login input.submit:focus {background-color: #7E0D0F;}
#login_prive .formulaire_login .reponse_formulaire {margin: -20px;margin-bottom: 20px;padding: 15px 20px;background-color: #ccc;font-size: 90%;line-height: 120%;}
#login_prive .formulaire_login .reponse_formulaire.reponse_formulaire_erreur {background-color: red;color: white;font-weight: bold;}
@media (max-width: 600px){
#se_connecter{top: auto;bottom: 100px;}
#espace_perso{top: auto;bottom: 100px;}
}