/*!
 * Author   : Antony RAVENACH | FREELANCE WEB - www.widea.fr
 * Template : CSEES
 * Version  : 1.2.5 (22/11/23)
 */

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  color: #3D4147;
  background-color: #91BAE6;
  /* background-image:  url(../images/DecorEden.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: contain; */
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
  body.page {
    background-position: center 50px;
  }
  @media (max-width: 480px) {
    body.page {
      background-image: none;
    }
  }

a {
  text-decoration: none;
  /* color: rgb(67, 159, 224); */
  color: #EF7D00;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  outline: none;
  transition: all 0.5s ease-in-out;
}
  a:hover,
  a:focus,
  a:active {
    color: rgb(67, 159, 224);
  }
form a {
  border-bottom: 1px solid transparent;
}
  form a:hover {
    border-color: rgb(67, 159, 224);
  }

/*
::-webkit--selection,
::-moz-selection,
::selection {
  background-color: rgb(67, 159, 224);
  color: #FFF;
}
*/
::-webkit-selection {
background: #575759;
  color: #FFF;
}

::-moz-selection {
  color: #FFF;
  background: #575759;
}

::selection {
  color: #FFF;
  background: #575759;
}

.browserupgrade {
  position: fixed;
  width: 100%;
  z-index: 9999;
  text-align: center;
  background-color: #db4437;
  color: #FFF;
  padding: 4rem 1rem;
}
  .browserupgrade a {
    color: #FFF;
    text-decoration: underline;
    border-bottom: 0;
  }
  .browserupgrade a:hover {
    text-decoration: none;
  }

.container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 1rem;
}

.inner {
  padding: 3rem 4rem;
  background-color: #FFF;
}
@media (max-width: 480px) {
  .inner {
    padding: 2rem;
  }
}

/* Header */
.header-nav {
  display: flex;
  padding: 1rem 4rem;
  width: 100%;
  top: 0;
}
/*
.page-connexion .header-nav,
.page-passe-oublie .header-nav {
  position: absolute;
  z-index: 9999;
}
*/
  .header-nav img {
    margin: 0;
  }

