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;
    padding-top: var(--marge);
}

.audioWrap{
    display: block;
    position: relative;
    height: fit-content;
    white-space: none;
       grid-column: span 4;
        grid-column-start: 6;
}

.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: 1;
    padding-top: 0;
    line-height: 1.3;
    width: 100%;
    grid-column-end: 5;
    
}


.lienSpot{
    display: block;
    font-family: sans;
    margin-top: calc( 2 * var(--marge));
    text-decoration: underline 1px solid;
}


@media (orientation:portrait){

    main{
        margin-top: var(--headerH);
    }

    .wrap{
        display: block;
    }

    iframe{
        width: 100% !important;
        display: block;
    }

    .title{
        grid-column: span 6;
    }

    .duree{
        grid-column: span 1;
        display: none;
    }

    .statut{
        grid-column: span 1;
    }



}