header{
    border-bottom: 1px solid white;
}

.podcast{
    display: block;
    border-bottom: 1px solid white;
    font-size: var(--fsS);
    padding: var(--marge);
}

.podcastInfo{
    display: grid;
    cursor: pointer;
    grid-template-columns: repeat(8, 1fr)
}

.podContent{
    display: grid;
    grid-template-rows: 0fr;
     transition: grid-template-rows 0.3s;
}

.podContent.open{
    grid-template-rows: 1fr;
}

.content{
    overflow: hidden;
    display: grid;
}

.wrap{
    grid-template-columns: repeat(8, 1fr);
    display: grid;
}

.audioWrap{
    display: block;
    position: relative;
    margin: var(--marge);
    margin-top: 100px;
    height: 200px;
    background-color: lime;
}

.number{
    grid-column: span 1;
}
.title{
    grid-column: span 3;
}

.duree{
    grid-column: span 2;
    color: var(--grey);
}

.statut{
    text-align: right;
    grid-column: span 2;
}

.sClose::after{
    content:  "▶";
}

.sOpen::after{
    content:  "▼";
}


.podTexte{
    padding: var(--marge) 0;
    font-family: sabon;
    grid-column-start: 2;
    grid-column-end: 5;
    
}