.logo-eden {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo-eden img {
  height: 80px;
  display: block;
}

.nav-container {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
}
  .nav-container ul {
    padding: 0;
    list-style-type: none;
  }
  .page .nav-container {
    position: absolute;
    right: 4rem;
  }
  @media (max-width: 1024px) {
    .page .nav-container {
      right: 2rem;
    }
  }
  @media (max-width: 767px) {
    .page .nav-container {
      top: 2rem;
      right: 1rem;
    }
    .page-connexion .nav-container,
    .page-inscription .nav-container,
    .page-passe-oublie .nav-container {
      justify-content: center;
    }
    .nav-container .mrs {
      margin-right: 0.5rem;
    }
    .nav-container .mls {
      margin-left: 0.5rem;
    }
  }

.container-rechercher {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1440px) {
  .container-rechercher {
    padding-left: 16rem;
  }
}
@media (max-width: 767px) {
  .container-rechercher {
    display: block;
    padding: 6.5rem 0 0 0;
  }
}

/* Buttons */
.btn {
  font-weight: 600;
  line-height: 1;
  background-color: transparent;
  color: #FFF;
  padding: 1.2rem 2.8rem;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: pointer;
  border: 2px solid transparent;
}
@media (max-width: 767px) {
  .btn {
    padding: 1rem;
  }
}
  .btn:hover {
    border-color: #FFF;
    color: #FFF;
  }
  .btn:focus {
    color: #FFF;
  }

.bg-violet {
  background-color: rgb(171, 128, 178);
}
.bg-violet:hover {
  background-color: rgb(153, 105, 161);
  border-color: rgb(153, 105, 161);
}
.bg-bleu {
  background-color: rgb(67, 159, 224);
}
.bg-bleu:hover {
  background-color: rgb(43, 136, 200);
  border-color: rgb(43, 136, 200);
}

/* Formulaire */
.form {
  margin-top: 2rem;
}
label {
  font-size: 1.3rem;
  line-height: 1;
  color: #3D4147;
  font-weight: 600;
  display: block;
  margin: 0 0 0.8rem 0;
}

input {
  outline: none;
  -webkit-appearance: none;
  background-color: transparent;
  width: 100%;
  padding: 1.2rem 1.5rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
  border: none;
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
  color: rgb(57, 57, 57);
}
input[type="submit"] {
  line-height: 1;
  cursor: pointer;
  padding: 16px;
  font-weight: 600;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  background-color: rgb(67, 159, 224);
  letter-spacing: 0.05em;
}
  input[type="submit"]:hover {
    background-color: rgb(43, 136, 200);
  }

.form-input {
  margin-bottom: 2rem;
}

.input-info {
  font-size: 1.1rem;
  text-transform: lowercase;
  font-weight: 400;
  padding-left: 2px;
}

.field {
  border: 2px solid rgb(232, 235, 237);
  background-color: rgb(255, 255, 255);
}
  .field.valid,
  .field.input-value {
    background-color: rgb(232, 235, 237);
  }
  .field:hover,
  .field:hover.valid,
  .field:focus,
  .field:focus.valid,
  .field:active,
  .field:active.valid {
    border-color: rgb(221, 224, 226);
    background-color: rgb(255, 255, 255);
  }
  .field.error {
    border-color: #db4437;
  }

.passe-oublie {
  float: right;
  font-size: 1.3rem;
  line-height: 1;
  margin: 0.8rem 0 1.3rem 0;
}

.lien-cgu {
  font-size: 1.1rem;
  text-align: center;
}
.lien-nouveau-compte {
  font-size: 1.6rem;
  text-align: center;
  margin: 3rem 0 0 0;
}


.footer {
  width: 100%;
  bottom: 0;
  text-align: center;
  padding: 20px;
}

.footer-copyright {
  font-size: 1.2rem;
  font-weight: 400;
  color: #FFF;
}
  .footer-copyright a {
    color: #FFF;
  }
  .footer-copyright a:hover,
  .footer-copyright a:focus,
  .footer-copyright a:active {
    color: #FFF;
    border-color: #FFF;
  }



/*
 * Pages avec container fluid
 */
.container-fluid {
  width: 100%;
  position: absolute;
  min-height: calc(100vh - 14rem);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 767px) {
  .container-fluid {
    padding-top: 0;
    justify-content: flex-start;
    min-height: auto;
  }
}

/*
* Pages courantes
*/
.page-inscription .container {
  padding-top: 2rem;
}

/* Mot de passe oublié */
.page-passe-oublie .h4-like:first-child {
  margin-top: 2rem;
}

.page-connexion .container,
.page-passe-oublie .container {
  max-width: 460px;
}

.box {
  border-radius: 5px;
}
.box-title {
  color: #3D4147;
  font-weight: 600;
  font-size: 2rem;
  margin-bottom: 2.4rem;
  position: relative;
  z-index: 2;
  padding-right: 4px;
  display: inline-block;
}
@media (max-width: 767px) {
  .box-title {
    font-size: 1.8rem;
  }
}
@media (max-width: 320px) {
  .box-title {
    font-size: 1.6rem;
  }
}
.box-title:after {
  content: '';
  position: absolute;
  height: 1px;
  width: 9999px;
  top: 69%;
  left: 100%;
  background: #3D4147;
}

.logo-csees,
.icone-compte-utilisateur {
  max-height: 60px;
  margin: 0 0 2rem 0;
}
@media (max-width: 767px) {
  .logo-csees,
  .icone-compte-utilisateur {
    max-height: 42px;
  }
}
.page .logo-csees {
  max-height: 42px;
  margin: 0;
  position: absolute;
}


.submit {
  width: 360px;
}

@media (max-width: 991px) {
  .submit {
    width: 100%;
  }

  #form-compte .mrm,
  #form-compte .mlm {
    margin: 0;
  }
  #form-compte .mlm {
    padding-top: 2rem;
  }
}

#form-compte .field.error {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/*
#v-code_postal.field.error {
  border-radius: 5px;
}
*/

span.error {
  font-size: 1.3rem;
  color: #db4437;
  padding-left: 6px;
  text-transform: lowercase;
}
div.error {
  font-size: 1.3rem;
  background-color: #db4437;
  color: #FFF;
  padding: 1.2rem 1.5rem;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.5s ease-in-out;
}

