body {
    font-family: 'spartanMB-light';
    font-size: 16px;
    line-height: 1.4;
    background-color: white;
}


@media (max-width: 1440px) {
    body {
        font-size: 15px;
    }
}

@media (max-width: 992px) {
    body {
        font-size: 14px;
        line-height: 1.2;
    }
}



.ptMajuscule {
    font-variant: small-caps;
}

.logo-smart {
    margin-top: 1em;
}


.logo-smart a {
    font-size: 2em;
    color: white;
    text-decoration: none;
}

.logo-smart a:hover {
    color: white;
    text-decoration: none;
}


.divMenuHaut {
    background-image: url('../Images/fndMenu.png');
    background-size: cover;
    font-family: 'kingthings';
    line-height: 1.2;
    font-size: 2.5em;
}


.divMenuHaut a {
    color: white;    
    text-decoration: none;
}

@media (max-width: 1440px) {
    .divMenuHaut a {
        font-size: .9em;
    }
}

@media (max-width: 992px) {
    .divMenuHaut a {
        font-size: .8em;
    }
}



.divFndPageFixe {
    z-index: 500;
    position: fixed;
    top: 5em;
    height: 70em;
    left: 0px;
    width: 100%;
/*    border-color: red;
    border-width: 2px;
    border-style: double;*/
}

.divFndPageFixe {
    background-repeat: no-repeat;
    background-position-x: 0em;
    background-position-y: -2em;
    background-size: 100% auto;
    background-color: #323033;
}


@media (max-width: 1440px) {
    .divFndPageFixe {
        background-position-x: -4em;
        background-size: 113% auto;
    }
}


@media (max-width: 1200px) {
    .divFndPageFixe {
        background-size: 140% auto;
    }
}


@media (max-width: 992px) {
    .divFndPageFixe {
        background-position-x: -4em;
        background-position-y: 0em;
        background-size: 160% auto;
    }
}



@media (max-width: 768px) {
    .divFndPageFixe {
        top: 2em;
        background-position-x: 0em;
        background-position-y: 0em;
        background-size: 168% auto;
    }
}




.fndHome {
    background-image: url('../Images/FndGuitareHome.jpg');
}


.divResume {
    background-image: url('../Images/fndCitation.png');
    background-color: #012f60;
    background-position-x: -60px;
    background-position-y: -50px;
    background-repeat: no-repeat;
    background-size: 120% 120%;
}

@media (max-width: 768px) {
    .divResume {
        background-position-x: -5em;
        background-position-y: -5em;
        background-size: 150% 150%;
    }
}



.divResume p {
    margin: 5em;
    margin-top: 3em;
    margin-bottom: 1em !important;
    font-size: 1.25em;
    color: white;
}


@media (max-width: 1200px) {
    .divResume p {
        margin: 3em;        
    }
}



@media (max-width: 768px) {
    .divResume p {
        margin: 1em;
    }
}



    .divResume hr {
        margin-left: 7em;
        margin-right: 7em;
        color: white;
        opacity: .5;
    }

.divResume a {
    color: white;
    text-decoration: none;
    font-style: italic;
}

@media (max-width: 992px) {
    .divResume #linkSuiteBio {
        display: none;
    }
}

@media (min-height: 900px) {
    .divResume #linkSuiteBio {
        display: none;
    }
}




    .divContenu {
        background-color: #323033;
        color: white;
    }

    .contenu-shadow {
        box-shadow: 0 -40px 40px 19px #323033;
    }

    .divPartenaire {
        background-image: url('../Images/NuageOmbre.png');
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        font-size: 1.25em;
        color: slategray;
        text-align: center;
    }


        .divPartenaire hr {
            height: 1px;
            width: 50%;
            text-align: center;
            margin-left: auto;
            margin-right: auto;
            opacity: .5;
        }

    .divPartenaire-titre {
        background-image: url('../Images/OmbreTitre.png');
        background-position-y: center;
        background-position-x: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        text-align: center;
    }

        .divPartenaire-titre h2 {
            font-size: 1.5em;
        }


    /* Vidéo */

    .divPanneauLarge .divFndMagique {
        filter: blur(20px);
        background-size: 100% 100%;
    }



    .fndChateau {
        background-image: url('../Images/fndChateau.jpg');
    }

    .fndDance {
        background-image: url('../Images/fndBotkineDance.jpg');
    }

    .fndGitane {
        background-image: url('../Images/fndMélogie_Gitane.jpg');
    }

    .fndObeis {
        background-image: url('../Images/fndObéis-Conforme-toi.jpg');
    }

    .fndFilleNotable {
        background-image: url('../Images/fndLa_Fille_du_Notable.jpg');
    }

    .fndVodka {
        background-image: url('../Images/fndVodka.jpg');
    }

    .fndRobe {
        background-image: url('../Images/fndRobe_de_Satin.jpg');
    }




    .divPanneauLarge .divTitre {
        background-color: #012f60;
    }

        .divPanneauLarge .divTitre p {
            font-family: 'spartanMB-regular';
            font-size: 3.5em;
            color: white;
            text-align: center;
        }


    @media (max-width: 1200px) {
        .divPanneauLarge .divTitre p {
            font-size: 2.5em;
        }
    }


    @media (max-width: 992px) {
        .divPanneauLarge .divTitre p {
            font-size: 1.5em;
        }
    }


    .divPanneauLarge .divTitreMusi p {
        font-family: 'spartanMB-regular';
        font-size: 1.2em;
    }


    .divPanneauLarge .divTitreBoutique p {
        font-size: 1.2em;
        text-align: left;
    }


    /* Concerts */

    /* init bootstrap */
    .accordion-button {
        font-size: 1em;
    }

    .fndConcerts {
        background-image: url('../Images/fndChateau.jpg');
        filter: blur(20px);
        background-size: 100% 100%;
    }

    .divListeConcerts {
        color: white;
    }

        .divListeConcerts .titreAnnee {
            padding-top: 2rem;
        }


            .divListeConcerts .titreAnnee h2 {
                font-family: 'spartanMB-regular';
                font-size: 8em;
                color: #def7ec;
                margin-left: 2rem;
                margin-top: 0rem;
                margin-bottom: 0rem;
            }

    @media (max-width: 768px) {
        .divListeConcerts .titreAnnee h2 {
            font-size: 4em;
        }
    }


    .divListeConcerts .titreConcert {
        background-color: #012f60;
        border-top-style: solid;
        border-bottom-style: solid;
        border-color: white;
        border-width: 1px;
        padding-top: 1rem;
        padding-bottom: 0rem;
    }


        .divListeConcerts .titreConcert:first-child {
            border-width: 2px;
        }


        .divListeConcerts .titreConcert p {
            font-family: 'spartanMB-regular';
            font-size: 3em;
            color: #def7ec;
            margin-left: 1rem;
            margin-top: 0;
            margin-bottom: .5rem;
        }

    @media (max-width: 768px) {
        .divListeConcerts .titreConcert p {
            font-size: 1.5em;
        }
    }


    #divConfirmPaiement .divMessageCheckOut p {
        line-height: 2;
        color: midnightblue;
        font-size: 1.2em;
    }