/*******************************************************************************
 * .dossier-historique-
 *******************************************************************************/

.dossier-historique-Area_date {
    grid-area: date;
    padding: 7px 0;
    text-align: center;
    background-image: url("../images/demi-haut.png"), url("../images/demi-bas.png");
    background-position: top center, bottom center;
    background-repeat: no-repeat;
}

.dossier-historique-Area_chapeau {
    grid-area: chapeau;
    padding-top: 2px;
    padding-bottom: 25px;
}

.dossier-historique-Area_bas {
    grid-area: bas;
    background-image: url("../images/filet.png");
    background-position: top center;
    background-repeat: repeat-y;
}

.dossier-historique-Date {
    display: inline-block;
    padding: 3px 5px;
    background-color: var(--april-couleur-fond-leger);
    border-color: var(--april-couleur-filet-soutenu);
    border-width: 1px;
    border-style: solid;
    font-size: 0.8rem;
    font-family: monospace;
}

.dossier-historique-Intro {
    padding-bottom: 25px;
    border-bottom-color: var(--april-couleur-filet);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-top: 10px;
}

.dossier-historique-Item {
    display: grid;
    grid-template-areas:    "date chapeau"
    "bas chapeau";
    grid-template-columns: max-content 1fr;
    grid-template-rows: auto 1fr;
    column-gap: 30px;
}

.dossier-historique-Item:first-child
.dossier-historique-Area_date {
    background-image: url("../images/demi-bas.png");
    background-position: bottom center;
    background-repeat: no-repeat;
}

.dossier-historique-Item:last-child .dossier-historique-Area_bas {
    background-image: url("../images/fin.png"), url("../images/filet.png");
    background-position: bottom center, top center;
    background-repeat: no-repeat, repeat-y;
}

.dossier-historique-Item:last-child .dossier-historique-Area_chapeau {
    padding-bottom: 70px;
}

.dossier-historique-Liste {
    margin-bottom: 30px;
}

.dossier-historique-Plaidoyer {
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    border-color: var(--april-couleur-fond-soutenu);
    border-radius: 4px;
    padding: 2px 4px;
    font-size: 0.8rem;
}

.dossier-historique-Plaidoyers {
    margin-top: 15px;
}


.dossier-historique-Titre {
    margin-top: 0;
    font-size: 1.3rem;
}