:root { --currentColor: var(--vert); }


/* INTRO ---------------------------------------- */
    #intro{
        justify-content: center;
        height: fit-content;
    }

    #intro > * {
        text-align: center;
    }
    #intro > div time, 
    #intro > div p {
        display: inline-flex;
        width: fit-content;
        margin-right: 1rem;
    }
                

/* SECTION BASE ------------------------------- */ 
main section {
    width: 100%;
    padding: var(--padding);
}
details[open] summary, details div {
    background-color: var(--blanc);
  }
/* LARGEUR MAX ------------------------------- */ 
#article > *:not(.block-type-quote, .block-type-gallery) {
    max-width: 45rem;
    margin-left: auto;
    margin-right: auto;
}
/* ARTICLE */
#article {
    padding-top: calc(var(--padding)*2);
}
#article > *:not(.block-type-quote, .block-type-gallery) {
    max-width: 45rem;
    margin-left: auto;
    margin-right: auto;
}
#article > figure,
#article .block-type-quote, 
#article .block-type-gallery {
    margin: calc(var(--padding)*2) 0;
}
#article .block-type-quote  {
    padding: 1rem 0;
    border-top: 1px dotted;
    border-bottom: 1px dotted;
}
    #article .block-type-quote blockquote {
        border-left: none;

    }
        #article .block-type-quote blockquote > p {
            font-size: var(--t2);
            text-align: center;
            align-self: center;
        }
        #article .block-type-quote blockquote > footer {
            align-self: center;
        }

        .accordion-poster {
            display: block;
            padding: 1rem;
            background-color: var(--blanc);
        }

/* GALLERY*/
#article .block-type-gallery {
    padding-top: var(--padding);
    border-top: var(--border);
}

.block-type-gallery figure ul {
    scrollbar-color: var(--currentColor) transparent ;
    border-bottom: 1px dashed var(--currentColor);
  }

    /* Scrollbar thumb Pour Chrome */
    .block-type-gallery figure ul::-webkit-scrollbar-thumb {
      background: var(--currentColor) ;
    }


  p:first-of-type.categorie {
    margin: 0 auto var(--padding) auto;
    font-size: var(--fs-m);
    padding: .25rem 1rem .35rem 1rem;
    border-radius: 1rem;
    border: none;
    display: block;
    color: var(--blanc);
    background-color: var(--currentColor);
    width: fit-content;
  }


  .layout .blocks > *:not(blockquote:only-child) {
    max-width: 50ch;
    margin-right: auto;
    margin-left: auto;
  }


@media screen and (min-width: 1024px) {   
/* MAIN ---------------------------------------------- */
#navbar + main, 
#navbar + div.scroller main {
    padding-top: 0;
}

/* SECTION INTRO ---------------------------------------------- */
    #intro {
        min-height: calc(100vh - var(--hauteurMenu)*2 - var(--padding));
        align-content: start;
    }

    /* Bloc 1 : titree  */
    .titre {
        display: inline-flex;
        flex-wrap: nowrap;
    }
        .titre span {
            font-size: var(--t3);
            margin: 0 .15rem .2em 0;
            width: fit-content;
            vertical-align: middle;
        }
        .titre span:after {
            content: " →";
            white-space: pre;
        }
/* ARTICLES ---------------------------------------------------- */
details:hover summary {
    background-color: var(--blanc);
  }

}