/*
 * Page : listes des comptes rendus
 */
.page header {
  margin-bottom: 3rem;
}
@media (max-width: 124px) {
  .page header {
    margin-bottom: 2rem;
  }
}
.article-medium {
  background-color: #FFF;
  padding: 4rem;
  margin-bottom: 2rem;
  border-radius: 5px;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}
@media (max-width: 768px) {
  .article-medium {
    padding: 2rem 2rem 2.5rem 2rem;
    margin-bottom: 1rem;
  }
}
#recherche-avancee.article-medium {
  font-size: 1.4rem;
  padding: 3rem 4rem;
}
select {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4rem;
  line-height: 1;
  padding: 0.4rem 0.6rem;
  margin: 0.2rem 0 1rem 0;
  outline: none;
}

.meta {
  color: #3d4147;
  font-size: 1.2rem;
  margin: 0.7rem 0 2rem 0;
  padding: 0.6rem 0;
  border-top: 1px solid #E5E6E8;
  border-bottom: 1px solid #E5E6E8;
}
  .meta a {
    color: #273375;
    font-weight: 600;
  }
  .meta.article-date {
    margin-bottom: 0;
  }
  .meta.article-auteur {
    margin-top: 0;
    border-top: none;
    margin-bottom: 0;
  }

.article-auteur .sep:last-child {
  display: none;
}

.relative {
  position: relative;
}
.article-titre {
  font-size: 2.4rem;
  line-height: 1.35;
  color: #273375;
  margin: 0;
  padding-right: 75px;
}
@media (max-width: 480px) {
  .article-titre {
    padding-right: 0;
  }
}
@media (max-width: 380px) {
  .article-titre {
    font-size: 2rem;
  }
}
#recherche-avancee .article-titre {
  font-size: 1.8rem;
  color: #3d4147;
  margin-bottom: 0.8rem;
}

.article-numero {
  font-family: 'Open Sans Condensed', sans-serif;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  right: 0;
  font-size: 4rem;
  line-height: 1rem;
  font-weight: 300;
  color: #e4e8eb;
}
@media (max-width: 480px) {
  .article-numero {
    display: none;
  }
}

