#addElem .a .fichier img{width: 31px; height: 36px;}
.fichier{text-align: center; margin-top:65px; position: relative;}
.fichier a{display: block; text-decoration: none;position: relative;}
.fichier a::before{z-index:2; display: block; margin: auto; width: 31px; height: 36px;text-decoration: none; margin-bottom: 10px; position: absolute; bottom:100%; left:50%;  content:""; background-color: #000;
  -webkit-mask: url(_img/ico.svg) no-repeat center;
  mask: url(_img/ico.svg) no-repeat center; transform: translateX(-50%)}
.fichier a::after{ content:""; z-index:3; display: block; margin: auto; width: 55px;text-decoration: none; margin-bottom: 10px; position: absolute; bottom:100%; left:50%; font-family: courier, monospace;font-size: 11px; text-transform: uppercase;}
.fichier a[href$=".pdf"]::before{ background-color: #b30606; transform:translateX(-100%)}
.fichier a[href$=".pdf"]::after { transform: translate(0, 10px); text-align: left; content: ".pdf";  color: #b30606;}
.fichier a[href$=".xls"]::after { transform: translate(0, 10px); text-align: left; content: ".xls";  color: #36bf33;}
.fichier a[href$=".xlsx"]::after{ transform: translate(0, 10px); text-align: left; content: ".xlsx"; color: #36bf33;}
.fichier a[href$=".xls"]::before, .fichier a[href$=".xlsx"]::before{ background-color: #36bf33; transform:translateX(-100%)}
.fichier a[href$=".doc"]::after { transform: translate(0, 10px); text-align: left;content: ".doc";  color: #3354bf;}
.fichier a[href$=".docx"]::after{ transform: translate(0, 10px); text-align: left;content: ".docx"; color: #3354bf;}
.fichier a[href$=".doc"]::before, .fichier a[href$=".docx"]::before{ background-color: #3354bf; transform:translateX(-100%)}
.fichier a[href$=".ppt"]::after { transform: translate(0, 10px); text-align: left;content: ".ppt";  color: #ffae00;}
.fichier a[href$=".pptx"]::after{ transform: translate(0, 10px); text-align: left;content: ".pptx"; color: #ffae00;}
.fichier a[href$=".ppt"]::before, .fichier a[href$=".pptx"]::before{ background-color: #ffae00; transform:translateX(-100%)}
.fichier a[href$=".zip"]::after { transform: translate(0, 10px); text-align: left; content: ".rar";}
.fichier a[href$=".rar"]::after { transform: translate(0, 10px); text-align: left; content: ".zip";}
