/*
#@plugins/orion/css/connexion.less
*/
/* Page de connexion */
.connexion,
.compte_creation {
  /* Centrage */
  /* Sigle */
  /* Titre */
  /* Header */
  /* Section */
  /* Formulaire de connexion et formulaire d'inscription */
  /* Mot de passe oublié */
  /* Message d'erreur */
  /* Formulaire d'inscription */
  /* Confirmation d'inscription */
}
.connexion .page,
.compte_creation .page {
  padding-top: 40px;
}
@media (min-width: 880px) AND (min-height: 500px) {
  .connexion.connexion .page,
  .compte_creation.connexion .page {
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 880px) AND (min-height: 750px) {
  .connexion.compte_creation .page,
  .compte_creation.compte_creation .page {
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
  }
}
.connexion .sigle,
.compte_creation .sigle {
  margin: auto auto 40px 0;
  max-width: 300px;
}
.connexion h1,
.compte_creation h1,
.connexion h2,
.compte_creation h2 {
  max-width: 80%;
  font-weight: bold;
  color: #000;
  font-size: 3.2rem;
  line-height: 4.2rem;
  margin: 20px auto 0;
  text-align: center;
}
.connexion.connexion h1,
.compte_creation.connexion h1 {
  display: none;
}
.connexion header,
.compte_creation header {
  display: none;
}
.connexion header + section,
.compte_creation header + section {
  margin-top: 0;
}
.connexion section,
.compte_creation section {
  width: 100%;
  /* Version grand écran */
}
.connexion section .wrapper,
.compte_creation section .wrapper {
  max-width: 1000px;
}
.connexion section .wrapper article,
.compte_creation section .wrapper article {
  margin: auto;
  max-width: 370px;
}
@media (min-width: 880px) {
  .connexion section,
  .compte_creation section {
    background-size: 70%;
  }
  .connexion section .wrapper,
  .compte_creation section .wrapper {
    background-size: 50%;
    background-position: right bottom;
  }
  .connexion section .wrapper h1,
  .compte_creation section .wrapper h1 {
    margin-left: 0;
    text-align: left;
  }
  .connexion section .wrapper #formulaire_inscription,
  .compte_creation section .wrapper #formulaire_inscription {
    margin-left: 0;
  }
}
.connexion .formulaire_login,
.compte_creation .formulaire_login {
  max-width: 370px;
}
@media (max-width: 880px) {
  .connexion .formulaire_login,
  .compte_creation .formulaire_login {
    margin: 40px auto;
  }
}
.connexion #formulaire_login,
.compte_creation #formulaire_login,
.connexion #formulaire_inscription,
.compte_creation #formulaire_inscription {
  max-width: 430px;
  margin: auto;
}
.connexion #formulaire_login form,
.compte_creation #formulaire_login form,
.connexion #formulaire_inscription form,
.compte_creation #formulaire_inscription form {
  margin: 0;
}
.connexion #formulaire_login #spip_logo_auteur,
.compte_creation #formulaire_login #spip_logo_auteur,
.connexion #formulaire_inscription #spip_logo_auteur,
.compte_creation #formulaire_inscription #spip_logo_auteur {
  display: none;
}
.connexion #formulaire_login #pass,
.compte_creation #formulaire_login #pass,
.connexion #formulaire_inscription #pass,
.compte_creation #formulaire_inscription #pass {
  margin-bottom: 20px;
}
.connexion #formulaire_login .editer-groupe,
.compte_creation #formulaire_login .editer-groupe,
.connexion #formulaire_inscription .editer-groupe,
.compte_creation #formulaire_inscription .editer-groupe {
  /* Le titre des champs de recherche */
  /* Les champs de recherche */
  /* Mot de passe oublié + "rester connecté" */
}
.connexion #formulaire_login .editer-groupe label,
.compte_creation #formulaire_login .editer-groupe label,
.connexion #formulaire_inscription .editer-groupe label,
.compte_creation #formulaire_inscription .editer-groupe label {
  display: block;
  margin-bottom: 5px;
  color: #000;
}
.connexion #formulaire_login .editer-groupe input,
.compte_creation #formulaire_login .editer-groupe input,
.connexion #formulaire_inscription .editer-groupe input,
.compte_creation #formulaire_inscription .editer-groupe input {
  background: transparent;
  color: #000;
  border: 1px solid #000;
  border-radius: 0;
}
.connexion #formulaire_login .editer-groupe input:focus,
.compte_creation #formulaire_login .editer-groupe input:focus,
.connexion #formulaire_inscription .editer-groupe input:focus,
.compte_creation #formulaire_inscription .editer-groupe input:focus {
  border-color: #000;
  color: #000;
}
.connexion #formulaire_login .editer-groupe .details,
.compte_creation #formulaire_login .editer-groupe .details,
.connexion #formulaire_inscription .editer-groupe .details,
.compte_creation #formulaire_inscription .editer-groupe .details {
  margin-top: 10px;
}
.connexion #formulaire_login .editer-groupe .details a,
.compte_creation #formulaire_login .editer-groupe .details a,
.connexion #formulaire_inscription .editer-groupe .details a,
.compte_creation #formulaire_inscription .editer-groupe .details a {
  color: #000;
}
.connexion #formulaire_login .editer-groupe .details a:hover,
.compte_creation #formulaire_login .editer-groupe .details a:hover,
.connexion #formulaire_inscription .editer-groupe .details a:hover,
.compte_creation #formulaire_inscription .editer-groupe .details a:hover {
  text-decoration: underline;
}
.connexion #formulaire_login p.boutons,
.compte_creation #formulaire_login p.boutons,
.connexion #formulaire_inscription p.boutons,
.compte_creation #formulaire_inscription p.boutons {
  margin: auto;
  /* "Vous n'êtes pas inscrits ?" */
}
.connexion #formulaire_login p.boutons input[type='submit'],
.compte_creation #formulaire_login p.boutons input[type='submit'],
.connexion #formulaire_inscription p.boutons input[type='submit'],
.compte_creation #formulaire_inscription p.boutons input[type='submit'] {
  margin: 0 0 20px;
}
.connexion #formulaire_login p.boutons span,
.compte_creation #formulaire_login p.boutons span,
.connexion #formulaire_inscription p.boutons span,
.compte_creation #formulaire_inscription p.boutons span {
  display: block;
  margin-bottom: 15px;
  font-size: 1.3rem;
  line-height: 1.8rem;
}
.connexion #formulaire_login p.boutons a:hover,
.compte_creation #formulaire_login p.boutons a:hover,
.connexion #formulaire_inscription p.boutons a:hover,
.compte_creation #formulaire_inscription p.boutons a:hover {
  text-decoration: underline;
}
.connexion.page_motdepasse legend,
.compte_creation.page_motdepasse legend {
  display: none;
}
.connexion.page_motdepasse p.reponse_formulaire_erreur,
.compte_creation.page_motdepasse p.reponse_formulaire_erreur {
  color: #000;
  text-align: left;
}
.connexion.page_motdepasse p.reponse_formulaire_ok,
.compte_creation.page_motdepasse p.reponse_formulaire_ok {
  text-align: left;
}
.connexion.page_motdepasse section,
.compte_creation.page_motdepasse section {
  padding: 0;
}
.connexion.page_motdepasse section article,
.compte_creation.page_motdepasse section article {
  max-width: 600px;
  padding: 30px;
  background: white;
  border-radius: 10px;
}
.connexion.page_motdepasse section article h1,
.compte_creation.page_motdepasse section article h1 {
  display: block;
  margin-left: 0;
  color: #000;
  text-align: left;
}
.connexion.page_motdepasse section article .formulaire_spip,
.compte_creation.page_motdepasse section article .formulaire_spip {
  background: white;
}
.connexion.page_motdepasse section article .formulaire_spip form,
.compte_creation.page_motdepasse section article .formulaire_spip form {
  margin: 0;
}
.connexion.page_motdepasse section article .formulaire_spip form fieldset p,
.compte_creation.page_motdepasse section article .formulaire_spip form fieldset p {
  margin-bottom: 40px;
  text-align: left;
}
.connexion.page_motdepasse section article .formulaire_spip form fieldset .editer-groupe .editer label,
.compte_creation.page_motdepasse section article .formulaire_spip form fieldset .editer-groupe .editer label {
  display: block;
  margin-bottom: 5px;
  color: #000;
}
.connexion.page_motdepasse section article .formulaire_spip form fieldset .editer-groupe .editer input,
.compte_creation.page_motdepasse section article .formulaire_spip form fieldset .editer-groupe .editer input {
  border: 1px solid #000;
}
.connexion.page_motdepasse section article .formulaire_spip form input[type='submit'],
.compte_creation.page_motdepasse section article .formulaire_spip form input[type='submit'] {
  margin: 0;
}
@media (min-width: 600px) {
  .connexion.page_motdepasse section article,
  .compte_creation.page_motdepasse section article {
    padding: 60px;
  }
}
@media screen and (max-width: 880px) {
  .connexion form#formulaire_login p.boutons,
  .compte_creation form#formulaire_login p.boutons,
  .connexion form#formulaire_inscription p.boutons,
  .compte_creation form#formulaire_inscription p.boutons {
    text-align: center;
  }
}
@media screen and (max-width: 880px) {
  .connexion .reponse_formulaire,
  .compte_creation .reponse_formulaire {
    text-align: center;
  }
}
.connexion #formulaire_inscription p.reponse_formulaire_erreur,
.compte_creation #formulaire_inscription p.reponse_formulaire_erreur {
  color: #000;
}
.connexion #formulaire_inscription p.reponse_formulaire_ok,
.compte_creation #formulaire_inscription p.reponse_formulaire_ok {
  color: #000;
}
.connexion.compte_valide section article,
.compte_creation.compte_valide section article {
  text-align: center;
}
.connexion.compte_valide section article .bouton,
.compte_creation.compte_valide section article .bouton {
  margin: 20px auto;
}
.formulaire_spip p.reponse_formulaire_erreur,
.formulaire_spip p.reponse_formulaire_ok {
  text-align: left;
}
/* Sur la page création de compte */
body.compte_creation #formulaire_inscription h1 {
  margin-bottom: 20px;
}
body.compte_creation #formulaire_inscription p.obligatoire,
body.compte_creation #formulaire_inscription span.obligatoire {
  display: none;
}
body.compte_creation #formulaire_inscription p.boutons {
  color: #000;
  font-size: 1.3rem;
  line-height: 1.8rem;
}
body.compte_creation #formulaire_inscription p.boutons a {
  display: block;
  padding: 0;
  border: 0;
  text-transform: initial;
}
body.compte_creation #formulaire_inscription p.boutons a:hover {
  transform: initial;
  text-decoration: underline;
}
@media (min-width: 880px) {
  body.compte_creation #formulaire_inscription p.boutons {
    margin-left: 0;
    text-align: left;
  }
  body.compte_creation #formulaire_inscription .reponse_formulaire,
  body.compte_creation #formulaire_inscription .erreur_message {
    text-align: left;
  }
}