.icone-fichier {
  max-width: 256px;
  max-height: 256px;
  height: auto;
  margin-top: -2px;
  background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KPHBhdGggZmlsbD0iIzc2NzY3NiIgZD0iTTEwIDBoLTh2MTZoMTJ2LTEybC00LTR6TTkgNWg0djEwaC0xMHYtMTRoNnY0ek0xMCA0di0zbDMgM2gtM3oiLz4KPHBhdGggZmlsbD0iIzc2NzY3NiIgZD0iTTQgN2g4djFoLTh2LTF6Ii8+CjxwYXRoIGZpbGw9IiM3Njc2NzYiIGQ9Ik00IDloOHYxaC04di0xeiIvPgo8cGF0aCBmaWxsPSIjNzY3Njc2IiBkPSJNNCAxMWg4djFoLTh2LTF6Ii8+Cjwvc3ZnPgo=);
}
.icone-utilisateur {
  height: 42px;
  width: 42px;
  display: inline-block;
  border-radius: 42px;
/*  background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU1IDU1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NSA1NTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiPgo8cGF0aCBkPSJNNTUsMjcuNUM1NSwxMi4zMzcsNDIuNjYzLDAsMjcuNSwwUzAsMTIuMzM3LDAsMjcuNWMwLDguMDA5LDMuNDQ0LDE1LjIyOCw4LjkyNiwyMC4yNThsLTAuMDI2LDAuMDIzbDAuODkyLDAuNzUyICBjMC4wNTgsMC4wNDksMC4xMjEsMC4wODksMC4xNzksMC4xMzdjMC40NzQsMC4zOTMsMC45NjUsMC43NjYsMS40NjUsMS4xMjdjMC4xNjIsMC4xMTcsMC4zMjQsMC4yMzQsMC40ODksMC4zNDggIGMwLjUzNCwwLjM2OCwxLjA4MiwwLjcxNywxLjY0MiwxLjA0OGMwLjEyMiwwLjA3MiwwLjI0NSwwLjE0MiwwLjM2OCwwLjIxMmMwLjYxMywwLjM0OSwxLjIzOSwwLjY3OCwxLjg4LDAuOTggIGMwLjA0NywwLjAyMiwwLjA5NSwwLjA0MiwwLjE0MiwwLjA2NGMyLjA4OSwwLjk3MSw0LjMxOSwxLjY4NCw2LjY1MSwyLjEwNWMwLjA2MSwwLjAxMSwwLjEyMiwwLjAyMiwwLjE4NCwwLjAzMyAgYzAuNzI0LDAuMTI1LDEuNDU2LDAuMjI1LDIuMTk3LDAuMjkyYzAuMDksMC4wMDgsMC4xOCwwLjAxMywwLjI3MSwwLjAyMUMyNS45OTgsNTQuOTYxLDI2Ljc0NCw1NSwyNy41LDU1ICBjMC43NDksMCwxLjQ4OC0wLjAzOSwyLjIyMi0wLjA5OGMwLjA5My0wLjAwOCwwLjE4Ni0wLjAxMywwLjI3OS0wLjAyMWMwLjczNS0wLjA2NywxLjQ2MS0wLjE2NCwyLjE3OC0wLjI4NyAgYzAuMDYyLTAuMDExLDAuMTI1LTAuMDIyLDAuMTg3LTAuMDM0YzIuMjk3LTAuNDEyLDQuNDk1LTEuMTA5LDYuNTU3LTIuMDU1YzAuMDc2LTAuMDM1LDAuMTUzLTAuMDY4LDAuMjI5LTAuMTA0ICBjMC42MTctMC4yOSwxLjIyLTAuNjAzLDEuODExLTAuOTM2YzAuMTQ3LTAuMDgzLDAuMjkzLTAuMTY3LDAuNDM5LTAuMjUzYzAuNTM4LTAuMzE3LDEuMDY3LTAuNjQ4LDEuNTgxLTEgIGMwLjE4NS0wLjEyNiwwLjM2Ni0wLjI1OSwwLjU0OS0wLjM5MWMwLjQzOS0wLjMxNiwwLjg3LTAuNjQyLDEuMjg5LTAuOTgzYzAuMDkzLTAuMDc1LDAuMTkzLTAuMTQsMC4yODQtMC4yMTdsMC45MTUtMC43NjQgIGwtMC4wMjctMC4wMjNDNTEuNTIzLDQyLjgwMiw1NSwzNS41NSw1NSwyNy41eiBNMiwyNy41QzIsMTMuNDM5LDEzLjQzOSwyLDI3LjUsMlM1MywxMy40MzksNTMsMjcuNSAgYzAsNy41NzctMy4zMjUsMTQuMzg5LTguNTg5LDE5LjA2M2MtMC4yOTQtMC4yMDMtMC41OS0wLjM4NS0wLjg5My0wLjUzN2wtOC40NjctNC4yMzNjLTAuNzYtMC4zOC0xLjIzMi0xLjE0NC0xLjIzMi0xLjk5M3YtMi45NTcgIGMwLjE5Ni0wLjI0MiwwLjQwMy0wLjUxNiwwLjYxNy0wLjgxN2MxLjA5Ni0xLjU0OCwxLjk3NS0zLjI3LDIuNjE2LTUuMTIzYzEuMjY3LTAuNjAyLDIuMDg1LTEuODY0LDIuMDg1LTMuMjg5di0zLjU0NSAgYzAtMC44NjctMC4zMTgtMS43MDgtMC44ODctMi4zNjl2LTQuNjY3YzAuMDUyLTAuNTIsMC4yMzYtMy40NDgtMS44ODMtNS44NjRDMzQuNTI0LDkuMDY1LDMxLjU0MSw4LDI3LjUsOCAgcy03LjAyNCwxLjA2NS04Ljg2NywzLjE2OGMtMi4xMTksMi40MTYtMS45MzUsNS4zNDYtMS44ODMsNS44NjR2NC42NjdjLTAuNTY4LDAuNjYxLTAuODg3LDEuNTAyLTAuODg3LDIuMzY5djMuNTQ1ICBjMCwxLjEwMSwwLjQ5NCwyLjEyOCwxLjM0LDIuODIxYzAuODEsMy4xNzMsMi40NzcsNS41NzUsMy4wOTMsNi4zODl2Mi44OTRjMCwwLjgxNi0wLjQ0NSwxLjU2Ni0xLjE2MiwxLjk1OGwtNy45MDcsNC4zMTMgIGMtMC4yNTIsMC4xMzctMC41MDIsMC4yOTctMC43NTIsMC40NzZDNS4yNzYsNDEuNzkyLDIsMzUuMDIyLDIsMjcuNXoiIGZpbGw9IiNGRkZGRkYiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) no-repeat center center;
  background-size: 100%;*/
}

