/* liste actualités + infos-travaux */
.liste-filtres { margin: 2.5rem 0 5rem; }
.liste-filtres-col { max-width: 35vw; }
.liste-filtres-titre { max-width: 12em; }
.liste-wrapper, .fiche-wrapper { margin-bottom:3.3rem; }
.liste-wrapper { font-size: 1.25rem; }
.liste-wrapper .row { --bs-gutter-x: 2.5rem; --bs-gutter-y: 2.6875rem; }
.liste-wrapper:not(.liste-travaux) .liste-item h3 { margin: 0 0 0.25em; font-size: 150%; line-height: 1; font-weight: 600; color: var(--primary); text-transform: none; }
.liste-wrapper:not(.liste-travaux) .liste-item h4 { margin: 0 0 1em; font-size: 100%; line-height: 1; font-weight: 400; color: var(--secondary); }
.liste-wrapper:not(.liste-travaux) .liste-item p { margin: 0 0 1em; font-size: 100%; line-height: 1.2; }
.liste-wrapper:not(.liste-travaux) .liste-item strong { font-weight: 700; }

.liste-wrapper.liste-travaux .liste-item h3 { margin: 0 0 0.25em; line-height: 1; }
.liste-wrapper.liste-travaux .liste-item h4 { margin: 0 0 1em; font-weight: 600; color: var(--secondary); }
.liste-wrapper.liste-travaux .liste-item p { line-height: 1.2; }
.liste-wrapper.liste-travaux .liste-item .echeancier { margin-bottom: 1rem; }

.liste-wrapper .date, section.fiche .date {
    position: relative;
    display: block;
    font-weight: 400;
    color: var(--accent);
    font-style: normal;
    padding-left: 2rem;
    margin-top: 0.5em;
}
.liste-wrapper .date .icon-calendrier, section.fiche .date .icon-calendrier {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.liste-wrapper .extrait {
    margin-bottom:0;
}

/* pagination */
.pagenavi {
    position:relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 1.563rem; /* 25px */
    margin-top:5rem;
    margin-bottom:2rem;
} 
.pagenavi:before {
    position: absolute;
    content:"";
    height:1px;
    width:500px;
    max-width:100%;
    display: block;
    border:none;
    border-top: 1px dotted #9CB79C;
    top:-1.5rem;
    clear:both;
}   
.pagenavi a, .pagenavi .page-numbers, .pagenavi .current {
    padding: 0.25rem 0.75rem; 
    margin: 0.313rem;
    text-decoration: none;
}
.pagenavi a, .pagenavi .page-numbers {
    color: var(--primary);
    background-color: inherit;  
}
.pagenavi a.next {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    color: var(--blanc);
    background-color: var(--primary);
    width: 2em;
    height: 2em;
    font-size: 0.75em;
    line-height: 2em;
    padding: 1.28rem; 
    margin: 0;
}
.pagenavi a:hover, .pagenavi .current, .pagenavi a.next:hover { 
    color: var(--blanc);
    background-color: var(--accent);
}

/* fiche actualités + infos-travaux */
.fiche-wrapper { margin-bottom:3.3rem; }

body:not(.single-info_travaux) .fiche #filariane { margin-bottom:1.75rem; }

.autres { padding:5rem 3rem; }


/* fiche infos-travaux */
.fiche-contenu {
    width:60%;
    padding-right: 3.125rem;
}
body.single-info_travaux .fiche-contenu h2 { 
    color: var(--secondary); 
}
.fiche-sidebar {
    background: var(--rose-champagne);
    position: relative;
    padding: 2.5rem 3.125rem 0;
    width:40%;
    max-width:42.438rem;
    height: fit-content;
    font-size:1.375rem; /* 22px */
    line-height:1.688rem; /* 27px */
}
.fiche-sidebar h6 {
    display: block;
}
.fiche-sidebar p, .fiche-sidebar ul {
    font-size:1.375rem; /* 22px */
    line-height:1.688rem; /* 27px */
    margin-bottom: 2.5rem;
}
.fiche-sidebar .btn {
    margin-bottom: 3.5rem;
}
.fiche-sidebar .liste-item-img {
    margin: 0 -3.125rem;
}
.fiche-sidebar .liste-item-img img {
    width: 100%;
}



/* media queries */

/* MAX */

@media (max-width: 87.49875rem) { /* 1399px/16 - XXL- */
	.liste-filtres-col, .liste-filtres-titre { max-width: none; }
	.liste-wrapper { font-size: 1.125rem; }
	.liste-wrapper .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 1.75rem; }	
}

@media (max-width: 74.938rem) { /* 1199px/16 - XL- */
    .liste-wrapper.liste-travaux .liste-item h3 { font-size: 150%; line-height: 1; }
    .liste-wrapper.liste-travaux .liste-item h4 { font-size: 100%; line-height: 1; }
    .liste-wrapper.liste-travaux .liste-item p { font-size: 100%; line-height: 1.2; }

    .fiche-wrapper { 
        margin-bottom:2.5rem;
    }
    .fiche-contenu {
        width:100%;
        padding-right: 0;
    }
    .fiche-sidebar {
        padding: 1.875rem 1.875rem 0;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin-top: 2.5rem;
    }
    .fiche-sidebar .btn {
        margin-bottom: 2.5rem;
    }
    .fiche-sidebar .liste-item-img {
        margin: 0 -1.875rem;
    }
}

@media (max-width: 61.938rem) { /* 991px/16 - LG- */
    .fiche-wrapper { 
        padding-top:2rem;
        margin-bottom:2rem;
    }
    .fiche-sidebar {
        padding: 1.25rem 1.25rem 0;
        margin-top: 2rem;
    }
    .fiche-sidebar .btn {
        margin-bottom: 2rem;
    }
    .fiche-sidebar .liste-item-img {
        margin: 0 -1.25rem;
    }
}

@media (max-width: 47.938rem) { /* 767px/16 - MD */
	.liste-filtres { margin: 0 0 2.5rem; }
}

@media (max-width: 35.938rem) { /* 575px/16 - SM- */
	.liste-wrapper { font-size: 1rem; }
    .liste-wrapper .date { padding-left: 1.3rem; }
    .pagenavi { font-size: 1.125rem; /* 18px */ }
    .pagenavi a.next { padding: 1rem; }
    .autres { padding:3rem 1rem; }

    .fiche-sidebar p, .fiche-sidebar ul {
        font-size: 1.219rem;
        line-height: 1.2;
    }
}