/* Bandes de couleur avec pseudo-éléments */
.content-section {
    position: relative;
    padding: 3rem 0;
}

.content-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    height: 100%;
    z-index: -1;
}

.section-podcasts{
    padding-bottom: 120px !important;
}
/* Couleurs alternées */
.section-podcasts::before { background-color: #007bff00; }

.section-fm::before { background-color: #007bff00; }
.section-gutenberg::before { background-color: #FFFBF4; }

.section-categories::before {
    background-color: #A7E65A !important;

    background-repeat: repeat;
    background-size: auto;
}

.wave-transition {
    position: relative;
    height: 120px;
    margin: 0;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: hidden;
    
    /* Monter la vague pour qu'elle chevauche la section du dessus */
    margin-top: -120px;
    
    /* MÊME TEXTURE QUE LA SECTION */
    background-color: #A7E65A;
  /*  background-image: url('../images/15278.png');*/
    background-repeat: repeat;
    background-size: auto;
    
    /* Masque avec la forme de la vague */
    -webkit-mask: url('../images/wave-bottom.svg') no-repeat center center;
    mask: url('../images/wave-bottom.svg') no-repeat center center;
    -webkit-mask-size: cover;
    mask-size: cover;
}