/**********
CUSTOM CSS FOR PUBLIC PROFILE PAGE
**********/

/**********
GENERAL
**********/
body.author {
  background: rgb(251,251,251);
  background: linear-gradient(180deg, rgba(251,251,251,1) 0%, rgba(240,240,233,1) 100%);
}
body.author .container {
  max-width: 1180px;
}
body.author .pile-livres {
  justify-content: space-around;
}
body.author .pile-livres .vignette {
  background-color: #fff;
}
h1 {
  margin-bottom: 1em;
}
h1,
h1 > a {
  color: #333;
  transition: all ease .3s .2s;
}
h1 > a:hover {
  color:#9E9E4D;
  transition: all ease .3s .0s;
}
.author #content{
  background-image: url('images/Carte.svg');
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
}
#zone-user {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 1em;
  width: 90vw;
  max-width: 1280px;
  margin: auto;
  background-color: #FAFAFA;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
  padding: 2em 4em;
  grid-template-columns: 15% 55% 30%;
  margin-bottom: 5em;
}
#zone-user > div {
  text-align: left;
}
#zone-user > div h2,
#zone-user > div h3,
#zone-user > div h4 {
  font-family: 'Aaux Next',sans-serif;
  font-weight: 600;
  font-size: 1em;
}
#zone-user .colonne-1 {
  justify-content: end;
  display: flex;
  flex-direction: column;
  height: 100%;
}
#zone-user .colonne-2 {
  padding-left: 3em;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
#zone-user .colonne-2 .logo {
  padding-bottom: 3em;
}
#zone-user .colonne-3 {
  padding: 0 4em;
  border-left: 2px dotted #9E9E4D;
}

.picto-epoque {
  max-width: 50px;
  margin: auto;
}
body.author .container .pile-livres > div {
  width: 32%;
  max-width: 100%!important;
}

/**********
LIBRAIRES
**********/
.siteweb,
.adresse {
  border-bottom: 1px solid #9E9E4D;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.contact > p {
  padding-top: 1.5em;
}
.services {
  padding-right: 2em;
  border-right: 5px solid #9E9E4D;
  margin-bottom:3em;
}
.services > p {
  text-align: right;
  font-weight: 600;
  font-family: 'Aaux Next',sans-serif;
}

.reseaux {
    list-style: none;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    flex-direction: row;
    margin: 0;
    padding-right: 1.8em;
}
.biographie {
  padding-bottom: .8em;
}