.res{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    position: relative;
    border-bottom: 1px solid black;
    margin: var(--marge);
    padding-bottom: var(--marge);
}

#recherche form label{
    display: none;
}

#recherche{
    display: block;
    position: relative;
    text-align: center;
    padding: var(--marge);
    margin: var(--marge);
    font-family: slab;
}

#recherche input{
    font-family: slab;
    text-transform: uppercase;
    font-size: 4.3vw;
}

#recherche button{
    display: none;
}
input{
    border: 0px;
    text-align: center;
    transition: .2s;
    margin: var(--marge);
}

input::placeholder {
  color: black;
  transition: .2s;
}


input:focus::placeholder {
   text-shadow: var(--shade);
    color: var(--grey);
}

input:focus{
    outline: none;
    text-shadow: var(--shade);
    color: var(--grey);
}

#result{
    display: block;
    position: relative;
    padding-top: var(--marge);
    margin-top: var(--marge);
}

.titleResult{
    grid-column: span 3;
}

.issueResult{
    grid-column: span 1;
}

.authorsResult{
    grid-column: span 2;
}