/*
#@squelettes/css/home.less
*/
/*
    Document   : home
    Created on : 10/08/18
    Author     : gornety
    Description:
        Purpose of the stylesheet follows.
*/
/************************************/
/*
/* Page d'accueil - Login
/*
/************************************/
root {
  display: block;
}
body {
  background-color: #0b99c2;
  font-family: 'Roboto', sans-serif;
}
.page_login .container,
.page_spip_pass .container {
  clear: both;
  margin: 3% auto 0 auto;
  overflow: hidden;
}
.page_login .content,
.page_spip_pass .content {
  background: url('//www.extranet-gcgff2001.fr/squelettes/img/gcgff-301.png') no-repeat 0 0 transparent;
  height: 600px;
  text-align: left;
  float: none;
  width: 100%;
  padding: 206px 0 0 222px;
}
.page_login h2,
.page_spip_pass h2 {
  color: #302d75;
  margin: 0;
  padding: 0 0 5px 141px;
  font-size: 2.5714285714285716em;
  font-family: 'Roboto', sans-serif;
}
.formulaire_spip.formulaire_login,
.formulaire_spip.formulaire_mot_de_passe,
.formulaire_spip.formulaire_oubli {
  background-color: transparent;
  border-width: 0;
  clear: both;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  width: 100%;
}
.formulaire_spip.formulaire_login form,
.formulaire_spip.formulaire_mot_de_passe form,
.formulaire_spip.formulaire_oubli form {
  width: 650px;
  margin: 0;
}
.formulaire_spip.formulaire_login form input.text,
.formulaire_spip.formulaire_mot_de_passe form input.text,
.formulaire_spip.formulaire_oubli form input.text,
.formulaire_spip.formulaire_login form input.password,
.formulaire_spip.formulaire_mot_de_passe form input.password,
.formulaire_spip.formulaire_oubli form input.password {
  width: 194px;
}
.formulaire_spip.formulaire_login fieldset legend,
.formulaire_spip.formulaire_mot_de_passe fieldset legend,
.formulaire_spip.formulaire_oubli fieldset legend {
  background-color: transparent;
  color: #fff;
  font-size: 1.25em;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.formulaire_spip.formulaire_login fieldset p,
.formulaire_spip.formulaire_mot_de_passe fieldset p,
.formulaire_spip.formulaire_oubli fieldset p {
  color: #fff;
}
.formulaire_spip.formulaire_login .editer > label,
.formulaire_spip.formulaire_mot_de_passe .editer > label,
.formulaire_spip.formulaire_oubli .editer > label,
.formulaire_spip.formulaire_login .editer.saisie_oubli > label,
.formulaire_spip.formulaire_mot_de_passe .editer.saisie_oubli > label,
.formulaire_spip.formulaire_oubli .editer.saisie_oubli > label {
  color: #fff;
  display: block;
  float: left;
  width: 135px;
  padding: 4px 8px 0 0;
  text-transform: uppercase;
  font-weight: bold;
  text-align: right;
  font-size: 1em;
}
.formulaire_spip.formulaire_login .editer > input,
.formulaire_spip.formulaire_mot_de_passe .editer > input,
.formulaire_spip.formulaire_oubli .editer > input {
  float: left;
  width: 194px;
  background: url(//www.extranet-gcgff2001.fr/squelettes/img/home-field.png) no-repeat 0 0 transparent;
  height: 26px;
  padding: 0px 8px;
  border: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 1.3em;
}
.formulaire_spip.formulaire_login .editer > #pass_securise,
.formulaire_spip.formulaire_mot_de_passe .editer > #pass_securise,
.formulaire_spip.formulaire_oubli .editer > #pass_securise {
  display: block;
  float: left;
  width: 15px;
  padding: 3px 0 0 8px;
}
.formulaire_spip.formulaire_login .editer > .details,
.formulaire_spip.formulaire_mot_de_passe .editer > .details,
.formulaire_spip.formulaire_oubli .editer > .details {
  float: left;
  color: #fff;
  padding: 4px 0 4px 8px;
}
.formulaire_spip.formulaire_login .editer > .details a,
.formulaire_spip.formulaire_mot_de_passe .editer > .details a,
.formulaire_spip.formulaire_oubli .editer > .details a {
  color: #fff;
}
.formulaire_spip.formulaire_login .editer > .details a:hover,
.formulaire_spip.formulaire_mot_de_passe .editer > .details a:hover,
.formulaire_spip.formulaire_oubli .editer > .details a:hover,
.formulaire_spip.formulaire_login .editer > .details a:focus,
.formulaire_spip.formulaire_mot_de_passe .editer > .details a:focus,
.formulaire_spip.formulaire_oubli .editer > .details a:focus,
.formulaire_spip.formulaire_login .editer > .details a:active,
.formulaire_spip.formulaire_mot_de_passe .editer > .details a:active,
.formulaire_spip.formulaire_oubli .editer > .details a:active {
  color: #244e91;
  background-color: transparent;
}
.formulaire_spip.formulaire_login .boutons,
.formulaire_spip.formulaire_mot_de_passe .boutons,
.formulaire_spip.formulaire_oubli .boutons {
  clear: both;
  margin: 0.8em 0 0;
  padding: 0 0 0 215px;
  text-align: left;
  background-color: transparent;
  border: 0;
  box-sizing: content-box;
}
.formulaire_spip.formulaire_login .boutons input,
.formulaire_spip.formulaire_mot_de_passe .boutons input,
.formulaire_spip.formulaire_oubli .boutons input,
.formulaire_spip.formulaire_login input.submit,
.formulaire_spip.formulaire_mot_de_passe input.submit,
.formulaire_spip.formulaire_oubli input.submit {
  margin-left: 0;
  border: 0;
  padding: 0;
  background-color: transparent;
}
.formulaire_spip.formulaire_login input.submit,
.formulaire_spip.formulaire_mot_de_passe input.submit,
.formulaire_spip.formulaire_oubli input.submit,
.formulaire_spip.formulaire_login .formulaire_spip button.submit:not(.btn-link),
.formulaire_spip.formulaire_mot_de_passe .formulaire_spip button.submit:not(.btn-link),
.formulaire_spip.formulaire_oubli .formulaire_spip button.submit:not(.btn-link) {
  display: inline-block;
  padding: 0;
  margin-bottom: 0;
  text-shadow: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='transparent', GradientType=0);
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.formulaire_spip.formulaire_login .editer.erreur,
.formulaire_spip.formulaire_mot_de_passe .editer.erreur,
.formulaire_spip.formulaire_oubli .editer.erreur {
  background-color: transparent;
}
.formulaire_spip.formulaire_login .editer.saisie_oubli > label,
.formulaire_spip.formulaire_mot_de_passe .editer.saisie_oubli > label,
.formulaire_spip.formulaire_oubli .editer.saisie_oubli > label {
  width: auto;
}
.formulaire_spip.formulaire_login .editer.saisie_oubli_confirm > label,
.formulaire_spip.formulaire_mot_de_passe .editer.saisie_oubli_confirm > label,
.formulaire_spip.formulaire_oubli .editer.saisie_oubli_confirm > label {
  width: auto;
}
.formulaire_mot_de_passe a {
  color: #fff;
}
.formulaire_mot_de_passe a:hover,
.formulaire_mot_de_passe a:focus,
.formulaire_mot_de_passe a:active {
  color: #244e91;
  background-color: transparent;
}
.formulaire_spip.formulaire_mot_de_passe form .saisie_oubli,
.formulaire_spip.formulaire_mot_de_passe form .saisie_oubli_confirm {
  padding-bottom: 0;
}
.formulaire_spip.formulaire_mot_de_passe form .saisie_oubli input.text,
.formulaire_spip.formulaire_mot_de_passe form .saisie_oubli_confirm input.text {
  clear: both;
  float: none;
  display: block;
}
.formulaire_spip.formulaire_oubli fieldset {
  margin-left: 40px;
}
.formulaire_spip.formulaire_oubli .boutons {
  padding: 0 0 0 210px;
}
.reponse_formulaire_ok {
  background-color: #CFBB6C;
  border-color: #CFBB6C;
  color: #302C76;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .page_login .container,
  .page_spip_pass .container {
    margin: 2% auto 0 auto;
  }
  .page_login .content,
  .page_spip_pass .content {
    height: auto;
  }
  .formulaire_spip.formulaire_login,
  .formulaire_spip.formulaire_mot_de_passe,
  .formulaire_spip.formulaire_oubli {
    width: 100%;
  }
  .formulaire_spip.formulaire_login form,
  .formulaire_spip.formulaire_mot_de_passe form,
  .formulaire_spip.formulaire_oubli form {
    width: auto;
    margin: 0;
  }
}
@media (min-width: 801px) and (max-width: 1024px) {
  .page_login .container,
  .page_spip_pass .container {
    margin: 2% auto 0 auto;
  }
  .page_login .content,
  .page_spip_pass .content {
    background: url('//www.extranet-gcgff2001.fr/squelettes/img/gcgff-logo-280.png') no-repeat 25px 5px transparent;
    height: auto;
  }
  .formulaire_spip.formulaire_login,
  .formulaire_spip.formulaire_mot_de_passe,
  .formulaire_spip.formulaire_oubli {
    width: 100%;
  }
  .formulaire_spip.formulaire_login form,
  .formulaire_spip.formulaire_mot_de_passe form,
  .formulaire_spip.formulaire_oubli form {
    width: auto;
    margin: 0;
  }
}
@media (min-width: 415px) and (max-width: 800px) {
  .page_login .container,
  .page_spip_pass .container {
    padding: 0;
    width: auto;
  }
  .page_login .content,
  .page_spip_pass .content {
    background: url('//www.extranet-gcgff2001.fr/squelettes/img/gcgff-logo-280.png') no-repeat center top transparent;
    padding: 400px 0 0 0;
    margin: 0 auto;
    width: 320px;
    height: auto;
  }
  .page_login .content article,
  .page_spip_pass .content article {
    padding: 0 5%;
  }
  .page_login h2,
  .page_spip_pass h2 {
    padding: 30px 0 5px 0px;
  }
  .formulaire_spip.formulaire_login,
  .formulaire_spip.formulaire_mot_de_passe,
  .formulaire_spip.formulaire_oubli {
    width: 100%;
  }
  .formulaire_spip.formulaire_login form,
  .formulaire_spip.formulaire_mot_de_passe form,
  .formulaire_spip.formulaire_oubli form {
    width: auto;
    margin: 0;
  }
}
@media (max-width: 414px) {
  .page_login .container,
  .page_spip_pass .container {
    padding: 0;
    width: auto;
  }
  .page_login .content,
  .page_spip_pass .content {
    background: url('//www.extranet-gcgff2001.fr/squelettes/img/gcgff-logo-280.png') no-repeat center top transparent;
    padding: 300px 0 0 0;
    margin: 0 auto;
    width: 320px;
    height: auto;
  }
  .page_login .content article,
  .page_spip_pass .content article {
    padding: 0 5%;
  }
  .page_login h2,
  .page_spip_pass h2 {
    padding: 0 0 5px 0;
  }
  .formulaire_spip.formulaire_login form,
  .formulaire_spip.formulaire_mot_de_passe form,
  .formulaire_spip.formulaire_oubli form {
    width: auto;
  }
  .formulaire_spip.formulaire_login form input.text,
  .formulaire_spip.formulaire_mot_de_passe form input.text,
  .formulaire_spip.formulaire_oubli form input.text,
  .formulaire_spip.formulaire_login form input.password,
  .formulaire_spip.formulaire_mot_de_passe form input.password,
  .formulaire_spip.formulaire_oubli form input.password {
    width: 213px;
  }
  .formulaire_spip.formulaire_login fieldset,
  .formulaire_spip.formulaire_mot_de_passe fieldset,
  .formulaire_spip.formulaire_oubli fieldset {
    margin-left: 0;
  }
  .formulaire_spip.formulaire_login fieldset ul,
  .formulaire_spip.formulaire_mot_de_passe fieldset ul,
  .formulaire_spip.formulaire_oubli fieldset ul {
    margin-bottom: 0;
  }
  .formulaire_spip.formulaire_login .editer > label,
  .formulaire_spip.formulaire_mot_de_passe .editer > label,
  .formulaire_spip.formulaire_oubli .editer > label,
  .formulaire_spip.formulaire_login .editer.saisie_oubli > label,
  .formulaire_spip.formulaire_mot_de_passe .editer.saisie_oubli > label,
  .formulaire_spip.formulaire_oubli .editer.saisie_oubli > label {
    clear: both;
    float: none;
    width: auto;
    padding: 4px 8px 0 0;
    text-align: left;
  }
  .formulaire_spip.formulaire_login .editer > input,
  .formulaire_spip.formulaire_mot_de_passe .editer > input,
  .formulaire_spip.formulaire_oubli .editer > input {
    float: left;
    width: 213px;
  }
  .formulaire_spip.formulaire_login .editer > #pass_securise,
  .formulaire_spip.formulaire_mot_de_passe .editer > #pass_securise,
  .formulaire_spip.formulaire_oubli .editer > #pass_securise {
    float: left;
  }
  .formulaire_spip.formulaire_login .editer > .details,
  .formulaire_spip.formulaire_mot_de_passe .editer > .details,
  .formulaire_spip.formulaire_oubli .editer > .details {
    clear: both;
    float: none;
  }
  .formulaire_spip.formulaire_login .boutons,
  .formulaire_spip.formulaire_mot_de_passe .boutons,
  .formulaire_spip.formulaire_oubli .boutons {
    clear: both;
    margin: 0 auto;
    padding: 0 0 40px 0;
    text-align: center;
    height: 100px;
  }
}