a.btn-compte {
  display: block;
  border: none;
  font-size: 0;
}

.container-dropdown {
  padding-top: 0.8rem;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.dropdown-menu {
  position: absolute;
  display: block;
  color: #FFF;
  background-color: #FFF;
  font-size: 1.3rem;
  text-align: right;
  white-space: nowrap;
  z-index: 3;
  list-style-type: none;
  border-radius: 5px;
  right: 0;
  top: 100%;
  box-shadow: 0 2px 30px rgba(51,51,51,0.2);
}
.dropdown-menu:before {
  position: absolute;
  top: -3px;
  right: 15px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 0;
  width: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #FFF;
  content: '';
}
.dropdown-menu li {
  border-bottom: 1px solid #f6f6f6;
}
.dropdown-menu li:last-child {
  border-bottom: none;
}
.dropdown-menu a {
  padding: 0.8rem 1.6rem;
  border: none;
  display: block;
  color: #3D4147;
  font-weight: 600;
}
.is-hidden .dropdown-menu a {
  transition: none;
}
.dropdown-menu a:hover {
  color: #91bae6;
}
li:hover .container-dropdown,
.container-dropdown.is-opened {
  visibility: visible;
  display: block;
  opacity: 1;
}
li:hover .container-dropdown.is-hidden {
  visibility: hidden;
}

#form-rechercher input[type=submit] {
  width: 52px;
  height: 42px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Ik01MS42LDk2LjdjMTEsMCwyMS0zLjksMjguOC0xMC41bDM1LDM1YzAuOCwwLjgsMS44LDEuMiwyLjksMS4yczIuMS0wLjQsMi45LTEuMmMxLjYtMS42LDEuNi00LjIsMC01LjhsLTM1LTM1ICAgYzYuNS03LjgsMTAuNS0xNy45LDEwLjUtMjguOGMwLTI0LjktMjAuMi00NS4xLTQ1LjEtNDUuMUMyNi44LDYuNSw2LjUsMjYuOCw2LjUsNTEuNkM2LjUsNzYuNSwyNi44LDk2LjcsNTEuNiw5Ni43eiBNNTEuNiwxNC43ICAgYzIwLjQsMCwzNi45LDE2LjYsMzYuOSwzNi45Qzg4LjUsNzIsNzIsODguNSw1MS42LDg4LjVjLTIwLjQsMC0zNi45LTE2LjYtMzYuOS0zNi45QzE0LjcsMzEuMywzMS4zLDE0LjcsNTEuNiwxNC43eiIgZmlsbD0iI0ZGRkZGRiIvPgogIDwvZz4KPC9zdmc+Cg==) no-repeat center center;
  background-size: 50%;
}


#form-rechercher .field {
  font-size: 1.6rem;
  padding: 0.9rem 1.2rem;
  border: 1px solid #FFF;
  background-color: transparent;
  padding-right: 52px;
  font-weight: 400;
  color: #FFF;
}
#form-rechercher {
  width: 50%;
  position: relative;
  display: inline-block;
}
@media (max-width: 1024px) {
  #form-rechercher {
    width: 55%;
  }
}
@media (max-width: 767px) {
  #form-rechercher {
    width: 70%;
  }
}

.page .header-nav {
  background-color: #91bae6;
  padding: 2rem 4rem;
}
@media (max-width: 1024px) {
  .header-nav {
    padding: 2rem;
  }
  .page-connexion .header-nav,
  .page-inscription .header-nav,
  .page-passe-oublie .header-nav {
    padding: 1rem 2rem;
  }
}
@media (max-width: 767px) {
  .page .header-nav {
    padding: 2rem 1rem 0 1rem;
  }
  .page-connexion .header-nav,
  .page-inscription .header-nav,
  .page-passe-oublie .header-nav {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 2rem 1rem 3rem 1rem;
    position: inherit;
  }
}

