:root{
    --main-primary-color: #161832;
    --main-secondary-color: #53A1FF;
}

body {
    font-family: Roboto, sans-serif;
    text-decoration: black;
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
        monospace;
}

div.fiche h1, div.fiche h2, div.fiche h3, div.fiche h4, div.fiche h5, div.fiche h6 {
    padding: 0;
    margin: 0;
}

div.fiche {
    display: grid;
    grid-template: 5% 1fr / 70% 30%;
    border: var(--main-primary-color);
    border-style: solid;
    background-color: #e7eaef;
}

div.header {
    grid-row: 1;
    grid-column: 1/3;
    background-color: var(--main-primary-color);
    color: white;
    display: flex;
    padding-left: 20px;
}

div.header > h2.header-title {
    display: flex;
    align-items: center;
}
div.header > h2.header-title > p {
    padding-left: 20px;
    margin: 0;
}
div.header > h2.header-title > img {
    padding-left: 20px;
    width: 20px;
}

div.fiche-informations {
    grid-row: 2;
    grid-column: 1;
    margin-right: 10px;
}

div.carto {
    grid-row: 2;
    grid-column: 2;
    display: block;
    margin: 0px 5px 5px 0px;
}