@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.div-header-ressource {
    height: 46px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 3px #00000040;
    opacity: 1;
    display: flex;
}

.div-child-header-ressource {
    height: 34px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #222F3E;
    opacity: 1;
    font-size: 13.5px;
    margin-top: 13.5px;
}

.active-res {
    opacity: 1;
    border-bottom: solid 6px #268BFD;
    letter-spacing: 0.3px;
    color: #222F3E;
    font-weight: bold;
}

.svg-img {
    margin-top: -3px;
    margin-right: 10px;
}