/******************************************************************************/
/*                          compOperationsMarketing                           */
/******************************************************************************/

.compOperationsMarketing {
    display: block;
}

#sceneRegion .compOperationsMarketing {
    display: none;
}

@media screen and (min-width: 768px) {
    #pageRechercheEspritMusique#tousConcerts.pageEtape .compOperationsMarketing {
        display: block;
    }

    #sceneRegion .compOperationsMarketing {
        display: none;
    }

    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants {
        height: auto;
    }

    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .bottomContentComposants {}

    #pageAccueil .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing {
        display: block;
    }

    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing {
        width: 980px !important;
        background-position: center center !important;
        margin: 20px auto 0;
        position: relative;
        clear: both;
        height: 300px !important;
        max-height: 215px;
        overflow: hidden;
        border-radius: 10px;
    }

    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing>div {
        display: none !important;
    }

    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing>div h2 {
        background-color: var(--gray-Primary-color);
        padding: 10px 15px 5px 15px;
        position: absolute;
        top: 196px;
        width: 96.8%;
    }

    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing>div p {
        background-color: var(--gray-Primary-color);
        padding: 5px 15px;
        position: absolute;
        top: 234px;
        width: 96.8%;
    }

    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing>div span {
        background-color: var(--gray-Primary-color);
        padding: 10px 15px;
        display: block;
        width: 96.8%;
        position: absolute;
        top: 260px;
    }
}

@media screen and (max-width: 960px) {
    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing {
        background-size: 100% auto !important;
        clear: both;
        width: 99% !important;
        height: auto !important;
        min-height: 190px;
        background-attachment: fixed;
    }

    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants {
        width: 100% !important;
    }
}


@media screen and (max-width: 767px) {
    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants {
        width: 100% !important;
    }
}

@media screen and (max-width: 759px) {
    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing {
        background-size: 100% auto !important;
        clear: both;
        width: 100% !important;
        height: auto !important;
        min-height: 205px;
        background-attachment: fixed;
    }

    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants {
        width: 100% !important;
    }
}


@media screen and (max-width: 490px) {
    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing {
        background-size: 100% auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 148px;
        background-attachment: fixed;
    }

    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants {
        width: 100% !important;
    }
}

@media screen and (max-width: 400px) {
    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing {
        background-size: 100% auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 106px;
        background-attachment: fixed;
    }

    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants {
        width: 100% !important;
    }
}

@media screen and (max-width: 320px) {
    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing {
        clear: both;
        height: auto !important;
        width: 100% !important;
        background-size: 320px auto !important;
    }
}