#container{
    width: 60%;
    margin-left: 18%;
    padding: 2%;
    background: white;
    border-left: grey solid 1px;
    border-right: grey solid 1px;
    border-bottom: grey solid 1px;
}

#lien_container{
    width:98%;
    padding: 1%;
    border-bottom: solid grey 1px;
}

#doc_container{
    width:98%;
    padding: 1%;
}

.lien_info, .doc_info{
    font-style: italic;
    color:grey;
    display: none;
}

.doc{
  display: inline-block;
  width: 48%;
  vertical-align: top;
}

.doc>img, .lien>img{
    height:20px;
}

.lien>a{
    /* text-decoration: none; */
    color: #24478f;
}

.doc>a{
    text-decoration: none;
}

.doc_button{
    position: relative;
    display: inline-flex;
    width:fit-content;
    width: calc(100% - 150px);
    text-align: left;
    color: white;
    padding: 10px;
    padding-right: 30px;
    background: #24478f;
    cursor: pointer;
    margin-bottom: 10px;
}

.doc_button>img{
    position: absolute;
    right:10px;
    height:1.2em;
}