/* Block CSS */
.historic .picto{
    width:80px;
}
.historic{
    position: relative;
}
.historic::before{
    content:"";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--darkblue);
    position:absolute;
    left: 50%;
    top:0;
}
.historic .item{
    position: relative;
    background-color: var(--blanc);
    border-bottom: 1px dashed var(--darkblue)
}
.historic .date{
    font-weight: bold;
    font-size:1.5rem;
}
.historic .picto img{
    object-fit: contain
}
@media screen and (min-width:1200px){
    .historic .picto{
        width:120px;
    }
    .historic .date{
        font-size:1.75rem;
    }
}

/* Plan du site */
.plan-du-site{
    text-align: left;
}
.plan-du-site__title{
    font-size: 1.25rem;
    font-weight: bold;
    color: var(--darkblue);
    border-bottom: 2px solid var(--jaune);
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}
.plan-du-site__list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.plan-du-site__list li{
    padding: 0.25rem 0;
}
.plan-du-site__list li a{
    color: var(--noir);
    font-size: 0.95rem;
}
.plan-du-site__list li a:hover{
    color: var(--vert);
}
.plan-du-site__list ul{
    list-style: none;
    padding-left: 1.25rem;
    margin: 0.25rem 0;
}
.plan-du-site__list ul li a{
    font-size: 0.875rem;
    color: var(--darkblue);
}
.plan-du-site__list ul li::before{
    content: "— ";
    color: var(--jaune);
}

.bloc-lien-images .ttl{
    top:10%;
    left: 5%;
    height: auto;
    font-weight: bold;
    font-size:2rem;
    text-shadow:0 0 5px rgba(0,0,0,.7)
}
.bloc-lien-images a{
    color: var(--blanc);
    border-radius:1rem;
    overflow: clip
}
.bloc-lien-images a .filtre{
    background-color: rgba(0,0,0,.25);
    opacity:0;
    transition: opacity 0.2s ease;
}
.bloc-lien-images a:hover .filtre{
    opacity:1;
}