#form-rechercher ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFF;
}
#form-rechercher ::-moz-placeholder { /* Firefox 19+ */
  color: #FFF;
}
#form-rechercher :-ms-input-placeholder { /* IE 10+ */
  color: #FFF;
}
#form-rechercher :-moz-placeholder { /* Firefox 18- */
  color: #FFF;
}
.resultat {
  color: #FFF;
  font-weight: 600;
  display: inline-block;
  padding-left: 4rem;
}
@media (max-width: 1024px) {
  .resultat {
    padding-left: 3rem;
  }
}
@media (max-width: 767px) {
  .resultat {
    font-size: 1.3rem;
    padding-left: 1.5rem;
  }
}

.chapo {
  margin-top: 2rem;
}

.list {
  font-size: 1.3rem;
  margin-top: 2rem;
}
.list-title {
  color: #3D4147;
  font-weight: 600;
}
.list-docs {
  list-style-type: disc;
  color: #EF7D00;
  margin: 0.5rem 0 0 -1rem;
}
.list-docs li {
  width: 100%;
  margin-bottom: 0.4rem;
}
.list-docs a {
  border: none;
}
.list-docs a:hover {
  color: #3d4147;
}
.doc-info {
  font-size: 1rem;
  color: #3D4147;
  padding-left: 2px;
  font-weight: 400;
}
@media (max-width: 480px) {
  .doc-info {
    display: block;
    padding-left: 0;
    padding-top: 2px;
  }
}
.list-tags {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags li {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.list-tags a {
  font-size: 1rem;
  border: 1px solid #3D4147;
  color: #3D4147;
/*  margin-right: 0.2rem;*/
  padding: 0.15rem 0.5rem 0.2rem 0.5rem;
  text-transform: uppercase;
}
.list-tags a:hover {
  background-color: #3D4147;
  color: #FFF;
}
.list-tags a.select {
  border-color: #db4437;
  color: #db4437;
}
#recherche-avancee .list-tags {
  margin-top: 0.5rem;
}
#recherche-avancee .list-tags li {
  margin-bottom: 0.8rem;
}
#recherche-avancee .list-tags a {
  font-size: 1.2rem;
}

.pagination {
  display: flex;
  align-content: center;
  justify-content: center;
  background-color: #FFF;
  padding: 2rem;
  border-radius: 5px;
  margin-top: 2rem;
}
.pagination-link, .on {
  margin: 0 0.5rem;
  padding: 0.4rem 0.8rem;
  border: 2px solid transparent;
  color: #439fe0;
  border-radius: 2px;
  font-weight: 600;
}
.pagination-link:hover {
  border-color: #439fe0;
}
.pagination-link.current, .on {
  color: #FFF;
  background-color: #439fe0;
}
.pagination-link.prev, .pagination-link.last {
  border: none;
}
.pagination-link.prev:hover, .pagination-link.last:hover {
  color: #CCC;
}

.nextpostslink {
  border: none;
  font-weight: 600;
  margin: 0 4rem;
}
.disabled .on {
  background-color: transparent;
  color: #CCC;
}


/* Page public */
.page-public .container {
  background-color: #FFF;
  padding: 20px;
}
.page-public h3 {
  font-size: 1.8rem;
  margin: 2em 0 0 0;
}


/* Spip */
#pass_securise {
  display: none !important;
}
.section-compte .reponse-formulaire-ok {
  background-color: #8bac52;
  color: #FFF;
  margin-bottom: 4rem;
  padding: 1.5rem;
}
.reponse-formulaire-erreur {
  margin-bottom: 2rem;
  margin-top: 1rem;
  background-color: #db4437;
  color: #FFF;
  padding: 1.5rem;
  font-weight: 600;
}
.spip_surligne {
  background-color: #db4437;
  color: #FFF;
}
.puce {
  margin-top: -5px;
}

.welcome-container h1.title-welcome {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}
.welcome-container p {
  font-size: 1.3rem;
  margin: 0;
}