/* page INDEX */

nav#liste-chansons .infos-vinyle h1 {
    font-weight: 600;
    font-size: 2em;
    margin-bottom: 30px;
    text-shadow: 0 7px 10px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.22);
}

#index #main {
    padding: 80px;
}

#index .video video {
    width: 100%;
    max-width: 450px;
    margin-bottom: 25px;
    margin-right: 30px;
}

#index .video p {
    display: inline-block;
    width: 100%;
    max-width: 330px;
    vertical-align: top;
}

#index #main .info {
    line-height: 1.3;
}

#index #main .info.un {
    font-weight: 400;
    font-size: 1.15em;
    color: var(--couleur-1);;
}

#index #main .info.deux {
    margin-top: 40px;
    font-size: 0.9em;
    text-align: justify;
    text-justify: inter-word;
    line-height: 1.5;
}

#index #main .info p {
    margin-bottom: 20px;
}

#index #main .info span {
    font-weight: 600;
    font-style: italic;
    font-size: 0.94em;
}

#index #main .info a {
    font-weight: 600;
    font-style: italic;
    font-size: 0.94em;
    color: var(--couleur-1);;
}

#index #main .info p.citation {
    font-style: italic;
    color: var(--couleur-1);
    font-size: 1.1em;
    line-height: 1.4
}

#index #main .info.un p.citation {
    color: black;
    margin-bottom: 20px;
    font-size: 0.90em;
}

#index #main .info.un p.citation .signature {
    font-size: 0.85em;
    display: inline-block;
    margin-top: 12px;
}

#index #main .info .signature {
    text-align: right;
}

#index #main .ensemble-covers {
    margin-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;            
}

    #index #main .ensemble-covers .cover {
        width: 50%;
        cursor: pointer;
    }

    #index #main .ensemble-covers .cover.avant {
        margin-right: 35px;
        
    }    

    #index #main .ensemble-covers .cover img {
        -webkit-box-shadow: 0 8px 20px rgba(0,0,0,0.30), 0 8px 6px rgba(0,0,0,0.22);
                box-shadow: 0 8px 20px rgba(0,0,0,0.30), 0 8px 6px rgba(0,0,0,0.22);
    }

    #index #main .ensemble-covers .cover.zoom {
        position: absolute;
        z-index: 101;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background-color:rgba(0,0,0,0.9);
    }

    #index #main .ensemble-covers .cover.zoom img {
        max-width: 80%;
        max-height: 80%;

    }